Platform Kit for Nextjs and Supabase

Install it

Source

1'use client'
2 
3import { zodResolver } from '@hookform/resolvers/zod'
4import { useEffect, useRef } from 'react'
5import { useForm } from 'react-hook-form'
6import type { z, ZodTypeAny } from 'zod'
7 
8import { Button } from '@/registry/default/components/ui/button'
9import {
10  Form,
11  FormControl,
12  FormDescription,
13  FormField,
14  FormItem,
15  FormLabel,
16  FormMessage,
17} from '@/registry/default/components/ui/form'
18import { Input } from '@/registry/default/components/ui/input'
19import {
20  Select,
21  SelectContent,
22  SelectItem,
23  SelectTrigger,
24  SelectValue,
25} from '@/registry/default/components/ui/select'
26import { Switch } from '@/registry/default/components/ui/switch'
27 
28interface DynamicFormProps<T extends z.ZodRawShape = z.ZodRawShape> {
29  schema: z.ZodObject<T>
30  onSubmit: (data: z.infer<z.ZodObject<T>>) => void
31  isLoading?: boolean
32  initialValues?: Partial<z.infer<z.ZodObject<T>>>
33  labels?: Record<string, string | { label: string; options?: Record<string, string> }>
34  columnInfo?: Record<string, { data_type: string; is_nullable: boolean }>
35}
36 
37const getZodDef = (schema: ZodTypeAny): Record<string, any> =>
38  (schema as any)._def || (schema as any).def
39 
40const unwrapZodType = (fieldSchema: ZodTypeAny): ZodTypeAny => {
41  if (
42    !fieldSchema ||
43    typeof getZodDef(fieldSchema) !== 'object' ||
44    getZodDef(fieldSchema) === null
45  ) {
46    throw new Error(
47      `unwrapZodType received an invalid Zod schema object. Check the console for the problematic schema/key.`
48    )
49  }
50  let currentSchema = fieldSchema
51 
52  // Support both old (typeName) and new (type) Zod formats
53  const getTypeName = (def: Record<string, any>) => def.typeName || def.type
54 
55  while (
56    getTypeName(getZodDef(currentSchema)) === 'ZodOptional' ||
57    getTypeName(getZodDef(currentSchema)) === 'optional' ||
58    getTypeName(getZodDef(currentSchema)) === 'ZodDefault' ||
59    getTypeName(getZodDef(currentSchema)) === 'default' ||
60    getTypeName(getZodDef(currentSchema)) === 'ZodNullable' ||
61    getTypeName(getZodDef(currentSchema)) === 'nullable' ||
62    getTypeName(getZodDef(currentSchema)) === 'ZodEffects' ||
63    getTypeName(getZodDef(currentSchema)) === 'effects'
64  ) {
65    const typeName = getTypeName(getZodDef(currentSchema))
66    if (typeName === 'ZodEffects' || typeName === 'effects') {
67      // For ZodEffects, get the schema inside the effect
68      currentSchema = getZodDef(currentSchema).schema
69    } else {
70      currentSchema = getZodDef(currentSchema).innerType
71    }
72  }
73// … truncated

What it pulls in

npm packages

• @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

Other registry items

• alert
• badge
• button
• card
• chart
• command
• dialog
• drawer
• form
• hover-card
• input
• label
• popover
• select
• skeleton
• switch
• table
• toggle
• toggle-group
• tooltip

Files it writes

• registry/default/platform/platform-kit-nextjs/app/api/ai/sql/route.ts
• registry/default/platform/platform-kit-nextjs/app/api/supabase-proxy/[...path]/route.ts
• registry/default/platform/platform-kit-nextjs/components/dynamic-form.tsx
• registry/default/platform/platform-kit-nextjs/components/logo-supabase.tsx
• registry/default/platform/platform-kit-nextjs/components/results-table.tsx
• registry/default/platform/platform-kit-nextjs/components/sql-editor.tsx
• registry/default/platform/platform-kit-nextjs/components/supabase-manager/auth.tsx
• registry/default/platform/platform-kit-nextjs/components/supabase-manager/database.tsx
• registry/default/platform/platform-kit-nextjs/components/supabase-manager/index.tsx
• registry/default/platform/platform-kit-nextjs/components/supabase-manager/logs.tsx
• registry/default/platform/platform-kit-nextjs/components/supabase-manager/secrets.tsx
• registry/default/platform/platform-kit-nextjs/components/supabase-manager/storage.tsx
• registry/default/platform/platform-kit-nextjs/components/supabase-manager/suggestions.tsx
• registry/default/platform/platform-kit-nextjs/components/supabase-manager/users.tsx
• registry/default/platform/platform-kit-nextjs/components/users-growth-chart.tsx
• registry/default/platform/platform-kit-nextjs/hooks/use-auth.ts
• registry/default/platform/platform-kit-nextjs/hooks/use-logs.ts
• registry/default/platform/platform-kit-nextjs/hooks/use-run-query.ts
• registry/default/platform/platform-kit-nextjs/hooks/use-secrets.ts
• registry/default/platform/platform-kit-nextjs/hooks/use-storage.ts
• registry/default/platform/platform-kit-nextjs/hooks/use-suggestions.ts
• registry/default/platform/platform-kit-nextjs/hooks/use-tables.ts
• registry/default/platform/platform-kit-nextjs/hooks/use-user-counts.ts
• registry/default/platform/platform-kit-nextjs/lib/logs.ts
• registry/default/platform/platform-kit-nextjs/lib/management-api-schema.d.ts
• registry/default/platform/platform-kit-nextjs/lib/management-api.ts
• registry/default/platform/platform-kit-nextjs/lib/pg-meta/sql.ts
• registry/default/platform/platform-kit-nextjs/lib/pg-meta/index.ts
• registry/default/platform/platform-kit-nextjs/lib/pg-meta/types.ts
• registry/default/platform/platform-kit-nextjs/lib/schemas/auth.ts
• registry/default/platform/platform-kit-nextjs/lib/schemas/secrets.ts
• registry/default/platform/platform-kit-nextjs/contexts/SheetNavigationContext.tsx