@lolyjs/core 0.2.0-alpha.3 → 0.2.0-alpha.5

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",