@buoy-gg/network 7.0.41 → 7.0.42

package/lib/module/network/components/response-editor/deleteNestedDataByPath.js

@@ -1,51 +1 @@
-"use strict";
-
-/**
- * Deletes nested data by path
- *
- * @param {unknown} oldData Data to be updated
- * @param {Array<string>} deletePath Path to the data to be deleted
- * @returns newData without the deleted items by path
- */
-export const deleteNestedDataByPath = (oldData, deletePath) => {
-  if (oldData instanceof Map) {
-    const newData = new Map(oldData);
-    if (deletePath.length === 1) {
-      newData.delete(deletePath[0]);
-      return newData;
-    }
-    const [head, ...tail] = deletePath;
-    newData.set(head, deleteNestedDataByPath(newData.get(head), tail));
-    return newData;
-  }
-  if (oldData instanceof Set) {
-    const setAsArray = deleteNestedDataByPath(Array.from(oldData), deletePath);
-    return new Set(setAsArray);
-  }
-  if (Array.isArray(oldData)) {
-    const newData = [...oldData];
-    if (deletePath.length === 1) {
-      return newData.filter((_, idx) => idx.toString() !== deletePath[0]);
-    }
-    const [head, ...tail] = deletePath;
-
-    // @ts-expect-error NAS
-    newData[head] = deleteNestedDataByPath(newData[head], tail);
-    return newData;
-  }
-  if (oldData instanceof Object) {
-    const newData = {
-      ...oldData
-    };
-    if (deletePath.length === 1) {
-      // @ts-expect-error NAS
-      delete newData[deletePath[0]];
-      return newData;
-    }
-    const [head, ...tail] = deletePath;
-    // @ts-expect-error NAS
-    newData[head] = deleteNestedDataByPath(newData[head], tail);
-    return newData;
-  }
-  return oldData;
-};
+"use strict";export const deleteNestedDataByPath=(t,r)=>{if(t instanceof Map){const n=new Map(t);if(r.length===1){n.delete(r[0]);return n}const[s,...i]=r;n.set(s,deleteNestedDataByPath(n.get(s),i));return n}if(t instanceof Set){const n=deleteNestedDataByPath(Array.from(t),r);return new Set(n)}if(Array.isArray(t)){const n=[...t];if(r.length===1){return n.filter((c,e)=>e.toString()!==r[0])}const[s,...i]=r;n[s]=deleteNestedDataByPath(n[s],i);return n}if(t instanceof Object){const n={...t};if(r.length===1){delete n[r[0]];return n}const[s,...i]=r;n[s]=deleteNestedDataByPath(n[s],i);return n}return t};

package/lib/module/network/components/response-editor/editorContext.js

@@ -1,29 +1 @@
-"use strict";
-
-import { createContext, useContext } from "react";
-
-/**
- * What the ported Explorer needs in place of React Query's cache.
- *
- * In the original, every edit ends at
- * `queryClient.setQueryData(activeQuery.queryKey, newData)` and `activeQuery`
- * doubles as the "is this editable" gate — so the whole tree is wired to one
- * specific store. Here that becomes two values in context: the ROOT document
- * (every op rebuilds the whole thing from the root, so each row needs it) and a
- * single `onChange`.
- *
- * Context rather than props because Explorer recurses per node and already
- * threads `activeQuery` down every level; swapping one drilled prop for another
- * would have meant the same plumbing at every call site, and a row deep in a
- * response is exactly where you don't want a missed prop.
- */
-
-export const ResponseEditorContext = /*#__PURE__*/createContext(null);
-
-/**
- * Null outside a provider, which is how the tree stays READ-ONLY by default —
- * the same role `activeQuery === undefined` played in the original.
- */
-export function useResponseEditor() {
-  return useContext(ResponseEditorContext);
-}
+"use strict";import{createContext as t,useContext as e}from"react";export const ResponseEditorContext=t(null);export function useResponseEditor(){return e(ResponseEditorContext)}

package/lib/module/network/components/response-editor/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};

package/lib/module/network/conditions/NetworkConditionsControl.js

@@ -1,231 +1 @@
-"use strict";
-
-import { useEffect, useRef, useState, useSyncExternalStore } from "react";
-import { ActivityIndicator, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { ChevronDown, Check, night } from "@buoy-gg/shared-ui";
-import { conditionsCanApply, getNetworkCondition, setNetworkCondition, subscribeNetworkConditions } from "./store";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const options = [{
-  profile: "normal",
-  label: "No throttling"
-}, {
-  profile: "slow",
-  label: "Slow"
-}, {
-  profile: "verySlow",
-  label: "Very slow"
-}, {
-  profile: "offline",
-  label: "Offline"
-}];
-const summaries = {
-  normal: "No added delay",
-  slow: "+500 ms before each new request",
-  verySlow: "+2 seconds before each new request",
-  offline: "New requests fail before sending"
-};
-export function NetworkConditionsControl({
-  remote
-}) {
-  const local = useSyncExternalStore(subscribeNetworkConditions, getNetworkCondition, getNetworkCondition);
-  const localAvailable = useSyncExternalStore(subscribeNetworkConditions, conditionsCanApply, conditionsCanApply);
-  const [expanded, setExpanded] = useState(false);
-  const [error, setError] = useState();
-  const [pending, setPending] = useState(false);
-  const busy = useRef(false);
-  const mounted = useRef(true);
-  useEffect(() => {
-    mounted.current = true;
-    return () => {
-      mounted.current = false;
-    };
-  }, []);
-  const profile = remote ? remote.profile : local;
-  const available = remote ? remote.available : localAvailable;
-  const active = profile !== null && profile !== "normal";
-  const tint = profile === "offline" ? night.color.danger : active ? night.color.warning : night.color.accent;
-  async function select(value) {
-    if (!available || busy.current) return;
-    if (value === profile) {
-      setExpanded(false);
-      return;
-    }
-    busy.current = true;
-    setPending(true);
-    setError(undefined);
-    try {
-      if (remote) await remote.onChange(value);else setNetworkCondition(value);
-      if (mounted.current) setExpanded(false);
-    } catch (failure) {
-      if (mounted.current) setError(failure instanceof Error ? failure.message : String(failure));
-    } finally {
-      busy.current = false;
-      if (mounted.current) setPending(false);
-    }
-  }
-  const label = options.find(option => option.profile === profile)?.label ?? "Unavailable";
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    testID: "buoy-network-throttling-screen",
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.heading,
-      children: "Connection profile"
-    }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-      testID: "buoy-network-conditions",
-      accessibilityRole: "button",
-      accessibilityLabel: `Network throttling: ${label}`,
-      accessibilityState: {
-        expanded,
-        disabled: !available || pending
-      },
-      disabled: !available || pending,
-      onPress: () => setExpanded(value => !value),
-      style: [styles.dropdown, expanded && styles.dropdownOpen, !available && styles.disabled],
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: [styles.value, active && {
-          color: tint
-        }],
-        children: label
-      }), pending ? /*#__PURE__*/_jsx(ActivityIndicator, {
-        size: "small",
-        color: night.color.textSecondary
-      }) : /*#__PURE__*/_jsx(ChevronDown, {
-        size: 16,
-        color: night.color.textSecondary
-      })]
-    }), expanded && /*#__PURE__*/_jsx(View, {
-      accessibilityRole: "radiogroup",
-      accessibilityLabel: "Connection profile",
-      style: styles.options,
-      children: options.map(option => {
-        const selected = profile === option.profile;
-        return /*#__PURE__*/_jsxs(TouchableOpacity, {
-          testID: `buoy-network-condition-${option.profile}`,
-          accessibilityRole: "radio",
-          accessibilityLabel: option.label,
-          accessibilityState: {
-            checked: selected,
-            disabled: !available || pending
-          },
-          disabled: !available || pending,
-          onPress: () => void select(option.profile),
-          style: [styles.option, selected && styles.selected],
-          children: [/*#__PURE__*/_jsxs(View, {
-            style: styles.optionBody,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: [styles.optionTitle, selected && {
-                color: tint
-              }],
-              children: option.label
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.caption,
-              children: summaries[option.profile]
-            })]
-          }), selected && /*#__PURE__*/_jsx(Check, {
-            size: 16,
-            color: tint
-          })]
-        }, option.profile);
-      })
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.caption,
-      accessibilityLiveRegion: "polite",
-      children: pending ? "Applying to device…" : !available ? remote ? "Conditions unavailable on this device" : "Requires a signed-in account and a development build" : profile ? summaries[profile] : "Waiting for device status"
-    }), !!error && /*#__PURE__*/_jsx(Text, {
-      accessibilityRole: "alert",
-      style: styles.error,
-      children: error
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.help,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.heading,
-        children: "How it works"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.caption,
-        children: "Affects new HTTP requests through global fetch and XHR. Slow adds a wait before sending; download speed stays unchanged."
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.caption,
-        children: "Stays active when you close this tool or pause capture. Choose No throttling to stop. Reloading the app resets it."
-      })]
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    padding: night.gutter,
-    gap: 10
-  },
-  heading: {
-    fontSize: night.font.caption,
-    fontWeight: "600",
-    color: night.color.textSecondary
-  },
-  dropdown: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 12,
-    minHeight: 44,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    borderRadius: night.radius.segment,
-    borderWidth: 1,
-    borderColor: night.color.separator,
-    backgroundColor: night.color.surfaceElevated
-  },
-  dropdownOpen: {
-    borderColor: night.color.accentBorderStrong
-  },
-  value: {
-    flex: 1,
-    fontSize: night.font.body,
-    color: night.color.text
-  },
-  options: {
-    padding: 4,
-    borderRadius: night.radius.row,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface
-  },
-  option: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    minHeight: 54,
-    padding: 10,
-    borderRadius: night.radius.segment
-  },
-  optionBody: {
-    flex: 1,
-    gap: 4
-  },
-  optionTitle: {
-    fontSize: night.font.caption,
-    fontWeight: "600",
-    color: night.color.text
-  },
-  selected: {
-    backgroundColor: night.color.surfaceElevated
-  },
-  disabled: {
-    opacity: 0.45
-  },
-  caption: {
-    fontSize: night.font.caption,
-    lineHeight: 19,
-    color: night.color.textSecondary
-  },
-  help: {
-    marginTop: 14,
-    paddingTop: 16,
-    gap: 10,
-    borderTopWidth: 1,
-    borderTopColor: night.color.separator
-  },
-  error: {
-    fontSize: night.font.caption,
-    lineHeight: 18,
-    color: night.color.danger
-  }
-});
+"use strict";import{useEffect as j,useRef as x,useState as h,useSyncExternalStore as k}from"react";import{ActivityIndicator as q,StyleSheet as A,Text as i,TouchableOpacity as R,View as p}from"react-native";import{ChevronDown as L,Check as O,night as e}from"@buoy-gg/shared-ui";import{conditionsCanApply as T,getNetworkCondition as z,setNetworkCondition as P,subscribeNetworkConditions as N}from"./store";import{jsx as r,jsxs as f}from"react/jsx-runtime";const H=[{profile:"normal",label:"No throttling"},{profile:"slow",label:"Slow"},{profile:"verySlow",label:"Very slow"},{profile:"offline",label:"Offline"}];const E={normal:"No added delay",slow:"+500 ms before each new request",verySlow:"+2 seconds before each new request",offline:"New requests fail before sending"};export function NetworkConditionsControl({remote:s}){const D=k(N,z,z);const I=k(N,T,T);const[u,b]=h(false);const[w,S]=h();const[c,m]=h(false);const g=x(false);const d=x(true);j(()=>{d.current=true;return()=>{d.current=false}},[]);const n=s?s.profile:D;const a=s?s.available:I;const C=n!==null&&n!=="normal";const y=n==="offline"?e.color.danger:C?e.color.warning:e.color.accent;async function W(t){if(!a||g.current)return;if(t===n){b(false);return}g.current=true;m(true);S(void 0);try{if(s)await s.onChange(t);else P(t);if(d.current)b(false)}catch(l){if(d.current)S(l instanceof Error?l.message:String(l))}finally{g.current=false;if(d.current)m(false)}}const v=H.find(t=>t.profile===n)?.label??"Unavailable";return f(p,{style:o.container,testID:"buoy-network-throttling-screen",children:[r(i,{style:o.heading,children:"Connection profile"}),f(R,{testID:"buoy-network-conditions",accessibilityRole:"button",accessibilityLabel:`Network throttling: ${v}`,accessibilityState:{expanded:u,disabled:!a||c},disabled:!a||c,onPress:()=>b(t=>!t),style:[o.dropdown,u&&o.dropdownOpen,!a&&o.disabled],children:[r(i,{style:[o.value,C&&{color:y}],children:v}),c?r(q,{size:"small",color:e.color.textSecondary}):r(L,{size:16,color:e.color.textSecondary})]}),u&&r(p,{accessibilityRole:"radiogroup",accessibilityLabel:"Connection profile",style:o.options,children:H.map(t=>{const l=n===t.profile;return f(R,{testID:`buoy-network-condition-${t.profile}`,accessibilityRole:"radio",accessibilityLabel:t.label,accessibilityState:{checked:l,disabled:!a||c},disabled:!a||c,onPress:()=>void W(t.profile),style:[o.option,l&&o.selected],children:[f(p,{style:o.optionBody,children:[r(i,{style:[o.optionTitle,l&&{color:y}],children:t.label}),r(i,{style:o.caption,children:E[t.profile]})]}),l&&r(O,{size:16,color:y})]},t.profile)})}),r(i,{style:o.caption,accessibilityLiveRegion:"polite",children:c?"Applying to device\u2026":!a?s?"Conditions unavailable on this device":"Requires a signed-in account and a development build":n?E[n]:"Waiting for device status"}),!!w&&r(i,{accessibilityRole:"alert",style:o.error,children:w}),f(p,{style:o.help,children:[r(i,{style:o.heading,children:"How it works"}),r(i,{style:o.caption,children:"Affects new HTTP requests through global fetch and XHR. Slow adds a wait before sending; download speed stays unchanged."}),r(i,{style:o.caption,children:"Stays active when you close this tool or pause capture. Choose No throttling to stop. Reloading the app resets it."})]})]})}const o=A.create({container:{padding:e.gutter,gap:10},heading:{fontSize:e.font.caption,fontWeight:"600",color:e.color.textSecondary},dropdown:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:44,paddingHorizontal:12,paddingVertical:10,borderRadius:e.radius.segment,borderWidth:1,borderColor:e.color.separator,backgroundColor:e.color.surfaceElevated},dropdownOpen:{borderColor:e.color.accentBorderStrong},value:{flex:1,fontSize:e.font.body,color:e.color.text},options:{padding:4,borderRadius:e.radius.row,borderWidth:1,borderColor:e.color.border,backgroundColor:e.color.surface},option:{flexDirection:"row",alignItems:"center",gap:12,minHeight:54,padding:10,borderRadius:e.radius.segment},optionBody:{flex:1,gap:4},optionTitle:{fontSize:e.font.caption,fontWeight:"600",color:e.color.text},selected:{backgroundColor:e.color.surfaceElevated},disabled:{opacity:.45},caption:{fontSize:e.font.caption,lineHeight:19,color:e.color.textSecondary},help:{marginTop:14,paddingTop:16,gap:10,borderTopWidth:1,borderTopColor:e.color.separator},error:{fontSize:e.font.caption,lineHeight:18,color:e.color.danger}});

package/lib/module/network/conditions/NetworkConditionsControl.test.js

@@ -1,135 +1 @@
-"use strict";
-
-// @vitest-environment jsdom
-import { act, createElement } from "react";
-import { createRoot } from "react-dom/client";
-import { afterEach, beforeEach, expect, it, vi } from "vitest";
-import { NetworkConditionsControl } from "./NetworkConditionsControl";
-vi.mock("@buoy-gg/shared-ui", async () => ({
-  ChevronDown: () => null,
-  Check: () => null,
-  night: (await vi.importActual("../../../../shared/src/ui/night/nightTheme")).night
-}));
-vi.mock("react-native", () => ({
-  StyleSheet: {
-    create: value => value
-  },
-  View: ({
-    children
-  }) => /*#__PURE__*/createElement("div", null, children),
-  Text: ({
-    children
-  }) => /*#__PURE__*/createElement("span", null, children),
-  ActivityIndicator: () => /*#__PURE__*/createElement("span", null, "pending"),
-  TouchableOpacity: ({
-    children,
-    onPress,
-    disabled,
-    accessibilityLabel,
-    accessibilityState,
-    testID
-  }) => /*#__PURE__*/createElement("button", {
-    onClick: onPress,
-    disabled,
-    "aria-label": accessibilityLabel,
-    "aria-checked": accessibilityState?.checked,
-    "data-testid": testID
-  }, children)
-}));
-vi.mock("./store", () => ({
-  NETWORK_CONDITIONS: {
-    normal: {
-      label: "Normal"
-    },
-    slow: {
-      label: "Slow"
-    },
-    verySlow: {
-      label: "Very slow"
-    },
-    offline: {
-      label: "Offline"
-    }
-  },
-  getNetworkCondition: () => "normal",
-  conditionsCanApply: () => true,
-  subscribeNetworkConditions: () => () => {},
-  setNetworkCondition: vi.fn()
-}));
-let root;
-let container;
-beforeEach(() => {
-  globalThis.IS_REACT_ACT_ENVIRONMENT = true;
-  container = document.createElement("div");
-  root = createRoot(container);
-});
-afterEach(() => act(() => root.unmount()));
-const button = profile => container.querySelector(`[data-testid="buoy-network-condition-${profile}"]`);
-function render(remote) {
-  act(() => root.render(/*#__PURE__*/createElement(NetworkConditionsControl, {
-    remote
-  })));
-}
-const dropdown = () => container.querySelector('[data-testid="buoy-network-conditions"]');
-const open = () => act(() => dropdown().click());
-it("defaults to a closed No throttling dropdown and closes when the current option is chosen", () => {
-  const onChange = vi.fn();
-  render({
-    profile: "normal",
-    available: true,
-    onChange
-  });
-  expect(dropdown().textContent).toBe("No throttling");
-  expect(button("normal")).toBeNull();
-  open();
-  expect(["normal", "slow", "verySlow", "offline"].every(value => !!button(value))).toBe(true);
-  act(() => button("normal").click());
-  expect(button("normal")).toBeNull();
-  expect(onChange).not.toHaveBeenCalled();
-});
-it("blocks duplicate remote changes and waits for the device profile before selecting it", async () => {
-  let finish;
-  const onChange = vi.fn(() => new Promise(resolve => {
-    finish = resolve;
-  }));
-  render({
-    profile: "normal",
-    available: true,
-    onChange
-  });
-  open();
-  act(() => button("slow").click());
-  expect(button("offline").disabled).toBe(true);
-  expect(button("normal").getAttribute("aria-checked")).toBe("true");
-  act(() => button("offline").click());
-  expect(onChange).toHaveBeenCalledExactlyOnceWith("slow");
-  await act(async () => finish());
-  render({
-    profile: "slow",
-    available: true,
-    onChange
-  });
-  expect(dropdown().textContent).toBe("Slow");
-  expect(button("slow")).toBeNull();
-  open();
-  expect(button("slow").getAttribute("aria-checked")).toBe("true");
-});
-it("reports a remote error, permits retry, and disables unavailable devices", async () => {
-  const onChange = vi.fn().mockRejectedValue(new Error("Device disconnected"));
-  render({
-    profile: "normal",
-    available: true,
-    onChange
-  });
-  open();
-  await act(async () => button("offline").click());
-  expect(container.textContent).toContain("Device disconnected");
-  expect(button("offline").disabled).toBe(false);
-  render({
-    profile: null,
-    available: false,
-    onChange
-  });
-  expect(button("normal").disabled).toBe(true);
-  expect(container.textContent).toContain("Conditions unavailable on this device");
-});
+"use strict";import{act as n,createElement as r}from"react";import{createRoot as p}from"react-dom/client";import{afterEach as C,beforeEach as v,expect as t,it as u,vi as l}from"vitest";import{NetworkConditionsControl as k}from"./NetworkConditionsControl";l.mock("@buoy-gg/shared-ui",async()=>({ChevronDown:()=>null,Check:()=>null,night:(await l.importActual("../../../../shared/src/ui/night/nightTheme")).night}));l.mock("react-native",()=>({StyleSheet:{create:e=>e},View:({children:e})=>r("div",null,e),Text:({children:e})=>r("span",null,e),ActivityIndicator:()=>r("span",null,"pending"),TouchableOpacity:({children:e,onPress:a,disabled:d,accessibilityLabel:h,accessibilityState:b,testID:w})=>r("button",{onClick:a,disabled:d,"aria-label":h,"aria-checked":b?.checked,"data-testid":w},e)}));l.mock("./store",()=>({NETWORK_CONDITIONS:{normal:{label:"Normal"},slow:{label:"Slow"},verySlow:{label:"Very slow"},offline:{label:"Offline"}},getNetworkCondition:()=>"normal",conditionsCanApply:()=>true,subscribeNetworkConditions:()=>()=>{},setNetworkCondition:l.fn()}));let f;let i;v(()=>{globalThis.IS_REACT_ACT_ENVIRONMENT=true;i=document.createElement("div");f=p(i)});C(()=>n(()=>f.unmount()));const o=e=>i.querySelector(`[data-testid="buoy-network-condition-${e}"]`);function c(e){n(()=>f.render(r(k,{remote:e})))}const m=()=>i.querySelector('[data-testid="buoy-network-conditions"]');const s=()=>n(()=>m().click());u("defaults to a closed No throttling dropdown and closes when the current option is chosen",()=>{const e=l.fn();c({profile:"normal",available:true,onChange:e});t(m().textContent).toBe("No throttling");t(o("normal")).toBeNull();s();t(["normal","slow","verySlow","offline"].every(a=>!!o(a))).toBe(true);n(()=>o("normal").click());t(o("normal")).toBeNull();t(e).not.toHaveBeenCalled()});u("blocks duplicate remote changes and waits for the device profile before selecting it",async()=>{let e;const a=l.fn(()=>new Promise(d=>{e=d}));c({profile:"normal",available:true,onChange:a});s();n(()=>o("slow").click());t(o("offline").disabled).toBe(true);t(o("normal").getAttribute("aria-checked")).toBe("true");n(()=>o("offline").click());t(a).toHaveBeenCalledExactlyOnceWith("slow");await n(async()=>e());c({profile:"slow",available:true,onChange:a});t(m().textContent).toBe("Slow");t(o("slow")).toBeNull();s();t(o("slow").getAttribute("aria-checked")).toBe("true")});u("reports a remote error, permits retry, and disables unavailable devices",async()=>{const e=l.fn().mockRejectedValue(new Error("Device disconnected"));c({profile:"normal",available:true,onChange:e});s();await n(async()=>o("offline").click());t(i.textContent).toContain("Device disconnected");t(o("offline").disabled).toBe(false);c({profile:null,available:false,onChange:e});t(o("normal").disabled).toBe(true);t(i.textContent).toContain("Conditions unavailable on this device")});

package/lib/module/network/conditions/NetworkConditionsIcon.js

@@ -1,29 +1 @@
-"use strict";
-
-import { useSyncExternalStore } from "react";
-import { Text, View } from "react-native";
-import { NetworkIcon } from "@buoy-gg/shared-ui";
-import { getNetworkCondition, subscribeNetworkConditions, NETWORK_CONDITIONS } from "./store";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function NetworkConditionsIcon({
-  size
-}) {
-  const profile = useSyncExternalStore(subscribeNetworkConditions, getNetworkCondition, getNetworkCondition);
-  return /*#__PURE__*/_jsxs(View, {
-    accessibilityLabel: profile === "normal" ? "Network" : `Network: ${NETWORK_CONDITIONS[profile].label}`,
-    children: [/*#__PURE__*/_jsx(NetworkIcon, {
-      size: size
-    }), profile !== "normal" && /*#__PURE__*/_jsx(Text, {
-      testID: "buoy-network-condition-indicator",
-      style: {
-        position: "absolute",
-        top: -6,
-        right: -8,
-        color: "#FFCC66",
-        fontSize: 10,
-        fontWeight: "700"
-      },
-      children: profile === "offline" ? "OFF" : `+${NETWORK_CONDITIONS[profile].delayMs}`
-    })]
-  });
-}
+"use strict";import{useSyncExternalStore as n}from"react";import{Text as s,View as l}from"react-native";import{NetworkIcon as c}from"@buoy-gg/shared-ui";import{getNetworkCondition as t,subscribeNetworkConditions as m,NETWORK_CONDITIONS as i}from"./store";import{jsx as r,jsxs as a}from"react/jsx-runtime";export function NetworkConditionsIcon({size:e}){const o=n(m,t,t);return a(l,{accessibilityLabel:o==="normal"?"Network":`Network: ${i[o].label}`,children:[r(c,{size:e}),o!=="normal"&&r(s,{testID:"buoy-network-condition-indicator",style:{position:"absolute",top:-6,right:-8,color:"#FFCC66",fontSize:10,fontWeight:"700"},children:o==="offline"?"OFF":`+${i[o].delayMs}`})]})}