@buoy-gg/shared-ui 7.0.15 → 7.0.16

package/lib/commonjs/stores/ignoredPatternsStore.web.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ignoredPatternsStore = void 0;
+Object.defineProperty(exports, "isUrlIgnored", {
+  enumerable: true,
+  get: function () {
+    return _ignoredPatternsCore.isUrlIgnored;
+  }
+});
+Object.defineProperty(exports, "urlMatchesIgnoredPattern", {
+  enumerable: true,
+  get: function () {
+    return _ignoredPatternsCore.urlMatchesIgnoredPattern;
+  }
+});
+exports.useIgnoredPatterns = useIgnoredPatterns;
+var _react = require("react");
+var _devToolsStorageKeys = require("../storage/devToolsStorageKeys.js");
+var _ignoredPatternsCore = require("./ignoredPatternsCore.js");
+/**
+ * ignoredPatternsStore.web — web twin of ignoredPatternsStore.ts (the shared
+ * persisted "ignored patterns" singleton for network-style URL filtering).
+ *
+ * The native store imports shared's RN `persistentStorage` (whose module graph
+ * carries guarded expo-file-system / async-storage requires), which is why the
+ * web shims never re-exported it. This twin keeps the ENTIRE store class, hook
+ * and persistence contract identical — same class shape, same
+ * `devToolsStorageKeys.network.ignoredDomains()` storage key, same persisted
+ * JSON shape (`IgnoredPattern[]`, with the legacy `string[]` migration) — and
+ * swaps only the storage backing: a file-local localStorage adapter that
+ * matches the `persistentStorage` API (async getItem/setItem, best-effort,
+ * provenance: example-tauri/src/shims/shared-ui.web.ts's adapter — web Buoy
+ * chrome persistence lives in webview localStorage).
+ *
+ * Everything else — pure matching (`ignoredPatternsCore`), the migration +
+ * ensure-defaults logic, the dirty-flag load race guard, the module-scope
+ * stable mutation identities — is the native code, not a fork of its
+ * semantics. Web consumers get the same shared, persisted pattern list the
+ * phone has, keyed identically, so a DOM port and a react-native-web port of
+ * the same app read/write the same entry.
+ *
+ * @platform React DOM Web
+ */
+
+// Pure matching types/helpers live in ignoredPatternsCore.ts (web-shim-safe);
+// re-exported here so this module's surface twins the native store's.
+
+/**
+ * localStorage-backed implementation of the shared `persistentStorage` API
+ * (getItem/setItem returning promises, silent best-effort failure) — the same
+ * adapter recipe the web shared-ui shims use for Buoy chrome persistence.
+ * Local to this file so the web store pulls zero RN/expo modules.
+ */
+const persistentStorage = {
+  async getItem(key) {
+    try {
+      return window.localStorage.getItem(key);
+    } catch {
+      return null;
+    }
+  },
+  async setItem(key, value) {
+    try {
+      window.localStorage.setItem(key, value);
+    } catch {
+      // Ignore quota/availability errors — callers treat this as best-effort.
+    }
+  }
+};
+const DEFAULT_PATTERNS = _ignoredPatternsCore.DEFAULT_IGNORED_PATTERNS;
+
+/** Tolerate the legacy `string[]` persisted format and stray junk. */
+function migratePatterns(raw) {
+  if (!Array.isArray(raw)) return [];
+  const migrated = [];
+  for (const entry of raw) {
+    if (typeof entry === "string" && entry.trim()) {
+      migrated.push({
+        value: entry,
+        mode: "contains"
+      });
+    } else if (entry && typeof entry === "object" && typeof entry.value === "string") {
+      const e = entry;
+      migrated.push({
+        value: e.value,
+        mode: e.mode === "exact" ? "exact" : "contains"
+      });
+    }
+  }
+  return migrated;
+}
+
+/** Always keep the default patterns present (e.g. Buoy's license API). */
+function ensureDefaults(patterns) {
+  const result = [...patterns];
+  for (const def of DEFAULT_PATTERNS) {
+    if (!result.some(p => p.value === def.value)) {
+      result.push({
+        ...def
+      });
+    }
+  }
+  return result;
+}
+/**
+ * Singleton store. One instance per JS runtime, so every consumer (Network
+ * tool, Events tool, any web panel) shares the same patterns.
+ */
+class IgnoredPatternsStore {
+  patterns = ensureDefaults(DEFAULT_PATTERNS.map(p => ({
+    ...p
+  })));
+  listeners = new Set();
+  loaded = false;
+  loadPromise = null;
+  /** Set once a mutation happens so a slow initial load can't clobber it. */
+  dirty = false;
+
+  /** Current patterns (stable reference until a mutation occurs). */
+  getPatterns() {
+    return this.patterns;
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    // Lazily hydrate from storage the first time anyone cares.
+    void this.ensureLoaded();
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  emit() {
+    this.listeners.forEach(l => l());
+  }
+  ensureLoaded() {
+    if (this.loaded) return Promise.resolve();
+    if (this.loadPromise) return this.loadPromise;
+    this.loadPromise = (async () => {
+      try {
+        const stored = await persistentStorage.getItem(_devToolsStorageKeys.devToolsStorageKeys.network.ignoredDomains());
+        // A mutation may have raced this read — never overwrite user intent.
+        if (stored && !this.dirty) {
+          const migrated = ensureDefaults(migratePatterns(JSON.parse(stored)));
+          this.patterns = migrated;
+        }
+      } catch {
+        // Silently fall back to defaults.
+      } finally {
+        this.loaded = true;
+        this.emit();
+      }
+    })();
+    return this.loadPromise;
+  }
+  persist() {
+    persistentStorage.setItem(_devToolsStorageKeys.devToolsStorageKeys.network.ignoredDomains(), JSON.stringify(this.patterns)).catch(() => {
+      // Silently fail — patterns remain in memory.
+    });
+  }
+  commit(next) {
+    this.dirty = true;
+    this.patterns = next;
+    this.emit();
+    this.persist();
+  }
+
+  /** Add a pattern (no-op if its value already exists). */
+  add(pattern) {
+    const value = pattern.value.trim();
+    if (!value) return;
+    if (this.patterns.some(p => p.value === value)) return;
+    this.commit([...this.patterns, {
+      value,
+      mode: pattern.mode
+    }]);
+  }
+
+  /** Remove a pattern by value. */
+  remove(value) {
+    if (!this.patterns.some(p => p.value === value)) return;
+    this.commit(this.patterns.filter(p => p.value !== value));
+  }
+
+  /** Add as `contains` if absent, otherwise remove (used by detail-view chips). */
+  toggle(value) {
+    const trimmed = value.trim();
+    if (!trimmed) return;
+    this.commit(this.patterns.some(p => p.value === trimmed) ? this.patterns.filter(p => p.value !== trimmed) : [...this.patterns, {
+      value: trimmed,
+      mode: "contains"
+    }]);
+  }
+
+  /** Flip an existing pattern between `contains` and `exact`. */
+  toggleMode(value) {
+    if (!this.patterns.some(p => p.value === value)) return;
+    this.commit(this.patterns.map(p => p.value === value ? {
+      ...p,
+      mode: p.mode === "contains" ? "exact" : "contains"
+    } : p));
+  }
+}
+const ignoredPatternsStore = exports.ignoredPatternsStore = new IgnoredPatternsStore();
+/**
+ * Mutations live at module scope so they keep a STABLE identity across
+ * renders (same rationale as native: inline arrows handed every consumer a
+ * fresh `toggle` per render and defeated `memo` downstream).
+ */
+const addPattern = pattern => ignoredPatternsStore.add(pattern);
+const removePattern = value => ignoredPatternsStore.remove(value);
+const togglePattern = value => ignoredPatternsStore.toggle(value);
+const togglePatternMode = value => ignoredPatternsStore.toggleMode(value);
+
+/**
+ * Subscribe to the shared ignored-patterns store. All consumers in a runtime
+ * see the same patterns and the same mutations.
+ */
+function useIgnoredPatterns() {
+  const [patterns, setPatterns] = (0, _react.useState)(() => ignoredPatternsStore.getPatterns());
+  (0, _react.useEffect)(() => {
+    return ignoredPatternsStore.subscribe(() => {
+      setPatterns(ignoredPatternsStore.getPatterns());
+    });
+  }, []);
+  const values = (0, _react.useMemo)(() => new Set(patterns.map(p => p.value)), [patterns]);
+  return {
+    patterns,
+    values,
+    add: addPattern,
+    remove: removePattern,
+    toggle: togglePattern,
+    toggleMode: togglePatternMode
+  };
+}

package/lib/commonjs/stores/index.js

@@ -34,4 +34,4 @@ Object.defineProperty(exports, "useIgnoredPatterns", {
   }
 });
 var _BaseEventStore = require("./BaseEventStore.js");
-var _ignoredPatternsStore = require("./ignoredPatternsStore.js");
+var _ignoredPatternsStore = require("./ignoredPatternsStore");

package/lib/commonjs/ui/gameUI/constants/gameUIColors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.refreshGameUIColors = exports.gameUIColors = exports.dialColors = exports.buoyColors = void 0;
+exports.refreshGameUIColors = exports.gameUIColors = exports.dialColors = exports.buoyColors = exports._defaultTheme = void 0;
 var _macOSDesignSystemColors = require("./macOSDesignSystemColors.js");
 /**
  * Game UI Color Palette - Simple Theme Swapping
@@ -18,7 +18,9 @@ var _macOSDesignSystemColors = require("./macOSDesignSystemColors.js");
 // THEME DEFINITIONS
 // ============================================
 
-const defaultTheme = {
+// Kept (and exported) as the reference palette for theme swapping — see the
+// header comment. Unused by the active theme selection.
+const _defaultTheme = exports._defaultTheme = {
   // Base colors
   border: "#00B8E666",
   blackTint1: "rgba(8, 12, 21, 0.95)",
@@ -122,7 +124,7 @@ const macOSTheme = _macOSDesignSystemColors.macOSGameUIColors;
 // THEME SELECTION - Just change this one line!
 // ============================================
 
-// const activeTheme = defaultTheme; // DEFAULT - Mixed colors (original)
+// const activeTheme = _defaultTheme; // DEFAULT - Mixed colors (original)
 const activeTheme = macOSTheme; // macOS - Apple HIG design system
 
 // ============================================