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

integration/apps/react-webpack/src/main.tsx

@@ -1,9 +1,14 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { SpriteViewer } from '@gromlab/svg-sprites/react'
 
 import { IconsIcon } from './sprite'
 import './style.css'
 
+const viewerSources = [
+  () => import('./sprite/.svg-sprite/svg-sprite.manifest.js'),
+] as const
+
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <main>
@@ -17,6 +22,7 @@ createRoot(document.getElementById('root')!).render(
         height={64}
         style={{ '--icon-color-1': '#16a34a' }}
       />
+      <SpriteViewer sources={viewerSources} title="React Webpack Viewer" style={{ marginTop: 32 }} />
     </main>
   </StrictMode>,
 )

integration/apps/react-webpack/webpack.config.js

@@ -15,6 +15,10 @@ export default {
   },
   resolve: {
     extensions: ['.tsx', '.ts', '.js'],
+    alias: {
+      react: path.resolve(root, '../../node_modules/react'),
+      'react-dom': path.resolve(root, '../../node_modules/react-dom'),
+    },
   },
   module: {
     rules: [