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

integration/apps/solid-vite/package.json

@@ -4,7 +4,9 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "sprites": "svg-sprites src/sprite/svg-sprite.config.ts",
+    "sprites": "npm run sprites:local && npm run sprites:remote",
+    "sprites:local": "svg-sprites src/app-icons/svg-sprite.config.ts",
+    "sprites:remote": "svg-sprites src/remote-app-icons/svg-sprite.config.js",
     "typecheck": "tsc --noEmit",
     "build": "npm run sprites && tsc --noEmit && vite build",
     "dev": "npm run sprites && vite"

integration/apps/solid-vite/src/app-icons/svg-sprite.config.ts

@@ -2,7 +2,7 @@ import { defineSpriteConfig } from '@gromlab/svg-sprites'
 
 export default defineSpriteConfig({
   mode: 'solid@vite',
-  name: 'icons',
+  name: 'app',
   input: '../../../../fixtures/icons/check.svg',
   generatedNotice: false,
 })

integration/apps/solid-vite/src/generated-contract.typecheck.ts

@@ -1,13 +1,20 @@
-import { IconsIcon, iconsIconNames } from './sprite'
-import type { IconsIconName, IconsIconProps } from './sprite'
+import { AppIcon, appIconNames } from './app-icons'
+import type { AppIconName, AppIconProps } from './app-icons'
+import { RemoteAppIcon, remoteAppIconNames } from './remote-app-icons'
+import type { RemoteAppIconName, RemoteAppIconProps } from './remote-app-icons'
 
-const iconName: IconsIconName = 'check'
-const props: IconsIconProps = { icon: iconName, width: 24 }
+const iconName: AppIconName = 'check'
+const remoteIconName: RemoteAppIconName = 'check'
+const props: AppIconProps = { icon: iconName, width: 24 }
+const remoteProps: RemoteAppIconProps = { icon: remoteIconName, width: 24 }
 
-void IconsIcon
-void iconsIconNames
+void AppIcon
+void appIconNames
+void RemoteAppIcon
+void remoteAppIconNames
 void props
+void remoteProps
 
 // @ts-expect-error Generated icon names form a literal union.
-const missingIcon: IconsIconName = 'missing'
+const missingIcon: AppIconName = 'missing'
 void missingIcon

integration/apps/solid-vite/src/main.jsx

@@ -1,7 +1,8 @@
 import { onMount } from 'solid-js'
 import { render } from 'solid-js/web'
 
-import { IconsIcon } from './sprite'
+import { AppIcon } from './app-icons'
+import { RemoteAppIcon } from './remote-app-icons'
 import './style.css'
 
 function App() {
@@ -11,21 +12,33 @@ function App() {
     await import('@gromlab/svg-sprites/viewer/element')
     const viewer = document.createElement('gromlab-sprite-viewer')
     viewer.viewerTitle = 'Solid Vite Viewer'
-    viewer.sources = [() => import('./sprite/.svg-sprite/svg-sprite.manifest.js')]
+    viewer.sources = [
+      () => import('./app-icons/.svg-sprite/svg-sprite.manifest.js'),
+      () => import('./remote-app-icons/.svg-sprite/svg-sprite.manifest.js'),
+    ]
     viewerHost.append(viewer)
   })
 
   return (
     <main>
       <h1>Solid + Vite</h1>
-      <IconsIcon
+      <AppIcon
         data-testid="icon"
         data-app="solid-vite"
         icon="check"
         aria-label="Check icon"
         width={64}
         height={64}
-        style={{ '--icon-color-1': '#16a34a' }}
+        style={{ color: '#16a34a', '--icon-color-1': '#16a34a' }}
+      />
+      <RemoteAppIcon
+        data-testid="remote-icon"
+        data-app="solid-vite-remote"
+        icon="check"
+        aria-label="Remote check icon"
+        width={64}
+        height={64}
+        style={{ color: '#16a34a', '--icon-color-1': '#16a34a' }}
       />
       <div class="viewer" ref={viewerHost} />
     </main>

integration/apps/solid-vite/src/remote-app-icons/.gitignore

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

integration/apps/solid-vite/src/remote-app-icons/index.d.ts

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

integration/apps/solid-vite/src/remote-app-icons/index.js

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

integration/apps/solid-vite/src/remote-app-icons/svg-sprite.config.js

@@ -0,0 +1,8 @@
+const manifestUrl = process.env.SVG_SPRITE_REMOTE_MANIFEST_URL
+  ?? '../../../standalone-server/cases/mixed-input/.svg-sprite/svg-sprite.manifest.json'
+
+export default {
+  mode: 'solid@vite',
+  source: 'remote',
+  input: manifestUrl,
+}

integration/apps/solid-vite/src/style.css

@@ -9,7 +9,8 @@ body {
   padding: 40px;
 }
 
-[data-testid='icon'] {
+[data-testid='icon'],
+[data-testid='remote-icon'] {
   width: 64px;
   height: 64px;
 }