cross-state 0.25.2 → 0.27.0

package/dist/es/scope.mjs

@@ -1,63 +1,85 @@
-import require$$0, { useRef, useMemo, useCallback, useLayoutEffect, useDebugValue, useEffect, useContext, createContext } from "react";
 import { d as deepEqual, m as makeSelector, c as createStore } from "./store.mjs";
+import require$$0, { useRef, useMemo, useCallback, useLayoutEffect, useDebugValue, useEffect, useContext, createContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { h as hash } from "./hash.mjs";
-var withSelector = { exports: {} };
-var withSelector_production_min = {};
-var shim = { exports: {} };
-var useSyncExternalStoreShim_production_min = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredUseSyncExternalStoreShim_production_min;
-function requireUseSyncExternalStoreShim_production_min() {
-  if (hasRequiredUseSyncExternalStoreShim_production_min)
-    return useSyncExternalStoreShim_production_min;
-  hasRequiredUseSyncExternalStoreShim_production_min = 1;
-  var e = require$$0;
-  function h(a, b) {
-    return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
-  }
-  var k = "function" === typeof Object.is ? Object.is : h, l = e.useState, m = e.useEffect, n = e.useLayoutEffect, p = e.useDebugValue;
-  function q(a, b) {
-    var d = b(), f = l({ inst: { value: d, getSnapshot: b } }), c = f[0].inst, g = f[1];
-    n(function() {
-      c.value = d;
-      c.getSnapshot = b;
-      r(c) && g({ inst: c });
-    }, [a, d, b]);
-    m(function() {
-      r(c) && g({ inst: c });
-      return a(function() {
-        r(c) && g({ inst: c });
-      });
-    }, [a]);
-    p(d);
-    return d;
+const unwrapProxySymbol = /* @__PURE__ */ Symbol("unwrapProxy");
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && Object.getPrototypeOf(value) === Object.prototype;
+}
+function trackingProxy(value, equals = deepEqual) {
+  if (!isPlainObject(value) && !Array.isArray(value)) {
+    return [value, (other) => equals(value, other)];
   }
-  function r(a) {
-    var b = a.getSnapshot;
-    a = a.value;
-    try {
-      var d = b();
-      return !k(a, d);
-    } catch (f) {
-      return true;
+  value = value[unwrapProxySymbol] ?? value;
+  const deps = new Array();
+  const revokations = new Array();
+  let revoked = false;
+  function trackComplexProp(function_, ...args) {
+    const [proxiedValue, equals2, revoke] = trackingProxy(function_(value, ...args));
+    deps.push((otherValue) => {
+      if (!isPlainObject(otherValue) && !Array.isArray(otherValue)) {
+        return false;
+      }
+      return equals2(function_(otherValue, ...args));
+    });
+    if (revoke) {
+      revokations.push(revoke);
     }
+    return proxiedValue;
   }
-  function t(a, b) {
-    return b();
+  function trackSimpleProp(function_, ...args) {
+    const calculatedValue = function_(value, ...args);
+    deps.push((otherValue) => {
+      return function_(otherValue, ...args) === calculatedValue;
+    });
+    return calculatedValue;
   }
-  var u = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t : q;
-  useSyncExternalStoreShim_production_min.useSyncExternalStore = void 0 !== e.useSyncExternalStore ? e.useSyncExternalStore : u;
-  return useSyncExternalStoreShim_production_min;
+  const proxy = new Proxy(value, {
+    get(target, p, receiver) {
+      if (p === unwrapProxySymbol) {
+        return value;
+      }
+      if (revoked) {
+        return target[p];
+      }
+      const { writable, configurable } = Object.getOwnPropertyDescriptor(target, p) ?? {};
+      if (writable === false && configurable === false) {
+        return target[p];
+      }
+      return trackComplexProp(Reflect.get, p, receiver);
+    },
+    getOwnPropertyDescriptor(target, p) {
+      const { writable, configurable } = Object.getOwnPropertyDescriptor(target, p) ?? {};
+      if (writable === false && configurable === false) {
+        return Reflect.getOwnPropertyDescriptor(target, p);
+      }
+      return trackComplexProp(Reflect.getOwnPropertyDescriptor, p);
+    },
+    ownKeys() {
+      return trackComplexProp(Reflect.ownKeys);
+    },
+    getPrototypeOf() {
+      return trackSimpleProp(Reflect.getPrototypeOf);
+    },
+    has(_target, p) {
+      return trackSimpleProp(Reflect.has, p);
+    },
+    isExtensible() {
+      return trackSimpleProp(Reflect.isExtensible);
+    }
+  });
+  return [
+    proxy,
+    (other) => !!other && deps.every((equals2) => equals2(other)),
+    () => {
+      revoked = true;
+      revokations.forEach((revoke) => revoke());
+    }
+  ];
 }
+var withSelector = { exports: {} };
+var withSelector_development = {};
+var shim = { exports: {} };
 var useSyncExternalStoreShim_development = {};
 /**
  * @license React
@@ -189,84 +211,71 @@ function requireUseSyncExternalStoreShim_development() {
   }
   return useSyncExternalStoreShim_development;
 }
-var hasRequiredShim;
-function requireShim() {
-  if (hasRequiredShim)
-    return shim.exports;
-  hasRequiredShim = 1;
-  if (process.env.NODE_ENV === "production") {
-    shim.exports = requireUseSyncExternalStoreShim_production_min();
-  } else {
-    shim.exports = requireUseSyncExternalStoreShim_development();
-  }
-  return shim.exports;
-}
+var useSyncExternalStoreShim_production_min = {};
 /**
  * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
+ * use-sync-external-store-shim.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredWithSelector_production_min;
-function requireWithSelector_production_min() {
-  if (hasRequiredWithSelector_production_min)
-    return withSelector_production_min;
-  hasRequiredWithSelector_production_min = 1;
-  var h = require$$0, n = requireShim();
-  function p(a, b) {
+var hasRequiredUseSyncExternalStoreShim_production_min;
+function requireUseSyncExternalStoreShim_production_min() {
+  if (hasRequiredUseSyncExternalStoreShim_production_min)
+    return useSyncExternalStoreShim_production_min;
+  hasRequiredUseSyncExternalStoreShim_production_min = 1;
+  var e = require$$0;
+  function h(a, b) {
     return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
   }
-  var q = "function" === typeof Object.is ? Object.is : p, r = n.useSyncExternalStore, t = h.useRef, u = h.useEffect, v = h.useMemo, w = h.useDebugValue;
-  withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e, l, g) {
-    var c = t(null);
-    if (null === c.current) {
-      var f = { hasValue: false, value: null };
-      c.current = f;
-    } else
-      f = c.current;
-    c = v(function() {
-      function a2(a3) {
-        if (!c2) {
-          c2 = true;
-          d2 = a3;
-          a3 = l(a3);
-          if (void 0 !== g && f.hasValue) {
-            var b2 = f.value;
-            if (g(b2, a3))
-              return k = b2;
-          }
-          return k = a3;
-        }
-        b2 = k;
-        if (q(d2, a3))
-          return b2;
-        var e2 = l(a3);
-        if (void 0 !== g && g(b2, e2))
-          return b2;
-        d2 = a3;
-        return k = e2;
-      }
-      var c2 = false, d2, k, m = void 0 === e ? null : e;
-      return [function() {
-        return a2(b());
-      }, null === m ? void 0 : function() {
-        return a2(m());
-      }];
-    }, [b, e, l, g]);
-    var d = r(a, c[0], c[1]);
-    u(function() {
-      f.hasValue = true;
-      f.value = d;
-    }, [d]);
-    w(d);
+  var k = "function" === typeof Object.is ? Object.is : h, l = e.useState, m = e.useEffect, n = e.useLayoutEffect, p = e.useDebugValue;
+  function q(a, b) {
+    var d = b(), f = l({ inst: { value: d, getSnapshot: b } }), c = f[0].inst, g = f[1];
+    n(function() {
+      c.value = d;
+      c.getSnapshot = b;
+      r(c) && g({ inst: c });
+    }, [a, d, b]);
+    m(function() {
+      r(c) && g({ inst: c });
+      return a(function() {
+        r(c) && g({ inst: c });
+      });
+    }, [a]);
+    p(d);
     return d;
-  };
-  return withSelector_production_min;
+  }
+  function r(a) {
+    var b = a.getSnapshot;
+    a = a.value;
+    try {
+      var d = b();
+      return !k(a, d);
+    } catch (f) {
+      return true;
+    }
+  }
+  function t(a, b) {
+    return b();
+  }
+  var u = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t : q;
+  useSyncExternalStoreShim_production_min.useSyncExternalStore = void 0 !== e.useSyncExternalStore ? e.useSyncExternalStore : u;
+  return useSyncExternalStoreShim_production_min;
+}
+var hasRequiredShim;
+function requireShim() {
+  if (hasRequiredShim)
+    return shim.exports;
+  hasRequiredShim = 1;
+  if (process.env.NODE_ENV === "production") {
+    shim.exports = requireUseSyncExternalStoreShim_production_min();
+  } else {
+    shim.exports = requireUseSyncExternalStoreShim_development();
+  }
+  return shim.exports;
 }
-var withSelector_development = {};
 /**
  * @license React
  * use-sync-external-store-shim/with-selector.development.js
@@ -365,87 +374,78 @@ function requireWithSelector_development() {
   }
   return withSelector_development;
 }
+var withSelector_production_min = {};
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredWithSelector_production_min;
+function requireWithSelector_production_min() {
+  if (hasRequiredWithSelector_production_min)
+    return withSelector_production_min;
+  hasRequiredWithSelector_production_min = 1;
+  var h = require$$0, n = requireShim();
+  function p(a, b) {
+    return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
+  }
+  var q = "function" === typeof Object.is ? Object.is : p, r = n.useSyncExternalStore, t = h.useRef, u = h.useEffect, v = h.useMemo, w = h.useDebugValue;
+  withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e, l, g) {
+    var c = t(null);
+    if (null === c.current) {
+      var f = { hasValue: false, value: null };
+      c.current = f;
+    } else
+      f = c.current;
+    c = v(function() {
+      function a2(a3) {
+        if (!c2) {
+          c2 = true;
+          d2 = a3;
+          a3 = l(a3);
+          if (void 0 !== g && f.hasValue) {
+            var b2 = f.value;
+            if (g(b2, a3))
+              return k = b2;
+          }
+          return k = a3;
+        }
+        b2 = k;
+        if (q(d2, a3))
+          return b2;
+        var e2 = l(a3);
+        if (void 0 !== g && g(b2, e2))
+          return b2;
+        d2 = a3;
+        return k = e2;
+      }
+      var c2 = false, d2, k, m = void 0 === e ? null : e;
+      return [function() {
+        return a2(b());
+      }, null === m ? void 0 : function() {
+        return a2(m());
+      }];
+    }, [b, e, l, g]);
+    var d = r(a, c[0], c[1]);
+    u(function() {
+      f.hasValue = true;
+      f.value = d;
+    }, [d]);
+    w(d);
+    return d;
+  };
+  return withSelector_production_min;
+}
 if (process.env.NODE_ENV === "production") {
   withSelector.exports = requireWithSelector_production_min();
 } else {
   withSelector.exports = requireWithSelector_development();
 }
 var withSelectorExports = withSelector.exports;
-const unwrapProxySymbol = /* @__PURE__ */ Symbol("unwrapProxy");
-function isPlainObject(value) {
-  return typeof value === "object" && value !== null && Object.getPrototypeOf(value) === Object.prototype;
-}
-function trackingProxy(value, equals = deepEqual) {
-  if (!isPlainObject(value) && !Array.isArray(value)) {
-    return [value, (other) => equals(value, other)];
-  }
-  value = value[unwrapProxySymbol] ?? value;
-  const deps = new Array();
-  const revokations = new Array();
-  let revoked = false;
-  function trackComplexProp(function_, ...args) {
-    const [proxiedValue, equals2, revoke] = trackingProxy(function_(value, ...args));
-    deps.push((otherValue) => {
-      if (!isPlainObject(otherValue) && !Array.isArray(otherValue)) {
-        return false;
-      }
-      return equals2(function_(otherValue, ...args));
-    });
-    if (revoke) {
-      revokations.push(revoke);
-    }
-    return proxiedValue;
-  }
-  function trackSimpleProp(function_, ...args) {
-    const calculatedValue = function_(value, ...args);
-    deps.push((otherValue) => {
-      return function_(otherValue, ...args) === calculatedValue;
-    });
-    return calculatedValue;
-  }
-  const proxy = new Proxy(value, {
-    get(target, p, receiver) {
-      if (p === unwrapProxySymbol) {
-        return value;
-      }
-      if (revoked) {
-        return target[p];
-      }
-      const { writable, configurable } = Object.getOwnPropertyDescriptor(target, p) ?? {};
-      if (writable === false && configurable === false) {
-        return target[p];
-      }
-      return trackComplexProp(Reflect.get, p, receiver);
-    },
-    getOwnPropertyDescriptor(target, p) {
-      const { writable, configurable } = Object.getOwnPropertyDescriptor(target, p) ?? {};
-      if (writable === false && configurable === false) {
-        return Reflect.getOwnPropertyDescriptor(target, p);
-      }
-      return trackComplexProp(Reflect.getOwnPropertyDescriptor, p);
-    },
-    ownKeys() {
-      return trackComplexProp(Reflect.ownKeys);
-    },
-    getPrototypeOf() {
-      return trackSimpleProp(Reflect.getPrototypeOf);
-    },
-    has(_target, p) {
-      return trackSimpleProp(Reflect.has, p);
-    },
-    isExtensible() {
-      return trackSimpleProp(Reflect.isExtensible);
-    }
-  });
-  return [
-    proxy,
-    (other) => !!other && deps.every((equals2) => equals2(other)),
-    () => {
-      revoked = true;
-      revokations.forEach((revoke) => revoke());
-    }
-  ];
-}
 function useStore(store, argument1, argument2) {
   const selector = makeSelector(
     typeof argument1 === "function" || typeof argument1 === "string" ? argument1 : void 0
@@ -453,6 +453,7 @@ function useStore(store, argument1, argument2) {
   const {
     disableTrackingProxy = true,
     equals = deepEqual,
+    withViewTransition,
     ...options
   } = typeof argument1 === "object" ? argument1 : argument2 ?? {};
   const lastEqualsRef = useRef();
@@ -473,7 +474,31 @@ function useStore(store, argument1, argument2) {
   const subOptions = { ...options, runNow: false, passive: false };
   const subscribe = useCallback(
     (listener) => {
-      return rootStore.subscribe(listener, subOptions);
+      let _listener = listener;
+      if (withViewTransition && document.startViewTransition) {
+        let lastObservedValue;
+        _listener = (value2) => {
+          const observedValue = withViewTransition instanceof Function ? withViewTransition(value2) : value2;
+          if (equals(lastObservedValue, observedValue)) {
+            listener();
+            return;
+          }
+          lastObservedValue = observedValue;
+          let hasChanges = false;
+          const mutationObserver = new MutationObserver(() => {
+            hasChanges = true;
+            mutationObserver.disconnect();
+          });
+          mutationObserver.observe(document.body, { childList: true, subtree: true });
+          document.startViewTransition(() => {
+            listener();
+            if (!hasChanges) {
+              throw new Error("no change");
+            }
+          });
+        };
+      }
+      return rootStore.subscribe(_listener, subOptions);
     },
     [rootStore, hash(subOptions)]
   );
@@ -510,15 +535,20 @@ function useProp(store, argument1, argument2, argument3) {
   const value = useStore(store, options);
   return [value, store.set];
 }
+function boundUseStore(...args) {
+  return useStore(this, ...args);
+}
+function boundUseProp(...args) {
+  return useProp(this, ...args);
+}
 const reactMethods = {
-  useStore(options) {
-    return useStore(this, options);
-  },
-  useProp(options) {
-    return useProp(this, options);
-  }
+  useStore: boundUseStore,
+  useProp: boundUseProp
 };
-function useCache(cache, { passive, updateOnMount, ...options } = {}) {
+function useCache(cache, { passive, updateOnMount, withViewTransition, ...options } = {}) {
+  if (withViewTransition === true) {
+    withViewTransition = (state) => state.value;
+  }
   const mappedState = useMemo(() => {
     var _a;
     const rootCache = ((_a = cache.derivedFromCache) == null ? void 0 : _a.cache) ?? cache;
@@ -545,7 +575,7 @@ function useCache(cache, { passive, updateOnMount, ...options } = {}) {
       cache.invalidate();
     }
   }, []);
-  return useStore(mappedState, options);
+  return useStore(mappedState, { ...options, withViewTransition });
 }
 function getScopeContext(scope) {
   scope.context ?? (scope.context = createContext(createStore(scope.defaultValue)));