follow up: fixing what is not working with the npm package and static site deployment

.github/workflows/npm-publish.yml

@@ -30,7 +30,7 @@ jobs:
           registry-url: 'https://registry.npmjs.org'
 
       - name: Install dependencies
-        run: npm ci
+        run: npm install
 
       - name: Run tests
         run: npm test

.github/workflows/pr-coverage.yml

@@ -25,8 +25,11 @@ jobs:
           node-version: '18'
           cache: 'npm'
 
-      - name: Install dependencies
-        run: npm ci
+      - name: Clean install dependencies
+        run: |
+          rm -rf node_modules package-lock.json
+          npm install --ignore-scripts
+          npm rebuild
 
       - name: Run tests with coverage
         run: npm run test:coverage

.gitignore

@@ -18,6 +18,9 @@ logs
 .fleet
 .idea
 
+# NPM package files
+*.tgz
+
 # Local env files
 .env
 .env.*

cli.js

@@ -5,7 +5,8 @@ import path from 'path';
 import fs from 'fs';
 import url from 'url';
 import { fileURLToPath } from 'url';
-import open from 'open';
+import { exec } from 'child_process';
+import os from 'os';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -57,11 +58,35 @@ function getMimeType(filePath) {
     '.woff': 'font/woff',
     '.woff2': 'font/woff2',
     '.ttf': 'font/ttf',
-    '.otf': 'font/otf'
+    '.otf': 'font/otf',
+    '.wasm': 'application/wasm'
   };
   return mimeTypes[ext] || 'application/octet-stream';
 }
 
+function openBrowser(url) {
+  const platform = os.platform();
+  let command;
+
+  switch (platform) {
+    case 'darwin':
+      command = `open "${url}"`;
+      break;
+    case 'win32':
+      command = `start "${url}"`;
+      break;
+    default:
+      // Linux and others
+      command = `xdg-open "${url}" || sensible-browser "${url}" || x-www-browser "${url}" || gnome-open "${url}"`;
+  }
+
+  exec(command, (err) => {
+    if (err) {
+      console.log('📌 Could not open browser automatically. Please open the URL manually.');
+    }
+  });
+}
+
 function startServer() {
   const distPath = path.join(__dirname, 'dist');
 
@@ -132,9 +157,7 @@ function startServer() {
       console.log('📋 Press Ctrl+C to stop the server\n');
 
       // Open browser
-      open(serverUrl).catch(() => {
-        console.log('📌 Could not open browser automatically. Please open the URL manually.');
-      });
+      openBrowser(serverUrl);
     });
 
     process.on('SIGINT', () => {

nuxt.config.ts

@@ -11,16 +11,13 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   ssr: false,
   nitro: {
-    preset: 'cloudflare-pages',
+    preset: 'static',
+    output: {
+      dir: './dist',
+      publicDir: './dist'
+    },
     experimental: {
       wasm: true
-    },
-    cloudflare: {
-      pages: {
-        routes: {
-          exclude: ['/favicon.ico']
-        }
-      }
     }
   },
   app: {