mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 20:35:07 +03:00
Sean OliverandCharis Lam
6bbe2c3297
## Problem We need a local-only UI to inspect client and server telemetry events and override flags during development without touching non-local env behavior. This work is intended to be shared across Studio, Docs, and WWW. ## Changes - Introduced a shared `dev-tools` package with the Dev Telemetry Toolbar UI, trigger, and provider. - Wired the toolbar into Studio, Docs, and WWW app shells (local-only gating). - Added a local-only `devTelemetry()` opt-in with storage gating and SSE subscription. - Wired client PostHog events into a local listener and re-exported types. - Added local flag override cookie support in the UI and CODEOWNERS for the new package. - Added unit tests covering local/non-local behavior and flag utilities. ## Testing Manual (local only): - Start each app locally: `pnpm dev:studio`, `pnpm dev:docs`, `pnpm dev:www` - Open the app, run `devTelemetry()` in the browser console - Click around and confirm both client and server events appear (client will be page views only) - Verify feature flag overrides (PostHog + ConfigCat) persist and restore correctly - Confirm dismissing the toolbar clears local storage and hides the trigger Unblocked by https://github.com/supabase/platform/pull/29172 Resolves GROWTH-591 Demo: [github.com/user-attachments/assets/60b376db-7440-4ada-82f5-d1bd4af4db3b](https://github.com/user-attachments/assets/60b376db-7440-4ada-82f5-d1bd4af4db3b) Screenshots: <img width="1368" height="972" alt="1" src="https://github.com/user-attachments/assets/d2f20a0c-191f-4118-bb5e-15b25f5a54a9" /> <img width="1423" height="790" alt="2" src="https://github.com/user-attachments/assets/115598e2-7287-49bf-9ed7-71ecc679dee3" /> <img width="1433" height="882" alt="3" src="https://github.com/user-attachments/assets/51f666f2-9efc-410f-baec-378bdee9dbfe" /> <img width="608" height="483" alt="4" src="https://github.com/user-attachments/assets/584d6cf5-1b2f-4cee-9e6a-d55ce2e3bae5" /> <img width="628" height="305" alt="5" src="https://github.com/user-attachments/assets/991a9b39-578a-4565-b110-537a02040a53" /> <img width="659" height="447" alt="6" src="https://github.com/user-attachments/assets/95ef405c-fffa-44af-bf6a-f974b780e3fc" /> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Developer Toolbar (local only): view client/server telemetry, inspect events, and manage/override feature flags with persistent overrides, filtering, and clear/reload. * Client-side telemetry hooks: surface structured events to dev tooling for realtime inspection. * **Bug Fixes** * Fixed end-of-file newline in shared code. * **Chores** * Added dev-tools package, integrated provider and trigger across Studio, Docs, and marketing sites, and added CODEOWNERS entry. * **Tests** * Added comprehensive tests and test setup for the DevToolbar. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com>
119 lines
3.7 KiB
JSON
119 lines
3.7 KiB
JSON
{
|
|
"name": "www",
|
|
"version": "0.0.3",
|
|
"description": "Supabase main website",
|
|
"private": true,
|
|
"scripts": {
|
|
"preinstall": "npx only-allow pnpm",
|
|
"dev": "pnpm run content:build && next --port 3000",
|
|
"build": "pnpm run content:build && next build",
|
|
"export": "next export",
|
|
"start": "next start",
|
|
"lint": "eslint .",
|
|
"clean": "rimraf node_modules",
|
|
"pretypecheck": "next typegen",
|
|
"typecheck": "pnpm run content:build && tsc --noEmit",
|
|
"content:build": "node scripts/generateStaticContent.mjs",
|
|
"postbuild": "node ./internals/generate-sitemap.mjs && ./../../scripts/upload-static-assets.sh"
|
|
},
|
|
"dependencies": {
|
|
"@bsmnt/scrollytelling": "^0.3.3",
|
|
"@code-hike/mdx": "^0.9.0",
|
|
"@codesandbox/sandpack-react": "^2.20.0",
|
|
"@hcaptcha/react-hcaptcha": "^1.12.0",
|
|
"@heroicons/react": "^1.0.6",
|
|
"@mdx-js/react": "^2.3.0",
|
|
"@next/bundle-analyzer": "15.3.1",
|
|
"@next/mdx": "15.3.1",
|
|
"@octokit/auth-app": "^7.0.0",
|
|
"@octokit/core": "^6.0.0",
|
|
"@octokit/graphql": "^8.0.0",
|
|
"@octokit/plugin-paginate-graphql": "^4.0.0",
|
|
"@octokit/rest": "^21.0.0",
|
|
"@payloadcms/live-preview-react": "^3.0.0",
|
|
"@radix-ui/react-dialog": "^1.0.5",
|
|
"@sentry/nextjs": "catalog:",
|
|
"@supabase/supabase-js": "catalog:",
|
|
"@vercel/og": "^0.6.2",
|
|
"ai-commands": "workspace:*",
|
|
"animejs": "^4.0.2",
|
|
"class-variance-authority": "^0.7.1",
|
|
"classnames": "^2.3.1",
|
|
"clsx": "^1.2.1",
|
|
"cobe": "^0.6.5",
|
|
"common": "workspace:*",
|
|
"common-tags": "^1.8.2",
|
|
"config": "workspace:*",
|
|
"dayjs": "^1.11.12",
|
|
"dev-tools": "workspace:*",
|
|
"eslint-config-supabase": "workspace:*",
|
|
"framer-motion": "^11.0.3",
|
|
"globby": "^13.2.2",
|
|
"gray-matter": "^4.0.3",
|
|
"gsap": "^3.13.0",
|
|
"icons": "workspace:*",
|
|
"lucide-react": "*",
|
|
"markdown-toc": "^1.2.0",
|
|
"mdast-util-from-markdown": "^2.0.2",
|
|
"mdast-util-gfm": "^2.0.2",
|
|
"mdast-util-mdx": "^2.0.1",
|
|
"mdast-util-mdx-jsx": "^2.1.4",
|
|
"mdast-util-to-markdown": "^1.5.0",
|
|
"micromark-extension-gfm": "^2.0.3",
|
|
"micromark-extension-mdxjs": "^1.0.1",
|
|
"next": "catalog:",
|
|
"next-mdx-remote": "^4.4.1",
|
|
"next-seo": "^6.5.0",
|
|
"next-themes": "^0.3.0",
|
|
"nuqs": "^2.8.1",
|
|
"openai": "^4.75.1",
|
|
"parse-numeric-range": "^1.3.0",
|
|
"react": "catalog:",
|
|
"react-copy-to-clipboard": "^5.1.0",
|
|
"react-countdown": "^2.3.5",
|
|
"react-dom": "catalog:",
|
|
"react-markdown": "^8.0.3",
|
|
"react-syntax-highlighter": "^15.6.6",
|
|
"react-transition-group": "^4.4.1",
|
|
"react-use": "^17.4.0",
|
|
"recharts": "catalog:",
|
|
"rehype-slug": "^5.1.0",
|
|
"remark": "^15.0.1",
|
|
"remark-gfm": "^3.0.1",
|
|
"shared-data": "workspace:*",
|
|
"swiper": "^11.0.7",
|
|
"typed.js": "^2.0.16",
|
|
"typescript": "catalog:",
|
|
"ui": "workspace:*",
|
|
"ui-patterns": "workspace:*",
|
|
"use-debounce": "^7.0.1",
|
|
"vanilla-tilt": "1.7.0",
|
|
"yup": "^1.4.0"
|
|
},
|
|
"devDependencies": {
|
|
"@babel/core": "^7.28.4",
|
|
"@hookform/resolvers": "^3.1.1",
|
|
"@types/animejs": "^3.1.12",
|
|
"@types/classnames": "^2.3.1",
|
|
"@types/common-tags": "^1.8.4",
|
|
"@types/mdast": "^4.0.4",
|
|
"@types/mdx-js__react": "^1.5.6",
|
|
"@types/parse-numeric-range": "^0.0.1",
|
|
"@types/react": "catalog:",
|
|
"@types/react-copy-to-clipboard": "^5.0.4",
|
|
"@types/react-dom": "catalog:",
|
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
"@types/three": "^0.169.0",
|
|
"@types/uuid": "^9.0.8",
|
|
"api-types": "workspace:*",
|
|
"postcss": "^8.5.3",
|
|
"react-hook-form": "^7.45.0",
|
|
"tailwindcss": "^3.4.1",
|
|
"tsconfig": "workspace:*",
|
|
"unist-util-visit-parents": "5.1.3",
|
|
"uuid": "^9.0.1",
|
|
"zod": "catalog:"
|
|
},
|
|
"license": "MIT"
|
|
}
|