Use CDN for SignWriting web components

- Load components from unpkg CDN instead of bundling
- Remove complex build plugin that wasn't working with Stencil's lazy loading
- Simplify vite config by removing build customizations
- Smaller bundle size (205KB vs 229KB)
- CDN handles component chunk loading properly

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: AmitMY

src/main.jsx

@@ -2,10 +2,12 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
 import App from './App.jsx'
-import { defineCustomElements } from '@sutton-signwriting/sgnw-components/loader'
 
-// Load SignWriting web components
-defineCustomElements()
+// Load SignWriting web components from CDN
+const script = document.createElement('script')
+script.type = 'module'
+script.src = 'https://unpkg.com/@sutton-signwriting/[email protected]/dist/sgnw-components/sgnw-components.esm.js'
+document.head.appendChild(script)
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>

vite.config.js

@@ -1,33 +1,12 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import { VitePWA } from 'vite-plugin-pwa'
-import { copyFileSync, mkdirSync, readdirSync } from 'fs'
-import { join } from 'path'
-
-// Plugin to copy Stencil web component assets
-const copyStencilAssets = () => ({
-  name: 'copy-stencil-assets',
-  closeBundle() {
-    const src = 'node_modules/@sutton-signwriting/sgnw-components/dist/sgnw-components'
-    const dest = 'dist/assets/sgnw-components'
-
-    mkdirSync(dest, { recursive: true })
-
-    const files = readdirSync(src)
-    files.forEach(file => {
-      copyFileSync(join(src, file), join(dest, file))
-    })
-
-    console.log('✓ Copied Stencil web component assets')
-  }
-})
 
 // https://vite.dev/config/
 export default defineConfig({
   base: '/signwriting-word-processor/',
   plugins: [
     react(),
-    copyStencilAssets(),
     VitePWA({
       registerType: 'autoUpdate',
       manifest: {
@@ -53,18 +32,5 @@ export default defineConfig({
         navigateFallback: null
       }
     })
-  ],
-  build: {
-    commonjsOptions: {
-      include: [/node_modules/]
-    },
-    rollupOptions: {
-      output: {
-        inlineDynamicImports: true
-      }
-    }
-  },
-  optimizeDeps: {
-    include: ['@sutton-signwriting/sgnw-components']
-  }
+  ]
 })