@lolyjs/core 0.2.0-alpha.1 → 0.2.0-alpha.11

package/dist/index.cjs

@@ -47,17 +47,19 @@ __export(globals_exports, {
   NOT_FOUND_FILE_PREFIX: () => NOT_FOUND_FILE_PREFIX,
   NOT_FOUND_PATTERN: () => NOT_FOUND_PATTERN,
   PAGE_FILE_NAME: () => PAGE_FILE_NAME,
+  ROUTER_DATA_KEY: () => ROUTER_DATA_KEY,
   STATIC_PATH: () => STATIC_PATH,
   STYLE_FILE_NAME: () => STYLE_FILE_NAME,
   WINDOW_DATA_KEY: () => WINDOW_DATA_KEY
 });
-var BUILD_FOLDER_NAME, STYLE_FILE_NAME, WINDOW_DATA_KEY, APP_CONTAINER_ID, STATIC_PATH, NOT_FOUND_PATTERN, ERROR_PATTERN, NOT_FOUND_CHUNK_KEY, ERROR_CHUNK_KEY, NOT_FOUND_FILE_PREFIX, ERROR_FILE_PREFIX, PAGE_FILE_NAME, LAYOUT_FILE_NAME, FAVICON_PATH, CLIENT_CSS_PATH, CLIENT_JS_PATH, ASSETS_BASE_DIR;
+var BUILD_FOLDER_NAME, STYLE_FILE_NAME, WINDOW_DATA_KEY, ROUTER_DATA_KEY, APP_CONTAINER_ID, STATIC_PATH, NOT_FOUND_PATTERN, ERROR_PATTERN, NOT_FOUND_CHUNK_KEY, ERROR_CHUNK_KEY, NOT_FOUND_FILE_PREFIX, ERROR_FILE_PREFIX, PAGE_FILE_NAME, LAYOUT_FILE_NAME, FAVICON_PATH, CLIENT_CSS_PATH, CLIENT_JS_PATH, ASSETS_BASE_DIR;
 var init_globals = __esm({
   "constants/globals.ts"() {
     "use strict";
     BUILD_FOLDER_NAME = ".loly";
     STYLE_FILE_NAME = "styles.css";
     WINDOW_DATA_KEY = "__FW_DATA__";
+    ROUTER_DATA_KEY = "__LOLY_ROUTER_DATA__";
     APP_CONTAINER_ID = "__app";
     STATIC_PATH = "/static";
     NOT_FOUND_PATTERN = "/not-found";
@@ -3877,6 +3879,7 @@ function createDocumentTree(options) {
   const {
     appTree,
     initialData,
+    routerData,
     meta,
     titleFallback,
     descriptionFallback,
@@ -3914,6 +3917,9 @@ function createDocumentTree(options) {
     ...initialData,
     theme
   });
+  const routerSerialized = JSON.stringify({
+    ...routerData
+  });
   const documentTree = import_react.default.createElement(
     "html",
     { lang },
@@ -3961,6 +3967,12 @@ function createDocumentTree(options) {
       dangerouslySetInnerHTML: {
         __html: `window.${WINDOW_DATA_KEY} = ${serialized};`
       }
+    }),
+    import_react.default.createElement("script", {
+      nonce,
+      dangerouslySetInnerHTML: {
+        __html: `window.${ROUTER_DATA_KEY} = ${routerSerialized};`
+      }
     })
   );
   return documentTree;
@@ -3983,6 +3995,15 @@ function buildInitialData(urlPath, params, loaderResult) {
   };
 }
 
+// modules/rendering/routerData/index.ts
+var buildRouterData = (req) => {
+  return {
+    pathname: req.path,
+    params: req.params,
+    searchParams: req.query
+  };
+};
+
 // modules/server/handlers/middleware.ts
 async function runRouteMiddlewares(route, ctx) {
   for (const mw of route.middlewares) {
@@ -4144,6 +4165,7 @@ async function handlePageRequestInternal(options) {
     }
   }
   const matched = matchRoute(routes, urlPath);
+  const routerData = buildRouterData(req);
   if (!matched) {
     if (notFoundPage) {
       const ctx2 = {
@@ -4164,6 +4186,7 @@ async function handlePageRequestInternal(options) {
       const documentTree2 = createDocumentTree({
         appTree: appTree2,
         initialData: initialData2,
+        routerData,
         meta: loaderResult2.metadata ?? null,
         titleFallback: "Not found",
         descriptionFallback: "Loly demo",
@@ -4271,6 +4294,7 @@ async function handlePageRequestInternal(options) {
   const documentTree = createDocumentTree({
     appTree,
     initialData,
+    routerData,
     meta: loaderResult.metadata,
     titleFallback: "Loly framework",
     descriptionFallback: "Loly demo",
@@ -4328,6 +4352,7 @@ async function renderErrorPageWithStream(errorPage, req, res, error, routeChunks
       loaderResult.theme = theme;
     }
     const initialData = buildInitialData(req.path, { error: String(error) }, loaderResult);
+    const routerData = buildRouterData(req);
     initialData.error = true;
     if (isDataReq) {
       res.statusCode = 500;
@@ -4358,6 +4383,7 @@ async function renderErrorPageWithStream(errorPage, req, res, error, routeChunks
     const documentTree = createDocumentTree({
       appTree,
       initialData,
+      routerData,
       meta: loaderResult.metadata ?? null,
       titleFallback: "Error",
       descriptionFallback: "An error occurred",
@@ -4631,7 +4657,11 @@ var setupApplication = async ({
       helmetConfig.contentSecurityPolicy = {
         directives: {
           defaultSrc: ["'self'"],
-          styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com"],
+          styleSrc: [
+            "'self'",
+            "'unsafe-inline'",
+            "https://fonts.googleapis.com"
+          ],
           scriptSrc: ["'self'", "'unsafe-inline'", "'unsafe-eval'"],
           imgSrc: ["'self'", "data:", "https:"],
           // Allow fetch/XHR to any HTTPS endpoint - users can restrict in their config if needed
@@ -4648,7 +4678,11 @@ var setupApplication = async ({
       const defaultCSP = {
         directives: {
           defaultSrc: ["'self'"],
-          styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com"],
+          styleSrc: [
+            "'self'",
+            "'unsafe-inline'",
+            "https://fonts.googleapis.com"
+          ],
           scriptSrc: ["'self'", nonceFunction],
           imgSrc: ["'self'", "data:", "https:"],
           // Allow fetch/XHR to any HTTPS endpoint - users can restrict in their config if needed
@@ -4671,10 +4705,7 @@ var setupApplication = async ({
             (src) => typeof src === "function"
           );
           if (!hasNonceSupport) {
-            mergedDirectives.scriptSrc = [
-              ...userScriptSrc,
-              nonceFunction
-            ];
+            mergedDirectives.scriptSrc = [...userScriptSrc, nonceFunction];
           } else {
             mergedDirectives.scriptSrc = userScriptSrc;
           }
@@ -4682,19 +4713,25 @@ var setupApplication = async ({
         const userConnectSrc = userDirectives.connectSrc;
         if (userConnectSrc && Array.isArray(userConnectSrc)) {
           const defaultConnectSrc = defaultCSP.directives.connectSrc || [];
-          const mergedConnectSrc = [.../* @__PURE__ */ new Set([...defaultConnectSrc, ...userConnectSrc])];
+          const mergedConnectSrc = [
+            .../* @__PURE__ */ new Set([...defaultConnectSrc, ...userConnectSrc])
+          ];
           mergedDirectives.connectSrc = mergedConnectSrc;
         }
         const userStyleSrc = userDirectives.styleSrc;
         if (userStyleSrc && Array.isArray(userStyleSrc)) {
           const defaultStyleSrc = defaultCSP.directives.styleSrc || [];
-          const mergedStyleSrc = [.../* @__PURE__ */ new Set([...defaultStyleSrc, ...userStyleSrc])];
+          const mergedStyleSrc = [
+            .../* @__PURE__ */ new Set([...defaultStyleSrc, ...userStyleSrc])
+          ];
           mergedDirectives.styleSrc = mergedStyleSrc;
         }
         const userFontSrc = userDirectives.fontSrc;
         if (userFontSrc && Array.isArray(userFontSrc)) {
           const defaultFontSrc = defaultCSP.directives.fontSrc || [];
-          const mergedFontSrc = [.../* @__PURE__ */ new Set([...defaultFontSrc, ...userFontSrc])];
+          const mergedFontSrc = [
+            .../* @__PURE__ */ new Set([...defaultFontSrc, ...userFontSrc])
+          ];
           mergedDirectives.fontSrc = mergedFontSrc;
         }
         helmetConfig.contentSecurityPolicy = {
@@ -4714,23 +4751,27 @@ var setupApplication = async ({
     helmetConfig.hsts = false;
   }
   if (process.env.NODE_ENV !== "development" && security?.contentSecurityPolicy !== false) {
-    app.use((req, res, next) => {
-      const nonce = import_crypto.default.randomBytes(16).toString("base64");
-      res.locals.nonce = nonce;
-      next();
-    });
+    app.use(
+      (req, res, next) => {
+        const nonce = import_crypto.default.randomBytes(16).toString("base64");
+        res.locals.nonce = nonce;
+        next();
+      }
+    );
   }
   app.use((0, import_helmet.default)(helmetConfig));
   const appLogger = createModuleLogger("framework");
-  app.use(requestLoggerMiddleware({
-    logger: appLogger.child({ component: "server" }),
-    logRequests: process.env.LOG_REQUESTS === "true",
-    // Default to false (only errors/warnings)
-    logResponses: process.env.LOG_RESPONSES !== "false",
-    // Default to true (but filtered)
-    logStaticAssets: process.env.LOG_STATIC_ASSETS === "true"
-    // Default to false
-  }));
+  app.use(
+    requestLoggerMiddleware({
+      logger: appLogger.child({ component: "server" }),
+      logRequests: process.env.LOG_REQUESTS === "true",
+      // Default to false (only errors/warnings)
+      logResponses: process.env.LOG_RESPONSES !== "false",
+      // Default to true (but filtered)
+      logStaticAssets: process.env.LOG_STATIC_ASSETS === "true"
+      // Default to false
+    })
+  );
   const corsOptions = {
     credentials: true
   };
@@ -4746,7 +4787,7 @@ var setupApplication = async ({
     corsOptions.origin = process.env.NODE_ENV === "development";
   }
   app.use((0, import_cors.default)(corsOptions));
-  if (rateLimit2) {
+  if (rateLimit2 && process.env.NODE_ENV !== "development") {
     const generalLimiter = createRateLimiter({
       windowMs: rateLimit2.windowMs,
       max: rateLimit2.max
@@ -4940,10 +4981,12 @@ async function renderStaticRoute(projectRoot, ssgOutDir, route, urlPath, params)
     return;
   }
   const initialData = buildInitialData(urlPath, params, loaderResult);
+  const routerData = buildRouterData(req);
   const appTree = buildAppTree(route, params, initialData.props);
   const documentTree = createDocumentTree({
     appTree,
     initialData,
+    routerData,
     meta: loaderResult.metadata,
     titleFallback: "My Framework Dev",
     descriptionFallback: "Static page generated by @lolyjs/core.",
@@ -5134,12 +5177,23 @@ var import_client5 = require("react-dom/client");
 
 // modules/runtime/client/constants.ts
 var WINDOW_DATA_KEY2 = "__FW_DATA__";
+var ROUTER_DATA_KEY2 = "__LOLY_ROUTER_DATA__";
 var APP_CONTAINER_ID2 = "__app";
+var ROUTER_NAVIGATE_KEY = "__LOLY_ROUTER_NAVIGATE__";
 
 // modules/runtime/client/window-data.ts
 function getWindowData() {
+  if (typeof window === "undefined") {
+    return null;
+  }
   return window[WINDOW_DATA_KEY2] ?? null;
 }
+function getRouterData() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  return window[ROUTER_DATA_KEY2] ?? null;
+}
 function setWindowData(data) {
   window[WINDOW_DATA_KEY2] = data;
   if (typeof window !== "undefined") {
@@ -5150,6 +5204,16 @@ function setWindowData(data) {
     );
   }
 }
+function setRouterData(data) {
+  window[ROUTER_DATA_KEY2] = data;
+  if (typeof window !== "undefined") {
+    window.dispatchEvent(
+      new CustomEvent("fw-router-data-refresh", {
+        detail: { data }
+      })
+    );
+  }
+}
 function getCurrentTheme() {
   return getWindowData()?.theme ?? null;
 }
@@ -5214,7 +5278,7 @@ function applyMetadata(md) {
 }
 
 // modules/runtime/client/AppShell.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // modules/runtime/client/RouterView.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -5411,6 +5475,13 @@ async function handleErrorRoute(nextUrl, json, errorRoute, setState) {
       error: true
     };
     setWindowData(windowData);
+    const url = new URL(nextUrl, typeof window !== "undefined" ? window.location.origin : "http://localhost");
+    const routerData = {
+      pathname: url.pathname,
+      params: json.params || {},
+      searchParams: Object.fromEntries(url.searchParams.entries())
+    };
+    setRouterData(routerData);
     setState({
       url: nextUrl,
       route: errorRoute,
@@ -5457,6 +5528,13 @@ async function handleNotFoundRoute(nextUrl, json, notFoundRoute, setState) {
     error: false
   };
   setWindowData(windowData);
+  const url = new URL(nextUrl, typeof window !== "undefined" ? window.location.origin : "http://localhost");
+  const routerData = {
+    pathname: url.pathname,
+    params: {},
+    searchParams: Object.fromEntries(url.searchParams.entries())
+  };
+  setRouterData(routerData);
   if (notFoundRoute) {
     const components = await notFoundRoute.load();
     setState({
@@ -5514,6 +5592,13 @@ async function handleNormalRoute(nextUrl, json, routes, setState) {
     error: false
   };
   setWindowData(windowData);
+  const url = new URL(nextUrl, typeof window !== "undefined" ? window.location.origin : "http://localhost");
+  const routerData = {
+    pathname: url.pathname,
+    params: matched.params,
+    searchParams: Object.fromEntries(url.searchParams.entries())
+  };
+  setRouterData(routerData);
   const components = await matched.route.load();
   window.scrollTo({
     top: 0,
@@ -5633,6 +5718,10 @@ function createPopStateHandler(navigate2) {
   };
 }
 
+// modules/runtime/client/RouterContext.tsx
+var import_react2 = require("react");
+var RouterContext = (0, import_react2.createContext)(null);
+
 // modules/runtime/client/AppShell.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function AppShell({
@@ -5641,14 +5730,14 @@ function AppShell({
   notFoundRoute,
   errorRoute
 }) {
-  const [state, setState] = (0, import_react2.useState)(initialState);
-  const handlersRef = (0, import_react2.useRef)({
+  const [state, setState] = (0, import_react3.useState)(initialState);
+  const handlersRef = (0, import_react3.useRef)({
     setState,
     routes,
     notFoundRoute,
     errorRoute
   });
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     handlersRef.current = {
       setState,
       routes,
@@ -5656,14 +5745,30 @@ function AppShell({
       errorRoute
     };
   }, [routes, notFoundRoute, errorRoute]);
-  (0, import_react2.useEffect)(() => {
+  const handleNavigate = (0, import_react3.useCallback)(
+    async (nextUrl, options) => {
+      await navigate(nextUrl, handlersRef.current, {
+        revalidate: options?.revalidate
+      });
+    },
+    []
+  );
+  (0, import_react3.useEffect)(() => {
+    if (typeof window !== "undefined") {
+      window[ROUTER_NAVIGATE_KEY] = handleNavigate;
+      return () => {
+        delete window[ROUTER_NAVIGATE_KEY];
+      };
+    }
+  }, [handleNavigate]);
+  (0, import_react3.useEffect)(() => {
     let isMounted = true;
-    async function handleNavigate(nextUrl, options) {
+    async function handleNavigateInternal(nextUrl, options) {
       if (!isMounted) return;
       await navigate(nextUrl, handlersRef.current, options);
     }
-    const handleClick = createClickHandler(handleNavigate);
-    const handlePopState = createPopStateHandler(handleNavigate);
+    const handleClick = createClickHandler(handleNavigateInternal);
+    const handlePopState = createPopStateHandler(handleNavigateInternal);
     window.addEventListener("click", handleClick, false);
     window.addEventListener("popstate", handlePopState, false);
     return () => {
@@ -5672,11 +5777,33 @@ function AppShell({
       window.removeEventListener("popstate", handlePopState, false);
     };
   }, []);
+  (0, import_react3.useEffect)(() => {
+    const handleDataRefresh = () => {
+      const freshData = window?.__FW_DATA__;
+      if (!freshData) return;
+      const currentPathname = window.location.pathname;
+      const freshPathname = freshData.pathname;
+      if (freshPathname === currentPathname) {
+        if (freshData.metadata !== void 0) {
+          applyMetadata(freshData.metadata);
+        }
+        setState((prevState) => ({
+          ...prevState,
+          props: freshData.props ?? prevState.props,
+          params: freshData.params ?? prevState.params
+        }));
+      }
+    };
+    window.addEventListener("fw-data-refresh", handleDataRefresh);
+    return () => {
+      window.removeEventListener("fw-data-refresh", handleDataRefresh);
+    };
+  }, [state.url]);
   const isError = state.route === errorRoute;
   const isNotFound = state.route === notFoundRoute;
   const routeType = isError ? "error" : isNotFound ? "notfound" : "normal";
   const routeKey = `${state.url}:${routeType}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RouterView, { state }, routeKey);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RouterContext.Provider, { value: { navigate: handleNavigate }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RouterView, { state }, routeKey) });
 }
 
 // modules/runtime/client/bootstrap.tsx
@@ -5776,6 +5903,16 @@ function bootstrapClient(routes, notFoundRoute, errorRoute = null) {
       return;
     }
     const initialUrl = window.location.pathname + window.location.search;
+    let routerData = getRouterData();
+    if (!routerData) {
+      const url = new URL(initialUrl, window.location.origin);
+      routerData = {
+        pathname: url.pathname,
+        params: initialData?.params || {},
+        searchParams: Object.fromEntries(url.searchParams.entries())
+      };
+      setRouterData(routerData);
+    }
     try {
       const initialState = await loadInitialRoute(
         initialUrl,
@@ -5814,7 +5951,6 @@ function bootstrapClient(routes, notFoundRoute, errorRoute = null) {
 function withCache(fn, options) {
   const ttl = options.ttl ?? 60;
   return async function cachedGssp(ctx) {
-    console.log("TTL", ttl);
     return await fn(ctx);
   };
 }