npm - almostnode - Versions diffs - 0.2.3 → 0.2.4 - Mend

almostnode 0.2.3 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/frameworks/next-dev-server.d.ts +5 -0
package/dist/frameworks/next-dev-server.d.ts.map +1 -1
package/dist/index.cjs +127 -11
package/dist/index.cjs.map +1 -1
package/dist/index.mjs +128 -11
package/dist/index.mjs.map +1 -1
package/package.json +1 -1
package/src/frameworks/next-dev-server.ts +135 -8

package/dist/index.mjs CHANGED Viewed

@@ -12557,6 +12557,9 @@ export default function Head({ children }) {
       if (pathname.startsWith("/_next/pages/")) {
         return this.servePageComponent(pathname);
       }
+      if (pathname.startsWith("/_next/app/")) {
+        return this.serveAppComponent(pathname);
+      }
       if (pathname.startsWith("/_next/static/")) {
         return this.serveStaticAsset(pathname);
       }
@@ -12621,6 +12624,22 @@ export default function Head({ children }) {
       }
       return this.transformAndServe(pageFile, pageFile);
     }
+    async serveAppComponent(pathname) {
+      const filePath = pathname.replace("/_next/app", "").replace(/\.js$/, "");
+      const extensions = [
+        ".tsx",
+        ".jsx",
+        ".ts",
+        ".js"
+      ];
+      for (const ext of extensions) {
+        const fullPath = filePath + ext;
+        if (this.exists(fullPath)) {
+          return this.transformAndServe(fullPath, fullPath);
+        }
+      }
+      return this.notFound(pathname);
+    }
     async handleApiRoute(method, pathname, headers, body) {
       const apiFile = this.resolveApiFile(pathname);
       if (!apiFile) {
@@ -13177,11 +13196,9 @@ export default function Head({ children }) {
           globalCssLinks.push(`<link rel="stylesheet" href="${virtualPrefix}${cssPath}">`);
         }
       }
-      const pageModulePath = virtualPrefix + route.page;
-      const layoutImports = route.layouts.map((layout, i) => `import Layout${i} from '${virtualPrefix}${layout}';`).join("\n    ");
-      let nestedJsx = "React.createElement(Page)";
+      virtualPrefix + route.page;
+      route.layouts.map((layout, i) => `import Layout${i} from '${virtualPrefix}${layout}';`).join("\n    ");
       for (let i = route.layouts.length - 1; i >= 0; i--) {
-        nestedJsx = `React.createElement(Layout${i}, null, ${nestedJsx})`;
       }
       const envScript = this.generateEnvScript();
       return `<!DOCTYPE html>
@@ -13225,17 +13242,117 @@ export default function Head({ children }) {
   <script type="module">
     import React from 'react';
     import ReactDOM from 'react-dom/client';
-    import Page from '${pageModulePath}';
-    ${layoutImports}
-    function App() {
-      return ${nestedJsx};
+    const virtualBase = '${virtualPrefix}';
+    // Convert URL path to app router page module path
+    function getAppPageModulePath(pathname) {
+      let route = pathname;
+      if (route.startsWith(virtualBase)) {
+        route = route.slice(virtualBase.length);
+      }
+      route = route.replace(/^\\/+/, '/') || '/';
+      // App Router: / -> /app/page, /about -> /app/about/page
+      const pagePath = route === '/' ? '/app/page' : '/app' + route + '/page';
+      return virtualBase + '/_next/app' + pagePath + '.js';
+    }
+    // Get layout paths for a route
+    function getLayoutPaths(pathname) {
+      let route = pathname;
+      if (route.startsWith(virtualBase)) {
+        route = route.slice(virtualBase.length);
+      }
+      route = route.replace(/^\\/+/, '/') || '/';
+      // Build layout paths from root to current route
+      const layouts = [virtualBase + '/_next/app/app/layout.js'];
+      if (route !== '/') {
+        const segments = route.split('/').filter(Boolean);
+        let currentPath = '/app';
+        for (const segment of segments) {
+          currentPath += '/' + segment;
+          layouts.push(virtualBase + '/_next/app' + currentPath + '/layout.js');
+        }
+      }
+      return layouts;
+    }
+    // Dynamic page loader
+    async function loadPage(pathname) {
+      const modulePath = getAppPageModulePath(pathname);
+      try {
+        const module = await import(/* @vite-ignore */ modulePath);
+        return module.default;
+      } catch (e) {
+        console.error('[Navigation] Failed to load page:', modulePath, e);
+        return null;
+      }
+    }
+    // Load layouts (with caching)
+    const layoutCache = new Map();
+    async function loadLayouts(pathname) {
+      const layoutPaths = getLayoutPaths(pathname);
+      const layouts = [];
+      for (const path of layoutPaths) {
+        if (layoutCache.has(path)) {
+          layouts.push(layoutCache.get(path));
+        } else {
+          try {
+            const module = await import(/* @vite-ignore */ path);
+            layoutCache.set(path, module.default);
+            layouts.push(module.default);
+          } catch (e) {
+            // Layout might not exist for this segment, skip
+          }
+        }
+      }
+      return layouts;
+    }
+    // Router component
+    function Router() {
+      const [Page, setPage] = React.useState(null);
+      const [layouts, setLayouts] = React.useState([]);
+      const [path, setPath] = React.useState(window.location.pathname);
+      React.useEffect(() => {
+        Promise.all([loadPage(path), loadLayouts(path)]).then(([P, L]) => {
+          if (P) setPage(() => P);
+          setLayouts(L);
+        });
+      }, []);
+      React.useEffect(() => {
+        const handleNavigation = async () => {
+          const newPath = window.location.pathname;
+          if (newPath !== path) {
+            setPath(newPath);
+            const [P, L] = await Promise.all([loadPage(newPath), loadLayouts(newPath)]);
+            if (P) setPage(() => P);
+            setLayouts(L);
+          }
+        };
+        window.addEventListener('popstate', handleNavigation);
+        return () => window.removeEventListener('popstate', handleNavigation);
+      }, [path]);
+      if (!Page) return null;
+      // Build nested layout structure
+      let content = React.createElement(Page);
+      for (let i = layouts.length - 1; i >= 0; i--) {
+        content = React.createElement(layouts[i], null, content);
+      }
+      return content;
     }
+    // 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>