@lolyjs/core 0.1.0-alpha.0 → 0.1.0-alpha.10

package/dist/index.cjs

@@ -711,7 +711,7 @@ function writeClientBoostrapManifest(projectRoot) {
   lines.push(`    errorRoute,`);
   lines.push(`} from "./routes-client";`);
   lines.push("");
-  lines.push(`import { bootstrapClient } from "@loly/core/runtime"`);
+  lines.push(`import { bootstrapClient } from "@lolyjs/core/runtime"`);
   lines.push("");
   lines.push(
     "bootstrapClient(routes as ClientRouteLoaded[], notFoundRoute, errorRoute);"
@@ -3508,7 +3508,7 @@ function createLogger(options = {}) {
   const baseConfig = {
     level,
     base: {
-      name: "@loly/core",
+      name: "@lolyjs/core",
       env: process.env.NODE_ENV || "development"
     },
     timestamp: import_pino.default.stdTimeFunctions.isoTime,
@@ -4868,7 +4868,7 @@ async function renderStaticRoute(projectRoot, ssgOutDir, route, urlPath, params)
     initialData,
     meta: loaderResult.metadata,
     titleFallback: "My Framework Dev",
-    descriptionFallback: "Static page generated by @loly/core.",
+    descriptionFallback: "Static page generated by @lolyjs/core.",
     chunkHref,
     clientJsPath,
     clientCssPath
@@ -5457,7 +5457,6 @@ async function navigate(nextUrl, handlers, options) {
       revalidate: options?.revalidate
     });
     if (json && json.error) {
-      console.log("[client] Error detected in response:", json);
       if (errorRoute) {
         const handled = await handleErrorRoute(
           nextUrl,
@@ -5499,26 +5498,54 @@ async function navigate(nextUrl, handlers, options) {
 }
 function createClickHandler(navigate2) {
   return function handleClick(ev) {
-    if (ev.defaultPrevented) return;
-    if (ev.button !== 0) return;
-    if (ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey) return;
-    const target = ev.target;
-    if (!target) return;
-    const anchor = target.closest("a[href]");
-    if (!anchor) return;
-    const href = anchor.getAttribute("href");
-    if (!href) return;
-    if (href.startsWith("#")) return;
-    const url = new URL(href, window.location.href);
-    if (url.origin !== window.location.origin) return;
-    if (anchor.target && anchor.target !== "_self") return;
-    ev.preventDefault();
-    const nextUrl = url.pathname + url.search;
-    const currentUrl = window.location.pathname + window.location.search;
-    if (nextUrl === currentUrl) return;
-    const shouldRevalidate = anchor.hasAttribute("data-revalidate") && anchor.getAttribute("data-revalidate") !== "false";
-    window.history.pushState({}, "", nextUrl);
-    navigate2(nextUrl, shouldRevalidate ? { revalidate: true } : void 0);
+    try {
+      if (ev.defaultPrevented) return;
+      if (ev.type !== "click") return;
+      if (ev.button !== 0) return;
+      if (ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey) return;
+      const target = ev.target;
+      if (ev.clientX === 0 && ev.clientY === 0 && ev.detail === 0) {
+        if (target) {
+          const tagName2 = target.tagName.toLowerCase();
+          if (tagName2 === "input" || tagName2 === "textarea" || tagName2 === "button" || tagName2 === "select") {
+            return;
+          }
+        }
+      }
+      if (!target) return;
+      const tagName = target.tagName.toLowerCase();
+      if (tagName === "input" || tagName === "textarea" || tagName === "button" || tagName === "select" || target.isContentEditable || target.getAttribute("contenteditable") === "true") {
+        return;
+      }
+      const interactiveParent = target.closest("input, textarea, button, select, [contenteditable], label");
+      if (interactiveParent) {
+        if (interactiveParent.tagName.toLowerCase() === "label") {
+          const label = interactiveParent;
+          if (label.control) {
+            return;
+          }
+        } else {
+          return;
+        }
+      }
+      const anchor = target.closest("a[href]");
+      if (!anchor) return;
+      const href = anchor.getAttribute("href");
+      if (!href) return;
+      if (href.startsWith("#")) return;
+      const url = new URL(href, window.location.href);
+      if (url.origin !== window.location.origin) return;
+      if (anchor.target && anchor.target !== "_self") return;
+      ev.preventDefault();
+      const nextUrl = url.pathname + url.search;
+      const currentUrl = window.location.pathname + window.location.search;
+      if (nextUrl === currentUrl) return;
+      const shouldRevalidate = anchor.hasAttribute("data-revalidate") && anchor.getAttribute("data-revalidate") !== "false";
+      window.history.pushState({}, "", nextUrl);
+      navigate2(nextUrl, shouldRevalidate ? { revalidate: true } : void 0);
+    } catch (error) {
+      console.error("[navigation] Error in click handler:", error);
+    }
   };
 }
 function createPopStateHandler(navigate2) {
@@ -5537,25 +5564,36 @@ function AppShell({
   errorRoute
 }) {
   const [state, setState] = (0, import_react2.useState)(initialState);
+  const handlersRef = (0, import_react2.useRef)({
+    setState,
+    routes,
+    notFoundRoute,
+    errorRoute
+  });
   (0, import_react2.useEffect)(() => {
-    const handlers = {
+    handlersRef.current = {
       setState,
       routes,
       notFoundRoute,
       errorRoute
     };
+  }, [routes, notFoundRoute, errorRoute]);
+  (0, import_react2.useEffect)(() => {
+    let isMounted = true;
     async function handleNavigate(nextUrl, options) {
-      await navigate(nextUrl, handlers, options);
+      if (!isMounted) return;
+      await navigate(nextUrl, handlersRef.current, options);
     }
     const handleClick = createClickHandler(handleNavigate);
     const handlePopState = createPopStateHandler(handleNavigate);
-    window.addEventListener("click", handleClick);
-    window.addEventListener("popstate", handlePopState);
+    window.addEventListener("click", handleClick, false);
+    window.addEventListener("popstate", handlePopState, false);
     return () => {
-      window.removeEventListener("click", handleClick);
-      window.removeEventListener("popstate", handlePopState);
+      isMounted = false;
+      window.removeEventListener("click", handleClick, false);
+      window.removeEventListener("popstate", handlePopState, false);
     };
-  }, [routes, notFoundRoute, errorRoute]);
+  }, []);
   const isError = state.route === errorRoute;
   const isNotFound = state.route === notFoundRoute;
   const routeType = isError ? "error" : isNotFound ? "notfound" : "normal";