Elgato_dark/data-peek
1
0
Fork 0
mirror of https://github.com/Rohithgilla12/data-peek synced 2026-04-21 21:07:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2
data-peek/apps/webapp/package.json

59 lines
1.6 KiB
JSON
Raw Normal View History

feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
{
"name": "@data-peek/webapp",
chore: release v0.19.1
2026-04-10 10:34:53 +00:00
"version": "0.19.1",
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
"private": true,
"scripts": {
"dev": "next dev --turbopack --port 3001",
"build": "next build",
"start": "next start",
"lint": "eslint .",
"typecheck": "tsc --noEmit",
"db:generate": "drizzle-kit generate",
"db:migrate": "drizzle-kit migrate",
"db:push": "drizzle-kit push",
"db:studio": "drizzle-kit studio"
},
"dependencies": {
"@clerk/nextjs": "^6.35.5",
fix(webapp): add Clerk dark theme for visible auth UI Clerk components were rendering dark text on dark background, making sign-in, user button, and other auth UI invisible. Added @clerk/themes dark base theme with matching color variables.
2026-04-06 05:15:10 +00:00
"@clerk/themes": "^2.4.57",
refactor(webapp): use @data-peek/ui shared components in data table and toolbar
2026-04-05 03:59:31 +00:00
"@data-peek/ui": "workspace:*",
feat(webapp): add Monaco SQL editor with data-peek theme
2026-04-03 07:50:42 +00:00
"@monaco-editor/react": "^4.7.0",
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
"@tanstack/react-query": "^5.75.5",
feat(webapp): add Monaco SQL editor with data-peek theme
2026-04-03 07:50:42 +00:00
"@tanstack/react-table": "^8.21.3",
"@tanstack/react-virtual": "^3.13.12",
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
"@trpc/client": "^11.1.2",
"@trpc/next": "^11.1.2",
"@trpc/react-query": "^11.1.2",
"@trpc/server": "^11.1.2",
Install and configure Vercel Web Analytics (#136) # Vercel Web Analytics Installation Report ## Summary Successfully installed and configured Vercel Web Analytics for the data-peek webapp project following the latest official Vercel documentation. ## Changes Made ### 1. Package Installation - Installed `@vercel/analytics` version 2.0.1 using pnpm - Updated `apps/webapp/package.json` to include the new dependency ### 2. Code Integration Modified `apps/webapp/src/app/layout.tsx`: - Added import: `import { Analytics } from '@vercel/analytics/next'` - Added `<Analytics />` component inside the `<body>` tag, after the main content providers ### 3. Framework-Specific Implementation - Used Next.js App Router approach as documented in Vercel's quickstart guide - Placed Analytics component in the root layout file (`app/layout.tsx`) - Component placed within `<body>` tag to ensure proper tracking across all pages ## Implementation Details The Analytics component was added to the root layout following Next.js App Router best practices: - Import from `@vercel/analytics/next` for Next.js-specific integration - Placed after the main application content to avoid interfering with the existing ClerkProvider, Providers, and NuqsAdapter wrapper hierarchy - This ensures analytics tracking is initialized for all pages in the application ## Files Modified 1. `apps/webapp/package.json` - Added @vercel/analytics dependency 2. `apps/webapp/src/app/layout.tsx` - Added Analytics import and component 3. `pnpm-lock.yaml` - Updated lockfile with new dependencies ## Next Steps for Deployment To enable analytics on Vercel: 1. Enable Web Analytics in the Vercel dashboard (Analytics section) 2. Deploy the application using `vercel deploy` 3. Verify tracking via browser Network tab (look for analytics requests) ## Notes - The project had pre-existing build issues unrelated to this change (missing @radix-ui dependencies in the UI package) - The Analytics implementation itself is correct and follows official Vercel documentation - Analytics will automatically start collecting data once deployed to Vercel with the feature enabled in the dashboard Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com>
2026-04-06 04:27:30 +00:00
"@vercel/analytics": "^2.0.1",
Install and Configure Vercel Speed Insights (#137) # Vercel Speed Insights Installation Successfully installed and configured Vercel Speed Insights for the data-peek webapp project. ## Changes Made ### 1. Package Installation - Added `@vercel/speed-insights` version ^2.0.0 to dependencies in `apps/webapp/package.json` - Updated `pnpm-lock.yaml` with the new dependency and its transitive dependencies ### 2. Component Integration - Modified `apps/webapp/src/app/layout.tsx`: - Imported `SpeedInsights` component from `@vercel/speed-insights/next` - Added `<SpeedInsights />` component inside the `<body>` tag, alongside the existing `<Analytics />` component ## Implementation Details The implementation follows the official Vercel Speed Insights quickstart documentation for Next.js App Router (v13.5+): - Used the correct Next.js-specific import path: `@vercel/speed-insights/next` - Placed the component in the root layout file at `app/layout.tsx` - Added the component inside the `<body>` tag as recommended ## Framework This project uses Next.js 16.0.7 with the App Router architecture, so the implementation uses the App Router-specific instructions from the official documentation. ## Next Steps To enable Speed Insights: 1. Deploy the application to Vercel 2. Navigate to the Vercel dashboard 3. Select Speed Insights from the sidebar 4. Choose the project and click Enable 5. After deployment, the Speed Insights script will be automatically injected at `/_vercel/speed-insights/*` 6. Once users visit the site, performance metrics will appear in the Vercel dashboard ## Notes - The existing `@vercel/analytics` package was already installed, so this addition complements the existing analytics setup - The pre-existing build errors in the codebase are unrelated to this change - they stem from missing dependencies in the shared `packages/ui` package - The SpeedInsights component is zero-bundle-size on the client and only loads the tracking script when needed Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com>
2026-04-06 13:26:16 +00:00
"@vercel/speed-insights": "^2.0.0",
Add MSSQL & edit mode support (#134) * feat(webapp): add MSSQL support, query editing, command palette, and SQL formatting Co-authored-by: Rohith <gillarohith1@gmail.com> * chore(webapp): remove MSSQL support and related code to drop database Co-authored-by: Rohith <gillarohith1@gmail.com> * fix(webapp): address review feedback for edit mode and query cancel - Cache pg_backend_pid at connect time so cancelQuery works during in-flight queries - Cache CONNECTION_ID at connect time for the same reason in MySQL adapter - Use parameterized query for SET statement_timeout in Postgres adapter - Parse SQL to extract table/schema context for edit mode instead of empty placeholders - Add MSSQL bracket identifier quoting to escapeId in edit store - Remove unused Trash2 and useQueryStore imports from edit-toolbar --------- Co-authored-by: tembo[bot] <208362400+tembo[bot]@users.noreply.github.com> Co-authored-by: Rohith <gillarohith1@gmail.com> Co-authored-by: pullfrog[bot] <226033991+pullfrog[bot]@users.noreply.github.com>
2026-04-05 16:01:22 +00:00
"cmdk": "^1.1.1",
feat(webapp): add Dexie database definition for local-first storage
2026-04-06 11:38:09 +00:00
"dexie": "^4.4.2",
"dexie-react-hooks": "^4.4.0",
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
"drizzle-orm": "^0.44.7",
feat(webapp): add tRPC with Clerk auth and connections router
2026-04-03 05:31:32 +00:00
"lucide-react": "^0.510.0",
feat(webapp): add Monaco SQL editor with data-peek theme
2026-04-03 07:50:42 +00:00
"monaco-editor": "^0.55.1",
feat(webapp): add tRPC with Clerk auth and connections router
2026-04-03 05:31:32 +00:00
"mysql2": "^3.15.3",
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
"next": "16.0.7",
feat(webapp): add column stats adapter methods and nuqs dependency
2026-04-04 16:38:03 +00:00
"nuqs": "^2.8.9",
feat(webapp): add tRPC with Clerk auth and connections router
2026-04-03 05:31:32 +00:00
"pg": "^8.16.3",
"postgres": "^3.4.7",
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
"react": "19.2.0",
"react-dom": "19.2.0",
Add MSSQL & edit mode support (#134) * feat(webapp): add MSSQL support, query editing, command palette, and SQL formatting Co-authored-by: Rohith <gillarohith1@gmail.com> * chore(webapp): remove MSSQL support and related code to drop database Co-authored-by: Rohith <gillarohith1@gmail.com> * fix(webapp): address review feedback for edit mode and query cancel - Cache pg_backend_pid at connect time so cancelQuery works during in-flight queries - Cache CONNECTION_ID at connect time for the same reason in MySQL adapter - Use parameterized query for SET statement_timeout in Postgres adapter - Parse SQL to extract table/schema context for edit mode instead of empty placeholders - Add MSSQL bracket identifier quoting to escapeId in edit store - Remove unused Trash2 and useQueryStore imports from edit-toolbar --------- Co-authored-by: tembo[bot] <208362400+tembo[bot]@users.noreply.github.com> Co-authored-by: Rohith <gillarohith1@gmail.com> Co-authored-by: pullfrog[bot] <226033991+pullfrog[bot]@users.noreply.github.com>
2026-04-05 16:01:22 +00:00
"sql-formatter": "^15.6.10",
feat(webapp): add tRPC with Clerk auth and connections router
2026-04-03 05:31:32 +00:00
"superjson": "^2.2.6",
"zod": "^3.24.4",
"zustand": "^5.0.5"
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
},
"devDependencies": {
feat(webapp): add tRPC with Clerk auth and connections router
2026-04-03 05:31:32 +00:00
"@tailwindcss/postcss": "^4",
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
"@types/node": "^22",
feat(webapp): add tRPC with Clerk auth and connections router
2026-04-03 05:31:32 +00:00
"@types/pg": "^8.15.6",
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
"@types/react": "^19",
"@types/react-dom": "^19",
"drizzle-kit": "^0.31.7",
"tailwindcss": "^4",
feat(webapp): add tRPC with Clerk auth and connections router
2026-04-03 05:31:32 +00:00
"typescript": "^5"
feat(webapp): scaffold Next.js app with Tailwind and Clerk
2026-04-03 05:24:15 +00:00
}
}
Reference in a new issue Copy permalink