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

integration/apps/next-app-turbopack/app/page.tsx

@@ -1,11 +1,12 @@
-import { IconsIcon } from '../src/sprite'
+import { AppIcon } from '../src/app-icons'
+import { RemoteAppIcon } from '../src/remote-app-icons'
 import { AppSpriteViewer } from './sprite-viewer'
 
 export default function Page() {
   return (
     <main>
       <h1>Next.js App Router + Turbopack</h1>
-      <IconsIcon
+      <AppIcon
         data-testid="icon"
         data-app="next-app-turbopack"
         icon="check"
@@ -14,6 +15,15 @@ export default function Page() {
         height={64}
         style={{ '--icon-color-1': '#16a34a' }}
       />
+      <RemoteAppIcon
+        data-testid="remote-icon"
+        data-app="next-app-turbopack-remote"
+        icon="check"
+        aria-label="Remote check icon"
+        width={64}
+        height={64}
+        style={{ '--icon-color-1': '#16a34a' }}
+      />
       <AppSpriteViewer />
     </main>
   )

integration/apps/next-app-turbopack/app/sprite-viewer.tsx

@@ -3,7 +3,8 @@
 import { SpriteViewer } from '@gromlab/svg-sprites/react'
 
 const viewerSources = [
-  () => import('../src/sprite/.svg-sprite/svg-sprite.manifest.js'),
+  () => import('../src/app-icons/.svg-sprite/svg-sprite.manifest.js'),
+  () => import('../src/remote-app-icons/.svg-sprite/svg-sprite.manifest.js'),
 ] as const
 
 export function AppSpriteViewer() {

integration/apps/next-app-turbopack/generated-contract.typecheck.tsx

@@ -1,18 +1,28 @@
-import { IconsIcon, iconsIconNames } from './src/sprite'
-import type { IconsIconName, IconsIconProps, IconsIconStyle } from './src/sprite'
-import { IconsIcon as GeneratedIconsIcon } from './src/sprite/.svg-sprite/react/react-component.js'
-import type { IconsIconName as GeneratedIconName } from './src/sprite/.svg-sprite/icon-data.js'
-import { iconsIconNames as generatedIconNames } from './src/sprite/.svg-sprite/icon-data.js'
+import { AppIcon, appIconNames } from './src/app-icons'
+import type { AppIconName, AppIconProps, AppIconStyle } from './src/app-icons'
+import { AppIcon as GeneratedAppIcon } from './src/app-icons/.svg-sprite/react/react-component.js'
+import type { AppIconName as GeneratedAppIconName } from './src/app-icons/.svg-sprite/icon-data.js'
+import { appIconNames as generatedAppIconNames } from './src/app-icons/.svg-sprite/icon-data.js'
+import { RemoteAppIcon, remoteAppIconNames } from './src/remote-app-icons'
+import type { RemoteAppIconName, RemoteAppIconProps } from './src/remote-app-icons'
+import { RemoteAppIcon as GeneratedRemoteAppIcon } from './src/remote-app-icons/.svg-sprite/react/react-component.js'
+import type { RemoteAppIconName as GeneratedRemoteAppIconName } from './src/remote-app-icons/.svg-sprite/icon-data.js'
+import { remoteAppIconNames as generatedRemoteAppIconNames } from './src/remote-app-icons/.svg-sprite/icon-data.js'
 
-const iconName: IconsIconName = iconsIconNames[0]
-const generatedIconName: GeneratedIconName = generatedIconNames[0]
-const allIconNames: readonly IconsIconName[] = iconsIconNames
-const style: IconsIconStyle = { '--icon-color-1': '#16a34a' }
-const props: IconsIconProps = { icon: iconName, style }
+const appIconName: AppIconName = appIconNames[0]
+const generatedAppIconName: GeneratedAppIconName = generatedAppIconNames[0]
+const allAppIconNames: readonly AppIconName[] = appIconNames
+const style: AppIconStyle = { '--icon-color-1': '#16a34a' }
+const appProps: AppIconProps = { icon: appIconName, style }
+const remoteAppIconName: RemoteAppIconName = remoteAppIconNames[0]
+const generatedRemoteAppIconName: GeneratedRemoteAppIconName = generatedRemoteAppIconNames[0]
+const remoteAppProps: RemoteAppIconProps = { icon: remoteAppIconName, style }
 
-void allIconNames
-void <IconsIcon {...props} />
-void <GeneratedIconsIcon icon={generatedIconName} />
+void allAppIconNames
+void <AppIcon {...appProps} />
+void <GeneratedAppIcon icon={generatedAppIconName} />
+void <RemoteAppIcon {...remoteAppProps} />
+void <GeneratedRemoteAppIcon icon={generatedRemoteAppIconName} />
 
 // @ts-expect-error Unknown icon names must be rejected by generated declarations.
-void <IconsIcon icon="missing" />
+void <AppIcon icon="missing" />

integration/apps/next-app-turbopack/package.json

@@ -3,7 +3,9 @@
   "private": true,
   "version": "0.0.0",
   "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 && next build --turbopack",
     "dev": "npm run sprites && next dev --turbopack",

integration/apps/next-app-turbopack/src/app-icons/svg-sprite.config.ts

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

integration/apps/next-app-turbopack/src/remote-app-icons/.gitignore

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

integration/apps/next-app-turbopack/src/remote-app-icons/index.ts

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

integration/apps/next-app-turbopack/src/remote-app-icons/svg-sprite.config.js

@@ -0,0 +1,6 @@
+export default {
+  mode: 'next@app/turbopack',
+  source: 'remote',
+  input: process.env.SVG_SPRITE_REMOTE_MANIFEST_URL
+    ?? '../../../standalone-server/cases/mixed-input/.svg-sprite/svg-sprite.manifest.json',
+}