@buoy-gg/shared-ui 7.0.39 → 7.0.41

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

@@ -0,0 +1,205 @@
+"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 _persistentStorage = require("../utils/persistentStorage");
+var _devToolsStorageKeys = require("../storage/devToolsStorageKeys.js");
+var _ignoredPatternsCore = require("./ignoredPatternsCore.js");
+/**
+ * Shared "ignored patterns" store for network-style URL filtering.
+ *
+ * This is the SINGLE source of truth for the domains/URL patterns that the
+ * Network tool (and now the Events tool) hide from their lists. Both tools read
+ * and mutate this one singleton, so an ignore toggled in either place is shared
+ * everywhere and persisted to the same storage key.
+ *
+ * Lives in @buoy-gg/shared-ui (a hard dependency of both @buoy-gg/network and
+ * @buoy-gg/events) so the filter logic can be shared without @buoy-gg/events
+ * having to take a hard dependency on @buoy-gg/network (which is optional).
+ */
+
+// Pure matching types/helpers live in ignoredPatternsCore.ts (web-shim-safe);
+// re-exported here so the shared-ui barrel surface is unchanged.
+
+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, on mobile or on the desktop dashboard) 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.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.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. They used to be inline arrows in the return object, which handed
+ * every consumer a fresh `toggle` on each render and defeated `memo` on
+ * anything they were passed down to — measured on the network detail view,
+ * where it forced a full re-render of the inspector per step.
+ */
+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/ignoredPatternsStore.web.js

@@ -3,234 +3,14 @@
 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;
+var _ignoredPatternsStoreShared = require("./ignoredPatternsStore.shared.js");
+Object.keys(_ignoredPatternsStoreShared).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ignoredPatternsStoreShared[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ignoredPatternsStoreShared[key];
     }
-  },
-  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/ui/backgrounds/backgroundStore.js

@@ -7,7 +7,7 @@ exports.backgroundStore = exports.BACKGROUND_STORAGE_KEY = void 0;
 exports.useToolBackground = useToolBackground;
 var _react = require("react");
 var _devToolsStorageKeys = require("../../storage/devToolsStorageKeys.js");
-var _persistentStorage = require("../../utils/persistentStorage.js");
+var _persistentStorage = require("../../utils/persistentStorage");
 var _registry = require("./registry.js");
 /**
  * The persisted background selection, shared by every tool.

package/lib/commonjs/ui/backgrounds/variants/wormhole.js

@@ -103,12 +103,14 @@ const Wormhole = exports.Wormhole = /*#__PURE__*/(0, _react.memo)(function Wormh
           }]
         }],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          testID: "buoy-internal-background",
           source: _textures.WORMHOLE_SHEET,
           resizeMode: "stretch",
           fadeDuration: 0,
           style: fill
         })
       }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        testID: "buoy-internal-background",
         source: _textures.WORMHOLE_CORE,
         resizeMode: "stretch",
         fadeDuration: 0,
@@ -123,6 +125,7 @@ const Wormhole = exports.Wormhole = /*#__PURE__*/(0, _react.memo)(function Wormh
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
       style: [plane, camera],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        testID: "buoy-internal-background",
         source: _textures.WORMHOLE_STILL,
         resizeMode: "stretch",
         fadeDuration: 0,

package/lib/commonjs/ui/components/CopyButton.js

@@ -12,7 +12,7 @@ var _lucideIcons = require("../../icons/lucide-icons.js");
 var _macOSDesignSystemColors = require("../gameUI/constants/macOSDesignSystemColors.js");
 var _ClipboardHintBanner = require("./ClipboardHintBanner.js");
 var _devToolsStorageKeys = require("../../storage/devToolsStorageKeys.js");
-var _persistentStorage = require("../../utils/persistentStorage.js");
+var _persistentStorage = require("../../utils/persistentStorage");
 var _index = require("../../context/index.js");
 var _index2 = require("../../license/index.js");
 var _license = require("@buoy-gg/license");

package/lib/commonjs/ui/components/EventStepperFooter.js

@@ -9,7 +9,7 @@ var _reactNative = require("react-native");
 var _lucideIcons = require("../../icons/lucide-icons.js");
 var _macOSDesignSystemColors = require("../gameUI/constants/macOSDesignSystemColors.js");
 var _nightTheme = require("../night/nightTheme.js");
-var _useSafeAreaInsets = require("../../hooks/useSafeAreaInsets.js");
+var _useSafeAreaInsets = require("../../hooks/useSafeAreaInsets");
 var _fonts = require("../fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/lib/commonjs/ui/components/ToolFooter.js

@@ -10,7 +10,7 @@ exports.FooterRow = FooterRow;
 exports.ToolFooter = ToolFooter;
 var _reactNative = require("react-native");
 var _nightTheme = require("../night/nightTheme.js");
-var _useSafeAreaInsets = require("../../hooks/useSafeAreaInsets.js");
+var _useSafeAreaInsets = require("../../hooks/useSafeAreaInsets");
 var _fonts = require("../fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/lib/commonjs/ui/floating/FloatingTool.web.js

@@ -127,6 +127,7 @@ function UserStatus({
   const handleClick = e => {
     if (!isDragging && onPress) {
       e.stopPropagation();
+      e.currentTarget.focus();
       onPress();
     }
   };
@@ -464,6 +465,8 @@ function FloatingTool({
   const spaceAbove = Math.max(0, animatedPosition.y - 8);
   const spaceBelow = Math.max(0, window.innerHeight - animatedPosition.y - state.bubbleSize.height - 8);
   const accessoryAbove = spaceAbove > spaceBelow;
+  // Keep the minimized stack above the handle unless even one row cannot fit.
+  const stackAbove = spaceAbove >= 48 || spaceAbove >= spaceBelow;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: bubbleRef,
     "data-testid": id ?? "buoy-floating-tool",
@@ -474,7 +477,7 @@ function FloatingTool({
       position: 'fixed',
       left: animatedPosition.x,
       top: animatedPosition.y,
-      zIndex: 9999,
+      zIndex: pushToSide ? 8999 : 9999,
       display: 'flex',
       flexDirection: 'row',
       alignItems: 'center',
@@ -508,7 +511,14 @@ function FloatingTool({
     children: [minimizedStack && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
         position: 'absolute',
-        bottom: '100%',
+        ...(stackAbove ? {
+          bottom: '100%'
+        } : {
+          top: '100%'
+        }),
+        '--buoy-stack-bottom': stackAbove ? '0px' : 'auto',
+        '--buoy-stack-top': stackAbove ? 'auto' : '0px',
+        '--buoy-stack-space': `${stackAbove ? spaceAbove : spaceBelow}px`,
         left: -1,
         // align with the bubble border edge
         width: _floating.VISIBLE_HANDLE_WIDTH,

package/lib/commonjs/ui/night/primitives.js

@@ -55,8 +55,13 @@ function NightFootnote({
   tone = "tertiary",
   style
 }) {
+  // The inset is a marginLeft, and a marginLeft beats a caller's
+  // marginHorizontal or margin, so those were silently ignored on the left.
+  // A caller that sets either owns the horizontal margins.
+  const flat = _reactNative.StyleSheet.flatten(style);
+  const ownsMargin = !!flat && (flat.marginHorizontal != null || flat.margin != null);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.footnote, tone === "secondary" ? styles.footnoteSecondary : null, tone === "warning" ? styles.footnoteWarning : null, tone === "danger" ? styles.footnoteDanger : null, centered ? styles.footnoteCentered : null, style],
+    style: [styles.footnote, ownsMargin ? null : styles.footnoteInset, tone === "secondary" ? styles.footnoteSecondary : null, tone === "warning" ? styles.footnoteWarning : null, tone === "danger" ? styles.footnoteDanger : null, centered ? styles.footnoteCentered : null, style],
     children: children
   });
 }
@@ -131,7 +136,7 @@ function NightSwitch({
     _reactNative.Animated.timing(progress, {
       toValue: value ? 1 : 0,
       duration: 200,
-      useNativeDriver: true
+      useNativeDriver: _reactNative.Platform.OS !== "web"
     }).start();
   }, [value, progress]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
@@ -284,7 +289,9 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: _nightTheme.night.font.caption,
     fontWeight: "500",
     lineHeight: _nightTheme.night.font.caption * 1.4,
-    marginTop: 8,
+    marginTop: 8
+  },
+  footnoteInset: {
     marginLeft: _nightTheme.night.labelInset
   },
   footnoteSecondary: {

package/lib/commonjs/ui/otto/OttoSprite.js

@@ -230,7 +230,7 @@ function useOttoMotionClock(units, tickMs, active, restartKey) {
       toValue: units,
       duration: units * tickMs,
       easing: _reactNative.Easing.linear,
-      useNativeDriver: true,
+      useNativeDriver: _reactNative.Platform.OS !== "web",
       isInteraction: false
     }), {
       resetBeforeIteration: true