@lolyjs/core 0.2.0-alpha.2 → 0.2.0-alpha.4

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",
@@ -4940,10 +4966,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 +5162,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 +5189,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 +5263,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 +5460,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 +5513,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 +5577,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 +5703,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 +5715,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 +5730,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 () => {
@@ -5676,7 +5766,7 @@ function AppShell({
   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 +5866,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,