Optimize WASM handling and integrate service worker caching.

Removed unused pointer events in BevyScene, updated Vite config with Workbox for service worker caching, and adjusted file paths in generate-bevy-bundle.js. Added WASM size optimization to ensure smaller and efficient builds, skipping optimization for files below 30MB.

packages/client/scripts/generate-bevy-bundle.js

@@ -7,6 +7,7 @@ import {
   renameSync,
   rmSync,
   cpSync,
+  statSync,
 } from 'node:fs';
 import { resolve, dirname, join, basename } from 'node:path';
 
@@ -49,7 +50,7 @@ function bundleCrate() {
   }
 
   // Build the yachtpit project
-  const buildCwd = resolve(repoRoot, 'crates/yachtpit');
+  const buildCwd = resolve(repoRoot, 'crates/yachtpit/crates/yachtpit');
   logger.info(`🔨 Building in directory: ${buildCwd}`);
 
   try {
@@ -63,7 +64,7 @@ function bundleCrate() {
   }
 
   // ───────────── Copy assets to public directory ──────────────────────────
-  const yachtpitDistDir = join(yachtpitPath, 'dist');
+  const yachtpitDistDir = join(buildCwd, 'dist');
 
   logger.info(`📋 Copying assets to public directory...`);
 
@@ -152,6 +153,27 @@ function bundleCrate() {
   } else {
     logger.info(`⚠️  ${indexHtml} not found – skipping HTML processing.`);
   }
+  optimizeWasmSize();
+}
+
+function optimizeWasmSize() {
+  logger.info('🔨 Checking WASM size...');
+
+  const wasmPath = resolve(publicDir, 'yachtpit_bg.wasm');
+  const fileSize = statSync(wasmPath).size;
+  const sizeInMb = fileSize / (1024 * 1024);
+
+  if (sizeInMb > 30) {
+    logger.info(`WASM size is ${sizeInMb.toFixed(2)}MB, optimizing...`);
+    execSync(`wasm-opt -Oz -o ${wasmPath} ${wasmPath}`, {
+      encoding: 'utf-8',
+    });
+    logger.info(`✅ WASM size optimized`);
+  } else {
+    logger.info(
+      `⏩ Skipping WASM optimization, size (${sizeInMb.toFixed(2)}MB) is under 30MB threshold`,
+    );
+  }
 }
 
 function cleanup() {

packages/client/src/components/landing-component/BevyScene.tsx

@@ -32,7 +32,6 @@ const BevySceneInner: React.FC<BevySceneProps> = ({
       position: 'absolute' as const,
       inset: 0,
       zIndex: 0,
-      pointerEvents: 'none' as const,
       opacity: visible ? Math.min(Math.max(intensity, 0), 1) : 0,
       filter: glow ? 'blur(1px)' : 'none',
       transition: `opacity ${speed}s ease-in-out`,

packages/client/vite.config.ts

@@ -114,6 +114,14 @@ export default defineConfig(({ command }) => {
                 })
              */
     ],
+    workbox: {
+      globPatterns: ['**/*.{js,css,html,ico,png,svg,wasm}'],
+      navigateFallbackDenylist: [/^\/api\//],
+      maximumFileSizeToCacheInBytes: 25000000,
+      cacheId: buildId,
+      cleanupOutdatedCaches: true,
+      clientsClaim: true,
+    },
     server: {
       port: 3000,
       proxy: {