feat: Новый кросс платформенный вьювер

integration/apps/next-pages-webpack/next.config.mjs

@@ -1,10 +1,16 @@
 import path from 'node:path'
 
+const repositoryRoot = path.resolve(import.meta.dirname, '../../..')
 const integrationRoot = path.resolve(import.meta.dirname, '../..')
 
 export default {
-  outputFileTracingRoot: integrationRoot,
+  outputFileTracingRoot: repositoryRoot,
   turbopack: {
-    root: integrationRoot,
+    root: repositoryRoot,
+  },
+  webpack(config) {
+    config.resolve.alias.react = path.resolve(integrationRoot, 'node_modules/react')
+    config.resolve.alias['react-dom'] = path.resolve(integrationRoot, 'node_modules/react-dom')
+    return config
   },
 }

integration/apps/next-pages-webpack/pages/index.tsx

@@ -1,5 +1,10 @@
+import { SpriteViewer } from '@gromlab/svg-sprites/react'
 import { IconsIcon } from '../src/sprite'
 
+const viewerSources = [
+  () => import('../src/sprite/.svg-sprite/svg-sprite.manifest.js'),
+] as const
+
 export default function Page() {
   return (
     <main>
@@ -13,6 +18,7 @@ export default function Page() {
         height={64}
         style={{ '--icon-color-1': '#16a34a' }}
       />
+      <SpriteViewer sources={viewerSources} title="Next Pages Webpack Viewer" style={{ marginTop: 32 }} />
     </main>
   )
 }