@enjoys/context-engine 1.3.1 → 1.4.1

package/data/inlineCompletions/angular.json

@@ -0,0 +1,135 @@
+{
+  "language": "angular",
+  "inlineCompletions": [
+    {
+      "text": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-${1:name}',\n  templateUrl: './${1:name}.component.html',\n  styleUrls: ['./${1:name}.component.scss']\n})\nexport class ${2:Name}Component {\n  constructor() {}\n}",
+      "description": "Angular component class with external template and styles",
+      "triggerPrefix": "ang-component"
+    },
+    {
+      "text": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-${1:name}',\n  standalone: true,\n  imports: [],\n  template: `\n    <div>\n      ${2:content}\n    </div>\n  `,\n  styles: []\n})\nexport class ${3:Name}Component {\n  constructor() {}\n}",
+      "description": "Angular standalone component with inline template",
+      "triggerPrefix": "ang-standalone-component"
+    },
+    {
+      "text": "import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ${1:Name}Service {\n  constructor() {}\n}",
+      "description": "Angular injectable service provided in root",
+      "triggerPrefix": "ang-service"
+    },
+    {
+      "text": "import { Directive, ElementRef } from '@angular/core';\n\n@Directive({\n  selector: '[app${1:Name}]',\n  standalone: true\n})\nexport class ${1:Name}Directive {\n  constructor(private el: ElementRef) {}\n}",
+      "description": "Angular standalone directive",
+      "triggerPrefix": "ang-directive"
+    },
+    {
+      "text": "import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: '${1:pipeName}',\n  standalone: true\n})\nexport class ${2:Name}Pipe implements PipeTransform {\n  transform(value: unknown, ...args: unknown[]): unknown {\n    return value;\n  }\n}",
+      "description": "Angular standalone pipe implementing PipeTransform",
+      "triggerPrefix": "ang-pipe"
+    },
+    {
+      "text": "import { CanActivateFn } from '@angular/router';\n\nexport const ${1:auth}Guard: CanActivateFn = (route, state) => {\n  return true;\n};",
+      "description": "Angular functional route guard (CanActivateFn)",
+      "triggerPrefix": "ang-guard"
+    },
+    {
+      "text": "import { HttpInterceptorFn } from '@angular/common/http';\n\nexport const ${1:name}Interceptor: HttpInterceptorFn = (req, next) => {\n  const modifiedReq = req.clone({\n    setHeaders: {\n      Authorization: `Bearer ${2:token}`\n    }\n  });\n  return next(modifiedReq);\n};",
+      "description": "Angular functional HTTP interceptor",
+      "triggerPrefix": "ang-interceptor"
+    },
+    {
+      "text": "import { ResolveFn } from '@angular/router';\n\nexport const ${1:name}Resolver: ResolveFn<${2:any}> = (route, state) => {\n  return ${3:null};\n};",
+      "description": "Angular functional route resolver",
+      "triggerPrefix": "ang-resolver"
+    },
+    {
+      "text": "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    CommonModule\n  ],\n  exports: []\n})\nexport class ${1:Name}Module {}",
+      "description": "Angular NgModule",
+      "triggerPrefix": "ang-module"
+    },
+    {
+      "text": "import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { CommonModule } from '@angular/common';\n\nconst routes: Routes = [\n  { path: '', component: ${1:Name}Component }\n];\n\n@NgModule({\n  declarations: [${1:Name}Component],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ]\n})\nexport class ${1:Name}Module {}",
+      "description": "Angular feature module with routing",
+      "triggerPrefix": "ang-feature-module"
+    },
+    {
+      "text": "{\n  path: '${1:feature}',\n  loadChildren: () => import('./${1:feature}/${1:feature}.module').then(m => m.${2:Feature}Module)\n}",
+      "description": "Lazy-loaded route configuration",
+      "triggerPrefix": "ang-lazy-route"
+    },
+    {
+      "text": "import { FormGroup, FormControl, Validators } from '@angular/forms';\n\n${1:form} = new FormGroup({\n  ${2:name}: new FormControl('', [Validators.required]),\n  ${3:email}: new FormControl('', [Validators.required, Validators.email])\n});\n\nonSubmit(): void {\n  if (this.${1:form}.valid) {\n    console.log(this.${1:form}.value);\n  }\n}",
+      "description": "Reactive form group with validators",
+      "triggerPrefix": "ang-reactive-form"
+    },
+    {
+      "text": "<form #${1:form}=\"ngForm\" (ngSubmit)=\"onSubmit(${1:form})\">\n  <input name=\"${2:field}\" ngModel required />\n  <button type=\"submit\" [disabled]=\"${1:form}.invalid\">Submit</button>\n</form>",
+      "description": "Template-driven form with ngModel",
+      "triggerPrefix": "ang-template-form"
+    },
+    {
+      "text": "import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\nexport function ${1:customValidator}(): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const isValid = ${2:true};\n    return isValid ? null : { ${1:customValidator}: { value: control.value } };\n  };\n}",
+      "description": "Custom form validator function",
+      "triggerPrefix": "ang-validator"
+    },
+    {
+      "text": "import { ErrorHandler, Injectable } from '@angular/core';\n\n@Injectable()\nexport class GlobalErrorHandler implements ErrorHandler {\n  handleError(error: unknown): void {\n    console.error('Unhandled error:', error);\n  }\n}",
+      "description": "Global error handler service",
+      "triggerPrefix": "ang-error-handler"
+    },
+    {
+      "text": "import { Component, signal, computed, effect } from '@angular/core';\n\n@Component({\n  selector: 'app-${1:name}',\n  standalone: true,\n  template: `\n    <div>{{ ${2:count}() }}</div>\n    <button (click)=\"increment()\">+</button>\n  `\n})\nexport class ${3:Name}Component {\n  ${2:count} = signal(0);\n  double = computed(() => this.${2:count}() * 2);\n\n  constructor() {\n    effect(() => {\n      console.log('Count changed:', this.${2:count}());\n    });\n  }\n\n  increment(): void {\n    this.${2:count}.update(v => v + 1);\n  }\n}",
+      "description": "Signal-based standalone component with computed and effect",
+      "triggerPrefix": "ang-signal-component"
+    },
+    {
+      "text": "import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';\nimport { computed } from '@angular/core';\n\ntype ${1:Name}State = {\n  items: ${2:any}[];\n  loading: boolean;\n};\n\nconst initialState: ${1:Name}State = {\n  items: [],\n  loading: false\n};\n\nexport const ${3:Name}Store = signalStore(\n  withState(initialState),\n  withComputed((store) => ({\n    itemCount: computed(() => store.items().length)\n  })),\n  withMethods((store) => ({\n    addItem(item: ${2:any}): void {\n      patchState(store, { items: [...store.items(), item] });\n    },\n    setLoading(loading: boolean): void {\n      patchState(store, { loading });\n    }\n  }))\n);",
+      "description": "NgRx signal store with state, computed, and methods",
+      "triggerPrefix": "ang-signal-store"
+    },
+    {
+      "text": "import { Injectable, inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ${1:Name}Service {\n  private http = inject(HttpClient);\n  private apiUrl = '${2:/api}';\n\n  getAll(): Observable<${3:any}[]> {\n    return this.http.get<${3:any}[]>(this.apiUrl);\n  }\n\n  getById(id: string): Observable<${3:any}> {\n    return this.http.get<${3:any}>(`${this.apiUrl}/${id}`);\n  }\n\n  create(data: Partial<${3:any}>): Observable<${3:any}> {\n    return this.http.post<${3:any}>(this.apiUrl, data);\n  }\n\n  update(id: string, data: Partial<${3:any}>): Observable<${3:any}> {\n    return this.http.put<${3:any}>(`${this.apiUrl}/${id}`, data);\n  }\n\n  delete(id: string): Observable<void> {\n    return this.http.delete<void>(`${this.apiUrl}/${id}`);\n  }\n}",
+      "description": "HTTP service with full CRUD methods using inject()",
+      "triggerPrefix": "ang-http-service"
+    },
+    {
+      "text": "{\n  path: '${1:parent}',\n  component: ${2:Parent}Component,\n  children: [\n    { path: '', component: ${3:List}Component },\n    { path: ':id', component: ${4:Detail}Component },\n    { path: 'create', component: ${5:Create}Component }\n  ]\n}",
+      "description": "Route configuration with child routes",
+      "triggerPrefix": "ang-route-children"
+    },
+    {
+      "text": "import { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { ${1:Name}Component } from './${2:name}.component';\n\ndescribe('${1:Name}Component', () => {\n  let component: ${1:Name}Component;\n  let fixture: ComponentFixture<${1:Name}Component>;\n\n  beforeEach(async () => {\n    await TestBed.configureTestingModule({\n      imports: [${1:Name}Component]\n    }).compileComponents();\n\n    fixture = TestBed.createComponent(${1:Name}Component);\n    component = fixture.componentInstance;\n    fixture.detectChanges();\n  });\n\n  it('should create', () => {\n    expect(component).toBeTruthy();\n  });\n});",
+      "description": "Unit test with TestBed for standalone component",
+      "triggerPrefix": "ang-test"
+    },
+    {
+      "text": "export const environment = {\n  production: ${1:false},\n  apiUrl: '${2:http://localhost:3000/api}',\n  appName: '${3:MyApp}'\n};",
+      "description": "Environment configuration file",
+      "triggerPrefix": "ang-environment"
+    },
+    {
+      "text": "import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { provideRouter } from '@angular/router';\nimport { provideHttpClient, withInterceptors } from '@angular/common/http';\n\nimport { routes } from './app.routes';\n\nexport const appConfig: ApplicationConfig = {\n  providers: [\n    provideZoneChangeDetection({ eventCoalescing: true }),\n    provideRouter(routes),\n    provideHttpClient(withInterceptors([]))\n  ]\n};",
+      "description": "app.config.ts with providers for standalone app",
+      "triggerPrefix": "ang-app-config"
+    },
+    {
+      "text": "import { bootstrapApplication } from '@angular/platform-browser';\nimport { appConfig } from './app/app.config';\nimport { AppComponent } from './app/app.component';\n\nbootstrapApplication(AppComponent, appConfig)\n  .catch((err) => console.error(err));",
+      "description": "main.ts bootstrap for standalone Angular app",
+      "triggerPrefix": "ang-main"
+    },
+    {
+      "text": "import { Component, inject } from '@angular/core';\nimport { ${1:Name}Service } from './${2:name}.service';\n\n@Component({\n  selector: 'app-${2:name}',\n  standalone: true,\n  template: `\n    <div>{{ data() }}</div>\n  `\n})\nexport class ${1:Name}Component {\n  private ${2:name}Service = inject(${1:Name}Service);\n  data = this.${2:name}Service.getData();\n}",
+      "description": "Component using inject() function for dependency injection",
+      "triggerPrefix": "ang-inject-component"
+    },
+    {
+      "text": "import { Component, input, output } from '@angular/core';\n\n@Component({\n  selector: 'app-${1:name}',\n  standalone: true,\n  template: `\n    <div>{{ title() }}</div>\n    <button (click)=\"clicked.emit()\">Click</button>\n  `\n})\nexport class ${2:Name}Component {\n  title = input.required<string>();\n  value = input<number>(0);\n  clicked = output<void>();\n}",
+      "description": "Component with signal-based input() and output()",
+      "triggerPrefix": "ang-signal-io"
+    },
+    {
+      "text": "import { Component, viewChild, ElementRef, AfterViewInit } from '@angular/core';\n\n@Component({\n  selector: 'app-${1:name}',\n  standalone: true,\n  template: `\n    <div #${2:container}>Content</div>\n  `\n})\nexport class ${3:Name}Component implements AfterViewInit {\n  ${2:container} = viewChild.required<ElementRef>('${2:container}');\n\n  ngAfterViewInit(): void {\n    console.log(this.${2:container}().nativeElement);\n  }\n}",
+      "description": "Component with signal-based viewChild query",
+      "triggerPrefix": "ang-viewchild"
+    }
+  ]
+}

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
+    }
+  ]
+}