feat: добавить поддержку 20 framework exact modes

Добавлены exact modes:
- vue@vite и vue@webpack
- nuxt@vite и nuxt@webpack
- svelte@vite, svelte@webpack и sveltekit@vite
- angular@application и angular@webpack
- astro@vite
- solid@vite, solid@webpack и solid-start@vite
- preact@vite и preact@webpack
- qwik@vite
- lit@vite и lit@webpack
- alpine@vite и alpine@webpack

Для каждого mode реализованы изолированный adapter, нативный
framework-компонент, declarations, manifest, CSS и внешний asset URL.

Добавлены production integration-стенды с генерацией, typecheck,
сборкой и Playwright-проверкой рендера спрайта и Viewer.

Обновлены Viewer, RU/EN-гайды, README, technical reference и AI skills.
Итоговая матрица включает 29 exact modes.

Проверки:
- 48 unit-тестов
- 29 integration E2E-тестов

integration/apps/angular/angular.json

@@ -21,6 +21,9 @@
                 "input": "public"
               }
             ],
+            "loader": {
+              ".svg": "file"
+            },
             "styles": ["src/styles.css"],
             "outputPath": "dist/angular"
           },

integration/apps/angular/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "scripts": {
-    "sprites": "svg-sprites --mode legacy .",
+    "sprites": "svg-sprites src/sprite/svg-sprite.config.ts",
     "typecheck": "ngc -p tsconfig.app.json --noEmit",
     "build": "npm run sprites && ng build --configuration production",
     "dev": "npm run sprites && ng serve"

integration/apps/angular/src/app.component.ts

@@ -1,20 +1,33 @@
-import { Component } from '@angular/core'
+import '@gromlab/svg-sprites/viewer/element'
+
+import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core'
+
+import { IconsIcon } from './sprite'
 
 @Component({
   selector: 'app-root',
   standalone: true,
+  imports: [IconsIcon],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   template: `
     <main>
-      <h1>Angular</h1>
-      <svg
+      <h1>Angular application builder</h1>
+      <icons-icon
         data-testid="icon"
         data-app="angular"
+        icon="check"
         aria-label="Check icon"
-        viewBox="0 0 24 24"
-      >
-        <use href="/sprites/icons.sprite.svg#check"></use>
-      </svg>
+        style="color: #16a34a; --icon-color-1: #16a34a"
+      />
+      <gromlab-sprite-viewer
+        [sources]="viewerSources"
+        viewer-title="Angular Application Viewer"
+      />
     </main>
   `,
 })
-export class AppComponent {}
+export class AppComponent {
+  readonly viewerSources = [
+    () => import('./sprite/.svg-sprite/svg-sprite.manifest.js'),
+  ]
+}

integration/apps/angular/src/sprite/.gitignore

@@ -0,0 +1,2 @@
+# @generated by @gromlab/svg-sprites. Do not edit.
+/.svg-sprite/

integration/apps/angular/src/sprite/index.ts

@@ -0,0 +1 @@
+export * from './.svg-sprite/index'

integration/apps/angular/src/sprite/svg-sprite.config.ts

@@ -0,0 +1,6 @@
+export default {
+  mode: 'angular@application',
+  name: 'icons',
+  input: '../../../../fixtures/icons/check.svg',
+  generatedNotice: false,
+}

integration/apps/angular/src/styles.css

@@ -9,8 +9,13 @@ body {
   padding: 40px;
 }
 
-[data-testid='icon'] {
+icons-icon[data-testid='icon'] {
   width: 64px;
   height: 64px;
   color: #16a34a;
 }
+
+gromlab-sprite-viewer {
+  display: block;
+  margin-top: 32px;
+}

integration/apps/angular/src/type-probe.ts

@@ -0,0 +1,10 @@
+import type { IconsIconName } from './sprite'
+import type { SpriteManifest } from './sprite/.svg-sprite/svg-sprite.manifest.js'
+
+const icon: IconsIconName = 'check'
+const mode: SpriteManifest['mode'] = 'angular@application'
+
+// @ts-expect-error Unknown source file names are rejected by the generated union.
+const unknownIcon: IconsIconName = 'missing'
+
+export { icon, mode, unknownIcon }

integration/apps/angular/svg-sprites.config.ts

@@ -1,11 +0,0 @@
-export default {
-  output: 'public/sprites',
-  preview: false,
-  sprites: [
-    {
-      name: 'icons',
-      input: '../../fixtures/icons',
-      format: 'symbol',
-    },
-  ],
-}

integration/apps/angular/tsconfig.app.json

@@ -4,6 +4,6 @@
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": ["src/main.ts"],
+  "files": ["src/main.ts", "src/type-probe.ts"],
   "include": ["src/**/*.d.ts"]
 }

integration/apps/angular/tsconfig.json

@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
     "strict": true,
@@ -10,7 +9,6 @@
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "bundler",
     "importHelpers": true,