@buoy-gg/react-query 7.0.41 → 7.0.43

package/lib/module/react-query/utils/modalStorageOperations.js

@@ -1,117 +1 @@
-"use strict";
-
-import { persistentStorage } from "@buoy-gg/shared-ui";
-
-// Helper functions for persisting panel state using shared storage wrapper
-const setItem = async (key, value) => {
-  await persistentStorage.setItem(key, value);
-};
-const getItem = async key => {
-  return persistentStorage.getItem(key);
-};
-// Storage operations
-/**
- * Persist the draggable panel dimensions so future sessions can restore the last window size.
- */
-export const savePanelDimensions = async (storagePrefix, dimensions) => {
-  try {
-    await setItem(`${storagePrefix}_panel_dimensions`, JSON.stringify(dimensions));
-  } catch {
-    // Silently fail - persistence is optional
-  }
-};
-
-/** Remember the last snap height of the panel for bottom-sheet style layouts. */
-export const savePanelHeight = async (storagePrefix, height) => {
-  try {
-    await setItem(`${storagePrefix}_panel_height`, height.toString());
-  } catch {
-    // Silently fail - persistence is optional
-  }
-};
-
-/**
- * Persist whether the panel was in floating mode so we can reopen at the same presentation style.
- */
-export const saveFloatingMode = async (storagePrefix, isFloating) => {
-  try {
-    await setItem(`${storagePrefix}_is_floating_mode`, isFloating.toString());
-  } catch {
-    // Silently fail - persistence is optional
-  }
-};
-
-/**
- * Retrieve persisted panel geometry and presentation mode. Returns null values when nothing was
- * previously stored so callers can fall back to defaults.
- */
-export const loadPanelState = async storagePrefix => {
-  try {
-    const [dimensionsStr, heightStr, floatingModeStr] = await Promise.all([getItem(`${storagePrefix}_panel_dimensions`), getItem(`${storagePrefix}_panel_height`), getItem(`${storagePrefix}_is_floating_mode`)]);
-    const dimensions = dimensionsStr ? JSON.parse(dimensionsStr) : null;
-    const height = heightStr ? parseInt(heightStr, 10) : null;
-    const isFloating = floatingModeStr ? floatingModeStr === "true" : null;
-    return {
-      dimensions,
-      height,
-      isFloating
-    };
-  } catch {
-    // Return defaults on error
-    return {
-      dimensions: null,
-      height: null,
-      isFloating: null
-    };
-  }
-};
-
-// Modal visibility state operations
-/**
- * Persist the comprehensive modal visibility state (open flags, selected query, etc.). Stored as a
- * single JSON blob keyed by the provided prefix.
- */
-export const saveModalVisibilityState = async (storagePrefix, state) => {
-  try {
-    const stateJson = JSON.stringify(state);
-    // storagePrefix already contains the full key, don't append _modal_state
-    const key = storagePrefix;
-    await setItem(key, stateJson);
-  } catch {
-    // Silently fail - persistence is a nice-to-have feature
-  }
-};
-
-/**
- * Read previously persisted modal visibility state. Returns null when no entry is stored or the
- * payload cannot be parsed.
- */
-export const loadModalVisibilityState = async storagePrefix => {
-  try {
-    // storagePrefix already contains the full key, don't append _modal_state
-    const key = storagePrefix;
-    const stateStr = await getItem(key);
-    if (stateStr && stateStr !== "") {
-      const parsed = JSON.parse(stateStr);
-      return parsed;
-    }
-    return null;
-  } catch {
-    // Silently fail - persistence is a nice-to-have feature
-    return null;
-  }
-};
-
-/**
- * Clear the cached modal visibility state. Useful when all modals close so we avoid reopening
- * unintentionally on the next session.
- */
-export const clearModalVisibilityState = async storagePrefix => {
-  try {
-    // storagePrefix already contains the full key, don't append _modal_state
-    const key = storagePrefix;
-    await setItem(key, "");
-  } catch {
-    // Silently fail - persistence is a nice-to-have feature
-  }
-};
+"use strict";import{persistentStorage as o}from"@buoy-gg/shared-ui";const e=async(t,n)=>{await o.setItem(t,n)};const i=async t=>{return o.getItem(t)};export const savePanelDimensions=async(t,n)=>{try{await e(`${t}_panel_dimensions`,JSON.stringify(n))}catch{}};export const savePanelHeight=async(t,n)=>{try{await e(`${t}_panel_height`,n.toString())}catch{}};export const saveFloatingMode=async(t,n)=>{try{await e(`${t}_is_floating_mode`,n.toString())}catch{}};export const loadPanelState=async t=>{try{const[n,a,s]=await Promise.all([i(`${t}_panel_dimensions`),i(`${t}_panel_height`),i(`${t}_is_floating_mode`)]);const c=n?JSON.parse(n):null;const r=a?parseInt(a,10):null;const l=s?s==="true":null;return{dimensions:c,height:r,isFloating:l}}catch{return{dimensions:null,height:null,isFloating:null}}};export const saveModalVisibilityState=async(t,n)=>{try{const a=JSON.stringify(n);const s=t;await e(s,a)}catch{}};export const loadModalVisibilityState=async t=>{try{const n=t;const a=await i(n);if(a&&a!==""){const s=JSON.parse(a);return s}return null}catch{return null}};export const clearModalVisibilityState=async t=>{try{const n=t;await e(n,"")}catch{}};

package/lib/module/react-query/utils/storageQueryUtils.js

@@ -1,140 +1 @@
-"use strict";
-
-import { buoyColors } from "@buoy-gg/shared-ui";
-
-/**
- * Centralized storage query keys for all storage hooks
- * This ensures consistency across MMKV, AsyncStorage, and SecureStorage hooks
- * and allows easy modification of the base storage key in one place
- */
-export const storageQueryKeys = {
-  /**
-   * Base storage key - change this to update all storage-related queries
-   */
-  base: () => ["#storage"],
-  /**
-   * MMKV storage query keys
-   */
-  mmkv: {
-    root: () => [...storageQueryKeys.base(), "mmkv"],
-    key: key => [...storageQueryKeys.mmkv.root(), key],
-    all: () => [...storageQueryKeys.mmkv.root(), "all"]
-  },
-  /**
-   * AsyncStorage query keys
-   */
-  async: {
-    root: () => [...storageQueryKeys.base(), "async"],
-    key: key => [...storageQueryKeys.async.root(), key],
-    all: () => [...storageQueryKeys.async.root(), "all"]
-  },
-  /**
-   * SecureStorage query keys
-   */
-  secure: {
-    root: () => [...storageQueryKeys.base(), "secure"],
-    key: key => [...storageQueryKeys.secure.root(), key],
-    all: () => [...storageQueryKeys.secure.root(), "all"]
-  }
-};
-
-/**
- * Storage types that can be enabled/disabled
- */
-
-/**
- * Check if a query key matches any of the storage patterns
- */
-export function isStorageQuery(queryKey) {
-  if (!Array.isArray(queryKey) || queryKey.length === 0) {
-    return false;
-  }
-  return queryKey[0] === "#storage";
-}
-
-/**
- * Get the storage type from a query key
- */
-export function getStorageType(queryKey) {
-  if (!isStorageQuery(queryKey) || queryKey.length < 2) {
-    return null;
-  }
-  const storageType = queryKey[1];
-  if (storageType === "mmkv" || storageType === "async" || storageType === "secure") {
-    return storageType;
-  }
-  return null;
-}
-
-/**
- * Get display label for storage type
- */
-export function getStorageTypeLabel(storageType) {
-  switch (storageType) {
-    case "mmkv":
-      return "MMKV";
-    case "async":
-      return "Async";
-    case "secure":
-      return "Secure";
-    default:
-      return storageType;
-  }
-}
-
-/**
- * Get storage type color class for styling
- */
-export function getStorageTypeColor(storageType) {
-  switch (storageType) {
-    case "mmkv":
-      return "purple";
-    // Premium, high-performance
-    case "async":
-      return "blue";
-    // Standard, reliable
-    case "secure":
-      return "green";
-    // Security, safety
-    default:
-      return "gray";
-  }
-}
-
-/**
- * Get storage type hex color for UI components
- * Design rationale:
- * - MMKV: Primary teal - Premium, high-performance, sophisticated
- * - Async: Warning color - Standard, reliable, default
- * - Secure: Success color - Security, safety, protection
- */
-export function getStorageTypeHexColor(storageType) {
-  switch (storageType) {
-    case "mmkv":
-      return buoyColors.primary;
-    // Premium, high-performance
-    case "async":
-      return buoyColors.warning;
-    // Standard, reliable
-    case "secure":
-      return buoyColors.success;
-    // Security, safety
-    default:
-      return buoyColors.textMuted;
-    // Gray
-  }
-}
-
-/**
- * Extract clean storage key from storage query key
- * Example: ["#storage", "async", "@dev_tools_modal_state"] → "@dev_tools_modal_state"
- */
-export function getCleanStorageKey(queryKey) {
-  if (!isStorageQuery(queryKey) || queryKey.length < 3) {
-    return "Unknown Storage Key";
-  }
-
-  // Return everything after the storage type (index 2 and beyond)
-  const cleanKeys = queryKey.slice(2);
-  return cleanKeys.filter(k => k != null).map(k => String(k)).join(" › ") || "Unknown Storage Key";
-}
+"use strict";import{buoyColors as t}from"@buoy-gg/shared-ui";export const storageQueryKeys={base:()=>["#storage"],mmkv:{root:()=>[...storageQueryKeys.base(),"mmkv"],key:e=>[...storageQueryKeys.mmkv.root(),e],all:()=>[...storageQueryKeys.mmkv.root(),"all"]},async:{root:()=>[...storageQueryKeys.base(),"async"],key:e=>[...storageQueryKeys.async.root(),e],all:()=>[...storageQueryKeys.async.root(),"all"]},secure:{root:()=>[...storageQueryKeys.base(),"secure"],key:e=>[...storageQueryKeys.secure.root(),e],all:()=>[...storageQueryKeys.secure.root(),"all"]}};export function isStorageQuery(e){if(!Array.isArray(e)||e.length===0){return false}return e[0]==="#storage"}export function getStorageType(e){if(!isStorageQuery(e)||e.length<2){return null}const r=e[1];if(r==="mmkv"||r==="async"||r==="secure"){return r}return null}export function getStorageTypeLabel(e){switch(e){case"mmkv":return"MMKV";case"async":return"Async";case"secure":return"Secure";default:return e}}export function getStorageTypeColor(e){switch(e){case"mmkv":return"purple";case"async":return"blue";case"secure":return"green";default:return"gray"}}export function getStorageTypeHexColor(e){switch(e){case"mmkv":return t.primary;case"async":return t.warning;case"secure":return t.success;default:return t.textMuted}}export function getCleanStorageKey(e){if(!isStorageQuery(e)||e.length<3){return"Unknown Storage Key"}const r=e.slice(2);return r.filter(n=>n!=null).map(n=>String(n)).join(" \u203A ")||"Unknown Storage Key"}

package/lib/module/react-query/utils/testIDs.js

@@ -1,54 +1 @@
-"use strict";
-
-/**
- * Stable e2e handles for the React Query tool.
- *
- * Rows are addressed by their KEY, never by an index or a per-session id: a
- * query's position moves every time the list re-sorts by `dataUpdatedAt`, and
- * a mutation's `mutationId` is a counter that restarts with the process. The
- * key is the one thing that means the same query on the next launch, which is
- * also the only thing a test can name up front.
- *
- * `queryHash` would be stable too, but it is raw JSON (`["qbench","fresh"]`) —
- * quotes and brackets that neither Detox's `by.id` nor a Maestro selector
- * handles cleanly. So the parts are slugged and joined the way the rest of
- * Buoy's handles read: `buoy-rq-query-row-qbench-fresh`.
- */
-
-/** One key part → a testID-safe slug. */
-function slugPart(part) {
-  return String(part).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-}
-
-/** A query/mutation key (array or scalar) → its slug, e.g. `qbench-fresh`. */
-export function keySlug(key) {
-  const parts = Array.isArray(key) ? key : [key];
-  return parts.filter(part => part != null).map(slugPart).filter(Boolean).join("-") || "unkeyed";
-}
-
-/** `buoy-rq-query-row-<slug>` for a query key. */
-export function queryRowTestID(queryKey) {
-  return `buoy-rq-query-row-${keySlug(queryKey)}`;
-}
-
-/**
- * `buoy-rq-mutation-row-<slug>` for a mutation.
- *
- * Anonymous mutations (no `mutationKey`) fall back to the id — unstable across
- * launches, but so is the mutation itself, and an unkeyed mutation has nothing
- * else to be named by.
- */
-export function mutationRowTestID(mutationKey, mutationId) {
-  return mutationKey == null ? `buoy-rq-mutation-row-id-${mutationId}` : `buoy-rq-mutation-row-${keySlug(mutationKey)}`;
-}
-
-/**
- * `buoy-rq-explorer-<path>` for one node of the data explorer.
- *
- * The path is the same array the editor writes through
- * (`updateNestedDataByPath`), so the handle and the write target can't drift:
- * `buoy-rq-explorer-nested-count` edits `data.nested.count`.
- */
-export function explorerTestID(dataPath) {
-  return dataPath.length === 0 ? "buoy-rq-explorer-root" : `buoy-rq-explorer-${dataPath.map(slugPart).filter(Boolean).join("-")}`;
-}
+"use strict";function e(r){return String(r).toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}export function keySlug(r){const o=Array.isArray(r)?r:[r];return o.filter(t=>t!=null).map(e).filter(Boolean).join("-")||"unkeyed"}export function queryRowTestID(r){return`buoy-rq-query-row-${keySlug(r)}`}export function mutationRowTestID(r,o){return r==null?`buoy-rq-mutation-row-id-${o}`:`buoy-rq-mutation-row-${keySlug(r)}`}export function explorerTestID(r){return r.length===0?"buoy-rq-explorer-root":`buoy-rq-explorer-${r.map(e).filter(Boolean).join("-")}`}

package/lib/module/react-query/utils/updateNestedDataByPath.js

@@ -1,56 +1 @@
-"use strict";
-
-/**
- * updates nested data by path
- *
- * @param {JsonValue} oldData Data to be updated
- * @param {Array<string>} updatePath Path to the data to be updated
- * @param {JsonValue} value New value
- */
-export const updateNestedDataByPath = (oldData, updatePath, value) => {
-  if (updatePath.length === 0) {
-    return value;
-  }
-  if (oldData instanceof Map) {
-    const newData = new Map(oldData);
-    if (updatePath.length === 1) {
-      newData.set(updatePath[0], value);
-      return newData;
-    }
-    const [head, ...tail] = updatePath;
-    const currentValue = newData.get(head);
-    newData.set(head, updateNestedDataByPath(currentValue ?? null, tail, value));
-    return newData;
-  }
-  if (oldData instanceof Set) {
-    const setAsArray = updateNestedDataByPath(Array.from(oldData), updatePath, value);
-    return new Set(Array.isArray(setAsArray) ? setAsArray : []);
-  }
-  if (Array.isArray(oldData)) {
-    const newData = [...oldData];
-    if (updatePath.length === 1) {
-      // @ts-expect-error NAS
-      newData[updatePath[0]] = value;
-      return newData;
-    }
-    const [head, ...tail] = updatePath;
-    // @ts-expect-error NAS
-    newData[head] = updateNestedDataByPath(newData[head], tail, value);
-    return newData;
-  }
-  if (oldData instanceof Object) {
-    const newData = {
-      ...oldData
-    };
-    if (updatePath.length === 1) {
-      // @ts-expect-error NAS
-      newData[updatePath[0]] = value;
-      return newData;
-    }
-    const [head, ...tail] = updatePath;
-    // @ts-expect-error NAS
-    newData[head] = updateNestedDataByPath(newData[head], tail, value);
-    return newData;
-  }
-  return oldData;
-};
+"use strict";export const updateNestedDataByPath=(e,r,s)=>{if(r.length===0){return s}if(e instanceof Map){const n=new Map(e);if(r.length===1){n.set(r[0],s);return n}const[t,...i]=r;const c=n.get(t);n.set(t,updateNestedDataByPath(c??null,i,s));return n}if(e instanceof Set){const n=updateNestedDataByPath(Array.from(e),r,s);return new Set(Array.isArray(n)?n:[])}if(Array.isArray(e)){const n=[...e];if(r.length===1){n[r[0]]=s;return n}const[t,...i]=r;n[t]=updateNestedDataByPath(n[t],i,s);return n}if(e instanceof Object){const n={...e};if(r.length===1){n[r[0]]=s;return n}const[t,...i]=r;n[t]=updateNestedDataByPath(n[t],i,s);return n}return e};