@enjoys/context-engine 1.2.0 → 1.4.1

package/data/inlineCompletions/nestjs.json

@@ -0,0 +1,25 @@
+{
+  "language": "nestjs",
+  "inlineCompletions": [
+    { "triggerPattern": "^\\s*@Controller\\($", "insertText": "'${1:path}')\nexport class ${2:Name}Controller {\n\tconstructor(private readonly ${3:name}Service: ${2:Name}Service) {}\n\n\t@Get()\n\tfindAll() {\n\t\treturn this.${3:name}Service.findAll();\n\t}\n}", "description": "Controller class template", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@Injectable\\(\\)$", "insertText": "\nexport class ${1:Name}Service {\n\tconstructor() {}\n\n\t${2:// service methods}\n}", "description": "Injectable service template", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@Module\\($", "insertText": "{\n\timports: [${1}],\n\tcontrollers: [${2}],\n\tproviders: [${3}],\n\texports: [${4}],\n})\nexport class ${5:Name}Module {}", "description": "Module definition template", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@Get\\($", "insertText": "'${1:path}')\nasync ${2:findAll}(${3}): Promise<${4:any}> {\n\t${5:return [];}\n}", "description": "GET endpoint handler", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@Post\\($", "insertText": "'${1:path}')\n@HttpCode(${2:201})\nasync ${3:create}(@Body() ${4:createDto}: ${5:CreateDto}): Promise<${6:any}> {\n\t${7:return this.service.create(createDto);}\n}", "description": "POST endpoint handler", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@Put\\($", "insertText": "'${1::id}')\nasync ${2:update}(@Param('id') id: string, @Body() ${3:updateDto}: ${4:UpdateDto}): Promise<${5:any}> {\n\t${6:return this.service.update(id, updateDto);}\n}", "description": "PUT endpoint handler", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@Delete\\($", "insertText": "'${1::id}')\n@HttpCode(${2:204})\nasync ${3:remove}(@Param('id') id: string): Promise<void> {\n\t${4:return this.service.remove(id);}\n}", "description": "DELETE endpoint handler", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@UseGuards\\($", "insertText": "${1:AuthGuard})\n${2}", "description": "Guard decorator", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*canActivate\\($", "insertText": "context: ExecutionContext): boolean | Promise<boolean> | Observable<boolean> {\n\tconst request = context.switchToHttp().getRequest();\n\t${1:return true;}\n}", "description": "Guard canActivate method", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*transform\\($", "insertText": "value: ${1:any}, metadata: ArgumentMetadata): ${2:any} {\n\t${3:return value;}\n}", "description": "Pipe transform method", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*intercept\\($", "insertText": "context: ExecutionContext, next: CallHandler): Observable<${1:any}> {\n\t${2:console.log('Before...');}\n\treturn next.handle().pipe(\n\t\t${3:tap(() => console.log('After...'))}\n\t);\n}", "description": "Interceptor intercept method", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*catch\\(exception$", "insertText": ": ${1:HttpException}, host: ArgumentsHost) {\n\tconst ctx = host.switchToHttp();\n\tconst response = ctx.getResponse<Response>();\n\tconst status = exception.getStatus();\n\n\tresponse.status(status).json({\n\t\tstatusCode: status,\n\t\tmessage: exception.message,\n\t\ttimestamp: new Date().toISOString(),\n\t});\n}", "description": "Exception filter catch method", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*Test\\.createTestingModule\\($", "insertText": "{\n\timports: [${1}],\n\tcontrollers: [${2}],\n\tproviders: [${3}],\n}).compile();\n\n${4:service} = module.get<${5:Service}>(${5:Service});", "description": "Testing module setup", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@WebSocketGateway\\($", "insertText": "${1:80}, { namespace: '${2:events}' })\nexport class ${3:Name}Gateway implements OnGatewayInit, OnGatewayConnection, OnGatewayDisconnect {\n\t@WebSocketServer()\n\tserver: Server;\n\n\t@SubscribeMessage('${4:message}')\n\thandle${4:Message}(client: Socket, payload: ${5:any}): ${6:any} {\n\t\t${7:return payload;}\n\t}\n}", "description": "WebSocket gateway template", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*configure\\($", "insertText": "consumer: MiddlewareConsumer) {\n\tconsumer\n\t\t.apply(${1:LoggerMiddleware})\n\t\t.forRoutes(${2:'*'});\n}", "description": "Middleware configuration", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@Cron\\($", "insertText": "'${1:*/30 * * * * *}')\nasync ${2:handleCron}() {\n\t${3:// scheduled task}\n}", "description": "Cron job handler", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*TypeOrmModule\\.forRoot\\($", "insertText": "{\n\ttype: '${1|postgres,mysql,sqlite,mariadb,mssql|}',\n\thost: '${2:localhost}',\n\tport: ${3:5432},\n\tusername: '${4:user}',\n\tpassword: '${5:password}',\n\tdatabase: '${6:db}',\n\tentities: [${7}],\n\tsynchronize: ${8:true},\n})", "description": "TypeORM connection config", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@ApiOperation\\($", "insertText": "{ summary: '${1:Operation description}' })\n@ApiResponse({ status: ${2:200}, description: '${3:Success}' })\n${4}", "description": "Swagger operation docs", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*@Entity\\($", "insertText": "'${1:table_name}')\nexport class ${2:Name}Entity {\n\t@PrimaryGeneratedColumn()\n\tid: number;\n\n\t@Column()\n\t${3:name}: ${4:string};\n\n\t@CreateDateColumn()\n\tcreatedAt: Date;\n\n\t@UpdateDateColumn()\n\tupdatedAt: Date;\n}", "description": "TypeORM entity template", "completeBracketPairs": true },
+    { "triggerPattern": "^\\s*class\\s+\\w+Dto$", "insertText": " {\n\t@IsNotEmpty()\n\t@IsString()\n\t${1:name}: string;\n\n\t@IsOptional()\n\t@IsNumber()\n\t${2:age}?: number;\n}", "description": "DTO class with validators", "completeBracketPairs": true }
+  ]
+}

package/data/inlineCompletions/nextjs.json

@@ -0,0 +1,179 @@
+{
+  "language": "nextjs",
+  "inlineCompletions": [
+    {
+      "triggerPattern": "export\\s+default\\s+function\\s+Page",
+      "insertText": "export default function Page({\n  params,\n  searchParams\n}: {\n  params: Promise<{ slug: string }>\n  searchParams: Promise<{ [key: string]: string | string[] | undefined }>\n}) {\n  return (\n    <div>\n      <h1>Page</h1>\n    </div>\n  )\n}",
+      "description": "App Router page component template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+default\\s+function\\s+Layout",
+      "insertText": "export default function Layout({\n  children\n}: {\n  children: React.ReactNode\n}) {\n  return (\n    <div>\n      {children}\n    </div>\n  )\n}",
+      "description": "App Router layout component template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+default\\s+function\\s+RootLayout",
+      "insertText": "export default function RootLayout({\n  children\n}: {\n  children: React.ReactNode\n}) {\n  return (\n    <html lang=\"en\">\n      <body>{children}</body>\n    </html>\n  )\n}",
+      "description": "Root layout component with html and body tags",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+default\\s+function\\s+Loading",
+      "insertText": "export default function Loading() {\n  return (\n    <div className=\"flex items-center justify-center\">\n      <p>Loading...</p>\n    </div>\n  )\n}",
+      "description": "Loading component template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+default\\s+function\\s+Error",
+      "insertText": "'use client'\n\nexport default function Error({\n  error,\n  reset\n}: {\n  error: Error & { digest?: string }\n  reset: () => void\n}) {\n  return (\n    <div>\n      <h2>Something went wrong!</h2>\n      <button onClick={() => reset()}>Try again</button>\n    </div>\n  )\n}",
+      "description": "Error boundary component template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+default\\s+function\\s+NotFound",
+      "insertText": "export default function NotFound() {\n  return (\n    <div>\n      <h2>Not Found</h2>\n      <p>Could not find the requested resource.</p>\n    </div>\n  )\n}",
+      "description": "Not-found component template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+async\\s+function\\s+GET",
+      "insertText": "export async function GET(\n  request: NextRequest,\n  { params }: { params: Promise<{ id: string }> }\n) {\n  const { id } = await params\n  return NextResponse.json({ id })\n}",
+      "description": "Route Handler GET method",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+async\\s+function\\s+POST",
+      "insertText": "export async function POST(request: NextRequest) {\n  const body = await request.json()\n  return NextResponse.json({ success: true }, { status: 201 })\n}",
+      "description": "Route Handler POST method",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+(?:async\\s+)?function\\s+middleware",
+      "insertText": "import { NextResponse } from 'next/server'\nimport type { NextRequest } from 'next/server'\n\nexport function middleware(request: NextRequest) {\n  return NextResponse.next()\n}\n\nexport const config = {\n  matcher: ['/dashboard/:path*']\n}",
+      "description": "Middleware function template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "['\"]use server['\"]\\s*$",
+      "insertText": "'use server'\n\nexport async function submitForm(formData: FormData) {\n  const data = Object.fromEntries(formData)\n  // Process form data\n}",
+      "description": "Server Action template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const\\s+router\\s*=\\s*useRouter",
+      "insertText": "const router = useRouter()\n\nconst handleNavigate = () => {\n  router.push('/destination')\n}",
+      "description": "useRouter with navigation handler",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const\\s+pathname\\s*=\\s*usePathname",
+      "insertText": "const pathname = usePathname()",
+      "description": "usePathname hook usage",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const\\s+searchParams\\s*=\\s*useSearchParams",
+      "insertText": "const searchParams = useSearchParams()\nconst query = searchParams.get('q')",
+      "description": "useSearchParams hook with query extraction",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<Image\\s",
+      "insertText": "<Image\n  src=\"/image.png\"\n  width={500}\n  height={300}\n  alt=\"Description\"\n/>",
+      "description": "next/image component with required props",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<Image\\s+fill",
+      "insertText": "<Image\n  src=\"/image.png\"\n  fill\n  sizes=\"(max-width: 768px) 100vw, 50vw\"\n  alt=\"Description\"\n  className=\"object-cover\"\n/>",
+      "description": "next/image with fill mode",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<Link\\s",
+      "insertText": "<Link href=\"/path\">\n  Link Text\n</Link>",
+      "description": "next/link component",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+async\\s+function\\s+generateMetadata",
+      "insertText": "export async function generateMetadata(\n  { params }: { params: Promise<{ slug: string }> },\n  parent: ResolvingMetadata\n): Promise<Metadata> {\n  const { slug } = await params\n  return {\n    title: slug,\n    description: `Description for ${slug}`\n  }\n}",
+      "description": "generateMetadata function template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+async\\s+function\\s+generateStaticParams",
+      "insertText": "export async function generateStaticParams() {\n  const items = await fetchItems()\n  return items.map((item) => ({\n    slug: item.slug\n  }))\n}",
+      "description": "generateStaticParams function template",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+const\\s+metadata\\s*:\\s*Metadata",
+      "insertText": "export const metadata: Metadata = {\n  title: 'Page Title',\n  description: 'Page description',\n  openGraph: {\n    title: 'Page Title',\n    description: 'Page description',\n    type: 'website'\n  }\n}",
+      "description": "Static metadata export with OpenGraph",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+default\\s+(?:async\\s+)?function\\s+handler",
+      "insertText": "import type { NextApiRequest, NextApiResponse } from 'next'\n\nexport default async function handler(\n  req: NextApiRequest,\n  res: NextApiResponse\n) {\n  if (req.method === 'GET') {\n    return res.status(200).json({ message: 'OK' })\n  }\n  return res.status(405).json({ message: 'Method not allowed' })\n}",
+      "description": "Pages Router API route handler",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "import\\s+dynamic\\s+from\\s+['\"]next/dynamic['\"]",
+      "insertText": "import dynamic from 'next/dynamic'\n\nconst DynamicComponent = dynamic(() => import('./Component'), {\n  loading: () => <p>Loading...</p>,\n  ssr: false\n})",
+      "description": "Dynamic import with next/dynamic",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<form\\s+action\\s*=",
+      "insertText": "<form action={async (formData: FormData) => {\n  'use server'\n  const data = Object.fromEntries(formData)\n  // Process form data\n}}>\n  <input type=\"text\" name=\"field\" />\n  <button type=\"submit\">Submit</button>\n</form>",
+      "description": "Form with inline Server Action",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+async\\s+function\\s+PUT",
+      "insertText": "export async function PUT(\n  request: NextRequest,\n  { params }: { params: Promise<{ id: string }> }\n) {\n  const { id } = await params\n  const body = await request.json()\n  return NextResponse.json({ id, ...body })\n}",
+      "description": "Route Handler PUT method",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+async\\s+function\\s+DELETE",
+      "insertText": "export async function DELETE(\n  request: NextRequest,\n  { params }: { params: Promise<{ id: string }> }\n) {\n  const { id } = await params\n  return NextResponse.json({ deleted: true })\n}",
+      "description": "Route Handler DELETE method",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const\\s+\\{\\s*pending",
+      "insertText": "const { pending, data, method, action } = useFormStatus()",
+      "description": "useFormStatus destructuring",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const\\s+\\[state,\\s*formAction\\]\\s*=\\s*useFormState",
+      "insertText": "const [state, formAction] = useFormState(serverAction, initialState)",
+      "description": "useFormState hook usage",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+default\\s+function\\s+Template",
+      "insertText": "export default function Template({\n  children\n}: {\n  children: React.ReactNode\n}) {\n  return <div>{children}</div>\n}",
+      "description": "Template component",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export\\s+default\\s+function\\s+GlobalError",
+      "insertText": "'use client'\n\nexport default function GlobalError({\n  error,\n  reset\n}: {\n  error: Error & { digest?: string }\n  reset: () => void\n}) {\n  return (\n    <html>\n      <body>\n        <h2>Something went wrong!</h2>\n        <button onClick={() => reset()}>Try again</button>\n      </body>\n    </html>\n  )\n}",
+      "description": "Global error component with required html/body tags",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<Script\\s",
+      "insertText": "<Script\n  src=\"https://example.com/script.js\"\n  strategy=\"afterInteractive\"\n  onLoad={() => console.log('Script loaded')}\n/>",
+      "description": "next/script component with strategy",
+      "completeBracketPairs": true
+    }
+  ]
+}

package/data/inlineCompletions/react.json

@@ -0,0 +1,203 @@
+{
+  "language": "react",
+  "inlineCompletions": [
+    {
+      "triggerPattern": "^import React",
+      "insertText": "import React from 'react';",
+      "description": "Import React default module",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "^import \\{ us",
+      "insertText": "import { useState, useEffect } from 'react';",
+      "description": "Import common React hooks",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "const \\[\\w+, set",
+      "insertText": "const [${1}, set${1/(.*)/${1:/capitalize}/}] = useState(${2});",
+      "description": "useState declaration with setter",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "useEffect\\(\\(\\) =>",
+      "insertText": "useEffect(() => {\n  ${1}\n  return () => {\n    ${2}\n  };\n}, [${3}]);",
+      "description": "useEffect with cleanup function",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "useEffect\\(\\(\\) => \\{\\s*$",
+      "insertText": "\n  ${1:// effect logic}\n  return () => {\n    ${2:// cleanup}\n  };\n}, [${3}]);",
+      "description": "useEffect body with cleanup",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const \\w+ = useRef",
+      "insertText": "const ${1:ref} = useRef<${2:HTMLDivElement}>(${3:null});",
+      "description": "useRef with type annotation",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const \\w+ = useMemo",
+      "insertText": "const ${1:memoized} = useMemo(() => ${2:computation}, [${3:deps}]);",
+      "description": "useMemo with computation",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const \\w+ = useCallback",
+      "insertText": "const ${1:callback} = useCallback((${2:args}) => {\n  ${3}\n}, [${4:deps}]);",
+      "description": "useCallback with dependencies",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const \\w+ = useContext",
+      "insertText": "const ${1:value} = useContext(${2:MyContext});",
+      "description": "useContext consumption",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const \\[\\w+, dispatch\\] = useReducer",
+      "insertText": "const [${1:state}, dispatch] = useReducer(${2:reducer}, ${3:initialState});",
+      "description": "useReducer with dispatch",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<div className=",
+      "insertText": "<div className=\"${1:container}\">\n  ${2}\n</div>",
+      "description": "JSX div with className",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "onClick=\\{",
+      "insertText": "onClick={(e) => {\n  ${1:e.preventDefault();}\n  ${2}\n}}",
+      "description": "onClick handler with event",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "onChange=\\{",
+      "insertText": "onChange={(e: React.ChangeEvent<${1:HTMLInputElement}>) => {\n  ${2:setValue(e.target.value);}\n}}",
+      "description": "onChange handler with typed event",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "onSubmit=\\{",
+      "insertText": "onSubmit={(e: React.FormEvent<HTMLFormElement>) => {\n  e.preventDefault();\n  ${1}\n}}",
+      "description": "onSubmit handler with preventDefault",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "\\{\\w+\\.map\\(",
+      "insertText": "{${1:items}.map((${2:item}) => (\n  <${3:div} key={${2:item}.${4:id}}>\n    {${2:item}.${5:name}}\n  </${3:div}>\n))}",
+      "description": "Array map with key prop",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "\\{\\w+ \\? ",
+      "insertText": "{${1:condition} ? (\n  ${2:<div>True</div>}\n) : (\n  ${3:<div>False</div>}\n)}",
+      "description": "Ternary conditional rendering",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "\\{\\w+ && ",
+      "insertText": "{${1:condition} && <${2:div}>${3:content}</${2:div}>}",
+      "description": "Logical AND conditional rendering",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const \\w+Context = createContext",
+      "insertText": "const ${1:My}Context = createContext<${2:ContextType} | undefined>(undefined);",
+      "description": "createContext with type",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "React\\.memo\\(",
+      "insertText": "React.memo(${1:Component}, (prevProps, nextProps) => {\n  return ${2:prevProps.id === nextProps.id};\n})",
+      "description": "React.memo with custom comparison",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "forwardRef<",
+      "insertText": "forwardRef<${1:HTMLDivElement}, ${2:Props}>((props, ref) => {\n  return <${3:div} ref={ref}>${4}</${3:div}>;\n})",
+      "description": "forwardRef with types",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "React\\.lazy\\(",
+      "insertText": "React.lazy(() => import('${1:./Component}'))",
+      "description": "React.lazy dynamic import",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<Suspense",
+      "insertText": "<Suspense fallback={<${1:div}>Loading...</${1:div}>}>\n  ${2}\n</Suspense>",
+      "description": "Suspense with fallback",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "createPortal\\(",
+      "insertText": "createPortal(\n  ${1:children},\n  document.getElementById('${2:portal-root}')!\n)",
+      "description": "createPortal with container",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const \\[isPending, startTransition\\]",
+      "insertText": "const [isPending, startTransition] = useTransition();\n\nstartTransition(() => {\n  ${1:setState(newValue)};\n});",
+      "description": "useTransition with startTransition call",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "useImperativeHandle\\(",
+      "insertText": "useImperativeHandle(${1:ref}, () => ({\n  ${2:focus}() {\n    ${3:// implementation}\n  }\n}), [${4}]);",
+      "description": "useImperativeHandle with methods",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "style=\\{\\{",
+      "insertText": "style={{ ${1:display}: '${2:flex}', ${3:gap}: '${4:1rem}' }}",
+      "description": "Inline style object",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<ErrorBoundary",
+      "insertText": "<ErrorBoundary fallback={<${1:div}>Something went wrong</${1:div}>}>\n  ${2}\n</ErrorBoundary>",
+      "description": "ErrorBoundary with fallback",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "export default function \\w+",
+      "insertText": "export default function ${1:Component}(${2:props}: ${3:Props}) {\n  return (\n    <div>\n      ${4}\n    </div>\n  );\n}",
+      "description": "Default exported function component",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "const handle\\w+ = async",
+      "insertText": "const handle${1:Submit} = async (${2:e}: ${3:React.FormEvent}) => {\n  ${2:e}.preventDefault();\n  try {\n    ${4}\n  } catch (error) {\n    ${5:console.error(error);}\n  }\n};",
+      "description": "Async event handler with error handling",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "useLayoutEffect\\(",
+      "insertText": "useLayoutEffect(() => {\n  ${1:// read DOM measurements}\n  return () => {\n    ${2:// cleanup}\n  };\n}, [${3}]);",
+      "description": "useLayoutEffect with cleanup",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "useSyncExternalStore\\(",
+      "insertText": "useSyncExternalStore(\n  ${1:subscribe},\n  ${2:getSnapshot},\n  ${3:getServerSnapshot}\n)",
+      "description": "useSyncExternalStore with all params",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<form onSubmit",
+      "insertText": "<form onSubmit={(e) => {\n  e.preventDefault();\n  ${1:// handle form submission}\n}}>\n  ${2}\n  <button type=\"submit\">${3:Submit}</button>\n</form>",
+      "description": "Form with submit handler",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "<input value=",
+      "insertText": "<input\n  type=\"${1:text}\"\n  value={${2:value}}\n  onChange={(e) => ${3:setValue}(e.target.value)}\n  placeholder=\"${4}\"\n/>",
+      "description": "Controlled input element",
+      "completeBracketPairs": true
+    }
+  ]
+}

package/data/inlineCompletions/shadcn.json

@@ -0,0 +1,115 @@
+{
+  "language": "shadcn",
+  "inlineCompletions": [
+    {
+      "text": "import { Button } from \"@/components/ui/button\"\n\n<Button variant=\"default\" size=\"default\">\n  Click me\n</Button>",
+      "description": "Button component with variant and size props",
+      "triggerPrefix": "shadcn-button"
+    },
+    {
+      "text": "import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from \"@/components/ui/card\"\n\n<Card>\n  <CardHeader>\n    <CardTitle>Title</CardTitle>\n    <CardDescription>Description</CardDescription>\n  </CardHeader>\n  <CardContent>\n    <p>Content</p>\n  </CardContent>\n  <CardFooter>\n    <p>Footer</p>\n  </CardFooter>\n</Card>",
+      "description": "Card with all sub-components",
+      "triggerPrefix": "shadcn-card"
+    },
+    {
+      "text": "import {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\n\n<Dialog>\n  <DialogTrigger asChild>\n    <Button variant=\"outline\">Open</Button>\n  </DialogTrigger>\n  <DialogContent>\n    <DialogHeader>\n      <DialogTitle>Dialog Title</DialogTitle>\n      <DialogDescription>Dialog description text.</DialogDescription>\n    </DialogHeader>\n    <div className=\"py-4\">\n      Content here\n    </div>\n    <DialogFooter>\n      <Button type=\"submit\">Save</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>",
+      "description": "Dialog with header, content, and footer",
+      "triggerPrefix": "shadcn-dialog"
+    },
+    {
+      "text": "import { zodResolver } from \"@hookform/resolvers/zod\"\nimport { useForm } from \"react-hook-form\"\nimport * as z from \"zod\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form\"\nimport { Input } from \"@/components/ui/input\"\n\nconst formSchema = z.object({\n  username: z.string().min(2).max(50),\n})\n\nexport function MyForm() {\n  const form = useForm<z.infer<typeof formSchema>>({\n    resolver: zodResolver(formSchema),\n    defaultValues: {\n      username: \"\",\n    },\n  })\n\n  function onSubmit(values: z.infer<typeof formSchema>) {\n    console.log(values)\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-8\">\n        <FormField\n          control={form.control}\n          name=\"username\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Username</FormLabel>\n              <FormControl>\n                <Input placeholder=\"username\" {...field} />\n              </FormControl>\n              <FormDescription>Your display name.</FormDescription>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\">Submit</Button>\n      </form>\n    </Form>\n  )\n}",
+      "description": "Form with react-hook-form, zod validation, and shadcn fields",
+      "triggerPrefix": "shadcn-form"
+    },
+    {
+      "text": "import {\n  ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  SortingState,\n  ColumnFiltersState,\n  useReactTable,\n} from \"@tanstack/react-table\"\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { useState } from \"react\"\n\ninterface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n}\n\nexport function DataTable<TData, TValue>({\n  columns,\n  data,\n}: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>([])\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    onColumnFiltersChange: setColumnFilters,\n    getFilteredRowModel: getFilteredRowModel(),\n    state: { sorting, columnFilters },\n  })\n\n  return (\n    <div>\n      <div className=\"flex items-center py-4\">\n        <Input\n          placeholder=\"Filter...\"\n          value={(table.getColumn(\"name\")?.getFilterValue() as string) ?? \"\"}\n          onChange={(e) => table.getColumn(\"name\")?.setFilterValue(e.target.value)}\n          className=\"max-w-sm\"\n        />\n      </div>\n      <div className=\"rounded-md border\">\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows?.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow key={row.id}>\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id}>\n                      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell colSpan={columns.length} className=\"h-24 text-center\">\n                  No results.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n      <div className=\"flex items-center justify-end space-x-2 py-4\">\n        <Button variant=\"outline\" size=\"sm\" onClick={() => table.previousPage()} disabled={!table.getCanPreviousPage()}>Previous</Button>\n        <Button variant=\"outline\" size=\"sm\" onClick={() => table.nextPage()} disabled={!table.getCanNextPage()}>Next</Button>\n      </div>\n    </div>\n  )\n}",
+      "description": "DataTable with columns, sorting, filtering, and pagination",
+      "triggerPrefix": "shadcn-datatable"
+    },
+    {
+      "text": "import {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\"\n\n<Select>\n  <SelectTrigger className=\"w-[180px]\">\n    <SelectValue placeholder=\"Select an option\" />\n  </SelectTrigger>\n  <SelectContent>\n    <SelectItem value=\"option1\">Option 1</SelectItem>\n    <SelectItem value=\"option2\">Option 2</SelectItem>\n    <SelectItem value=\"option3\">Option 3</SelectItem>\n  </SelectContent>\n</Select>",
+      "description": "Select dropdown with trigger and items",
+      "triggerPrefix": "shadcn-select"
+    },
+    {
+      "text": "import {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Button } from \"@/components/ui/button\"\n\n<DropdownMenu>\n  <DropdownMenuTrigger asChild>\n    <Button variant=\"outline\">Open Menu</Button>\n  </DropdownMenuTrigger>\n  <DropdownMenuContent className=\"w-56\">\n    <DropdownMenuLabel>My Account</DropdownMenuLabel>\n    <DropdownMenuSeparator />\n    <DropdownMenuItem>Profile</DropdownMenuItem>\n    <DropdownMenuItem>Settings</DropdownMenuItem>\n    <DropdownMenuSeparator />\n    <DropdownMenuItem>Logout</DropdownMenuItem>\n  </DropdownMenuContent>\n</DropdownMenu>",
+      "description": "Dropdown menu with label, items, and separators",
+      "triggerPrefix": "shadcn-dropdown"
+    },
+    {
+      "text": "import {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"@/components/ui/command\"\nimport { useState, useEffect } from \"react\"\n\nconst [open, setOpen] = useState(false)\n\nuseEffect(() => {\n  const down = (e: KeyboardEvent) => {\n    if (e.key === \"k\" && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      setOpen((open) => !open)\n    }\n  }\n  document.addEventListener(\"keydown\", down)\n  return () => document.removeEventListener(\"keydown\", down)\n}, [])\n\n<CommandDialog open={open} onOpenChange={setOpen}>\n  <CommandInput placeholder=\"Type a command or search...\" />\n  <CommandList>\n    <CommandEmpty>No results found.</CommandEmpty>\n    <CommandGroup heading=\"Suggestions\">\n      <CommandItem>Calendar</CommandItem>\n      <CommandItem>Search</CommandItem>\n      <CommandItem>Settings</CommandItem>\n    </CommandGroup>\n    <CommandSeparator />\n    <CommandGroup heading=\"Actions\">\n      <CommandItem>New File</CommandItem>\n      <CommandItem>New Folder</CommandItem>\n    </CommandGroup>\n  </CommandList>\n</CommandDialog>",
+      "description": "Command palette with keyboard shortcut, search, and grouped items",
+      "triggerPrefix": "shadcn-command"
+    },
+    {
+      "text": "import { useToast } from \"@/components/ui/use-toast\"\n\nconst { toast } = useToast()\n\ntoast({\n  title: \"Success\",\n  description: \"Your action was completed.\",\n})",
+      "description": "Toast notification call with title and description",
+      "triggerPrefix": "shadcn-toast"
+    },
+    {
+      "text": "import {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/components/ui/alert-dialog\"\n\n<AlertDialog>\n  <AlertDialogTrigger asChild>\n    <Button variant=\"destructive\">Delete</Button>\n  </AlertDialogTrigger>\n  <AlertDialogContent>\n    <AlertDialogHeader>\n      <AlertDialogTitle>Are you sure?</AlertDialogTitle>\n      <AlertDialogDescription>\n        This action cannot be undone.\n      </AlertDialogDescription>\n    </AlertDialogHeader>\n    <AlertDialogFooter>\n      <AlertDialogCancel>Cancel</AlertDialogCancel>\n      <AlertDialogAction>Continue</AlertDialogAction>\n    </AlertDialogFooter>\n  </AlertDialogContent>\n</AlertDialog>",
+      "description": "AlertDialog confirmation with cancel and continue actions",
+      "triggerPrefix": "shadcn-alertdialog"
+    },
+    {
+      "text": "import {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\n<Sheet>\n  <SheetTrigger asChild>\n    <Button variant=\"outline\">Open Sidebar</Button>\n  </SheetTrigger>\n  <SheetContent side=\"left\">\n    <SheetHeader>\n      <SheetTitle>Navigation</SheetTitle>\n      <SheetDescription>Browse sections.</SheetDescription>\n    </SheetHeader>\n    <nav className=\"flex flex-col space-y-2 mt-4\">\n      <a href=\"#\" className=\"text-sm\">Dashboard</a>\n      <a href=\"#\" className=\"text-sm\">Settings</a>\n      <a href=\"#\" className=\"text-sm\">Profile</a>\n    </nav>\n  </SheetContent>\n</Sheet>",
+      "description": "Sheet sidebar panel with navigation",
+      "triggerPrefix": "shadcn-sheet"
+    },
+    {
+      "text": "import { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\"\n\n<Tabs defaultValue=\"tab1\" className=\"w-full\">\n  <TabsList>\n    <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n    <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n    <TabsTrigger value=\"tab3\">Tab 3</TabsTrigger>\n  </TabsList>\n  <TabsContent value=\"tab1\">Content for tab 1</TabsContent>\n  <TabsContent value=\"tab2\">Content for tab 2</TabsContent>\n  <TabsContent value=\"tab3\">Content for tab 3</TabsContent>\n</Tabs>",
+      "description": "Tabs layout with multiple panels",
+      "triggerPrefix": "shadcn-tabs"
+    },
+    {
+      "text": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\n\n<Accordion type=\"single\" collapsible>\n  <AccordionItem value=\"item-1\">\n    <AccordionTrigger>Section 1</AccordionTrigger>\n    <AccordionContent>Content for section 1.</AccordionContent>\n  </AccordionItem>\n  <AccordionItem value=\"item-2\">\n    <AccordionTrigger>Section 2</AccordionTrigger>\n    <AccordionContent>Content for section 2.</AccordionContent>\n  </AccordionItem>\n</Accordion>",
+      "description": "Accordion with collapsible sections",
+      "triggerPrefix": "shadcn-accordion"
+    },
+    {
+      "text": "import { Input } from \"@/components/ui/input\"\nimport { Label } from \"@/components/ui/label\"\n\n<div className=\"grid w-full max-w-sm items-center gap-1.5\">\n  <Label htmlFor=\"email\">Email</Label>\n  <Input type=\"email\" id=\"email\" placeholder=\"Email\" />\n</div>",
+      "description": "Input field with label",
+      "triggerPrefix": "shadcn-input"
+    },
+    {
+      "text": "import { Textarea } from \"@/components/ui/textarea\"\nimport { Label } from \"@/components/ui/label\"\n\n<div className=\"grid w-full gap-1.5\">\n  <Label htmlFor=\"message\">Message</Label>\n  <Textarea placeholder=\"Type your message here.\" id=\"message\" />\n</div>",
+      "description": "Textarea with label",
+      "triggerPrefix": "shadcn-textarea"
+    },
+    {
+      "text": "import { Badge } from \"@/components/ui/badge\"\n\n<Badge variant=\"default\">Badge</Badge>\n<Badge variant=\"secondary\">Secondary</Badge>\n<Badge variant=\"outline\">Outline</Badge>\n<Badge variant=\"destructive\">Destructive</Badge>",
+      "description": "Badge component with variant options",
+      "triggerPrefix": "shadcn-badge"
+    },
+    {
+      "text": "import {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n} from \"@/components/ui/navigation-menu\"\n\n<NavigationMenu>\n  <NavigationMenuList>\n    <NavigationMenuItem>\n      <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>\n      <NavigationMenuContent>\n        <ul className=\"grid gap-3 p-4 md:w-[400px]\">\n          <li><NavigationMenuLink href=\"/docs\">Documentation</NavigationMenuLink></li>\n          <li><NavigationMenuLink href=\"/examples\">Examples</NavigationMenuLink></li>\n        </ul>\n      </NavigationMenuContent>\n    </NavigationMenuItem>\n    <NavigationMenuItem>\n      <NavigationMenuLink className={navigationMenuTriggerStyle()} href=\"/about\">\n        About\n      </NavigationMenuLink>\n    </NavigationMenuItem>\n  </NavigationMenuList>\n</NavigationMenu>",
+      "description": "Navigation menu with dropdown content",
+      "triggerPrefix": "shadcn-navigation"
+    },
+    {
+      "text": "import {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"@/components/ui/pagination\"\n\n<Pagination>\n  <PaginationContent>\n    <PaginationItem>\n      <PaginationPrevious href=\"#\" />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\">1</PaginationLink>\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" isActive>2</PaginationLink>\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\">3</PaginationLink>\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationEllipsis />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationNext href=\"#\" />\n    </PaginationItem>\n  </PaginationContent>\n</Pagination>",
+      "description": "Pagination with page links and navigation",
+      "triggerPrefix": "shadcn-pagination"
+    },
+    {
+      "text": "import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}",
+      "description": "cn() utility function definition using clsx and tailwind-merge",
+      "triggerPrefix": "shadcn-cn"
+    },
+    {
+      "text": "import { cva, type VariantProps } from \"class-variance-authority\"\n\nconst myVariants = cva(\n  \"inline-flex items-center justify-center rounded-md text-sm font-medium\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\"\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\"\n      }\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n)",
+      "description": "cva() variant definition with multiple variant axes",
+      "triggerPrefix": "shadcn-cva"
+    },
+    {
+      "text": "import { Toaster } from \"@/components/ui/toaster\"\n\nexport default function RootLayout({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  return (\n    <html lang=\"en\">\n      <body>\n        <main>{children}</main>\n        <Toaster />\n      </body>\n    </html>\n  )\n}",
+      "description": "Toaster provider setup in root layout",
+      "triggerPrefix": "shadcn-toaster"
+    },
+    {
+      "text": "import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface MyComponentProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: \"default\" | \"outline\"\n}\n\nconst MyComponent = React.forwardRef<HTMLDivElement, MyComponentProps>(\n  ({ className, variant = \"default\", ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n          variant === \"outline\" && \"border-2\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nMyComponent.displayName = \"MyComponent\"\n\nexport { MyComponent }",
+      "description": "Component with forwardRef, cn(), variants, and displayName",
+      "triggerPrefix": "shadcn-component"
+    }
+  ]
+}