fix: support clab-ui self-imports when installed from registry

Author: FloSch62

package-lock.json

@@ -1,10 +1,23 @@
 {
   "name": "@srl-labs/clab-ui",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "private": false,
   "type": "module",
   "main": "src/index.ts",
   "types": "src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./theme": "./src/theme/index.ts",
+    "./explorer": "./src/explorer/index.ts",
+    "./inspect": "./src/inspect/index.ts",
+    "./core/parsing": "./src/core/parsing/index.ts",
+    "./core/schema": "./src/core/schema/index.ts",
+    "./core/types": "./src/core/types/index.ts",
+    "./core/utilities": "./src/core/utilities/index.ts",
+    "./core/*": "./src/core/*.ts",
+    "./components/context-menu/ContextMenu": "./src/components/context-menu/ContextMenu.tsx",
+    "./*": "./src/*"
+  },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com",
     "access": "public"

packages/ui/package.json

@@ -2,9 +2,9 @@
  * Utility functions for bulk link creation
  * Uses React Flow nodes/edges arrays for graph queries.
  */
-import { FilterUtils } from "../../../../../../src/helpers/filterUtils";
-import { isSpecialEndpointId } from "@srl-labs/clab-ui/core/utilities/LinkTypes";
-import type { TopoNode, TopoEdge } from "@srl-labs/clab-ui/core/types/graph";
+import { FilterUtils } from "../../../utils/filterUtils";
+import { isSpecialEndpointId } from "../../../core/utilities/LinkTypes";
+import type { TopoNode, TopoEdge } from "../../../core/types/graph";
 import { hasEdgeBetween as hasEdgeBetweenUtil } from "../../../utils/graphQueryUtils";
 import { allocateEndpoint, type EndpointAllocator } from "../../../utils/endpointAllocator";
 

packages/ui/src/components/panels/bulk-link/bulkLinkUtils.ts

@@ -0,0 +1,60 @@
+export class FilterUtils {
+  static createFilter(filterText: string) {
+    if (!filterText) {
+      return () => true;
+    }
+
+    const regex = this.tryCreateRegExp(filterText);
+    if (regex) {
+      return (value: string) => regex.test(value);
+    }
+
+    const searchText = filterText.toLowerCase();
+    return (value: string) => value.toLowerCase().includes(searchText);
+  }
+
+  static tryCreateRegExp(filterText: string, flags = "i"): RegExp | null {
+    if (!filterText) {
+      return null;
+    }
+
+    const processedPattern = this.convertUserFriendlyPattern(filterText);
+
+    try {
+      return new RegExp(processedPattern, flags);
+    } catch {
+      return null;
+    }
+  }
+
+  private static convertUserFriendlyPattern(pattern: string): string {
+    if (this.looksLikeRegex(pattern)) {
+      return pattern;
+    }
+    const hasWildcards = /[*?#]/.test(pattern);
+
+    let converted = pattern
+      .replace(/\*/g, ".*")
+      .replace(/\?/g, ".")
+      .replace(/#/g, "\\d+");
+
+    if (hasWildcards) {
+      converted = `^${converted}$`;
+    }
+
+    return converted;
+  }
+
+  private static looksLikeRegex(pattern: string): boolean {
+    return (
+      pattern.includes("\\") ||
+      pattern.includes("[") ||
+      pattern.includes("(") ||
+      pattern.includes("|") ||
+      pattern.includes("^") ||
+      pattern.includes("$") ||
+      pattern.includes(".*") ||
+      pattern.includes(".+")
+    );
+  }
+}