@buoy-gg/shared-ui 7.0.39 → 7.0.41

package/lib/web/chunks/chunk-JR7BJW6B.mjs

@@ -0,0 +1,389 @@
+"use client";
+
+// src/storage/devToolsStorageKeys.ts
+var devToolsStorageKeys = {
+  /**
+   * Base dev tools key - all dev tool storage keys start with this
+   */
+  base: "@react_buoy",
+  /**
+   * Bubble-related storage keys
+   */
+  bubble: {
+    root: () => `${devToolsStorageKeys.base}_bubble`,
+    settings: () => `${devToolsStorageKeys.bubble.root()}_settings`,
+    userPreferences: () => `${devToolsStorageKeys.bubble.root()}_user_preferences`,
+    position: () => `${devToolsStorageKeys.bubble.root()}_position`
+  },
+  /**
+   * Modal-related storage keys
+   */
+  modal: {
+    root: () => `${devToolsStorageKeys.base}_modal`,
+    state: () => `${devToolsStorageKeys.modal.root()}_state`,
+    position: () => `${devToolsStorageKeys.modal.root()}_position`,
+    dimensions: () => `${devToolsStorageKeys.modal.root()}_dimensions`,
+    hintAcknowledged: () => `${devToolsStorageKeys.modal.root()}_hint_acknowledged`
+  },
+  /**
+   * Namespace factory for third-party custom tools. Keys share the
+   * `@react_buoy` prefix, so `isDevToolsStorageKey` filtering (and the Storage
+   * tool's internal-key handling) covers custom-tool persistence for free.
+   *
+   * ```ts
+   * const keys = devToolsStorageKeys.custom("feature-flags");
+   * keys.modal();          // "@react_buoy_custom_feature-flags_modal"
+   * keys.key("overrides"); // "@react_buoy_custom_feature-flags_overrides"
+   * ```
+   */
+  custom: (toolId) => {
+    const root = `${devToolsStorageKeys.base}_custom_${toolId}`;
+    return {
+      root: () => root,
+      /** JsModal `persistenceKey` for this tool's window dimensions. */
+      modal: () => `${root}_modal`,
+      settings: () => `${root}_settings`,
+      /** Arbitrary tool-scoped key. */
+      key: (suffix) => `${root}_${suffix}`
+    };
+  },
+  /**
+   * Settings-related storage keys
+   */
+  settings: {
+    root: () => `${devToolsStorageKeys.base}_settings`,
+    theme: () => `${devToolsStorageKeys.settings.root()}_theme`,
+    preferences: () => `${devToolsStorageKeys.settings.root()}_preferences`,
+    wifiEnabled: () => `${devToolsStorageKeys.settings.root()}_wifi_enabled`,
+    /** Global settings that apply to all dev tools */
+    global: () => `${devToolsStorageKeys.settings.root()}_global`,
+    /** Settings modal active tab */
+    activeTab: () => `${devToolsStorageKeys.settings.root()}_active_tab`,
+    /** Settings modal open state */
+    modalOpen: () => `${devToolsStorageKeys.settings.root()}_modal_open`
+  },
+  /**
+   * Dial-related storage keys
+   */
+  dial: {
+    root: () => `${devToolsStorageKeys.base}_dial`,
+    /** Whether dial is open/visible */
+    isOpen: () => `${devToolsStorageKeys.dial.root()}_is_open`,
+    /** Recency-weighted usage scores used to rank/paginate dial tools */
+    usage: () => `${devToolsStorageKeys.dial.root()}_usage`
+  },
+  /**
+   * Clipboard-related storage keys
+   */
+  clipboard: {
+    root: () => `${devToolsStorageKeys.base}_clipboard`,
+    hintAcknowledged: () => `${devToolsStorageKeys.clipboard.root()}_hint_acknowledged`
+  },
+  /**
+   * Environment-related storage keys
+   */
+  env: {
+    root: () => `${devToolsStorageKeys.base}_env`,
+    modal: () => `${devToolsStorageKeys.env.root()}_modal`,
+    currentEnv: () => `${devToolsStorageKeys.env.root()}_current`,
+    overrides: () => `${devToolsStorageKeys.env.root()}_overrides`
+  },
+  /**
+   * Sentry-related storage keys
+   */
+  sentry: {
+    root: () => `${devToolsStorageKeys.base}_sentry`,
+    modal: () => `${devToolsStorageKeys.sentry.root()}_modal`,
+    filters: () => `${devToolsStorageKeys.sentry.root()}_filters`,
+    preferences: () => `${devToolsStorageKeys.sentry.root()}_preferences`
+  },
+  /**
+   * Storage browser-related keys
+   */
+  storage: {
+    root: () => `${devToolsStorageKeys.base}_storage`,
+    modal: () => `${devToolsStorageKeys.storage.root()}_modal`,
+    eventsModal: () => `${devToolsStorageKeys.storage.root()}_events_modal`,
+    filters: () => `${devToolsStorageKeys.storage.root()}_filters`,
+    eventFilters: () => `${devToolsStorageKeys.storage.root()}_event_filters`,
+    keyFilters: () => `${devToolsStorageKeys.storage.root()}_key_filters`,
+    pinnedKeys: () => `${devToolsStorageKeys.storage.root()}_pinned_keys`,
+    preferences: () => `${devToolsStorageKeys.storage.root()}_preferences`,
+    activeTab: () => `${devToolsStorageKeys.storage.root()}_active_tab`,
+    isMonitoring: () => `${devToolsStorageKeys.storage.root()}_is_monitoring`,
+    diffViewerMode: () => `${devToolsStorageKeys.storage.root()}_diff_viewer_mode`
+    // 'split' | 'tree'
+  },
+  /**
+   * Time Machine storage keys. NOTE: the snapshot VAULT keys
+   * (`@react_buoy_time_machine:index` / `:snap:*`) predate this namespace and
+   * stay as-is — only preferences live here.
+   */
+  timeMachine: {
+    root: () => `${devToolsStorageKeys.base}_time_machine`,
+    diffViewerMode: () => `${devToolsStorageKeys.timeMachine.root()}_diff_viewer_mode`,
+    // 'split' | 'tree'
+    /** The restore point the floating restore bar restores on tap (snapshot id). */
+    armedPoint: () => `${devToolsStorageKeys.timeMachine.root()}_armed_point`,
+    /** "1" when the action bar restores in reload mode (storage, then a JS reload). */
+    barReloadMode: () => `${devToolsStorageKeys.timeMachine.root()}_bar_reload_mode`,
+    /** Source ids switched OFF in the Sources strip (JSON string array). */
+    disabledSources: () => `${devToolsStorageKeys.timeMachine.root()}_disabled_sources`
+  },
+  /**
+   * Scenarios storage keys. The library (saved + draft scenarios) and the
+   * active-scenario record live in separate keys deliberately: the active
+   * record is written on every run and deactivation, while the library changes
+   * rarely, and a single blob would rewrite the whole library each run.
+   */
+  scenarios: {
+    root: () => `${devToolsStorageKeys.base}_scenarios`,
+    modal: () => `${devToolsStorageKeys.scenarios.root()}_modal`,
+    library: () => `${devToolsStorageKeys.scenarios.root()}_library`,
+    active: () => `${devToolsStorageKeys.scenarios.root()}_active`
+  },
+  /**
+   * React Query-related storage keys
+   */
+  reactQuery: {
+    root: () => `${devToolsStorageKeys.base}_rq`,
+    modal: () => `${devToolsStorageKeys.reactQuery.root()}_modal`,
+    browserModal: () => `${devToolsStorageKeys.reactQuery.root()}_browser_modal`,
+    mutationModal: () => `${devToolsStorageKeys.reactQuery.root()}_mutation_modal`,
+    filters: () => `${devToolsStorageKeys.reactQuery.root()}_filters`,
+    ignoredPatterns: () => `${devToolsStorageKeys.reactQuery.root()}_ignored_patterns`,
+    includedPatterns: () => `${devToolsStorageKeys.reactQuery.root()}_included_patterns`,
+    preferences: () => `${devToolsStorageKeys.reactQuery.root()}_preferences`
+  },
+  /**
+   * Network-related storage keys
+   */
+  network: {
+    root: () => `${devToolsStorageKeys.base}_network`,
+    modal: () => `${devToolsStorageKeys.network.root()}_modal`,
+    copyModal: () => `${devToolsStorageKeys.network.root()}_copy_modal`,
+    filters: () => `${devToolsStorageKeys.network.root()}_filters`,
+    ignoredDomains: () => `${devToolsStorageKeys.network.root()}_ignored_domains`,
+    ignoredUrls: () => `${devToolsStorageKeys.network.root()}_ignored_urls`,
+    preferences: () => `${devToolsStorageKeys.network.root()}_preferences`,
+    copyOptions: () => `${devToolsStorageKeys.network.root()}_copy_options`,
+    /**
+     * Pinned + saved requests (snapshots, not IDs — request IDs are
+     * per-runtime counters and collide across app launches).
+     */
+    saved: () => `${devToolsStorageKeys.network.root()}_saved`,
+    /**
+     * Response-override rules + their master switch.
+     *
+     * Persisted because a rule has to survive the reload it is usually there to
+     * test ("make this endpoint 500, then restart and watch the boot path").
+     */
+    overrides: () => `${devToolsStorageKeys.network.root()}_overrides`
+  },
+  /**
+   * Route events-related storage keys
+   */
+  routeEvents: {
+    root: () => `${devToolsStorageKeys.base}_route_events`,
+    modal: () => `${devToolsStorageKeys.routeEvents.root()}_modal`,
+    eventFilters: () => `${devToolsStorageKeys.routeEvents.root()}_event_filters`,
+    activeTab: () => `${devToolsStorageKeys.routeEvents.root()}_active_tab`,
+    isMonitoring: () => `${devToolsStorageKeys.routeEvents.root()}_is_monitoring`,
+    detailView: () => `${devToolsStorageKeys.routeEvents.root()}_detail_view`,
+    // 'current' | 'diff'
+    diffViewerMode: () => `${devToolsStorageKeys.routeEvents.root()}_diff_viewer_mode`
+    // 'split' | 'tree'
+  },
+  /**
+   * Highlight updates-related storage keys
+   */
+  highlightUpdates: {
+    root: () => `${devToolsStorageKeys.base}_highlight_updates`,
+    modal: () => `${devToolsStorageKeys.highlightUpdates.root()}_modal`,
+    isTracking: () => `${devToolsStorageKeys.highlightUpdates.root()}_is_tracking`,
+    filters: () => `${devToolsStorageKeys.highlightUpdates.root()}_filters`,
+    settings: () => `${devToolsStorageKeys.highlightUpdates.root()}_settings`,
+    /** Copy/export settings */
+    copySettings: () => `${devToolsStorageKeys.highlightUpdates.root()}_copy_settings`
+  },
+  /**
+   * Benchmark-related storage keys
+   */
+  benchmark: {
+    root: () => `${devToolsStorageKeys.base}_benchmark`,
+    modal: () => `${devToolsStorageKeys.benchmark.root()}_modal`,
+    isRecording: () => `${devToolsStorageKeys.benchmark.root()}_is_recording`,
+    activeTab: () => `${devToolsStorageKeys.benchmark.root()}_active_tab`,
+    settings: () => `${devToolsStorageKeys.benchmark.root()}_settings`,
+    selectedReports: () => `${devToolsStorageKeys.benchmark.root()}_selected_reports`
+  },
+  /**
+   * Debug Borders overlay keys
+   */
+  debugBorders: {
+    root: () => `${devToolsStorageKeys.base}_debug_borders`,
+    /** JsModal `persistenceKey` for the overlay's info window. */
+    infoModal: () => `${devToolsStorageKeys.debugBorders.root()}_info_modal`
+  },
+  /**
+   * Unified events-related storage keys
+   */
+  events: {
+    root: () => `${devToolsStorageKeys.base}_events`,
+    /**
+     * NOT what the Events tool uses. Its preset passes the literal
+     * `"buoy-events-modal"` to JsModal, and three things outside this repo's
+     * runtime now pin that string: the website's live tour, its QA script, and
+     * the e2e runner's reset. `isDevToolsStorageKey` treats the `buoy-` prefix
+     * as internal, so nothing leaks — this is a naming inconsistency, not a
+     * bug, and moving the key would cost a coordinated change across four
+     * surfaces to buy tidiness. Kept so the shape of this file stays uniform.
+     */
+    modal: () => `${devToolsStorageKeys.events.root()}_modal`,
+    /** Selected badge/source filters */
+    enabledSources: () => `${devToolsStorageKeys.events.root()}_enabled_sources`,
+    /** Whether event capturing is active */
+    isCapturing: () => `${devToolsStorageKeys.events.root()}_is_capturing`,
+    /**
+     * When capture was last switched off (ms epoch). Persisted with the
+     * capturing flag so a remount/relaunch while paused keeps hiding events
+     * captured into the shared store after the ORIGINAL pause moment (a
+     * watching dashboard keeps sources alive through the device's pause).
+     */
+    pausedAt: () => `${devToolsStorageKeys.events.root()}_paused_at`,
+    /** Copy/export settings */
+    copySettings: () => `${devToolsStorageKeys.events.root()}_copy_settings`
+  },
+  /**
+   * Desktop/MCP sync identity
+   */
+  sync: {
+    root: () => `${devToolsStorageKeys.base}_sync`,
+    /**
+     * The per-install id minted the first time this app dials the broker.
+     * It is what makes two devices on the same build register as two
+     * devices — see core's deviceIdentity.ts.
+     */
+    deviceId: () => `${devToolsStorageKeys.sync.root()}_device_id`
+  }
+};
+var LEGACY_DEV_TOOL_PATTERNS = [
+  "@devtools",
+  "@dev_tools_",
+  "@modal_state_",
+  // Old modal state keys
+  "@react_query_browser_modal",
+  "@react_query_modal",
+  "@react_query_mutation_modal",
+  "@sentry_logs_modal",
+  "@floating_rn_better_dev_tools_",
+  "@floating_tools_",
+  "@apphost_",
+  "@bubble_settings_",
+  "@env_vars_modal",
+  "@storage_modal",
+  "@floating_@devtools_",
+  // Double @ migration issue
+  "dev_last_route"
+  // Old key without @ prefix
+];
+function isDevToolsStorageKey(key) {
+  if (!key) return false;
+  if (key.startsWith(devToolsStorageKeys.base)) {
+    return true;
+  }
+  if (key.startsWith("buoy-")) {
+    return true;
+  }
+  if (key.startsWith("@buoy")) {
+    return true;
+  }
+  for (const pattern of LEGACY_DEV_TOOL_PATTERNS) {
+    if (key.startsWith(pattern)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+// src/utils/persistentStorage.web.ts
+var pending = /* @__PURE__ */ new Map();
+function storage() {
+  try {
+    return typeof window === "undefined" ? null : window.localStorage;
+  } catch {
+    return null;
+  }
+}
+var persistentStorage = {
+  async getItem(key) {
+    if (pending.has(key)) return pending.get(key) ?? null;
+    try {
+      return storage()?.getItem(key) ?? null;
+    } catch {
+      return null;
+    }
+  },
+  async setItem(key, value) {
+    pending.set(key, value);
+    try {
+      const backend = storage();
+      if (backend) {
+        backend.setItem(key, value);
+        pending.delete(key);
+      }
+    } catch {
+    }
+  },
+  async removeItem(key) {
+    pending.set(key, null);
+    try {
+      const backend = storage();
+      if (backend) {
+        backend.removeItem(key);
+        pending.delete(key);
+      }
+    } catch {
+    }
+  },
+  async getAllKeys() {
+    const keys = /* @__PURE__ */ new Set();
+    try {
+      const backend = storage();
+      if (backend) for (let i = 0; i < backend.length; i++) {
+        const key = backend.key(i);
+        if (key?.startsWith(devToolsStorageKeys.base)) keys.add(key);
+      }
+    } catch {
+    }
+    for (const [key, value] of pending) {
+      if (!key.startsWith(devToolsStorageKeys.base)) continue;
+      if (value === null) keys.delete(key);
+      else keys.add(key);
+    }
+    return [...keys];
+  },
+  async multiGet(keys) {
+    return Promise.all(keys.map(async (key) => [key, await persistentStorage.getItem(key)]));
+  },
+  async multiRemove(keys) {
+    await Promise.all(keys.map((key) => persistentStorage.removeItem(key)));
+  },
+  async clear() {
+    await persistentStorage.multiRemove(await persistentStorage.getAllKeys());
+  }
+};
+async function isUsingPersistentStorage() {
+  return storage() !== null;
+}
+async function getStorageBackendType() {
+  return storage() ? "localstorage" : "memory";
+}
+
+export {
+  devToolsStorageKeys,
+  isDevToolsStorageKey,
+  persistentStorage,
+  isUsingPersistentStorage,
+  getStorageBackendType
+};

package/lib/web/chunks/chunk-K46ZJUXJ.mjs

@@ -0,0 +1,90 @@
+"use client";
+import {
+  getSafeAreaInsets
+} from "./chunk-A2SOFE47.mjs";
+
+// src/hooks/useFilterManager.ts
+import { useState, useCallback } from "react";
+function useFilterManager(initialFilters = /* @__PURE__ */ new Set()) {
+  const [filters, setFilters] = useState(initialFilters);
+  const [showAddInput, setShowAddInput] = useState(false);
+  const [newFilter, setNewFilter] = useState("");
+  const addFilter = useCallback((filter) => {
+    const trimmedFilter = filter.trim();
+    if (trimmedFilter) {
+      setFilters((prev) => /* @__PURE__ */ new Set([...prev, trimmedFilter]));
+      setNewFilter("");
+      setShowAddInput(false);
+    }
+  }, []);
+  const removeFilter = useCallback((filter) => {
+    setFilters((prev) => {
+      const next = new Set(prev);
+      next.delete(filter);
+      return next;
+    });
+  }, []);
+  const toggleFilter = useCallback((filter) => {
+    setFilters((prev) => {
+      const next = new Set(prev);
+      if (next.has(filter)) {
+        next.delete(filter);
+      } else {
+        next.add(filter);
+      }
+      return next;
+    });
+  }, []);
+  const clearFilters = useCallback(() => {
+    setFilters(/* @__PURE__ */ new Set());
+    setNewFilter("");
+    setShowAddInput(false);
+  }, []);
+  const hasFilter = useCallback(
+    (filter) => {
+      return filters.has(filter);
+    },
+    [filters]
+  );
+  return {
+    // State
+    filters,
+    showAddInput,
+    newFilter,
+    // Actions
+    setNewFilter,
+    setShowAddInput,
+    addFilter,
+    removeFilter,
+    toggleFilter,
+    clearFilters,
+    hasFilter
+  };
+}
+
+// src/hooks/useSafeAreaInsets.web.ts
+import { useEffect, useState as useState2 } from "react";
+function useSafeAreaInsets(options = {}) {
+  const [insets, setInsets] = useState2({ top: 0, bottom: 0, left: 0, right: 0 });
+  useEffect(() => {
+    const update = () => setInsets(getSafeAreaInsets());
+    update();
+    window.addEventListener("resize", update);
+    window.visualViewport?.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("resize", update);
+      window.visualViewport?.removeEventListener("resize", update);
+    };
+  }, []);
+  return {
+    top: Math.max(insets.top, options.minTop ?? 0),
+    bottom: Math.max(insets.bottom, options.minBottom ?? 0),
+    left: Math.max(insets.left, options.minLeft ?? 0),
+    right: Math.max(insets.right, options.minRight ?? 0)
+  };
+}
+
+export {
+  useFilterManager,
+  useSafeAreaInsets
+};

package/lib/web/chunks/chunk-K4LXMO4D.mjs

@@ -0,0 +1,2 @@
+"use client";
+export*from"react-native-web";import{unstable_createElement as y,NativeModules as v,AccessibilityInfo as w,Animated as A,Appearance as C,AppRegistry as E,AppState as T,BackHandler as k,Clipboard as B,Dimensions as S,Easing as I,I18nManager as L,Keyboard as M,InteractionManager as N,LayoutAnimation as P,Linking as H,NativeEventEmitter as V,PanResponder as D,PixelRatio as O,Platform as R,Share as K,StyleSheet as W,UIManager as z,Vibration as F,ActivityIndicator as j,Button as U,CheckBox as Y,FlatList as _,Image as $,ImageBackground as q,KeyboardAvoidingView as G,Modal as J,Picker as Q,Pressable as X,ProgressBar as Z,RefreshControl as ee,SafeAreaView as te,ScrollView as oe,SectionList as ne,StatusBar as ie,Switch as ae,Text as re,TextInput as se,Touchable as de,TouchableHighlight as le,TouchableNativeFeedback as ce,TouchableOpacity as pe,TouchableWithoutFeedback as ue,View as xe,VirtualizedList as me,YellowBox as be,LogBox as fe,DeviceEventEmitter as he,useColorScheme as ge,useLocaleContext as ye,useWindowDimensions as ve}from"react-native-web";import*as c from"react-native-web";var x=c.findNodeHandle,m={alert(a,r,s,d){if(typeof document>"u")return;let e=document.createElement("dialog");e.dataset.buoyRoot="",e.setAttribute("aria-label",a),e.style.cssText="position:fixed;inset:0;margin:auto;width:min(440px,90vw);padding:24px;border:1px solid #475569;border-radius:14px;background:#17212e;color:#f1f5f9;font:14px system-ui;box-shadow:0 20px 80px #0008;z-index:2147483647";let n=document.createElement("h2");if(n.textContent=a,n.style.cssText="font-size:18px;margin:0 0 12px",e.appendChild(n),r){let t=document.createElement("p");t.textContent=r,t.style.cssText="line-height:1.5;white-space:pre-wrap;margin:0 0 20px",e.appendChild(t)}let i=document.createElement("div");i.style.cssText="display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px";let p=s?.length?s:[{text:"OK"}],l=()=>{e.close?.(),e.remove()};for(let t of p){let o=document.createElement("button");o.type="button",o.textContent=t.text??"OK",o.style.cssText=`padding:9px 14px;border:1px solid #64748b;border-radius:7px;color:white;background:${t.style==="destructive"?"#a52b38":"#283a4d"};cursor:pointer;font:inherit`,o.onclick=()=>{l(),t.onPress?.()},i.appendChild(o)}e.addEventListener("cancel",t=>{t.preventDefault(),d?.cancelable!==!1&&(l(),d?.onDismiss?.())}),e.appendChild(i),document.body.appendChild(e),e.showModal?e.showModal():e.setAttribute("open","")}};export{x as a,m as b,y as c,v as d,w as e,A as f,C as g,E as h,T as i,k as j,B as k,S as l,I as m,L as n,M as o,N as p,P as q,H as r,V as s,D as t,O as u,R as v,K as w,W as x,z as y,F as z,j as A,U as B,Y as C,_ as D,$ as E,q as F,G,J as H,Q as I,X as J,Z as K,ee as L,te as M,oe as N,ne as O,ie as P,ae as Q,re as R,se as S,de as T,le as U,ce as V,pe as W,ue as X,xe as Y,me as Z,be as _,fe as $,he as aa,ge as ba,ye as ca,ve as da};

package/lib/web/chunks/chunk-K7CGIEFU.mjs

@@ -0,0 +1,2 @@
+"use client";
+import{a as d}from"./chunk-PTK5FO6C.mjs";import{useState as g,useCallback as o}from"react";function I(n=new Set){let[r,i]=g(n),[s,l]=g(!1),[m,f]=g(""),u=o(e=>{let a=e.trim();a&&(i(t=>new Set([...t,a])),f(""),l(!1))},[]),c=o(e=>{i(a=>{let t=new Set(a);return t.delete(e),t})},[]),p=o(e=>{i(a=>{let t=new Set(a);return t.has(e)?t.delete(e):t.add(e),t})},[]),S=o(()=>{i(new Set),f(""),l(!1)},[]),w=o(e=>r.has(e),[r]);return{filters:r,showAddInput:s,newFilter:m,setNewFilter:f,setShowAddInput:l,addFilter:u,removeFilter:c,toggleFilter:p,clearFilters:S,hasFilter:w}}import{useEffect as h,useState as v}from"react";function L(n={}){let[r,i]=v({top:0,bottom:0,left:0,right:0});return h(()=>{let s=()=>i(d());return s(),window.addEventListener("resize",s),window.visualViewport?.addEventListener("resize",s),()=>{window.removeEventListener("resize",s),window.visualViewport?.removeEventListener("resize",s)}},[]),{top:Math.max(r.top,n.minTop??0),bottom:Math.max(r.bottom,n.minBottom??0),left:Math.max(r.left,n.minLeft??0),right:Math.max(r.right,n.minRight??0)}}export{I as a,L as b};