@enjoys/context-engine 1.3.1 → 1.4.2

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/c.json

@@ -12,6 +12,54 @@
       "insertText": "if (${1:condition}) {\n\t$0\n}",
       "description": "If block",
       "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "for\\s*\\($",
+      "insertText": "int ${1:i} = 0; ${1:i} < ${2:n}; ${1:i}++",
+      "description": "for loop",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "if\\s*\\($",
+      "insertText": "${1:condition}",
+      "description": "if condition",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "while\\s*\\($",
+      "insertText": "${1:condition}",
+      "description": "while condition",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "printf\\($",
+      "insertText": "\"${1:%s}\\n\", ${2:value})",
+      "description": "printf",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "#include\\s+$",
+      "insertText": "<${1:stdio.h}>",
+      "description": "include header",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "switch\\s*\\($",
+      "insertText": "${1:var}) {\ncase ${2:val}:\n\t${3}\n\tbreak;\ndefault:\n\tbreak;\n}",
+      "description": "switch",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "struct\\s+$",
+      "insertText": "${1:name} {\n\t${2:int field};\n}",
+      "description": "struct declaration",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "typedef\\s+$",
+      "insertText": "${1:type} ${2:name}",
+      "description": "typedef",
+      "completeBracketPairs": false
     }
   ]
-}
+}

package/data/inlineCompletions/cpp.json

@@ -12,6 +12,66 @@
       "insertText": "class ${1:Name} {\npublic:\n\t$0\n};",
       "description": "Class definition",
       "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "for\\s*\\($",
+      "insertText": "int ${1:i} = 0; ${1:i} < ${2:n}; ${1:i}++",
+      "description": "for loop",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "if\\s*\\($",
+      "insertText": "${1:condition}",
+      "description": "if condition",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "while\\s*\\($",
+      "insertText": "${1:condition}",
+      "description": "while condition",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "printf\\($",
+      "insertText": "\"${1:%s}\\n\", ${2:value})",
+      "description": "printf",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "#include\\s+$",
+      "insertText": "<${1:stdio.h}>",
+      "description": "include header",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "switch\\s*\\($",
+      "insertText": "${1:var}) {\ncase ${2:val}:\n\t${3}\n\tbreak;\ndefault:\n\tbreak;\n}",
+      "description": "switch",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "std::cout\\s*<<\\s*$",
+      "insertText": "${1:value} << std::endl",
+      "description": "cout output",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "auto\\s+$",
+      "insertText": "${1:var} = ${2:value}",
+      "description": "auto variable",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "class\\s+$",
+      "insertText": "${1:ClassName} {\npublic:\n\t${2}\n};",
+      "description": "class declaration",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "std::vector<$",
+      "insertText": "${1:int}> ${2:vec}",
+      "description": "vector declaration",
+      "completeBracketPairs": false
     }
   ]
-}
+}

package/data/inlineCompletions/csharp.json

@@ -18,6 +18,78 @@
       "insertText": "class ${1:Name} {\n\t$0\n}",
       "description": "Class",
       "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "for\\s*\\($",
+      "insertText": "int ${1:i} = 0; ${1:i} < ${2:n}; ${1:i}++",
+      "description": "for loop with counter",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "if\\s*\\($",
+      "insertText": "${1:condition}",
+      "description": "if condition",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "while\\s*\\($",
+      "insertText": "${1:condition}",
+      "description": "while condition",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "switch\\s*\\($",
+      "insertText": "${1:variable}) {\n\tcase ${2:value}:\n\t\t${3:// code}\n\t\tbreak;\n\tdefault:\n\t\tbreak;\n}",
+      "description": "switch statement",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "try\\s*\\{$",
+      "insertText": "\n\t${1:// code}\n} catch (${2:e}) {\n\t${3:// handle}\n}",
+      "description": "try-catch block",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "//\\s*TODO$",
+      "insertText": ": ${1:description}",
+      "description": "TODO comment",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "Console\\.Write$",
+      "insertText": "Line(${1:value})",
+      "description": "Console.WriteLine",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "public\\s+class\\s+$",
+      "insertText": "${1:ClassName}\n{\n\t${2}\n}",
+      "description": "class declaration",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "async\\s+Task\\s*$",
+      "insertText": "<${1:T}> ${2:MethodName}(${3:params})\n{\n\t${4:await}\n}",
+      "description": "async method",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "\\.Select\\($",
+      "insertText": "${1:x} => ${2:x})",
+      "description": "LINQ Select",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "\\.Where\\($",
+      "insertText": "${1:x} => ${2:condition})",
+      "description": "LINQ Where",
+      "completeBracketPairs": false
+    },
+    {
+      "triggerPattern": "using\\s*\\($",
+      "insertText": "var ${1:resource} = new ${2:Disposable}())",
+      "description": "using statement",
+      "completeBracketPairs": false
     }
   ]
-}
+}

package/data/inlineCompletions/css.json

@@ -1,125 +1,125 @@
-{
-  "language": "css",
-  "inlineCompletions": [
-    {
-      "triggerPattern": "display:\\s*",
-      "insertText": "flex;\njustify-content: ${1:center};\nalign-items: ${2:center};",
-      "description": "Flexbox layout with justify-content and align-items. Most common pattern for centering elements.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "display:\\s*g",
-      "insertText": "grid;\ngrid-template-columns: repeat(${1:auto-fill}, minmax(${2:250px}, 1fr));\ngap: ${3:1rem};",
-      "description": "Responsive CSS Grid layout with auto-fill and minmax for fluid column sizing.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "@media\\s*\\(",
-      "insertText": "max-width: ${1:768px}) {\n\t$0\n}",
-      "description": "Desktop-first media query breakpoint. Applies styles at or below the specified width.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "@media\\s*\\(min",
-      "insertText": "min-width: ${1:768px}) {\n\t$0\n}",
-      "description": "Mobile-first media query breakpoint. Applies styles at or above the specified width.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "@media\\s*\\(prefers-color",
-      "insertText": "prefers-color-scheme: dark) {\n\t:root {\n\t\t--bg: ${1:#121212};\n\t\t--text: ${2:#e0e0e0};\n\t}\n}",
-      "description": "Prefers-color-scheme dark mode media query with CSS custom property overrides.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "animation:\\s*",
-      "insertText": "${1:name} ${2:0.3s} ${3:ease-in-out} ${4:forwards};",
-      "description": "Animation shorthand with name, duration, timing function, and fill mode.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "transition:\\s*",
-      "insertText": "${1:all} ${2:0.3s} ${3:ease};",
-      "description": "Transition shorthand with property, duration, and timing function.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "background:\\s*linear",
-      "insertText": "linear-gradient(${1|to right,to bottom,135deg,to bottom right|}, ${2:#667eea}, ${3:#764ba2});",
-      "description": "Linear gradient background with direction and color stops.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "position:\\s*a",
-      "insertText": "absolute;\ntop: ${1:50%};\nleft: ${2:50%};\ntransform: translate(-50%, -50%);",
-      "description": "Absolute centering pattern using position absolute with transform.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "position:\\s*s(?=t)",
-      "insertText": "sticky;\ntop: ${1:0};",
-      "description": "Sticky positioning with top offset. Element sticks to position during scroll.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "@keyframes\\s+",
-      "insertText": "${1:animationName} {\n\tfrom {\n\t\t${2:opacity: 0;}\n\t\t${3:transform: translateY(10px);}\n\t}\n\tto {\n\t\t${4:opacity: 1;}\n\t\t${5:transform: translateY(0);}\n\t}\n}",
-      "description": "Keyframes animation definition with from/to states for fade and slide effect.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "@font-face\\s*\\{",
-      "insertText": "\n\tfont-family: '${1:FontName}';\n\tsrc: url('${2:fonts/${1}.woff2}') format('woff2'),\n\t     url('${3:fonts/${1}.woff}') format('woff');\n\tfont-weight: ${4:400};\n\tfont-style: ${5:normal};\n\tfont-display: ${6:swap};\n",
-      "description": "Font-face declaration with woff2/woff sources and font-display swap for performance.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "grid-template-areas:\\s*",
-      "insertText": "\"${1:header} ${1:header} ${1:header}\"\n\t\"${2:sidebar} ${3:main} ${3:main}\"\n\t\"${4:footer} ${4:footer} ${4:footer}\";",
-      "description": "Grid template areas with a common header/sidebar/main/footer layout.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "border-radius:\\s*",
-      "insertText": "${1|4px,8px,12px,50%,9999px|};",
-      "description": "Border radius with common presets: subtle rounding, moderate rounding, circle, and pill shape.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "box-shadow:\\s*",
-      "insertText": "${1:0} ${2:2px} ${3:4px} ${4:rgba(0, 0, 0, 0.1)};",
-      "description": "Box shadow with x-offset, y-offset, blur radius, and semi-transparent color.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "text-overflow:\\s*",
-      "insertText": "ellipsis;\nwhite-space: nowrap;\noverflow: hidden;",
-      "description": "Text truncation pattern with ellipsis, preventing text wrap and hiding overflow.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "@layer\\s+",
-      "insertText": "${1:base}, ${2:components}, ${3:utilities};",
-      "description": "Cascade layer ordering declaration. Layers listed first have lowest priority.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "@container\\s*\\(",
-      "insertText": "min-width: ${1:400px}) {\n\t$0\n}",
-      "description": "Container query for component-level responsive design based on container size.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "scroll-snap-type:\\s*",
-      "insertText": "${1|x,y,both|} ${2|mandatory,proximity|};",
-      "description": "Scroll snap type for axis and strictness. Creates carousel-like scroll behavior.",
-      "completeBracketPairs": true
-    },
-    {
-      "triggerPattern": "aspect-ratio:\\s*",
-      "insertText": "${1|16 / 9,4 / 3,1 / 1,3 / 2,21 / 9|};",
-      "description": "Aspect ratio with common presets: widescreen, standard, square, photo, ultrawide.",
-      "completeBracketPairs": true
-    }
-  ]
-}
+{
+  "language": "css",
+  "inlineCompletions": [
+    {
+      "triggerPattern": "display:\\s*",
+      "insertText": "flex;\njustify-content: ${1:center};\nalign-items: ${2:center};",
+      "description": "Flexbox layout with justify-content and align-items. Most common pattern for centering elements.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "display:\\s*g",
+      "insertText": "grid;\ngrid-template-columns: repeat(${1:auto-fill}, minmax(${2:250px}, 1fr));\ngap: ${3:1rem};",
+      "description": "Responsive CSS Grid layout with auto-fill and minmax for fluid column sizing.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@media\\s*\\(",
+      "insertText": "max-width: ${1:768px}) {\n\t$0\n}",
+      "description": "Desktop-first media query breakpoint. Applies styles at or below the specified width.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@media\\s*\\(min",
+      "insertText": "min-width: ${1:768px}) {\n\t$0\n}",
+      "description": "Mobile-first media query breakpoint. Applies styles at or above the specified width.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@media\\s*\\(prefers-color",
+      "insertText": "prefers-color-scheme: dark) {\n\t:root {\n\t\t--bg: ${1:#121212};\n\t\t--text: ${2:#e0e0e0};\n\t}\n}",
+      "description": "Prefers-color-scheme dark mode media query with CSS custom property overrides.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "animation:\\s*",
+      "insertText": "${1:name} ${2:0.3s} ${3:ease-in-out} ${4:forwards};",
+      "description": "Animation shorthand with name, duration, timing function, and fill mode.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "transition:\\s*",
+      "insertText": "${1:all} ${2:0.3s} ${3:ease};",
+      "description": "Transition shorthand with property, duration, and timing function.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "background:\\s*linear",
+      "insertText": "linear-gradient(${1|to right,to bottom,135deg,to bottom right|}, ${2:#667eea}, ${3:#764ba2});",
+      "description": "Linear gradient background with direction and color stops.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "position:\\s*a",
+      "insertText": "absolute;\ntop: ${1:50%};\nleft: ${2:50%};\ntransform: translate(-50%, -50%);",
+      "description": "Absolute centering pattern using position absolute with transform.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "position:\\s*s(?=t)",
+      "insertText": "sticky;\ntop: ${1:0};",
+      "description": "Sticky positioning with top offset. Element sticks to position during scroll.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@keyframes\\s+",
+      "insertText": "${1:animationName} {\n\tfrom {\n\t\t${2:opacity: 0;}\n\t\t${3:transform: translateY(10px);}\n\t}\n\tto {\n\t\t${4:opacity: 1;}\n\t\t${5:transform: translateY(0);}\n\t}\n}",
+      "description": "Keyframes animation definition with from/to states for fade and slide effect.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@font-face\\s*\\{",
+      "insertText": "\n\tfont-family: '${1:FontName}';\n\tsrc: url('${2:fonts/${1}.woff2}') format('woff2'),\n\t     url('${3:fonts/${1}.woff}') format('woff');\n\tfont-weight: ${4:400};\n\tfont-style: ${5:normal};\n\tfont-display: ${6:swap};\n",
+      "description": "Font-face declaration with woff2/woff sources and font-display swap for performance.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "grid-template-areas:\\s*",
+      "insertText": "\"${1:header} ${1:header} ${1:header}\"\n\t\"${2:sidebar} ${3:main} ${3:main}\"\n\t\"${4:footer} ${4:footer} ${4:footer}\";",
+      "description": "Grid template areas with a common header/sidebar/main/footer layout.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "border-radius:\\s*",
+      "insertText": "${1|4px,8px,12px,50%,9999px|};",
+      "description": "Border radius with common presets: subtle rounding, moderate rounding, circle, and pill shape.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "box-shadow:\\s*",
+      "insertText": "${1:0} ${2:2px} ${3:4px} ${4:rgba(0, 0, 0, 0.1)};",
+      "description": "Box shadow with x-offset, y-offset, blur radius, and semi-transparent color.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "text-overflow:\\s*",
+      "insertText": "ellipsis;\nwhite-space: nowrap;\noverflow: hidden;",
+      "description": "Text truncation pattern with ellipsis, preventing text wrap and hiding overflow.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@layer\\s+",
+      "insertText": "${1:base}, ${2:components}, ${3:utilities};",
+      "description": "Cascade layer ordering declaration. Layers listed first have lowest priority.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@container\\s*\\(",
+      "insertText": "min-width: ${1:400px}) {\n\t$0\n}",
+      "description": "Container query for component-level responsive design based on container size.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "scroll-snap-type:\\s*",
+      "insertText": "${1|x,y,both|} ${2|mandatory,proximity|};",
+      "description": "Scroll snap type for axis and strictness. Creates carousel-like scroll behavior.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "aspect-ratio:\\s*",
+      "insertText": "${1|16 / 9,4 / 3,1 / 1,3 / 2,21 / 9|};",
+      "description": "Aspect ratio with common presets: widescreen, standard, square, photo, ultrawide.",
+      "completeBracketPairs": true
+    }
+  ]
+}