@logickernel/bridge 0.11.7 → 0.11.9

package/dist/next/components.cjs

@@ -757,21 +757,53 @@ function getIconComponent(icon) {
 function NavMain({ items }) {
   const pathname = navigation.usePathname();
   const { isMobile, setOpenMobile } = useSidebar();
-  const getCurrentContext = () => {
-    const segments = pathname.split("/").filter(Boolean);
+  const getContextFromPath = (path) => {
+    const segments = path.split("/").filter(Boolean);
     if (segments.length === 0) return null;
     return `/${segments[0]}`;
   };
+  const getCurrentContext = () => {
+    if (typeof window !== "undefined") {
+      const fullPath = window.location.pathname;
+      return getContextFromPath(fullPath);
+    }
+    return getContextFromPath(pathname);
+  };
   const shouldUseLink = (url) => {
     const currentContext = getCurrentContext();
-    if (!currentContext) return false;
-    if (url.startsWith(currentContext)) return true;
+    const urlContext = getContextFromPath(url);
+    if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+      const willUseLink = currentContext && urlContext && currentContext === urlContext;
+      console.log("[NavMain] shouldUseLink check:", {
+        url,
+        currentPathname: pathname,
+        windowPathname: typeof window !== "undefined" ? window.location.pathname : "N/A",
+        currentContext,
+        urlContext,
+        contextsMatch: currentContext === urlContext,
+        willUseLink
+      });
+    }
+    if (currentContext && urlContext && currentContext === urlContext) {
+      return true;
+    }
     return false;
   };
-  const handleClick = () => {
+  const handleClick = (e) => {
     if (isMobile) {
       setOpenMobile(false);
     }
+    if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+      const target = e?.currentTarget;
+      const url = target.getAttribute("href") || target.closest("a")?.getAttribute("href");
+      const isLink = target.closest("a")?.tagName === "A" && !target.closest("a")?.hasAttribute("data-next-link");
+      console.log("[NavMain] Click:", {
+        url,
+        isLinkComponent: !isLink,
+        isAnchorTag: isLink,
+        willReload: isLink
+      });
+    }
   };
   if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
     console.log("[NavMain] Received items:", {
@@ -873,8 +905,18 @@ function NavMain({ items }) {
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSub, { children: item.items?.map((subItem) => {
-                  if (shouldUseLink(subItem.url)) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: subItem.url, onClick: handleClick, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: subItem.title }) }) }) }, subItem.title);
+                  const useLink2 = shouldUseLink(subItem.url);
+                  if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+                    console.log("[NavMain] SubItem navigation:", {
+                      title: subItem.title,
+                      url: subItem.url,
+                      currentContext: getCurrentContext(),
+                      useLink: useLink2,
+                      willReload: !useLink2
+                    });
+                  }
+                  if (useLink2) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: subItem.url, onClick: handleClick, className: "text-blue-500", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: subItem.title }) }) }) }, subItem.title);
                   }
                   return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: subItem.url, className: "text-red-500", onClick: handleClick, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: subItem.title }) }) }) }, subItem.title);
                 }) }) })
@@ -883,14 +925,25 @@ function NavMain({ items }) {
             item.title
           );
         }
-        if (shouldUseLink(item.url)) {
+        const useLink = shouldUseLink(item.url);
+        if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+          console.log("[NavMain] Item navigation:", {
+            title: item.title,
+            url: item.url,
+            currentContext: getCurrentContext(),
+            currentPathname: pathname,
+            useLink,
+            willReload: !useLink
+          });
+        }
+        if (useLink) {
           return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
             SidebarMenuButton,
             {
               asChild: true,
               tooltip: item.title,
               isActive,
-              children: /* @__PURE__ */ jsxRuntime.jsxs(Link__default.default, { href: item.url, onClick: handleClick, children: [
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Link__default.default, { href: item.url, onClick: handleClick, className: "text-blue-500", children: [
                 item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title })
               ] })
@@ -903,7 +956,7 @@ function NavMain({ items }) {
             asChild: true,
             tooltip: item.title,
             isActive,
-            children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: item.url, onClick: handleClick, children: [
+            children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: item.url, className: "text-red-500", onClick: handleClick, children: [
               item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title })
             ] })