@lolyjs/core 0.1.0-alpha.9 → 0.2.0-alpha.1

package/dist/bootstrap-BiCQmSkx.d.mts

@@ -0,0 +1,50 @@
+declare const WINDOW_DATA_KEY = "__FW_DATA__";
+
+type InitialData = {
+    pathname: string;
+    params: Record<string, string>;
+    props: Record<string, any>;
+    metadata?: {
+        title?: string;
+        description?: string;
+    } | null;
+    notFound?: boolean;
+    error?: boolean;
+    theme?: string;
+};
+declare global {
+    interface Window {
+        [WINDOW_DATA_KEY]?: InitialData;
+    }
+}
+type ClientLoadedComponents = {
+    Page: React.ComponentType<any>;
+    layouts: React.ComponentType<any>[];
+};
+type ClientRouteLoaded = {
+    pattern: string;
+    paramNames: string[];
+    load: () => Promise<ClientLoadedComponents>;
+};
+type ClientRouteMatch = {
+    route: ClientRouteLoaded;
+    params: Record<string, string>;
+};
+type RouteViewState = {
+    url: string;
+    route: ClientRouteLoaded | null;
+    params: Record<string, string>;
+    components: ClientLoadedComponents | null;
+    props: Record<string, any>;
+};
+
+/**
+ * Bootstraps the client-side application.
+ *
+ * @param routes - Array of client routes
+ * @param notFoundRoute - Not-found route definition
+ * @param errorRoute - Error route definition
+ */
+declare function bootstrapClient(routes: ClientRouteLoaded[], notFoundRoute: ClientRouteLoaded | null, errorRoute?: ClientRouteLoaded | null): void;
+
+export { type ClientRouteLoaded as C, type InitialData as I, type RouteViewState as R, type ClientLoadedComponents as a, type ClientRouteMatch as b, bootstrapClient as c };

package/dist/bootstrap-BiCQmSkx.d.ts

@@ -0,0 +1,50 @@
+declare const WINDOW_DATA_KEY = "__FW_DATA__";
+
+type InitialData = {
+    pathname: string;
+    params: Record<string, string>;
+    props: Record<string, any>;
+    metadata?: {
+        title?: string;
+        description?: string;
+    } | null;
+    notFound?: boolean;
+    error?: boolean;
+    theme?: string;
+};
+declare global {
+    interface Window {
+        [WINDOW_DATA_KEY]?: InitialData;
+    }
+}
+type ClientLoadedComponents = {
+    Page: React.ComponentType<any>;
+    layouts: React.ComponentType<any>[];
+};
+type ClientRouteLoaded = {
+    pattern: string;
+    paramNames: string[];
+    load: () => Promise<ClientLoadedComponents>;
+};
+type ClientRouteMatch = {
+    route: ClientRouteLoaded;
+    params: Record<string, string>;
+};
+type RouteViewState = {
+    url: string;
+    route: ClientRouteLoaded | null;
+    params: Record<string, string>;
+    components: ClientLoadedComponents | null;
+    props: Record<string, any>;
+};
+
+/**
+ * Bootstraps the client-side application.
+ *
+ * @param routes - Array of client routes
+ * @param notFoundRoute - Not-found route definition
+ * @param errorRoute - Error route definition
+ */
+declare function bootstrapClient(routes: ClientRouteLoaded[], notFoundRoute: ClientRouteLoaded | null, errorRoute?: ClientRouteLoaded | null): void;
+
+export { type ClientRouteLoaded as C, type InitialData as I, type RouteViewState as R, type ClientLoadedComponents as a, type ClientRouteMatch as b, bootstrapClient as c };

package/dist/cli.cjs

@@ -1330,24 +1330,69 @@ function createClientConfig(projectRoot, mode) {
 var import_path14 = __toESM(require("path"));
 var import_fs11 = __toESM(require("fs"));
 init_globals();
-function startClientBundler(projectRoot) {
-  const { config, outDir } = createClientConfig(projectRoot, "production");
+function startClientBundler(projectRoot, mode = "development") {
+  const { config, outDir } = createClientConfig(projectRoot, mode);
   copyStaticAssets(projectRoot, outDir);
   const compiler = (0, import_core2.rspack)(config);
+  let isBuilding = false;
+  let buildResolve = null;
+  let buildPromise = null;
+  let lastBuildTime = Date.now();
+  compiler.hooks.compile.tap("HotReload", () => {
+    isBuilding = true;
+    buildPromise = new Promise((resolve3) => {
+      buildResolve = resolve3;
+    });
+  });
   compiler.watch({}, (err, stats) => {
     if (err) {
       console.error("[framework][client] Rspack error:", err);
+      isBuilding = false;
+      lastBuildTime = Date.now();
+      if (buildResolve) {
+        buildResolve();
+        buildResolve = null;
+        buildPromise = null;
+      }
+      return;
+    }
+    if (!stats) {
+      isBuilding = false;
+      lastBuildTime = Date.now();
       return;
     }
-    if (!stats) return;
     if (stats.hasErrors()) {
       console.error(
         "[framework][client] Build with errors:\n",
         stats.toString("errors-only")
       );
+    } else {
+      console.log("[framework][client] \u2713 Client bundle rebuilt successfully");
+    }
+    isBuilding = false;
+    lastBuildTime = Date.now();
+    if (buildResolve) {
+      buildResolve();
+      buildResolve = null;
+      buildPromise = null;
     }
   });
-  return { outDir };
+  return {
+    outDir,
+    waitForBuild: async () => {
+      if (isBuilding && buildPromise) {
+        await buildPromise;
+        await new Promise((resolve3) => setTimeout(resolve3, 100));
+        return;
+      }
+      const timeSinceLastBuild = Date.now() - lastBuildTime;
+      if (timeSinceLastBuild < 500) {
+        await new Promise((resolve3) => setTimeout(resolve3, 200));
+        return;
+      }
+      return Promise.resolve();
+    }
+  };
 }
 function buildClientBundle(projectRoot) {
   const { config, outDir } = createClientConfig(projectRoot, "production");
@@ -3702,7 +3747,9 @@ init_globals();
 function setupHotReload({
   app,
   appDir,
-  route = "/__fw/hot"
+  route = "/__fw/hot",
+  waitForBuild,
+  onFileChange
 }) {
   const clients = /* @__PURE__ */ new Set();
   app.get(route, (req, res) => {
@@ -3723,9 +3770,25 @@ data: connected
     ignoreInitial: true,
     ignored: ["**/node_modules/**", `**/${BUILD_FOLDER_NAME}/**`, "**/.git/**"]
   });
-  function broadcastReload(reason, filePath) {
+  async function broadcastReload(reason, filePath) {
     const rel = import_path23.default.relative(appDir, filePath);
     console.log(`[hot-reload] ${reason}: ${rel}`);
+    if (onFileChange) {
+      try {
+        await onFileChange(filePath);
+      } catch (error) {
+        console.warn("[hot-reload] Error in onFileChange callback:", error);
+      }
+    }
+    if (waitForBuild) {
+      try {
+        console.log("[hot-reload] Waiting for client bundle to finish...");
+        await waitForBuild();
+        console.log("[hot-reload] Client bundle ready, sending reload event");
+      } catch (error) {
+        console.warn("[hot-reload] Error waiting for build:", error);
+      }
+    }
     for (const res of clients) {
       res.write(`event: message
 data: reload:${rel}
@@ -3762,14 +3825,29 @@ function setupServer(app, options) {
       };
     };
     var getRoutes = getRoutes2;
-    setupHotReload({ app, appDir });
+    const { outDir, waitForBuild } = startClientBundler(projectRoot, "development");
+    const onFileChange = async (filePath) => {
+      const rel = import_path25.default.relative(appDir, filePath);
+      const isPageFile = filePath.includes("page.tsx") || filePath.includes("page.ts") || filePath.includes("layout.tsx") || filePath.includes("layout.ts") || filePath.includes("_not-found") || filePath.includes("_error");
+      const isTsFile = filePath.endsWith(".ts") || filePath.endsWith(".tsx");
+      if (isTsFile) {
+        clearAppRequireCache(appDir);
+        console.log(`[hot-reload] Cleared require cache for: ${rel}`);
+      }
+      if (isPageFile) {
+        const loader = new FilesystemRouteLoader(appDir);
+        const newRoutes = loader.loadRoutes();
+        writeClientRoutesManifest(newRoutes, projectRoot);
+        console.log("[hot-reload] Client routes manifest reloaded");
+      }
+    };
+    setupHotReload({ app, appDir, waitForBuild, onFileChange });
+    app.use("/static", import_express.default.static(outDir));
     const routes = routeLoader.loadRoutes();
     const wssRoutes = routeLoader.loadWssRoutes();
     const notFoundPage = routeLoader.loadNotFoundRoute();
     const errorPage = routeLoader.loadErrorRoute();
     writeClientRoutesManifest(routes, projectRoot);
-    const { outDir } = startClientBundler(projectRoot);
-    app.use("/static", import_express.default.static(outDir));
     return {
       routes,
       wssRoutes,
@@ -4332,7 +4410,7 @@ async function handlePageRequest(options) {
     const { errorPage, req, res, routeChunks, theme, projectRoot } = options;
     const reqLogger = getRequestLogger(req);
     if (errorPage) {
-      await renderErrorPageWithStream(errorPage, req, res, error, routeChunks || {}, theme, projectRoot);
+      await renderErrorPageWithStream(errorPage, req, res, error, routeChunks || {}, theme, projectRoot, options.env);
     } else {
       reqLogger.error("Unhandled error in page request", error, {
         urlPath: options.urlPath,
@@ -4360,9 +4438,9 @@ async function handlePageRequestInternal(options) {
     theme,
     projectRoot
   } = options;
-  const clientJsPath = projectRoot ? getClientJsPath(projectRoot) : "/static/client.js";
-  const clientCssPath = projectRoot ? getClientCssPath(projectRoot) : "/static/client.css";
-  const assetManifest = projectRoot ? loadAssetManifest(projectRoot) : null;
+  const clientJsPath = env === "dev" ? "/static/client.js" : projectRoot ? getClientJsPath(projectRoot) : "/static/client.js";
+  const clientCssPath = env === "dev" ? "/static/client.css" : projectRoot ? getClientCssPath(projectRoot) : "/static/client.css";
+  const assetManifest = env === "prod" && projectRoot ? loadAssetManifest(projectRoot) : null;
   const isDataReq = isDataRequest(req);
   if (env === "prod" && ssgOutDir) {
     if (isDataReq) {
@@ -4418,7 +4496,7 @@ async function handlePageRequestInternal(options) {
           const reqLogger = getRequestLogger(req);
           reqLogger.error("SSR shell error", err, { route: "not-found" });
           if (!res.headersSent && errorPage) {
-            renderErrorPageWithStream(errorPage, req, res, err, routeChunks);
+            renderErrorPageWithStream(errorPage, req, res, err, routeChunks, theme, projectRoot, env);
           } else if (!res.headersSent) {
             res.statusCode = 500;
             res.setHeader("Content-Type", "text/html; charset=utf-8");
@@ -4465,7 +4543,7 @@ async function handlePageRequestInternal(options) {
       return;
     } else {
       if (errorPage) {
-        await renderErrorPageWithStream(errorPage, req, res, error, routeChunks, theme, projectRoot);
+        await renderErrorPageWithStream(errorPage, req, res, error, routeChunks, theme, projectRoot, env);
         return;
       } else {
         throw error;
@@ -4527,7 +4605,7 @@ async function handlePageRequestInternal(options) {
       const reqLogger = getRequestLogger(req);
       reqLogger.error("SSR shell error", err, { route: matched?.route?.pattern || "unknown" });
       if (!res.headersSent && errorPage) {
-        renderErrorPageWithStream(errorPage, req, res, err, routeChunks, theme, projectRoot);
+        renderErrorPageWithStream(errorPage, req, res, err, routeChunks, theme, projectRoot, env);
       } else if (!res.headersSent) {
         res.statusCode = 500;
         res.setHeader("Content-Type", "text/html; charset=utf-8");
@@ -4545,7 +4623,7 @@ async function handlePageRequestInternal(options) {
     abort();
   });
 }
-async function renderErrorPageWithStream(errorPage, req, res, error, routeChunks, theme, projectRoot) {
+async function renderErrorPageWithStream(errorPage, req, res, error, routeChunks, theme, projectRoot, env = "dev") {
   try {
     const isDataReq = isDataRequest(req);
     const ctx = {
@@ -4574,9 +4652,9 @@ async function renderErrorPageWithStream(errorPage, req, res, error, routeChunks
       return;
     }
     const appTree = buildAppTree(errorPage, { error: String(error) }, initialData.props);
-    const clientJsPath = projectRoot ? getClientJsPath(projectRoot) : "/static/client.js";
-    const clientCssPath = projectRoot ? getClientCssPath(projectRoot) : "/static/client.css";
-    const assetManifest = projectRoot ? loadAssetManifest(projectRoot) : null;
+    const clientJsPath = env === "dev" ? "/static/client.js" : projectRoot ? getClientJsPath(projectRoot) : "/static/client.js";
+    const clientCssPath = env === "dev" ? "/static/client.css" : projectRoot ? getClientCssPath(projectRoot) : "/static/client.css";
+    const assetManifest = env === "prod" && projectRoot ? loadAssetManifest(projectRoot) : null;
     const chunkName = routeChunks[ERROR_CHUNK_KEY];
     let chunkHref = null;
     if (chunkName != null) {