@opentrace/components 0.1.1-rc.30 → 0.1.1-rc.44

package/dist/indexing.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const urlNormalize = require("./urlNormalize-DL0SAEQS.cjs");
+exports.AddRepoModal = urlNormalize.AddRepoModal;
+exports.IndexingProgress = urlNormalize.IndexingProgress;
+exports.detectProvider = urlNormalize.detectProvider;
+exports.normalizeRepoUrl = urlNormalize.normalizeRepoUrl;
+//# sourceMappingURL=indexing.cjs.map

package/dist/indexing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexing.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/indexing.js

@@ -0,0 +1,8 @@
+import { A, I, d, n } from "./urlNormalize-KY4ngwCQ.js";
+export {
+  A as AddRepoModal,
+  I as IndexingProgress,
+  d as detectProvider,
+  n as normalizeRepoUrl
+};
+//# sourceMappingURL=indexing.js.map

package/dist/indexing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexing.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/opentrace-components.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const t = require("react");
 const useHighlights = require("./useHighlights-fRWg-A_c.cjs");
+const urlNormalize = require("./urlNormalize-DL0SAEQS.cjs");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _toPrimitive$1(t2, r) {
   if ("object" != typeof t2 || !t2) return t2;
@@ -7798,7 +7799,7 @@ function GraphBadge({
       totalNodes,
       ")"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "nodes" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "graph-badge-label", children: "nodes" }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "graph-badge-sep", children: "·" }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "graph-badge-rendered", children: edgeCount }),
     totalEdges != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "graph-badge-total", children: [
@@ -7806,7 +7807,7 @@ function GraphBadge({
       totalEdges,
       ")"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "edges" })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "graph-badge-label", children: "edges" })
   ] });
 }
 const DEFAULT_MAX_VISIBLE = 5;
@@ -7876,6 +7877,198 @@ function GraphLegend({
     ] })
   ] });
 }
+function GraphToolbar({
+  logo,
+  searchQuery,
+  onSearchQueryChange,
+  onSearch,
+  onReset,
+  searchDisabled,
+  showResetButton,
+  hops,
+  onHopsChange,
+  maxHops = 5,
+  nodeCount,
+  edgeCount,
+  totalNodes,
+  totalEdges,
+  mobilePanelTabs,
+  onMobilePanelTab,
+  actions,
+  persistentActions,
+  className
+}) {
+  const [menuOpen, setMenuOpen] = t.useState(false);
+  const navRef = t.useRef(null);
+  const burgerRef = t.useRef(null);
+  t.useEffect(() => {
+    if (!menuOpen) return;
+    const onClickOutside = (e2) => {
+      if (navRef.current?.contains(e2.target)) return;
+      if (burgerRef.current?.contains(e2.target)) return;
+      setMenuOpen(false);
+    };
+    const onEscape = (e2) => {
+      if (e2.key === "Escape") setMenuOpen(false);
+    };
+    document.addEventListener("mousedown", onClickOutside);
+    document.addEventListener("keydown", onEscape);
+    return () => {
+      document.removeEventListener("mousedown", onClickOutside);
+      document.removeEventListener("keydown", onEscape);
+    };
+  }, [menuOpen]);
+  const handleNavClick = t.useCallback((e2) => {
+    const target = e2.target;
+    const clickable = target.closest("button, a");
+    if (clickable && !clickable.classList.contains("ot-clear-search") && !clickable.classList.contains("ot-search-btn")) {
+      setMenuOpen(false);
+    }
+  }, []);
+  const visibleTabs = mobilePanelTabs?.filter((t2) => t2.visible !== false);
+  const searchMarkup = (id) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ot-search-container", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        placeholder: "Search nodes...",
+        value: searchQuery,
+        onChange: (e2) => onSearchQueryChange(e2.target.value),
+        onKeyDown: (e2) => e2.key === "Enter" && onSearch(),
+        className: "ot-search-input"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ot-search-params", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: `ot-hops-input-${id}`, children: "Hops:" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id: `ot-hops-input-${id}`,
+          type: "number",
+          min: "0",
+          max: maxHops,
+          value: hops,
+          onChange: (e2) => onHopsChange(
+            Math.min(maxHops, Math.max(0, parseInt(e2.target.value) || 0))
+          ),
+          className: "ot-hops-input",
+          title: `Number of connection hops to include (max ${maxHops})`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ot-search-actions", children: [
+      searchQuery && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "ot-clear-search",
+          onClick: onReset,
+          title: "Clear search",
+          children: "×"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "ot-search-btn",
+          onClick: onSearch,
+          title: "Query API and rerender",
+          disabled: searchDisabled,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+              ]
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `ot-toolbar${className ? ` ${className}` : ""}`, children: [
+    logo,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ot-search-tablet", children: searchMarkup("tablet") }),
+    persistentActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ot-persistent-mobile", children: persistentActions }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "ot-burger-btn",
+        ref: burgerRef,
+        onClick: () => setMenuOpen((v2) => !v2),
+        "aria-label": "Toggle menu",
+        "aria-expanded": menuOpen,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "22",
+            height: "22",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: menuOpen ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+            ] })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "nav",
+      {
+        className: `ot-toolbar-nav${menuOpen ? " open" : ""}`,
+        ref: navRef,
+        onClick: handleNavClick,
+        children: [
+          visibleTabs?.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "ot-mobile-panel-btn",
+              onClick: () => onMobilePanelTab?.(tab.key),
+              children: [
+                tab.icon,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ot-menu-label", children: tab.label })
+              ]
+            },
+            tab.key
+          )),
+          visibleTabs && visibleTabs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ot-menu-divider" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ot-search-nav", children: searchMarkup("nav") }),
+          showResetButton && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "ot-reset-btn", onClick: onReset, children: "Show All" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            GraphBadge,
+            {
+              nodeCount,
+              edgeCount,
+              totalNodes,
+              totalEdges
+            }
+          ),
+          persistentActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ot-persistent-desktop", children: persistentActions }),
+          actions
+        ]
+      }
+    )
+  ] });
+}
 const q = typeof window < "u" ? t.useLayoutEffect : t.useEffect;
 function ie(e2) {
   if (e2 !== void 0)
@@ -8782,6 +8975,10 @@ exports.shouldHideNode = useHighlights.shouldHideNode;
 exports.useCommunities = useHighlights.useCommunities;
 exports.useGraphFilters = useHighlights.useGraphFilters;
 exports.useHighlights = useHighlights.useHighlights;
+exports.AddRepoModal = urlNormalize.AddRepoModal;
+exports.IndexingProgress = urlNormalize.IndexingProgress;
+exports.detectProvider = urlNormalize.detectProvider;
+exports.normalizeRepoUrl = urlNormalize.normalizeRepoUrl;
 exports.DEFAULT_LAYOUT_CONFIG = DEFAULT_LAYOUT_CONFIG;
 exports.DiscoverPanel = DiscoverPanel;
 exports.EDGE_OPACITY_DEFAULT = EDGE_OPACITY_DEFAULT;
@@ -8800,6 +8997,7 @@ exports.Graph = GraphCanvas;
 exports.GraphBadge = GraphBadge;
 exports.GraphCanvas = GraphCanvas;
 exports.GraphLegend = GraphLegend;
+exports.GraphToolbar = GraphToolbar;
 exports.LABEL_COLOR = LABEL_COLOR;
 exports.LABEL_FONT = LABEL_FONT;
 exports.LABEL_RENDERED_SIZE_THRESHOLD = LABEL_RENDERED_SIZE_THRESHOLD;