@enjoys/context-engine 1.2.0 → 1.4.1

package/data/inlayHints/shell.json

@@ -1,35 +1,223 @@
-{
-  "language": "shell",
-  "inlayHintPatterns": [
-    {
-      "pattern": "(\\w+)\\s*=\\s*",
-      "kind": 1,
-      "label": ": {type}",
-      "position": "after_value",
-      "paddingLeft": true,
-      "description": "Show inferred types for shell variable assignments"
-    }
-  ],
-  "typeInferenceRules": {
-    "string_literal": {
-      "pattern": "['\"].*['\"]",
-      "type": "string"
-    },
-    "number_literal": {
-      "pattern": "^\\d+$",
-      "type": "integer"
-    },
-    "array_literal": {
-      "pattern": "\\(.*\\)",
-      "type": "array"
-    },
-    "boolean_literal": {
-      "pattern": "\\b(true|false)\\b",
-      "type": "string"
-    },
-    "path_literal": {
-      "pattern": "(/[\\w.-]+)+",
-      "type": "path"
-    }
-  }
-}
+{
+  "language": "shell",
+  "inlayHintPatterns": [
+    {
+      "pattern": "(\\w+)\\s*=\\s*",
+      "kind": 1,
+      "label": ": {type}",
+      "position": "after_value",
+      "paddingLeft": true,
+      "description": "Show inferred types for shell variable assignments"
+    },
+    {
+      "pattern": "(?:local|declare)\\s+(?:-\\w+\\s+)*(\\w+)\\s*=\\s*(.+)",
+      "kind": 1,
+      "label": ": {inferred_type}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show inferred type for variable assignments"
+    },
+    {
+      "pattern": "(\\w+)\\s+(\\$\\{?[^}\\s]+\\}?(?:\\s+\\$\\{?[^}\\s]+\\}?)*)",
+      "kind": 2,
+      "label": "{param_name}:",
+      "position": "before_each_arg",
+      "paddingRight": true,
+      "description": "Show parameter names at call sites for known functions"
+    },
+    {
+      "pattern": "declare\\s+-([aAilurnx]+)\\s+(\\w+)",
+      "kind": 1,
+      "label": ": {attribute_description}",
+      "position": "after_capture_2",
+      "paddingLeft": true,
+      "description": "Show attribute description for declare flags"
+    },
+    {
+      "pattern": "\\$\\{(\\w+):?[-+=?]",
+      "kind": 1,
+      "label": "expansion: {expansion_type}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show parameter expansion type"
+    },
+    {
+      "pattern": "exit\\s+(\\d+)",
+      "kind": 1,
+      "label": ": {exit_meaning}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show meaning of exit status code"
+    },
+    {
+      "pattern": "trap\\s+['\"][^'\"]+['\"]\\s+(\\w+)",
+      "kind": 1,
+      "label": ": signal {signal_number}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show signal number for trap signal name"
+    },
+    {
+      "pattern": "\\$\\(\\((.+)\\)\\)",
+      "kind": 1,
+      "label": "= {result}",
+      "position": "after_match",
+      "paddingLeft": true,
+      "description": "Show arithmetic result for constant expressions"
+    },
+    {
+      "pattern": "chmod\\s+(\\d{3,4})\\s+",
+      "kind": 1,
+      "label": ": {permission_string}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show symbolic permission for numeric chmod"
+    },
+    {
+      "pattern": "umask\\s+(\\d{3,4})",
+      "kind": 1,
+      "label": ": effective {effective_perms}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show effective permissions for umask value"
+    },
+    {
+      "pattern": "\\breturn\\s+(\\d+)",
+      "kind": 1,
+      "label": ": {return_meaning}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show meaning of return status code"
+    },
+    {
+      "pattern": "\\bkill\\s+-(?:s\\s+)?(\\d+|[A-Z]+)\\s+",
+      "kind": 1,
+      "label": ": {signal_description}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show signal description"
+    },
+    {
+      "pattern": "\\btest\\s+(-[a-zA-Z])\\s+",
+      "kind": 1,
+      "label": ": {test_description}",
+      "position": "after_capture_1",
+      "paddingLeft": true,
+      "description": "Show test operator meaning"
+    }
+  ],
+  "typeInferenceRules": {
+    "string_literal": {
+      "pattern": "['\"].*['\"]",
+      "type": "string"
+    },
+    "number_literal": {
+      "pattern": "^\\d+$",
+      "type": "integer"
+    },
+    "array_literal": {
+      "pattern": "\\(.*\\)",
+      "type": "array"
+    },
+    "boolean_literal": {
+      "pattern": "\\b(true|false)\\b",
+      "type": "string"
+    },
+    "path_literal": {
+      "pattern": "(/[\\w.-]+)+",
+      "type": "path"
+    },
+    "command_substitution": {
+      "pattern": "^\\$\\(.*\\)$",
+      "type": "string (from command)"
+    },
+    "arithmetic": {
+      "pattern": "^\\$\\(\\(.*\\)\\)$",
+      "type": "integer"
+    },
+    "boolean_pattern": {
+      "pattern": "^(true|false|0|1)$",
+      "type": "boolean (exit status)"
+    },
+    "variable_reference": {
+      "pattern": "^\\$\\{?\\w+\\}?$",
+      "type": "string (variable)"
+    },
+    "process_substitution": {
+      "pattern": "^<\\(.*\\)$|^>\\(.*\\)$",
+      "type": "file descriptor"
+    },
+    "heredoc": {
+      "pattern": "^<<-?\\s*\\w+",
+      "type": "string (heredoc)"
+    },
+    "null_literal": {
+      "pattern": "\\\\b(null)\\\\b",
+      "type": "null"
+    }
+  },
+  "attributeDescriptions": {
+    "a": "indexed array",
+    "A": "associative array",
+    "i": "integer",
+    "l": "lowercase",
+    "u": "uppercase",
+    "r": "readonly",
+    "x": "exported",
+    "n": "nameref",
+    "t": "trace"
+  },
+  "exitStatusMeanings": {
+    "0": "success",
+    "1": "general error",
+    "2": "misuse of builtin",
+    "126": "not executable",
+    "127": "command not found",
+    "128": "invalid exit argument",
+    "130": "killed by SIGINT (Ctrl+C)",
+    "137": "killed by SIGKILL",
+    "143": "killed by SIGTERM"
+  },
+  "signalDescriptions": {
+    "1": "HUP - hangup / reload",
+    "2": "INT - interrupt (Ctrl+C)",
+    "3": "QUIT - core dump",
+    "9": "KILL - force kill (uncatchable)",
+    "13": "PIPE - broken pipe",
+    "15": "TERM - graceful termination",
+    "17": "CHLD - child status change",
+    "18": "CONT - continue stopped process",
+    "19": "STOP - stop (uncatchable)",
+    "20": "TSTP - terminal stop (Ctrl+Z)",
+    "SIGHUP": "hangup / reload",
+    "SIGINT": "interrupt (Ctrl+C)",
+    "SIGQUIT": "quit with core dump",
+    "SIGKILL": "force kill (uncatchable)",
+    "SIGTERM": "graceful termination",
+    "SIGSTOP": "stop (uncatchable)",
+    "SIGCONT": "continue stopped process",
+    "SIGTSTP": "terminal stop (Ctrl+Z)",
+    "EXIT": "shell exit (pseudo-signal)",
+    "ERR": "command failure (with set -e)",
+    "DEBUG": "before each command",
+    "RETURN": "after function/source return"
+  },
+  "testOperatorDescriptions": {
+    "-f": "is regular file",
+    "-d": "is directory",
+    "-e": "exists (any type)",
+    "-s": "exists and non-empty",
+    "-r": "is readable",
+    "-w": "is writable",
+    "-x": "is executable",
+    "-L": "is symlink",
+    "-h": "is symlink",
+    "-p": "is named pipe",
+    "-S": "is socket",
+    "-b": "is block device",
+    "-c": "is character device",
+    "-z": "string is empty",
+    "-n": "string is non-empty",
+    "-t": "fd is open terminal"
+  }
+}

package/data/inlayHints/tailwindcss.json

@@ -0,0 +1,111 @@
+{
+  "language": "tailwindcss",
+  "inlayHintPatterns": [
+    {
+      "pattern": "\\bp-(\\d+)\\b",
+      "kind": "type",
+      "label": "padding: ${1 * 0.25}rem",
+      "position": "after",
+      "description": "Shows the computed padding value in rem for spacing utilities. E.g. p-4 → padding: 1rem (16px)."
+    },
+    {
+      "pattern": "\\bm-(\\d+)\\b",
+      "kind": "type",
+      "label": "margin: ${1 * 0.25}rem",
+      "position": "after",
+      "description": "Shows the computed margin value in rem. E.g. m-4 → margin: 1rem (16px)."
+    },
+    {
+      "pattern": "\\bgap-(\\d+)\\b",
+      "kind": "type",
+      "label": "gap: ${1 * 0.25}rem",
+      "position": "after",
+      "description": "Shows the computed gap value. E.g. gap-4 → gap: 1rem (16px)."
+    },
+    {
+      "pattern": "\\bw-(\\d+)\\b",
+      "kind": "type",
+      "label": "width: ${1 * 0.25}rem",
+      "position": "after",
+      "description": "Shows the computed width value for numeric width utilities."
+    },
+    {
+      "pattern": "\\bh-(\\d+)\\b",
+      "kind": "type",
+      "label": "height: ${1 * 0.25}rem",
+      "position": "after",
+      "description": "Shows the computed height value for numeric height utilities."
+    },
+    {
+      "pattern": "\\bbg-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900|950)\\b",
+      "kind": "type",
+      "label": "→ #{color_hex}",
+      "position": "after",
+      "description": "Shows the hex color value for Tailwind palette colors. E.g. bg-blue-500 → #3b82f6."
+    },
+    {
+      "pattern": "\\btext-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900|950)\\b",
+      "kind": "type",
+      "label": "→ #{color_hex}",
+      "position": "after",
+      "description": "Shows the hex color value for text color utilities."
+    },
+    {
+      "pattern": "\\bborder-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900|950)\\b",
+      "kind": "type",
+      "label": "→ #{color_hex}",
+      "position": "after",
+      "description": "Shows the hex color value for border color utilities."
+    },
+    {
+      "pattern": "\\b(sm):",
+      "kind": "parameter",
+      "label": "≥640px",
+      "position": "after",
+      "description": "Shows the min-width breakpoint value for sm: prefix."
+    },
+    {
+      "pattern": "\\b(md):",
+      "kind": "parameter",
+      "label": "≥768px",
+      "position": "after",
+      "description": "Shows the min-width breakpoint value for md: prefix."
+    },
+    {
+      "pattern": "\\b(lg):",
+      "kind": "parameter",
+      "label": "≥1024px",
+      "position": "after",
+      "description": "Shows the min-width breakpoint value for lg: prefix."
+    },
+    {
+      "pattern": "\\b(xl):",
+      "kind": "parameter",
+      "label": "≥1280px",
+      "position": "after",
+      "description": "Shows the min-width breakpoint value for xl: prefix."
+    },
+    {
+      "pattern": "\\b(2xl):",
+      "kind": "parameter",
+      "label": "≥1536px",
+      "position": "after",
+      "description": "Shows the min-width breakpoint value for 2xl: prefix."
+    },
+    {
+      "pattern": "\\btext-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)\\b",
+      "kind": "type",
+      "label": "→ font-size",
+      "position": "after",
+      "description": "Shows the computed font-size. E.g. text-lg → 1.125rem / 18px."
+    },
+    {
+      "pattern": "\\brounded-(none|sm|md|lg|xl|2xl|3xl|full)\\b",
+      "kind": "type",
+      "label": "→ border-radius",
+      "position": "after",
+      "description": "Shows the computed border-radius value. E.g. rounded-lg → 0.5rem / 8px."
+    }
+  ],
+  "typeInferenceRules": {}
+}

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

@@ -0,0 +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
+    }
+  ]
+}

package/data/inlineCompletions/javascript.json

@@ -12,6 +12,18 @@
       "insertText": "const ${1:name} = (${2:params}) => {\n\t$0\n};",
       "description": "Arrow function",
       "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "^\\\\s*rfc\\\\s*$",
+      "insertText": "function ${1:Component}() {\n\treturn (\n\t\t<div className=\"${2}\">${3}</div>\n\t);\n}\n\nexport default ${1:Component};",
+      "description": "React function component (JSX)",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "^\\\\s*useState\\\\s*$",
+      "insertText": "const [${1:state}, set${2:State}] = useState(${3:initial});",
+      "description": "React useState hook",
+      "completeBracketPairs": true
     }
   ]
 }