almostnode 0.2.1 → 0.2.3

package/dist/sandbox-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sandbox-helpers.d.ts","sourceRoot":"","sources":["../src/sandbox-helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgCH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,kBAAkB,GAAG,MAAW,GAAG,MAAM,CA6GhF;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CAY/C;AAED,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;CAEtE;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,2BAA2B,GAAG,MAAW,GAAG;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAuBA;AAED;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAmB/B,CAAC"}
+{"version":3,"file":"sandbox-helpers.d.ts","sourceRoot":"","sources":["../src/sandbox-helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAiDH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,kBAAkB,GAAG,MAAW,GAAG,MAAM,CA6GhF;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CAY/C;AAED,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;CAEtE;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,2BAA2B,GAAG,MAAW,GAAG;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAuBA;AAED;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAmB/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "almostnode",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Node.js in your browser. Just like that.",
   "type": "module",
   "license": "MIT",
@@ -102,4 +102,4 @@
     "vite": "^5.4.0",
     "vitest": "^4.0.18"
   }
-}
+}

package/src/frameworks/next-dev-server.ts

@@ -816,6 +816,11 @@ export class NextDevServer extends DevServer {
       return this.serveNextShim(pathname);
     }
 
+    // Serve page components for client-side navigation
+    if (pathname.startsWith('/_next/pages/')) {
+      return this.servePageComponent(pathname);
+    }
+
     // Static assets from /_next/static/*
     if (pathname.startsWith('/_next/static/')) {
       return this.serveStaticAsset(pathname);
@@ -895,6 +900,28 @@ export class NextDevServer extends DevServer {
     return this.notFound(pathname);
   }
 
+  /**
+   * Serve page components for client-side navigation
+   * Maps /_next/pages/index.js → /pages/index.jsx (transformed)
+   */
+  private async servePageComponent(pathname: string): Promise<ResponseData> {
+    // Extract the route from /_next/pages/about.js → /about
+    const route = pathname
+      .replace('/_next/pages', '')
+      .replace(/\.js$/, '');
+
+    // Resolve the actual page file
+    const pageFile = this.resolvePageFile(route);
+
+    if (!pageFile) {
+      return this.notFound(pathname);
+    }
+
+    // Transform and serve the page component as a JS module
+    // Use the actual file path (pageFile) for both reading and determining the loader
+    return this.transformAndServe(pageFile, pageFile);
+  }
+
   /**
    * Handle API route requests
    */
@@ -1837,30 +1864,63 @@ export class NextDevServer extends DevServer {
   <script type="module">
     import React from 'react';
     import ReactDOM from 'react-dom/client';
-    import Page from '${pageModulePath}';
 
-    // Handle client-side navigation
-    function App() {
-      const [currentPath, setCurrentPath] = React.useState(window.location.pathname);
+    const virtualBase = '${virtualPrefix}';
 
-      React.useEffect(() => {
-        const handlePopState = () => {
-          setCurrentPath(window.location.pathname);
-          // Defer reload outside React's update cycle
-          setTimeout(() => window.location.reload(), 0);
-        };
+    // Convert URL path to page module path
+    function getPageModulePath(pathname) {
+      let route = pathname;
+      if (route.startsWith(virtualBase)) {
+        route = route.slice(virtualBase.length);
+      }
+      route = route.replace(/^\\/+/, '/') || '/';
+      const modulePath = route === '/' ? '/index' : route;
+      return virtualBase + '/_next/pages' + modulePath + '.js';
+    }
 
-        window.addEventListener('popstate', handlePopState);
-        return () => window.removeEventListener('popstate', handlePopState);
+    // Dynamic page loader
+    async function loadPage(pathname) {
+      const modulePath = getPageModulePath(pathname);
+      try {
+        const module = await import(/* @vite-ignore */ modulePath);
+        return module.default;
+      } catch (e) {
+        console.error('[Navigation] Failed to load:', modulePath, e);
+        return null;
+      }
+    }
+
+    // Router component
+    function Router() {
+      const [Page, setPage] = React.useState(null);
+      const [path, setPath] = React.useState(window.location.pathname);
+
+      React.useEffect(() => {
+        loadPage(path).then(C => C && setPage(() => C));
       }, []);
 
+      React.useEffect(() => {
+        const handleNavigation = async () => {
+          const newPath = window.location.pathname;
+          if (newPath !== path) {
+            setPath(newPath);
+            const C = await loadPage(newPath);
+            if (C) setPage(() => C);
+          }
+        };
+        window.addEventListener('popstate', handleNavigation);
+        return () => window.removeEventListener('popstate', handleNavigation);
+      }, [path]);
+
+      if (!Page) return null;
       return React.createElement(Page);
     }
 
+    // Mark that we've initialized (for testing no-reload)
+    window.__NEXT_INITIALIZED__ = Date.now();
+
     ReactDOM.createRoot(document.getElementById('__next')).render(
-      React.createElement(React.StrictMode, null,
-        React.createElement(App)
-      )
+      React.createElement(React.StrictMode, null, React.createElement(Router))
     );
   </script>
 </body>

package/src/sandbox-helpers.ts

@@ -5,27 +5,44 @@
  * to provide browser-enforced isolation from the main application.
  */
 
-import * as fs from 'fs';
-import * as path from 'path';
-import { fileURLToPath } from 'url';
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore - import.meta.url is available in ESM
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
 /**
  * Get the contents of the service worker file.
- * Returns null if the file is not found (e.g., running in browser).
+ * Returns null if running in browser or file is not found.
+ *
+ * Note: This function only works in Node.js. In the browser, it returns null.
  */
 function getServiceWorkerContent(): string | null {
+  // Only works in Node.js - check for presence of require
+  if (typeof require === 'undefined') {
+    return null;
+  }
+
   try {
+    // Dynamic requires to avoid bundling Node.js modules in browser build
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const fs = require('fs');
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const path = require('path');
+
+    // __dirname equivalent for ESM
+    let dirname: string;
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-var-requires
+      const url = require('url');
+      // @ts-ignore - import.meta.url is available in ESM
+      dirname = path.dirname(url.fileURLToPath(import.meta.url));
+    } catch {
+      // Fallback for CommonJS
+      dirname = __dirname;
+    }
+
     // Try dist directory first (when running from built package)
-    let swPath = path.join(__dirname, '__sw__.js');
+    let swPath = path.join(dirname, '__sw__.js');
     if (fs.existsSync(swPath)) {
       return fs.readFileSync(swPath, 'utf-8');
     }
     // Try relative to src (when running from source)
-    swPath = path.join(__dirname, '../dist/__sw__.js');
+    swPath = path.join(dirname, '../dist/__sw__.js');
     if (fs.existsSync(swPath)) {
       return fs.readFileSync(swPath, 'utf-8');
     }