@jsenv/navi 0.11.1 → 0.11.3

package/dist/jsenv_navi.js

@@ -8765,20 +8765,17 @@ const ActiveRouteManager = ({
   children
 }) => {
   const registerChildRouteFromContext = useContext(RegisterChildRouteContext);
-  const elementId = getElementSignature(element);
+  getElementSignature(element);
   const candidateSet = new Set();
   const registerChildRoute = (ChildActiveElement, childRoute, childFallback) => {
-    const childElementId = getElementSignature(ChildActiveElement);
-    console.debug(`${elementId}.registerChildRoute(${childElementId})`);
+    getElementSignature(ChildActiveElement);
     candidateSet.add({
       ActiveElement: ChildActiveElement,
       route: childRoute,
       fallback: childFallback
     });
   };
-  console.group(`👶 Discovery of ${elementId}`);
   useLayoutEffect(() => {
-    console.groupEnd();
     initRouteObserver({
       element,
       route,
@@ -8801,9 +8798,8 @@ const initRouteObserver = ({
   onActiveInfoChange,
   registerChildRouteFromContext
 }) => {
-  const elementId = getElementSignature(element);
+  getElementSignature(element);
   const candidateElementIds = Array.from(candidateSet, c => getElementSignature(c.ActiveElement)).join(", ");
-  console.log(`🔍 initRouteObserver ${elementId}, candidates: ${candidateElementIds}`);
   const [publishCompositeStatus, subscribeCompositeStatus] = createPubSub();
   const compositeRoute = {
     urlPattern: `composite(${candidateElementIds})`,
@@ -8858,7 +8854,6 @@ const initRouteObserver = ({
   const ActiveElement = () => {
     useContentKey(activeRouteSignal.value.urlPattern);
     const SlotActiveElement = SlotActiveElementSignal.value;
-    console.log(`📄 Returning JSX element for ${getElementSignature(element)} with slot set to ${getElementSignature(SlotActiveElement)}`);
     if (typeof element === "function") {
       const Element = element;
       return jsx(SlotContext.Provider, {
@@ -9782,14 +9777,14 @@ const withPropsStyle = (
     expandX = expand,
     expandY = expand,
     // typo props
-    size,
-    bold,
-    thin,
-    italic,
-    underline,
-    underlineStyle,
-    underlineColor,
-    color,
+    textSize,
+    textBold,
+    textThin,
+    textItalic,
+    textUnderline,
+    textUnderlineStyle,
+    textUnderlineColor,
+    textColor,
     // props not related to styling
     ...remainingProps
   } = props;
@@ -9957,35 +9952,37 @@ const withPropsStyle = (
     }
     typoStyles = {};
 
-    if (size) {
-      const sizeValue =
-        typeof size === "string" ? typoSizes[size] || size : size;
-      typoStyles.fontSize = sizeValue;
+    if (textSize) {
+      const fontSize =
+        typeof textSize === "string"
+          ? typoSizes[textSize] || textSize
+          : textSize;
+      typoStyles.fontSize = fontSize;
     }
-    if (bold) {
+    if (textBold) {
       typoStyles.fontWeight = "bold";
-    } else if (thin) {
+    } else if (textThin) {
       typoStyles.fontWeight = "thin";
-    } else if (thin === false || bold === false) {
+    } else if (textThin === false || textBold === false) {
       typoStyles.fontWeight = "normal";
     }
-    if (italic) {
+    if (textItalic) {
       typoStyles.fontStyle = "italic";
-    } else if (italic === false) {
+    } else if (textItalic === false) {
       typoStyles.fontStyle = "normal";
     }
-    if (underline) {
+    if (textUnderline) {
       typoStyles.textDecoration = "underline";
-    } else if (underline === false) {
+    } else if (textUnderline === false) {
       typoStyles.textDecoration = "none";
     }
-    if (underlineStyle) {
-      typoStyles.textDecorationStyle = underlineStyle;
+    if (textUnderlineStyle) {
+      typoStyles.textDecorationStyle = textUnderlineStyle;
     }
-    if (underlineColor) {
-      typoStyles.textDecorationColor = underlineColor;
+    if (textUnderlineColor) {
+      typoStyles.textDecorationColor = textUnderlineColor;
     }
-    typoStyles.color = color;
+    typoStyles.color = textColor;
   }
   props_styles: {
     if (!style && !hasRemainingConfig) {
@@ -11530,38 +11527,38 @@ const LinkPlain = forwardRef((props, ref) => {
     layout: true,
     typo: true
   });
-  return jsx(LoadableInlineElement, {
-    loading: loading,
-    color: "light-dark(#355fcc, #3b82f6)",
-    children: jsx("a", {
-      ...remainingProps,
-      ref: innerRef,
-      href: href,
-      className: innerClassName,
-      style: innerStyle,
-      "aria-busy": loading,
-      inert: disabled,
-      "data-disabled": disabled ? "" : undefined,
-      "data-readonly": readOnly ? "" : undefined,
-      "data-active": active ? "" : undefined,
-      "data-visited": visited || isVisited ? "" : undefined,
-      onClick: e => {
-        closeValidationMessage(e.target, "click");
-        if (readOnly) {
-          e.preventDefault();
-          return;
-        }
-        onClick?.(e);
-      },
-      onKeyDown: e => {
-        if (spaceToClick && e.key === " ") {
-          e.preventDefault(); // Prevent page scroll
-          if (!readOnly && !disabled) {
-            e.target.click();
-          }
+  return jsx("a", {
+    ...remainingProps,
+    ref: innerRef,
+    href: href,
+    className: innerClassName,
+    style: innerStyle,
+    "aria-busy": loading,
+    inert: disabled,
+    "data-disabled": disabled ? "" : undefined,
+    "data-readonly": readOnly ? "" : undefined,
+    "data-active": active ? "" : undefined,
+    "data-visited": visited || isVisited ? "" : undefined,
+    onClick: e => {
+      closeValidationMessage(e.target, "click");
+      if (readOnly) {
+        e.preventDefault();
+        return;
+      }
+      onClick?.(e);
+    },
+    onKeyDown: e => {
+      if (spaceToClick && e.key === " ") {
+        e.preventDefault(); // Prevent page scroll
+        if (!readOnly && !disabled) {
+          e.target.click();
         }
-        onKeyDown?.(e);
-      },
+      }
+      onKeyDown?.(e);
+    },
+    children: jsx(LoaderBackground, {
+      loading: loading,
+      color: "light-dark(#355fcc, #3b82f6)",
       children: children
     })
   });
@@ -11672,6 +11669,9 @@ const RouteLink = ({
   children,
   ...rest
 }) => {
+  if (!route) {
+    throw new Error("RouteLink: route prop is required");
+  }
   const {
     active
   } = useRouteStatus(route);