feat: добавить серверную генерацию спрайтов

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

@@ -2,22 +2,30 @@ import '@gromlab/svg-sprites/viewer/element'
 
 import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core'
 
-import { IconsIcon } from './sprite'
+import { AppIcon } from './app-icons'
+import { RemoteAppIcon } from './remote-app-icons'
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [IconsIcon],
+  imports: [AppIcon, RemoteAppIcon],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   template: `
     <main>
       <h1>Angular application builder</h1>
-      <icons-icon
+      <app-icon
         data-testid="icon"
         data-app="angular"
         icon="check"
         aria-label="Check icon"
-        style="color: #16a34a; --icon-color-1: #16a34a"
+        style="width:64px;height:64px;color:#16a34a;--icon-color-1:#16a34a"
+      />
+      <remote-app-icon
+        data-testid="remote-icon"
+        data-app="angular-remote"
+        icon="check"
+        aria-label="Remote check icon"
+        style="width:64px;height:64px;color:#16a34a;--icon-color-1:#16a34a"
       />
       <gromlab-sprite-viewer
         [sources]="viewerSources"
@@ -28,6 +36,7 @@ import { IconsIcon } from './sprite'
 })
 export class AppComponent {
   readonly viewerSources = [
-    () => import('./sprite/.svg-sprite/svg-sprite.manifest.js'),
+    () => import('./app-icons/.svg-sprite/svg-sprite.manifest.js'),
+    () => import('./remote-app-icons/.svg-sprite/svg-sprite.manifest.js'),
   ]
 }