almostnode 0.2.2 → 0.2.3

package/dist/index.mjs

@@ -12554,6 +12554,9 @@ export default function Head({ children }) {
       if (pathname.startsWith("/_next/shims/")) {
         return this.serveNextShim(pathname);
       }
+      if (pathname.startsWith("/_next/pages/")) {
+        return this.servePageComponent(pathname);
+      }
       if (pathname.startsWith("/_next/static/")) {
         return this.serveStaticAsset(pathname);
       }
@@ -12610,6 +12613,14 @@ export default function Head({ children }) {
       }
       return this.notFound(pathname);
     }
+    async servePageComponent(pathname) {
+      const route = pathname.replace("/_next/pages", "").replace(/\.js$/, "");
+      const pageFile = this.resolvePageFile(route);
+      if (!pageFile) {
+        return this.notFound(pathname);
+      }
+      return this.transformAndServe(pageFile, pageFile);
+    }
     async handleApiRoute(method, pathname, headers, body) {
       const apiFile = this.resolveApiFile(pathname);
       if (!apiFile) {
@@ -13323,7 +13334,6 @@ export default function Head({ children }) {
     }
     async generatePageHtml(pageFile, pathname) {
       const virtualPrefix = `/__virtual__/${this.port}`;
-      const pageModulePath = virtualPrefix + pageFile;
       const globalCssLinks = [];
       const cssLocations = [
         "/styles/globals.css",
@@ -13369,30 +13379,63 @@ export default function Head({ children }) {
   <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';
+    }
+
+    // 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);
 
-        window.addEventListener('popstate', handlePopState);
-        return () => window.removeEventListener('popstate', handlePopState);
+      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>