@lolyjs/core 0.1.0-alpha.6 → 0.1.0-alpha.9

package/dist/index.cjs

@@ -5141,6 +5141,11 @@ var import_react2 = require("react");
 // modules/runtime/client/RouterView.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function RouterView({ state }) {
+  console.log("[loly:RouterView] Rendering", {
+    url: state.url,
+    hasRoute: !!state.route,
+    hasComponents: !!state.components
+  });
   if (!state.route) {
     if (state.components === null) {
       return null;
@@ -5152,6 +5157,11 @@ function RouterView({ state }) {
   }
   const { Page, layouts } = state.components;
   const { params, props } = state;
+  console.log("[loly:RouterView] Creating page element", {
+    hasPage: !!Page,
+    layoutsCount: layouts.length,
+    paramsKeys: Object.keys(params)
+  });
   let element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Page, { params, ...props });
   const layoutChain = layouts.slice().reverse();
   for (const Layout of layoutChain) {
@@ -5622,6 +5632,10 @@ function AppShell({
   notFoundRoute,
   errorRoute
 }) {
+  console.log("[loly:AppShell] Component rendering", {
+    url: initialState.url,
+    hasRoute: !!initialState.route
+  });
   const [state, setState] = (0, import_react2.useState)(initialState);
   const handlersRef = (0, import_react2.useRef)({
     setState,
@@ -5630,6 +5644,11 @@ function AppShell({
     errorRoute
   });
   (0, import_react2.useEffect)(() => {
+    console.log("[loly:AppShell] Updating handlersRef", {
+      routesCount: routes.length,
+      hasNotFound: !!notFoundRoute,
+      hasError: !!errorRoute
+    });
     handlersRef.current = {
       setState,
       routes,
@@ -5638,7 +5657,8 @@ function AppShell({
     };
   }, [routes, notFoundRoute, errorRoute]);
   (0, import_react2.useEffect)(() => {
-    console.log("[loly:AppShell] Setting up event listeners");
+    const effectId = Math.random().toString(36).substring(7);
+    console.log("[loly:AppShell] Setting up event listeners", { effectId });
     let isMounted = true;
     let listenerCount = 0;
     async function handleNavigate(nextUrl, options) {
@@ -5661,6 +5681,7 @@ function AppShell({
     });
     return () => {
       console.log("[loly:AppShell] Cleaning up event listeners", {
+        effectId,
         wasMounted: isMounted,
         listenersToRemove: listenerCount
       });
@@ -5678,6 +5699,7 @@ function AppShell({
 
 // modules/runtime/client/bootstrap.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var __loly_hydrated = false;
 async function loadInitialRoute(initialUrl, initialData, routes, notFoundRoute, errorRoute) {
   const isInitialNotFound = initialData?.notFound === true;
   const isInitialError = initialData?.error === true;
@@ -5704,7 +5726,7 @@ async function loadInitialRoute(initialUrl, initialData, routes, notFoundRoute,
       initialComponents = await notFoundRoute.load();
     } else {
       console.warn(
-        `[client] No route match found for ${initialUrl}. Available routes:`,
+        `[client] No route match found for ${initialUrl}. Routes:`,
         routes.map((r) => r.pattern)
       );
     }
@@ -5718,21 +5740,24 @@ async function loadInitialRoute(initialUrl, initialData, routes, notFoundRoute,
   };
 }
 function bootstrapClient(routes, notFoundRoute, errorRoute = null) {
-  console.log("[loly:runtime] bootstrapClient called", {
-    routesCount: routes.length,
-    hasNotFound: !!notFoundRoute,
-    hasError: !!errorRoute
-  });
+  if (__loly_hydrated) {
+    console.warn("[loly:runtime] bootstrapClient SKIPPED (already hydrated)");
+    return;
+  }
+  __loly_hydrated = true;
+  console.log("[loly:runtime] bootstrapClient START");
   (async function bootstrap() {
     const container = document.getElementById(APP_CONTAINER_ID2);
     const initialData = getWindowData();
     console.log("[loly:runtime] bootstrap starting", {
       hasContainer: !!container,
-      containerId: APP_CONTAINER_ID2,
-      hasInitialData: !!initialData
+      hasInitialData: !!initialData,
+      containerId: APP_CONTAINER_ID2
     });
     if (!container) {
-      console.error(`[loly:runtime] Container #${APP_CONTAINER_ID2} not found for hydration`);
+      console.error(
+        `[loly:runtime] Container #${APP_CONTAINER_ID2} not found.`
+      );
       return;
     }
     const initialUrl = window.location.pathname + window.location.search;
@@ -5766,13 +5791,9 @@ function bootstrapClient(routes, notFoundRoute, errorRoute = null) {
           }
         )
       );
-      console.log("[loly:runtime] React app hydrated successfully");
+      console.log("[loly:runtime] Hydrated successfully");
     } catch (error) {
-      console.error(
-        "[loly:runtime] Error loading initial route components for",
-        initialUrl,
-        error
-      );
+      console.error("[loly:runtime] Error during hydration:", error);
       window.location.reload();
     }
   })();