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

package/dist/cli.js

@@ -42,17 +42,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";
@@ -1485,6 +1487,7 @@ function createDocumentTree(options) {
   const {
     appTree,
     initialData,
+    routerData,
     meta,
     titleFallback,
     descriptionFallback,
@@ -1522,6 +1525,9 @@ function createDocumentTree(options) {
     ...initialData,
     theme
   });
+  const routerSerialized = JSON.stringify({
+    ...routerData
+  });
   const documentTree = React.createElement(
     "html",
     { lang },
@@ -1569,6 +1575,12 @@ function createDocumentTree(options) {
       dangerouslySetInnerHTML: {
         __html: `window.${WINDOW_DATA_KEY} = ${serialized};`
       }
+    }),
+    React.createElement("script", {
+      nonce,
+      dangerouslySetInnerHTML: {
+        __html: `window.${ROUTER_DATA_KEY} = ${routerSerialized};`
+      }
     })
   );
   return documentTree;
@@ -1591,6 +1603,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/build/ssg/renderer.ts
 init_globals();
 async function renderStaticRoute(projectRoot, ssgOutDir, route, urlPath, params) {
@@ -1644,10 +1665,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.",
@@ -4449,6 +4472,7 @@ async function handlePageRequestInternal(options) {
     }
   }
   const matched = matchRoute(routes, urlPath);
+  const routerData = buildRouterData(req);
   if (!matched) {
     if (notFoundPage) {
       const ctx2 = {
@@ -4469,6 +4493,7 @@ async function handlePageRequestInternal(options) {
       const documentTree2 = createDocumentTree({
         appTree: appTree2,
         initialData: initialData2,
+        routerData,
         meta: loaderResult2.metadata ?? null,
         titleFallback: "Not found",
         descriptionFallback: "Loly demo",
@@ -4576,6 +4601,7 @@ async function handlePageRequestInternal(options) {
   const documentTree = createDocumentTree({
     appTree,
     initialData,
+    routerData,
     meta: loaderResult.metadata,
     titleFallback: "Loly framework",
     descriptionFallback: "Loly demo",
@@ -4633,6 +4659,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;
@@ -4663,6 +4690,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",
@@ -4867,7 +4895,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
@@ -4884,7 +4916,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
@@ -4907,10 +4943,7 @@ var setupApplication = async ({
             (src) => typeof src === "function"
           );
           if (!hasNonceSupport) {
-            mergedDirectives.scriptSrc = [
-              ...userScriptSrc,
-              nonceFunction
-            ];
+            mergedDirectives.scriptSrc = [...userScriptSrc, nonceFunction];
           } else {
             mergedDirectives.scriptSrc = userScriptSrc;
           }
@@ -4918,19 +4951,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 = {
@@ -4950,23 +4989,27 @@ var setupApplication = async ({
     helmetConfig.hsts = false;
   }
   if (process.env.NODE_ENV !== "development" && security?.contentSecurityPolicy !== false) {
-    app.use((req, res, next) => {
-      const nonce = crypto.randomBytes(16).toString("base64");
-      res.locals.nonce = nonce;
-      next();
-    });
+    app.use(
+      (req, res, next) => {
+        const nonce = crypto.randomBytes(16).toString("base64");
+        res.locals.nonce = nonce;
+        next();
+      }
+    );
   }
   app.use(helmet(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
   };
@@ -4982,7 +5025,7 @@ var setupApplication = async ({
     corsOptions.origin = process.env.NODE_ENV === "development";
   }
   app.use(cors(corsOptions));
-  if (rateLimit2) {
+  if (rateLimit2 && process.env.NODE_ENV !== "development") {
     const generalLimiter = createRateLimiter({
       windowMs: rateLimit2.windowMs,
       max: rateLimit2.max
@@ -5088,7 +5131,7 @@ async function startProdServer(options = {}) {
 import { hydrateRoot } from "react-dom/client";
 
 // modules/runtime/client/AppShell.tsx
-import { useEffect, useState, useRef } from "react";
+import { useEffect, useState, useRef, useCallback } from "react";
 
 // modules/runtime/client/RouterView.tsx
 import { jsx } from "react/jsx-runtime";
@@ -5117,6 +5160,10 @@ var dataCache = cacheStore.data;
 var pathIndex = cacheStore.index;
 var lru = cacheStore.lru;
 
+// modules/runtime/client/RouterContext.tsx
+import { createContext, useContext } from "react";
+var RouterContext = createContext(null);
+
 // modules/runtime/client/AppShell.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";