Files
supabase/apps/ui-library/public/r/registry.json
Tiago Antunes b79a64e301 feat: add Realtime Flow component (#44273)
## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

## What kind of change does this PR introduce?

Feature, docs update

## What is the new behavior?

This PR introduces a new `RealtimeFlow` component and hook to the UI
library for building collaborative React Flow with Supabase Realtime:
- keeps nodes and edges in sync across multiple connected clients in
real time
- uses Yjs with `@supabase-labs/y-supabase` to propagate flow updates
- supports optional persistence, so a flow can be restored from
previously saved shared state

## Additional context


https://github.com/user-attachments/assets/90d3a381-6f9c-427f-a493-5d91c2141462



<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Collaborative "Realtime Flow" diagram editor with syncing overlays and
a dual-view demo component
* Interactive demo page and registry example for live editing
(add/remove/rename nodes)
* Framework-ready registry packages for Next.js, React, React Router,
and TanStack

* **Documentation**
* Comprehensive docs added for Next.js, React, React Router, and
TanStack (usage, persistence, hook API)

* **Chores**
  * Added runtime dependency for the flow component package

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/44273)
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-05-26 13:28:52 +03:00

2695 lines
93 KiB
JSON

{
"$schema": "https://ui.shadcn.com/schema/registry.json",
"name": "Supabase UI Library",
"homepage": "https://supabase.com/ui",
"items": [
{
"name": "password-based-auth-nextjs",
"type": "registry:block",
"title": "Password Based Auth flow for Nextjs and Supabase",
"description": "Password Based Auth flow for Nextjs and Supabase",
"registryDependencies": [
"button",
"card",
"input",
"label"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/password-based-auth-nextjs/app/auth/login/page.tsx",
"type": "registry:page",
"target": "app/auth/login/page.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/app/auth/error/page.tsx",
"type": "registry:page",
"target": "app/auth/error/page.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/app/protected/page.tsx",
"type": "registry:page",
"target": "app/protected/page.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/app/auth/confirm/route.ts",
"type": "registry:page",
"target": "app/auth/confirm/route.ts"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/components/login-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/middleware.ts",
"type": "registry:file",
"target": "middleware.ts"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/app/auth/sign-up/page.tsx",
"type": "registry:page",
"target": "app/auth/sign-up/page.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/app/auth/sign-up-success/page.tsx",
"type": "registry:page",
"target": "app/auth/sign-up-success/page.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/components/sign-up-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/app/auth/forgot-password/page.tsx",
"type": "registry:page",
"target": "app/auth/forgot-password/page.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/app/auth/update-password/page.tsx",
"type": "registry:page",
"target": "app/auth/update-password/page.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/components/forgot-password-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/components/update-password-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-nextjs/components/logout-button.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"name": "password-based-auth-react",
"type": "registry:block",
"title": "Password Based Auth flow for React and Supabase",
"description": "Password Based Auth flow for React and Supabase",
"registryDependencies": [
"button",
"card",
"input",
"label"
],
"files": [
{
"path": "registry/default/blocks/password-based-auth-react/components/login-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-react/components/sign-up-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-react/components/forgot-password-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-react/components/update-password-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"dependencies": [
"@supabase/supabase-js@latest"
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"name": "password-based-auth-react-router",
"type": "registry:block",
"title": "Password Based Auth flow for React Router and Supabase",
"description": "Password Based Auth flow for React Router and Supabase",
"registryDependencies": [
"button",
"card",
"input",
"label"
],
"dependencies": [
"@supabase/ssr@latest",
"@react-router/dev@latest",
"@react-router/fs-routes@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes/auth.confirm.tsx",
"type": "registry:file",
"target": "app/routes/auth.confirm.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes/auth.error.tsx",
"type": "registry:file",
"target": "app/routes/auth.error.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes/forgot-password.tsx",
"type": "registry:file",
"target": "app/routes/forgot-password.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes/login.tsx",
"type": "registry:file",
"target": "app/routes/login.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes/logout.tsx",
"type": "registry:file",
"target": "app/routes/logout.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes/protected.tsx",
"type": "registry:file",
"target": "app/routes/protected.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes/sign-up.tsx",
"type": "registry:file",
"target": "app/routes/sign-up.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes/update-password.tsx",
"type": "registry:file",
"target": "app/routes/update-password.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-react-router/app/routes.ts",
"type": "registry:file",
"target": "app/routes.ts"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"name": "password-based-auth-tanstack",
"type": "registry:block",
"title": "Password Based Auth flow for tanstack and Supabase",
"description": "Password Based Auth flow for tanstack and Supabase",
"registryDependencies": [
"button",
"card",
"input",
"label"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/login.tsx",
"type": "registry:file",
"target": "routes/login.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/auth/error.tsx",
"type": "registry:file",
"target": "routes/auth/error.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/_protected.tsx",
"type": "registry:file",
"target": "routes/_protected.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/_protected/protected.tsx",
"type": "registry:file",
"target": "routes/_protected/protected.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/auth/confirm.ts",
"type": "registry:file",
"target": "routes/auth/confirm.ts"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/components/login-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/sign-up.tsx",
"type": "registry:file",
"target": "routes/sign-up.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/sign-up-success.tsx",
"type": "registry:file",
"target": "routes/sign-up-success.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/components/sign-up-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/forgot-password.tsx",
"type": "registry:file",
"target": "routes/forgot-password.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/routes/update-password.tsx",
"type": "registry:file",
"target": "routes/update-password.tsx"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/components/forgot-password-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/components/update-password-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/password-based-auth-tanstack/lib/supabase/fetch-user-server-fn.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"name": "social-auth-nextjs",
"type": "registry:block",
"title": "Social Auth flow for Nextjs and Supabase",
"description": "Social Auth flow for Nextjs and Supabase",
"registryDependencies": [
"button",
"card"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/social-auth-nextjs/app/auth/login/page.tsx",
"type": "registry:page",
"target": "app/auth/login/page.tsx"
},
{
"path": "registry/default/blocks/social-auth-nextjs/app/auth/error/page.tsx",
"type": "registry:page",
"target": "app/auth/error/page.tsx"
},
{
"path": "registry/default/blocks/social-auth-nextjs/app/protected/page.tsx",
"type": "registry:page",
"target": "app/protected/page.tsx"
},
{
"path": "registry/default/blocks/social-auth-nextjs/app/auth/oauth/route.ts",
"type": "registry:page",
"target": "app/auth/oauth/route.ts"
},
{
"path": "registry/default/blocks/social-auth-nextjs/components/login-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/social-auth-nextjs/middleware.ts",
"type": "registry:file",
"target": "middleware.ts"
},
{
"path": "registry/default/blocks/social-auth-nextjs/components/logout-button.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"name": "social-auth-react",
"type": "registry:block",
"title": "Social Auth flow for React and Supabase",
"description": "Social Auth flow for React and Supabase",
"registryDependencies": [
"button",
"card"
],
"files": [
{
"path": "registry/default/blocks/social-auth-react/components/login-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"dependencies": [
"@supabase/supabase-js@latest"
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"name": "social-auth-react-router",
"type": "registry:block",
"title": "Social Auth flow for React Router and Supabase",
"description": "Social Auth flow for React Router and Supabase",
"registryDependencies": [
"button",
"card"
],
"dependencies": [
"@supabase/ssr@latest",
"@react-router/dev@latest",
"@react-router/fs-routes@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/social-auth-react-router/app/routes/auth.error.tsx",
"type": "registry:file",
"target": "app/routes/auth.error.tsx"
},
{
"path": "registry/default/blocks/social-auth-react-router/app/routes/auth.oauth.tsx",
"type": "registry:file",
"target": "app/routes/auth.oauth.tsx"
},
{
"path": "registry/default/blocks/social-auth-react-router/app/routes/login.tsx",
"type": "registry:file",
"target": "app/routes/login.tsx"
},
{
"path": "registry/default/blocks/social-auth-react-router/app/routes/logout.tsx",
"type": "registry:file",
"target": "app/routes/logout.tsx"
},
{
"path": "registry/default/blocks/social-auth-react-router/app/routes/protected.tsx",
"type": "registry:file",
"target": "app/routes/protected.tsx"
},
{
"path": "registry/default/blocks/social-auth-react-router/app/routes.ts",
"type": "registry:file",
"target": "app/routes.ts"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"name": "social-auth-tanstack",
"type": "registry:block",
"title": "Social Auth flow for TanStack and Supabase",
"description": "Social Auth flow for TanStack and Supabase",
"registryDependencies": [
"button",
"card"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/social-auth-tanstack/components/login-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/social-auth-tanstack/lib/supabase/fetch-user-server-fn.ts",
"type": "registry:lib"
},
{
"path": "registry/default/blocks/social-auth-tanstack/routes/_protected.tsx",
"type": "registry:file",
"target": "routes/_protected.tsx"
},
{
"path": "registry/default/blocks/social-auth-tanstack/routes/_protected/protected.tsx",
"type": "registry:file",
"target": "routes/_protected/protected.tsx"
},
{
"path": "registry/default/blocks/social-auth-tanstack/routes/auth/error.tsx",
"type": "registry:file",
"target": "routes/auth/error.tsx"
},
{
"path": "registry/default/blocks/social-auth-tanstack/routes/auth/oauth.ts",
"type": "registry:file",
"target": "routes/auth/oauth.ts"
},
{
"path": "registry/default/blocks/social-auth-tanstack/routes/login.tsx",
"type": "registry:file",
"target": "routes/login.tsx"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "dropzone-nextjs",
"type": "registry:component",
"title": "Dropzone (File Upload)",
"description": "Displays a control for easier uploading of files directly to Supabase Storage.",
"registryDependencies": [
"button"
],
"dependencies": [
"react-dropzone",
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/dropzone/components/dropzone.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/dropzone/hooks/use-supabase-upload.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "dropzone-react",
"type": "registry:component",
"title": "Dropzone (File Upload)",
"description": "Displays a control for easier uploading of files directly to Supabase Storage.",
"registryDependencies": [
"button"
],
"dependencies": [
"react-dropzone",
"lucide-react",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/dropzone/components/dropzone.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/dropzone/hooks/use-supabase-upload.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "dropzone-react-router",
"type": "registry:component",
"title": "Dropzone (File Upload)",
"description": "Displays a control for easier uploading of files directly to Supabase Storage.",
"registryDependencies": [
"button"
],
"dependencies": [
"react-dropzone",
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/dropzone/components/dropzone.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/dropzone/hooks/use-supabase-upload.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "dropzone-tanstack",
"type": "registry:component",
"title": "Dropzone (File Upload)",
"description": "Displays a control for easier uploading of files directly to Supabase Storage.",
"registryDependencies": [
"button"
],
"dependencies": [
"react-dropzone",
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/dropzone/components/dropzone.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/dropzone/hooks/use-supabase-upload.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-cursor-nextjs",
"type": "registry:component",
"title": "Realtime Cursor",
"description": "Component which renders realtime cursors from other users in a room.",
"registryDependencies": [],
"dependencies": [
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-cursor/components/cursor.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-cursor/components/realtime-cursors.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-cursor/hooks/use-realtime-cursors.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-cursor-react",
"type": "registry:component",
"title": "Realtime Cursor",
"description": "Component which renders realtime cursors from other users in a room.",
"registryDependencies": [],
"dependencies": [
"lucide-react",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-cursor/components/cursor.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-cursor/components/realtime-cursors.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-cursor/hooks/use-realtime-cursors.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-cursor-react-router",
"type": "registry:component",
"title": "Realtime Cursor",
"description": "Component which renders realtime cursors from other users in a room.",
"registryDependencies": [],
"dependencies": [
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-cursor/components/cursor.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-cursor/components/realtime-cursors.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-cursor/hooks/use-realtime-cursors.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-cursor-tanstack",
"type": "registry:component",
"title": "Realtime Cursor",
"description": "Component which renders realtime cursors from other users in a room.",
"registryDependencies": [],
"dependencies": [
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-cursor/components/cursor.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-cursor/components/realtime-cursors.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-cursor/hooks/use-realtime-cursors.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "current-user-avatar-nextjs",
"type": "registry:component",
"title": "Current User Avatar",
"description": "Component which renders the current user's avatar.",
"registryDependencies": [
"avatar"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/current-user-avatar/components/current-user-avatar.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-name.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-image.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "current-user-avatar-react",
"type": "registry:component",
"title": "Current User Avatar",
"description": "Component which renders the current user's avatar.",
"registryDependencies": [
"avatar"
],
"dependencies": [
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/current-user-avatar/components/current-user-avatar.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-name.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-image.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "current-user-avatar-react-router",
"type": "registry:component",
"title": "Current User Avatar",
"description": "Component which renders the current user's avatar.",
"registryDependencies": [
"avatar"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/current-user-avatar/components/current-user-avatar.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-name.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-image.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "current-user-avatar-tanstack",
"type": "registry:component",
"title": "Current User Avatar",
"description": "Component which renders the current user's avatar.",
"registryDependencies": [
"avatar"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/current-user-avatar/components/current-user-avatar.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-name.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-image.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-avatar-stack-nextjs",
"type": "registry:component",
"title": "Avatar Stack with Realtime Presence",
"description": "Component which stack of avatars, tracked by realtime presence.",
"registryDependencies": [
"avatar",
"tooltip"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-avatar-stack/components/avatar-stack.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-avatar-stack/components/realtime-avatar-stack.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-avatar-stack/hooks/use-realtime-presence-room.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-name.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-image.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-avatar-stack-react",
"type": "registry:component",
"title": "Avatar Stack with Realtime Presence",
"description": "Component which stack of avatars, tracked by realtime presence.",
"registryDependencies": [
"avatar",
"tooltip"
],
"dependencies": [
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-avatar-stack/components/avatar-stack.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-avatar-stack/components/realtime-avatar-stack.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-avatar-stack/hooks/use-realtime-presence-room.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-name.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-image.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-avatar-stack-react-router",
"type": "registry:component",
"title": "Avatar Stack with Realtime Presence",
"description": "Component which stack of avatars, tracked by realtime presence.",
"registryDependencies": [
"avatar",
"tooltip"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-avatar-stack/components/avatar-stack.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-avatar-stack/components/realtime-avatar-stack.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-avatar-stack/hooks/use-realtime-presence-room.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-name.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-image.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-avatar-stack-tanstack",
"type": "registry:component",
"title": "Avatar Stack with Realtime Presence",
"description": "Component which stack of avatars, tracked by realtime presence.",
"registryDependencies": [
"avatar",
"tooltip"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-avatar-stack/components/avatar-stack.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-avatar-stack/components/realtime-avatar-stack.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-avatar-stack/hooks/use-realtime-presence-room.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-name.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/current-user-avatar/hooks/use-current-user-image.ts",
"type": "registry:hook"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-chat-nextjs",
"type": "registry:component",
"title": "Realtime Chat",
"description": "Component which renders realtime chat messages from other users in a room.",
"registryDependencies": [
"input",
"button"
],
"dependencies": [
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-chat/components/chat-message.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-chat/components/realtime-chat.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-chat/hooks/use-realtime-chat.tsx",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-chat/hooks/use-chat-scroll.tsx",
"type": "registry:hook"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-chat-react",
"type": "registry:component",
"title": "Realtime Chat",
"description": "Component which renders realtime chat messages from other users in a room.",
"registryDependencies": [
"input",
"button"
],
"dependencies": [
"lucide-react",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-chat/components/chat-message.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-chat/components/realtime-chat.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-chat/hooks/use-realtime-chat.tsx",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-chat/hooks/use-chat-scroll.tsx",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-chat-react-router",
"type": "registry:component",
"title": "Realtime Chat",
"description": "Component which renders realtime chat messages from other users in a room.",
"registryDependencies": [
"input",
"button"
],
"dependencies": [
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-chat/components/chat-message.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-chat/components/realtime-chat.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-chat/hooks/use-realtime-chat.tsx",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-chat/hooks/use-chat-scroll.tsx",
"type": "registry:hook"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-chat-tanstack",
"type": "registry:component",
"title": "Realtime Chat",
"description": "Component which renders realtime chat messages from other users in a room.",
"registryDependencies": [
"input",
"button"
],
"dependencies": [
"lucide-react",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-chat/components/chat-message.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-chat/components/realtime-chat.tsx",
"type": "registry:component"
},
{
"path": "registry/default/blocks/realtime-chat/hooks/use-realtime-chat.tsx",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-chat/hooks/use-chat-scroll.tsx",
"type": "registry:hook"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-flow-nextjs",
"type": "registry:component",
"title": "Realtime Flow",
"description": "Real-time flow diagram editor for collaborative applications.",
"registryDependencies": [],
"dependencies": [
"@xyflow/react@latest",
"@supabase-labs/y-supabase@latest",
"y-protocols@latest",
"yjs@latest",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-flow/hooks/use-realtime-flow.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-flow/components/realtime-flow.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-flow-react",
"type": "registry:component",
"title": "Realtime Flow",
"description": "Real-time flow diagram editor for collaborative applications.",
"registryDependencies": [],
"dependencies": [
"@xyflow/react@latest",
"@supabase-labs/y-supabase@latest",
"y-protocols@latest",
"yjs@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-flow/hooks/use-realtime-flow.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-flow/components/realtime-flow.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-flow-react-router",
"type": "registry:component",
"title": "Realtime Flow",
"description": "Real-time flow diagram editor for collaborative applications.",
"registryDependencies": [],
"dependencies": [
"@xyflow/react@latest",
"@supabase-labs/y-supabase@latest",
"y-protocols@latest",
"yjs@latest",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-flow/hooks/use-realtime-flow.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-flow/components/realtime-flow.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-flow-tanstack",
"type": "registry:component",
"title": "Realtime Flow",
"description": "Real-time flow diagram editor for collaborative applications.",
"registryDependencies": [],
"dependencies": [
"@xyflow/react@latest",
"@supabase-labs/y-supabase@latest",
"y-protocols@latest",
"yjs@latest",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-flow/hooks/use-realtime-flow.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-flow/components/realtime-flow.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-monaco-nextjs",
"type": "registry:component",
"title": "Realtime Monaco",
"description": "Real-time Monaco editor for collaborative applications.",
"registryDependencies": [],
"dependencies": [
"@monaco-editor/react@latest",
"y-monaco@latest",
"yjs@latest",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-monaco/hooks/use-connect-on-mount.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-monaco/components/realtime-monaco.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-monaco-react",
"type": "registry:component",
"title": "Realtime Monaco",
"description": "Real-time Monaco editor for collaborative applications.",
"registryDependencies": [],
"dependencies": [
"@monaco-editor/react@latest",
"y-monaco@latest",
"yjs@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-monaco/hooks/use-connect-on-mount.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-monaco/components/realtime-monaco.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-monaco-react-router",
"type": "registry:component",
"title": "Realtime Monaco",
"description": "Real-time Monaco editor for collaborative applications.",
"registryDependencies": [],
"dependencies": [
"@monaco-editor/react@latest",
"y-monaco@latest",
"yjs@latest",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-monaco/hooks/use-connect-on-mount.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-monaco/components/realtime-monaco.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "realtime-monaco-tanstack",
"type": "registry:component",
"title": "Realtime Monaco",
"description": "Real-time Monaco editor for collaborative applications.",
"registryDependencies": [],
"dependencies": [
"@monaco-editor/react@latest",
"y-monaco@latest",
"yjs@latest",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/blocks/realtime-monaco/hooks/use-connect-on-mount.ts",
"type": "registry:hook"
},
{
"path": "registry/default/blocks/realtime-monaco/components/realtime-monaco.tsx",
"type": "registry:component"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "infinite-query-hook",
"type": "registry:block",
"title": "Infinite Query Hook",
"description": "React hook for infinite lists, fetching data from Supabase.",
"dependencies": [
"@supabase/supabase-js",
"@supabase/postgrest-js@*"
],
"registryDependencies": [],
"files": [
{
"path": "registry/default/blocks/infinite-query-hook/hooks/use-infinite-query.ts",
"type": "registry:hook"
}
]
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "tanstack-db-nextjs",
"type": "registry:block",
"title": "TanStack DB for Next.js and Supabase",
"description": "TanStack DB integration with Supabase collections for type-safe database operations",
"registryDependencies": [
"button",
"input",
"label",
"sheet"
],
"dependencies": [
"supa-tdb-collection@latest",
"zod@latest",
"@tanstack/db@latest",
"@tanstack/react-db@latest",
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
}
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "supabase-client-nextjs",
"type": "registry:lib",
"title": "Supabase Client for Next.js",
"description": "",
"registryDependencies": [],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"docs": "You'll need to set the following environment variables in your project: `NEXT_PUBLIC_SUPABASE_URL` and `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NEXT_PUBLIC_SUPABASE_URL": "",
"NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
},
"files": [
{
"path": "registry/default/clients/nextjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/middleware.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nextjs/lib/supabase/server.ts",
"type": "registry:lib"
}
]
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "supabase-client-react",
"type": "registry:lib",
"title": "Supabase Client for React",
"description": "",
"registryDependencies": [],
"dependencies": [
"@supabase/supabase-js@latest"
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
},
"files": [
{
"path": "registry/default/clients/react/lib/supabase/client.ts",
"type": "registry:lib"
}
]
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "supabase-client-react-router",
"type": "registry:lib",
"title": "Supabase Client for React Router",
"description": "",
"registryDependencies": [],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
},
"files": [
{
"path": "registry/default/clients/react-router/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/react-router/lib/supabase/server.ts",
"type": "registry:lib"
}
]
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "supabase-client-tanstack",
"type": "registry:lib",
"title": "Supabase Client for TanStack Start",
"description": "",
"registryDependencies": [],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
},
"files": [
{
"path": "registry/default/clients/tanstack/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/tanstack/lib/supabase/server.ts",
"type": "registry:lib"
}
]
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "platform-kit-nextjs",
"type": "registry:block",
"title": "Platform Kit for Nextjs and Supabase",
"description": "Platform Kit for Nextjs and Supabase",
"registryDependencies": [
"alert",
"badge",
"button",
"card",
"chart",
"command",
"dialog",
"drawer",
"form",
"hover-card",
"input",
"label",
"popover",
"select",
"skeleton",
"switch",
"table",
"toggle",
"toggle-group",
"tooltip"
],
"dependencies": [
"@hookform/resolvers",
"@monaco-editor/react",
"@tanstack/react-query",
"@tanstack/react-table",
"axios",
"cmdk",
"common-tags",
"openai",
"openapi-fetch",
"react-hook-form",
"react-markdown",
"recharts",
"sonner"
],
"files": [
{
"path": "registry/default/platform/platform-kit-nextjs/app/api/ai/sql/route.ts",
"type": "registry:page",
"target": "app/api/ai/sql/route.ts"
},
{
"path": "registry/default/platform/platform-kit-nextjs/app/api/supabase-proxy/[...path]/route.ts",
"type": "registry:page",
"target": "app/api/supabase-proxy/[...path]/route.ts"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/dynamic-form.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/logo-supabase.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/results-table.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/sql-editor.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/supabase-manager/auth.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/supabase-manager/database.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/supabase-manager/index.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/supabase-manager/logs.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/supabase-manager/secrets.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/supabase-manager/storage.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/supabase-manager/suggestions.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/supabase-manager/users.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/components/users-growth-chart.tsx",
"type": "registry:component"
},
{
"path": "registry/default/platform/platform-kit-nextjs/hooks/use-auth.ts",
"type": "registry:hook"
},
{
"path": "registry/default/platform/platform-kit-nextjs/hooks/use-logs.ts",
"type": "registry:hook"
},
{
"path": "registry/default/platform/platform-kit-nextjs/hooks/use-run-query.ts",
"type": "registry:hook"
},
{
"path": "registry/default/platform/platform-kit-nextjs/hooks/use-secrets.ts",
"type": "registry:hook"
},
{
"path": "registry/default/platform/platform-kit-nextjs/hooks/use-storage.ts",
"type": "registry:hook"
},
{
"path": "registry/default/platform/platform-kit-nextjs/hooks/use-suggestions.ts",
"type": "registry:hook"
},
{
"path": "registry/default/platform/platform-kit-nextjs/hooks/use-tables.ts",
"type": "registry:hook"
},
{
"path": "registry/default/platform/platform-kit-nextjs/hooks/use-user-counts.ts",
"type": "registry:hook"
},
{
"path": "registry/default/platform/platform-kit-nextjs/lib/logs.ts",
"type": "registry:lib"
},
{
"path": "registry/default/platform/platform-kit-nextjs/lib/management-api-schema.d.ts",
"type": "registry:lib"
},
{
"path": "registry/default/platform/platform-kit-nextjs/lib/management-api.ts",
"type": "registry:lib"
},
{
"path": "registry/default/platform/platform-kit-nextjs/lib/pg-meta/sql.ts",
"type": "registry:lib"
},
{
"path": "registry/default/platform/platform-kit-nextjs/lib/pg-meta/index.ts",
"type": "registry:lib"
},
{
"path": "registry/default/platform/platform-kit-nextjs/lib/pg-meta/types.ts",
"type": "registry:lib"
},
{
"path": "registry/default/platform/platform-kit-nextjs/lib/schemas/auth.ts",
"type": "registry:lib"
},
{
"path": "registry/default/platform/platform-kit-nextjs/lib/schemas/secrets.ts",
"type": "registry:lib"
},
{
"path": "registry/default/platform/platform-kit-nextjs/contexts/SheetNavigationContext.tsx",
"type": "registry:component",
"target": "contexts/SheetNavigationContext.tsx"
}
]
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "supabase-client-nuxtjs",
"type": "registry:lib",
"title": "Supabase Client for Nuxt.js",
"description": "",
"registryDependencies": [],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"docs": "You'll need to set the following environment variables in your project: `NUXT_PUBLIC_SUPABASE_URL` and `NUXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"NUXT_PUBLIC_SUPABASE_URL": "",
"NUXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY": ""
},
"files": [
{
"path": "registry/default/clients/nuxtjs/lib/supabase/client.ts",
"type": "registry:lib"
},
{
"path": "registry/default/clients/nuxtjs/server/middleware/is-authenticated.ts",
"type": "registry:file",
"target": "server/middleware/is-authenticated.ts"
},
{
"path": "registry/default/clients/nuxtjs/server/api/profile.get.ts",
"type": "registry:file",
"target": "server/api/profile.get.ts"
},
{
"path": "registry/default/clients/nuxtjs/server/supabase/client.ts",
"type": "registry:file",
"target": "server/supabase/client.ts"
}
]
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "supabase-client-vue",
"type": "registry:lib",
"title": "Supabase Client for Vue",
"description": "",
"registryDependencies": [],
"dependencies": [
"@supabase/supabase-js@latest"
],
"docs": "You'll need to set the following environment variables in your project: `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`.",
"envVars": {
"VITE_SUPABASE_URL": "",
"VITE_SUPABASE_PUBLISHABLE_KEY": ""
},
"files": [
{
"path": "registry/default/clients/vue/lib/supabase/client.ts",
"type": "registry:lib"
}
]
},
{
"name": "password-based-auth-nuxtjs",
"type": "registry:block",
"title": "Password Based Auth flow for Nuxt.js and Supabase",
"description": "Password Based Auth flow for Nuxt.js and Supabase",
"registryDependencies": [
"button",
"card",
"input",
"label"
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
],
"files": [
{
"path": "registry/default/password-based-auth/nuxtjs/app/components/login-form.vue",
"type": "registry:file",
"target": "app/components/login-form.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/components/sign-up-form.vue",
"type": "registry:file",
"target": "app/components/sign-up-form.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/components/forgot-password-form.vue",
"type": "registry:file",
"target": "app/components/forgot-password-form.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/components/update-password-form.vue",
"type": "registry:file",
"target": "app/components/update-password-form.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/pages/auth/login.vue",
"type": "registry:file",
"target": "app/pages/auth/login.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/pages/auth/sign-up.vue",
"type": "registry:file",
"target": "app/pages/auth/sign-up.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/pages/auth/forgot-password.vue",
"type": "registry:file",
"target": "app/pages/auth/forgot-password.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/pages/auth/update-password.vue",
"type": "registry:file",
"target": "app/pages/auth/update-password.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/pages/auth/error.vue",
"type": "registry:file",
"target": "app/pages/auth/error.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/pages/auth/sign-up-success.vue",
"type": "registry:file",
"target": "app/pages/auth/sign-up-success.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/app/pages/protected/index.vue",
"type": "registry:file",
"target": "app/pages/protected/index.vue"
},
{
"path": "registry/default/password-based-auth/nuxtjs/server/routes/auth/confirm.get.ts",
"type": "registry:file",
"target": "server/routes/auth/confirm.get.ts"
}
]
},
{
"name": "password-based-auth-vue",
"type": "registry:block",
"title": "Password Based Auth flow for Vue and Supabase",
"description": "Password Based Auth flow for Vue and Supabase",
"registryDependencies": [
"button",
"card",
"input",
"label"
],
"files": [
{
"path": "registry/default/password-based-auth/vue/components/login-form.vue",
"type": "registry:component",
"target": "components/login-form.vue"
},
{
"path": "registry/default/password-based-auth/vue/components/sign-up-form.vue",
"type": "registry:component",
"target": "components/sign-up-form.vue"
},
{
"path": "registry/default/password-based-auth/vue/components/forgot-password-form.vue",
"type": "registry:component",
"target": "components/forgot-password-form.vue"
},
{
"path": "registry/default/password-based-auth/vue/components/update-password-form.vue",
"type": "registry:component",
"target": "components/update-password-form.vue"
}
],
"dependencies": [
"@supabase/supabase-js@latest"
]
},
{
"name": "social-auth-vue",
"type": "registry:block",
"title": "Social Auth flow for Vue and Supabase",
"description": "Social Auth flow for Vue and Supabase",
"registryDependencies": [
"button",
"card"
],
"files": [
{
"path": "registry/default/social-auth/vue/components/login-form.vue",
"type": "registry:component",
"target": "components/login-form.vue"
}
],
"dependencies": [
"@supabase/supabase-js@latest"
]
},
{
"name": "social-auth-nuxtjs",
"type": "registry:block",
"title": "Social Auth flow for Nuxt and Supabase",
"description": "Social Auth flow for Nuxt and Supabase",
"registryDependencies": [
"button",
"card",
"input",
"label"
],
"files": [
{
"path": "registry/default/social-auth/nuxtjs/app/components/login-form.vue",
"type": "registry:file",
"target": "app/components/login-form.vue"
},
{
"path": "registry/default/social-auth/nuxtjs/app/components/logout-button.vue",
"type": "registry:file",
"target": "app/components/logout-button.vue"
},
{
"path": "registry/default/social-auth/nuxtjs/app/pages/auth/login.vue",
"type": "registry:file",
"target": "app/pages/auth/login.vue"
},
{
"path": "registry/default/social-auth/nuxtjs/app/pages/auth/error.vue",
"type": "registry:file",
"target": "app/pages/auth/error.vue"
},
{
"path": "registry/default/social-auth/nuxtjs/app/pages/protected/index.vue",
"type": "registry:file",
"target": "app/pages/protected/index.vue"
},
{
"path": "registry/default/social-auth/nuxtjs/server/middleware/auth.ts",
"type": "registry:file",
"target": "server/middleware/auth.ts"
},
{
"path": "registry/default/social-auth/nuxtjs/server/routes/auth/oauth.ts",
"type": "registry:file",
"target": "server/routes/auth/oauth.ts"
}
],
"dependencies": [
"@supabase/ssr@latest",
"@supabase/supabase-js@latest"
]
},
{
"name": "dropzone-nuxtjs",
"type": "registry:block",
"title": "Dropzone (File Upload) for Nuxt and Supabase",
"description": "Displays a control for easier uploading of files directly to Supabase Storage.",
"registryDependencies": [
"button"
],
"files": [
{
"path": "registry/default/dropzone/nuxtjs/app/components/dropzone.vue",
"type": "registry:component",
"target": "app/components/dropzone.vue"
},
{
"path": "registry/default/dropzone/nuxtjs/app/components/dropzone-empty-state.vue",
"type": "registry:component",
"target": "app/components/dropzone-empty-state.vue"
},
{
"path": "registry/default/dropzone/nuxtjs/app/components/dropzone-content.vue",
"type": "registry:component",
"target": "app/components/dropzone-content.vue"
},
{
"path": "registry/default/dropzone/nuxtjs/app/composables/useSupabaseUpload.ts",
"type": "registry:component",
"target": "app/composables/useSupabaseUpload.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest",
"@vueuse/core",
"lucide-vue-next"
]
},
{
"name": "dropzone-vue",
"type": "registry:block",
"title": "Dropzone (File Upload) for Vue and Supabase",
"description": "Displays a control for easier uploading of files directly to Supabase Storage.",
"registryDependencies": [
"button"
],
"files": [
{
"path": "registry/default/dropzone/vue/components/dropzone.vue",
"type": "registry:component",
"target": "components/dropzone.vue"
},
{
"path": "registry/default/dropzone/vue/components/dropzone-empty-state.vue",
"type": "registry:component",
"target": "components/dropzone-empty-state.vue"
},
{
"path": "registry/default/dropzone/vue/components/dropzone-content.vue",
"type": "registry:component",
"target": "components/dropzone-content.vue"
},
{
"path": "registry/default/dropzone/vue/composables/useSupabaseUpload.ts",
"type": "registry:component",
"target": "composables/useSupabaseUpload.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest",
"@vueuse/core",
"lucide-vue-next"
]
},
{
"name": "realtime-cursor-nuxtjs",
"type": "registry:component",
"title": "Realtime Cursor for Nuxt and Supabase",
"description": "Component which renders realtime cursors from other users in a room.",
"files": [
{
"path": "registry/default/realtime-cursor/nuxtjs/app/components/cursor.vue",
"type": "registry:component",
"target": "app/components/cursor.vue"
},
{
"path": "registry/default/realtime-cursor/nuxtjs/app/components/realtime-cursors.vue",
"type": "registry:component",
"target": "app/components/realtime-cursors.vue"
},
{
"path": "registry/default/realtime-cursor/nuxtjs/app/composables/useRealtimeCursors.ts",
"type": "registry:component",
"target": "app/composables/useRealtimeCursors.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest",
"@vueuse/core",
"lucide-vue-next"
]
},
{
"name": "realtime-cursor-vue",
"type": "registry:component",
"title": "Realtime Cursor for Vue and Supabase",
"description": "Component which renders realtime cursors from other users in a room.",
"files": [
{
"path": "registry/default/realtime-cursor/vue/components/cursor.vue",
"type": "registry:component",
"target": "components/cursor.vue"
},
{
"path": "registry/default/realtime-cursor/vue/components/realtime-cursors.vue",
"type": "registry:component",
"target": "components/realtime-cursors.vue"
},
{
"path": "registry/default/realtime-cursor/vue/composables/useRealtimeCursors.ts",
"type": "registry:component",
"target": "composables/useRealtimeCursors.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest",
"@vueuse/core",
"lucide-vue-next"
]
},
{
"name": "current-user-avatar-nuxtjs",
"type": "registry:block",
"title": "Current User Avatar",
"description": "Component which renders the current user's avatar.",
"registryDependencies": [
"avatar"
],
"files": [
{
"path": "registry/default/current-user-avatar/nuxtjs/app/components/current-user-avatar.vue",
"type": "registry:component",
"target": "app/components/current-user-avatar.vue"
},
{
"path": "registry/default/current-user-avatar/nuxtjs/app/composables/useCurrentUserName.ts",
"type": "registry:component",
"target": "app/composables/useCurrentUserName.ts"
},
{
"path": "registry/default/current-user-avatar/nuxtjs/app/composables/useCurrentUserImage.ts",
"type": "registry:component",
"target": "app/composables/useCurrentUserImage.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest"
]
},
{
"name": "current-user-avatar-vue",
"type": "registry:block",
"title": "Current User Avatar",
"description": "Component which renders the current user's avatar.",
"registryDependencies": [
"avatar"
],
"files": [
{
"path": "registry/default/current-user-avatar/vue/components/current-user-avatar.vue",
"type": "registry:component",
"target": "components/current-user-avatar.vue"
},
{
"path": "registry/default/current-user-avatar/vue/composables/useCurrentUserName.ts",
"type": "registry:component",
"target": "composables/useCurrentUserName.ts"
},
{
"path": "registry/default/current-user-avatar/vue/composables/useCurrentUserImage.ts",
"type": "registry:component",
"target": "composables/useCurrentUserImage.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest"
]
},
{
"name": "realtime-avatar-stack-nuxtjs",
"type": "registry:block",
"title": "Realtime Avatar Stack",
"description": "Component which stack of avatars, tracked by realtime presence.",
"registryDependencies": [
"avatar",
"tooltip"
],
"files": [
{
"path": "registry/default/realtime-avatar-stack/nuxtjs/app/components/realtime-avatar-stack.vue",
"type": "registry:component",
"target": "app/components/realtime-avatar-stack.vue"
},
{
"path": "registry/default/realtime-avatar-stack/nuxtjs/app/components/avatar-stack.vue",
"type": "registry:component",
"target": "app/components/avatar-stack.vue"
},
{
"path": "registry/default/realtime-avatar-stack/nuxtjs/app/composables/useCurrentUserImage.ts",
"type": "registry:component",
"target": "app/composables/useCurrentUserImage.ts"
},
{
"path": "registry/default/realtime-avatar-stack/nuxtjs/app/composables/useCurrentUserName.ts",
"type": "registry:component",
"target": "app/composables/useCurrentUserName.ts"
},
{
"path": "registry/default/realtime-avatar-stack/nuxtjs/app/composables/useRealtimePresenceRoom.ts",
"type": "registry:component",
"target": "app/composables/useRealtimePresenceRoom.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest"
]
},
{
"name": "realtime-avatar-stack-vue",
"type": "registry:block",
"title": "Realtime Avatar Stack",
"description": "Component which stack of avatars, tracked by realtime presence.",
"registryDependencies": [
"avatar",
"tooltip"
],
"files": [
{
"path": "registry/default/realtime-avatar-stack/vue/components/realtime-avatar-stack.vue",
"type": "registry:component",
"target": "components/realtime-avatar-stack.vue"
},
{
"path": "registry/default/realtime-avatar-stack/vue/components/avatar-stack.vue",
"type": "registry:component",
"target": "components/avatar-stack.vue"
},
{
"path": "registry/default/realtime-avatar-stack/vue/composables/useCurrentUserImage.ts",
"type": "registry:component",
"target": "composables/useCurrentUserImage.ts"
},
{
"path": "registry/default/realtime-avatar-stack/vue/composables/useCurrentUserName.ts",
"type": "registry:component",
"target": "composables/useCurrentUserName.ts"
},
{
"path": "registry/default/realtime-avatar-stack/vue/composables/useRealtimePresenceRoom.ts",
"type": "registry:component",
"target": "composables/useRealtimePresenceRoom.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest"
]
},
{
"name": "realtime-chat-nuxtjs",
"type": "registry:block",
"title": "Realtime Chat",
"description": "Component which provides a realtime chat interface.",
"registryDependencies": [
"button",
"input"
],
"files": [
{
"path": "registry/default/realtime-chat/nuxtjs/app/components/realtime-chat.vue",
"type": "registry:component",
"target": "app/components/realtime-chat.vue"
},
{
"path": "registry/default/realtime-chat/nuxtjs/app/components/chat-message-item.vue",
"type": "registry:component",
"target": "app/components/chat-message-item.vue"
},
{
"path": "registry/default/realtime-chat/nuxtjs/app/composables/useChatScroll.ts",
"type": "registry:component",
"target": "app/composables/useChatScroll.ts"
},
{
"path": "registry/default/realtime-chat/nuxtjs/app/composables/useRealtimeChat.ts",
"type": "registry:component",
"target": "app/composables/useRealtimeChat.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest",
"lucide-vue-next@latest"
]
},
{
"name": "realtime-chat-vue",
"type": "registry:block",
"title": "Realtime Chat",
"description": "Component which provides a realtime chat interface.",
"registryDependencies": [
"button",
"input"
],
"files": [
{
"path": "registry/default/realtime-chat/vue/components/realtime-chat.vue",
"type": "registry:component",
"target": "components/realtime-chat.vue"
},
{
"path": "registry/default/realtime-chat/vue/components/chat-message-item.vue",
"type": "registry:component",
"target": "components/chat-message-item.vue"
},
{
"path": "registry/default/realtime-chat/vue/composables/useChatScroll.ts",
"type": "registry:component",
"target": "composables/useChatScroll.ts"
},
{
"path": "registry/default/realtime-chat/vue/composables/useRealtimeChat.ts",
"type": "registry:component",
"target": "composables/useRealtimeChat.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest",
"lucide-vue-next@latest"
]
},
{
"name": "infinite-query-composable",
"type": "registry:component",
"title": "Infinite Query for Vue and Supabase",
"description": "Vue Composable for infinite lists, fetching data from Supabase.",
"files": [
{
"path": "registry/default/infinite-query/vue/composables/useInfiniteQuery.ts",
"type": "registry:component",
"target": "composables/useInfiniteQuery.ts"
}
],
"dependencies": [
"@supabase/supabase-js@latest",
"@supabase/postgrest-js@*"
]
},
{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "ai-editor-rules",
"type": "registry:file",
"title": "Prompt rules for AI Editors",
"description": "Prompts for working with Supabase using AI-powered IDE tools",
"registryDependencies": [],
"dependencies": [],
"files": [
{
"path": "registry/default/ai-editor-rules/create-db-functions.mdc",
"type": "registry:file",
"target": "~/.cursor/rules/create-db-functions.mdc"
},
{
"path": "registry/default/ai-editor-rules/create-migration.mdc",
"type": "registry:file",
"target": "~/.cursor/rules/create-migration.mdc"
},
{
"path": "registry/default/ai-editor-rules/create-rls-policies.mdc",
"type": "registry:file",
"target": "~/.cursor/rules/create-rls-policies.mdc"
},
{
"path": "registry/default/ai-editor-rules/postgres-sql-style-guide.mdc",
"type": "registry:file",
"target": "~/.cursor/rules/postgres-sql-style-guide.mdc"
},
{
"path": "registry/default/ai-editor-rules/writing-supabase-edge-functions.mdc",
"type": "registry:file",
"target": "~/.cursor/rules/writing-supabase-edge-functions.mdc"
},
{
"path": "registry/default/ai-editor-rules/use-realtime.mdc",
"type": "registry:file",
"target": "~/.cursor/rules/use-realtime.mdc"
}
]
}
]
}