ccstate-react 4.10.0 → 4.12.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # ccstate-react
 
+## 4.12.0
+
+### Minor Changes
+
+- c8f4fca: fix(react): add global error handler for floating promises in useLoadable
+
+### Patch Changes
+
+- ccstate@4.12.0
+
+## 4.11.0
+
+### Minor Changes
+
+- 81795a2: remove asyncGetSettled$
+
+### Patch Changes
+
+- ccstate@4.11.0
+
 ## 4.10.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -13,7 +13,8 @@ function useStore() {
   return store;
 }
 
-function useGet(atom) {
+function useGetInternal(atom, _ref) {
+  var silenceUnhandleRejection = _ref.silenceUnhandleRejection;
   var store = useStore();
   return react.useSyncExternalStore(function (fn) {
     var ctrl = new AbortController();
@@ -24,7 +25,18 @@ function useGet(atom) {
       ctrl.abort();
     };
   }, function () {
-    return store.get(atom);
+    var val = store.get(atom);
+    if (val instanceof Promise && silenceUnhandleRejection) {
+      val["catch"](function () {
+        return void 0;
+      });
+    }
+    return val;
+  });
+}
+function useGet(atom) {
+  return useGetInternal(atom, {
+    silenceUnhandleRejection: false
   });
 }
 
@@ -48,31 +60,6 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
-function asyncGeneratorStep(n, t, e, r, o, a, c) {
-  try {
-    var i = n[a](c),
-      u = i.value;
-  } catch (n) {
-    return void e(n);
-  }
-  i.done ? t(u) : Promise.resolve(u).then(r, o);
-}
-function _asyncToGenerator(n) {
-  return function () {
-    var t = this,
-      e = arguments;
-    return new Promise(function (r, o) {
-      var a = n.apply(t, e);
-      function _next(n) {
-        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
-      }
-      function _throw(n) {
-        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
-      }
-      _next(void 0);
-    });
-  };
-}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -100,307 +87,6 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: !0
-        };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
-  }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-    return this;
-  }), define(g, "toString", function () {
-    return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
-    };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
-}
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
@@ -412,48 +98,10 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-var internalFloatingPromises$ = ccstate.state(new Set());
-var collectFloatingPromise$ = ccstate.command(function (_ref, promise, signal) {
-  var set = _ref.set;
-  signal.addEventListener('abort', function () {
-    set(internalFloatingPromises$, function (prev) {
-      var ret = new Set(prev);
-      ret["delete"](promise);
-      return ret;
-    });
-  });
-  set(internalFloatingPromises$, function (prev) {
-    var ret = new Set(prev);
-    ret.add(promise);
-    return ret;
-  });
-});
-var floatingPromises$ = ccstate.computed(function (get) {
-  return get(internalFloatingPromises$);
-});
-var asyncGetSettled$ = ccstate.computed(/*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(get) {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return Promise.all(get(floatingPromises$));
-        case 2:
-          return _context.abrupt("return", _context.sent);
-        case 3:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function (_x) {
-    return _ref2.apply(this, arguments);
-  };
-}());
-
 function useLoadableInternal(atom, keepLastResolved) {
-  var promise = useGet(atom);
-  var collectFloatingPromise = useSet(collectFloatingPromise$);
+  var promise = useGetInternal(atom, {
+    silenceUnhandleRejection: true
+  });
   var _useState = react.useState({
       state: 'loading'
     }),
@@ -469,28 +117,25 @@ function useLoadableInternal(atom, keepLastResolved) {
       return;
     }
     var ctrl = new AbortController();
-    var settledController = new AbortController();
     var signal = ctrl.signal;
     if (!keepLastResolved) {
       setPromiseResult({
         state: 'loading'
       });
     }
-    collectFloatingPromise(promise.then(function (ret) {
-      settledController.abort();
+    promise.then(function (ret) {
       if (signal.aborted) return;
       setPromiseResult({
         state: 'hasData',
         data: ret
       });
     }, function (error) {
-      settledController.abort();
       if (signal.aborted) return;
       setPromiseResult({
         state: 'hasError',
         error: error
       });
-    }), AbortSignal.any([signal, settledController.signal]));
+    });
     return function () {
       ctrl.abort();
     };
@@ -514,7 +159,6 @@ function useLastResolved(atom) {
 }
 
 exports.StoreProvider = StoreProvider;
-exports.asyncGetSettled$ = asyncGetSettled$;
 exports.useGet = useGet;
 exports.useLastLoadable = useLastLoadable;
 exports.useLastResolved = useLastResolved;

package/dist/index.d.cts

@@ -1,4 +1,3 @@
-import * as ccstate from 'ccstate';
 import { State, Computed, Command, StateArg, Store } from 'ccstate';
 import * as react from 'react';
 
@@ -26,6 +25,4 @@ declare function useLastLoadable<T>(atom: State<Promise<Awaited<T>> | Awaited<T>
 
 declare const StoreProvider: react.Provider<Store | null>;
 
-declare const asyncGetSettled$: ccstate.Computed<Promise<unknown[]>>;
-
-export { StoreProvider, asyncGetSettled$, useGet, useLastLoadable, useLastResolved, useLoadable, useResolved, useSet };
+export { StoreProvider, useGet, useLastLoadable, useLastResolved, useLoadable, useResolved, useSet };

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as ccstate from 'ccstate';
 import { State, Computed, Command, StateArg, Store } from 'ccstate';
 import * as react from 'react';
 
@@ -26,6 +25,4 @@ declare function useLastLoadable<T>(atom: State<Promise<Awaited<T>> | Awaited<T>
 
 declare const StoreProvider: react.Provider<Store | null>;
 
-declare const asyncGetSettled$: ccstate.Computed<Promise<unknown[]>>;
-
-export { StoreProvider, asyncGetSettled$, useGet, useLastLoadable, useLastResolved, useLoadable, useResolved, useSet };
+export { StoreProvider, useGet, useLastLoadable, useLastResolved, useLoadable, useResolved, useSet };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { createContext, useContext, useSyncExternalStore, useCallback, useState, useEffect } from 'react';
-import { getDefaultStore, command, state, computed } from 'ccstate';
+import { getDefaultStore, command } from 'ccstate';
 
 var StoreContext = createContext(null);
 var StoreProvider = StoreContext.Provider;
@@ -11,7 +11,8 @@ function useStore() {
   return store;
 }
 
-function useGet(atom) {
+function useGetInternal(atom, _ref) {
+  var silenceUnhandleRejection = _ref.silenceUnhandleRejection;
   var store = useStore();
   return useSyncExternalStore(function (fn) {
     var ctrl = new AbortController();
@@ -22,7 +23,18 @@ function useGet(atom) {
       ctrl.abort();
     };
   }, function () {
-    return store.get(atom);
+    var val = store.get(atom);
+    if (val instanceof Promise && silenceUnhandleRejection) {
+      val["catch"](function () {
+        return void 0;
+      });
+    }
+    return val;
+  });
+}
+function useGet(atom) {
+  return useGetInternal(atom, {
+    silenceUnhandleRejection: false
   });
 }
 
@@ -46,31 +58,6 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
-function asyncGeneratorStep(n, t, e, r, o, a, c) {
-  try {
-    var i = n[a](c),
-      u = i.value;
-  } catch (n) {
-    return void e(n);
-  }
-  i.done ? t(u) : Promise.resolve(u).then(r, o);
-}
-function _asyncToGenerator(n) {
-  return function () {
-    var t = this,
-      e = arguments;
-    return new Promise(function (r, o) {
-      var a = n.apply(t, e);
-      function _next(n) {
-        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
-      }
-      function _throw(n) {
-        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
-      }
-      _next(void 0);
-    });
-  };
-}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -98,307 +85,6 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: !0
-        };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
-  }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-    return this;
-  }), define(g, "toString", function () {
-    return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
-    };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
-}
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
@@ -410,48 +96,10 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-var internalFloatingPromises$ = state(new Set());
-var collectFloatingPromise$ = command(function (_ref, promise, signal) {
-  var set = _ref.set;
-  signal.addEventListener('abort', function () {
-    set(internalFloatingPromises$, function (prev) {
-      var ret = new Set(prev);
-      ret["delete"](promise);
-      return ret;
-    });
-  });
-  set(internalFloatingPromises$, function (prev) {
-    var ret = new Set(prev);
-    ret.add(promise);
-    return ret;
-  });
-});
-var floatingPromises$ = computed(function (get) {
-  return get(internalFloatingPromises$);
-});
-var asyncGetSettled$ = computed(/*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(get) {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return Promise.all(get(floatingPromises$));
-        case 2:
-          return _context.abrupt("return", _context.sent);
-        case 3:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function (_x) {
-    return _ref2.apply(this, arguments);
-  };
-}());
-
 function useLoadableInternal(atom, keepLastResolved) {
-  var promise = useGet(atom);
-  var collectFloatingPromise = useSet(collectFloatingPromise$);
+  var promise = useGetInternal(atom, {
+    silenceUnhandleRejection: true
+  });
   var _useState = useState({
       state: 'loading'
     }),
@@ -467,28 +115,25 @@ function useLoadableInternal(atom, keepLastResolved) {
       return;
     }
     var ctrl = new AbortController();
-    var settledController = new AbortController();
     var signal = ctrl.signal;
     if (!keepLastResolved) {
       setPromiseResult({
         state: 'loading'
       });
     }
-    collectFloatingPromise(promise.then(function (ret) {
-      settledController.abort();
+    promise.then(function (ret) {
       if (signal.aborted) return;
       setPromiseResult({
         state: 'hasData',
         data: ret
       });
     }, function (error) {
-      settledController.abort();
       if (signal.aborted) return;
       setPromiseResult({
         state: 'hasError',
         error: error
       });
-    }), AbortSignal.any([signal, settledController.signal]));
+    });
     return function () {
       ctrl.abort();
     };
@@ -511,4 +156,4 @@ function useLastResolved(atom) {
   return loadable.state === 'hasData' ? loadable.data : undefined;
 }
 
-export { StoreProvider, asyncGetSettled$, useGet, useLastLoadable, useLastResolved, useLoadable, useResolved, useSet };
+export { StoreProvider, useGet, useLastLoadable, useLastResolved, useLoadable, useResolved, useSet };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstate-react",
-  "version": "4.10.0",
+  "version": "4.12.0",
   "description": "CCState React Hooks",
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
     "react": ">=17.0.0"
   },
   "dependencies": {
-    "ccstate": "^4.10.0"
+    "ccstate": "^4.12.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -55,7 +55,7 @@
     "shx": "^0.3.4",
     "signal-timers": "^1.0.4",
     "vitest": "^2.1.8",
-    "ccstate": "^4.10.0"
+    "ccstate": "^4.12.0"
   },
   "scripts": {
     "build": "rollup -c",

package/src/__tests__/loadable.test.tsx

@@ -3,14 +3,13 @@
 import '@testing-library/jest-dom/vitest';
 import { render, cleanup, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { afterEach, expect, it, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
 import { computed, createStore, state } from 'ccstate';
 import type { Computed, State } from 'ccstate';
 import { StrictMode, useEffect } from 'react';
 import { StoreProvider, useSet, useLoadable } from '..';
 import { delay } from 'signal-timers';
 import { useLastLoadable } from '../useLoadable';
-import { asyncGetSettled$, floatingPromises$ } from '../floating-promise';
 
 afterEach(() => {
   cleanup();
@@ -545,54 +544,53 @@ it('useLoadable accept sync computed', async () => {
   expect(await screen.findByText('hasData')).toBeInTheDocument();
 });
 
-it('will collect floating promises', async () => {
-  const trace = vi.fn();
-  const asyncComputed$ = computed(async () => {
-    await Promise.resolve();
-    trace();
-  });
-
-  const store = createStore();
-  function App() {
-    const result = useLoadable(asyncComputed$);
+describe('works with AbortError', () => {
+  let abortController: AbortController;
+  let promise: Promise<void>;
 
-    return <div>{result.state}</div>;
-  }
-
-  render(
-    <StoreProvider value={store}>
-      <App />
-    </StoreProvider>,
-  );
+  beforeEach(() => {
+    abortController = new AbortController();
+  });
 
-  expect(trace).not.toBeCalled();
+  afterEach(async () => {
+    abortController.abort();
 
-  await store.get(asyncGetSettled$);
+    try {
+      await promise;
+    } catch {}
+  });
 
-  expect(trace).toBeCalled();
-});
+  it('should not throw abortError', () => {
+    const store = createStore();
+    const signal = abortController.signal;
 
-it('will auto remove from collected floating promise when settled', async () => {
-  const asyncComputed$ = computed(async () => {
-    await Promise.resolve();
-  });
+    promise = new Promise((_resolve, reject) => {
+      signal.addEventListener('abort', () => {
+        reject(signal.reason as Error);
+      });
+    });
 
-  const store = createStore();
-  function App() {
-    const result = useLoadable(asyncComputed$);
+    const reload$ = state(0);
+    const promise$ = computed(async (get) => {
+      get(reload$);
+      await promise;
+    });
 
-    return <div>{result.state}</div>;
-  }
+    function App() {
+      useLoadable(promise$);
 
-  render(
-    <StoreProvider value={store}>
-      <App />
-    </StoreProvider>,
-  );
+      return <div>Test</div>;
+    }
 
-  expect(store.get(floatingPromises$)).toHaveLength(1);
+    render(
+      <StoreProvider value={store}>
+        <App />
+      </StoreProvider>,
+    );
 
-  await store.get(asyncGetSettled$);
+    expect(screen.getByText('Test')).toBeInTheDocument();
 
-  expect(store.get(floatingPromises$)).toHaveLength(0);
+    store.set(reload$, (x) => x + 1);
+    store.set(reload$, (x) => x + 1);
+  });
 });

package/src/index.ts

@@ -3,4 +3,3 @@ export { useSet } from './useSet';
 export { useResolved, useLastResolved } from './useResolved';
 export { useLoadable, useLastLoadable } from './useLoadable';
 export { StoreProvider } from './provider';
-export { asyncGetSettled$ } from './floating-promise';

package/src/useGet.ts

@@ -3,7 +3,10 @@ import { useStore } from './provider';
 import { command } from 'ccstate';
 import type { Computed, State } from 'ccstate';
 
-export function useGet<T>(atom: State<T> | Computed<T>) {
+export function useGetInternal<T>(
+  atom: State<T> | Computed<T>,
+  { silenceUnhandleRejection }: { silenceUnhandleRejection: boolean },
+) {
   const store = useStore();
   return useSyncExternalStore(
     (fn) => {
@@ -14,7 +17,15 @@ export function useGet<T>(atom: State<T> | Computed<T>) {
       };
     },
     () => {
-      return store.get(atom);
+      const val = store.get(atom);
+      if (val instanceof Promise && silenceUnhandleRejection) {
+        val.catch(() => void 0);
+      }
+      return val;
     },
   );
 }
+
+export function useGet<T>(atom: State<T> | Computed<T>) {
+  return useGetInternal(atom, { silenceUnhandleRejection: false });
+}

package/src/useLoadable.ts

@@ -1,8 +1,6 @@
 import { useEffect, useState } from 'react';
-import { useGet } from './useGet';
+import { useGetInternal } from './useGet';
 import type { Computed, State } from 'ccstate';
-import { useSet } from './useSet';
-import { collectFloatingPromise$ } from './floating-promise';
 
 type Loadable<T> =
   | {
@@ -21,8 +19,9 @@ function useLoadableInternal<T>(
   atom: State<Promise<T> | T> | Computed<Promise<T> | T>,
   keepLastResolved: boolean,
 ): Loadable<T> {
-  const promise = useGet(atom);
-  const collectFloatingPromise = useSet(collectFloatingPromise$);
+  const promise = useGetInternal(atom, {
+    silenceUnhandleRejection: true,
+  });
 
   const [promiseResult, setPromiseResult] = useState<Loadable<T>>({
     state: 'loading',
@@ -39,7 +38,6 @@ function useLoadableInternal<T>(
     }
 
     const ctrl = new AbortController();
-    const settledController = new AbortController();
     const signal = ctrl.signal;
 
     if (!keepLastResolved) {
@@ -48,28 +46,23 @@ function useLoadableInternal<T>(
       });
     }
 
-    collectFloatingPromise(
-      promise.then(
-        (ret) => {
-          settledController.abort();
-          if (signal.aborted) return;
+    promise.then(
+      (ret) => {
+        if (signal.aborted) return;
 
-          setPromiseResult({
-            state: 'hasData',
-            data: ret,
-          });
-        },
-        (error: unknown) => {
-          settledController.abort();
-          if (signal.aborted) return;
+        setPromiseResult({
+          state: 'hasData',
+          data: ret,
+        });
+      },
+      (error: unknown) => {
+        if (signal.aborted) return;
 
-          setPromiseResult({
-            state: 'hasError',
-            error,
-          });
-        },
-      ),
-      AbortSignal.any([signal, settledController.signal]),
+        setPromiseResult({
+          state: 'hasError',
+          error,
+        });
+      },
     );
 
     return () => {

package/src/floating-promise.ts

@@ -1,27 +0,0 @@
-import { command, computed, state } from 'ccstate';
-
-const internalFloatingPromises$ = state(new Set<Promise<unknown>>());
-
-export const collectFloatingPromise$ = command(({ set }, promise: Promise<unknown>, signal: AbortSignal) => {
-  signal.addEventListener('abort', () => {
-    set(internalFloatingPromises$, (prev) => {
-      const ret = new Set(prev);
-      ret.delete(promise);
-      return ret;
-    });
-  });
-
-  set(internalFloatingPromises$, (prev) => {
-    const ret = new Set(prev);
-    ret.add(promise);
-    return ret;
-  });
-});
-
-export const floatingPromises$ = computed((get) => {
-  return get(internalFloatingPromises$);
-});
-
-export const asyncGetSettled$ = computed(async (get) => {
-  return await Promise.all(get(floatingPromises$));
-});