atom.io 0.14.3 → 0.14.4

package/dist/{chunk-CWKKQKVQ.js → chunk-HQWWV67P.js}

@@ -29,33 +29,27 @@ function useTL(token) {
   const store = React2.useContext(StoreContext);
   const id = React2.useId();
   const timeline = withdraw(token, store);
-  if (timeline === void 0) {
-    store.logger.error(
-      `\u274C`,
-      `timeline`,
-      token.key,
-      `Failed to use timeline because it does not exist`
-    );
-    return {
-      at: NaN,
-      length: NaN,
-      undo: () => {
-      },
-      redo: () => {
-      }
-    };
-  }
-  const meta = React2.useRef({
-    at: timeline.at,
-    length: timeline.history.length,
+  const base = React2.useRef({
     undo: () => undo(token),
     redo: () => redo(token)
   });
+  const rebuildMeta = React2.useCallback(() => {
+    var _a, _b;
+    return Object.assign(
+      {
+        at: (_a = timeline == null ? void 0 : timeline.at) != null ? _a : NaN,
+        length: (_b = timeline == null ? void 0 : timeline.history.length) != null ? _b : NaN
+      },
+      base.current
+    );
+  }, []);
+  const meta = React2.useRef(rebuildMeta());
   const retrieve = React2.useCallback(() => {
-    meta.current.at = timeline.at;
-    meta.current.length = timeline.history.length;
+    if (meta.current.at !== (timeline == null ? void 0 : timeline.at) || meta.current.length !== (timeline == null ? void 0 : timeline.history.length)) {
+      meta.current = rebuildMeta();
+    }
     return meta.current;
-  }, [meta]);
+  }, []);
   return React2.useSyncExternalStore(
     (dispatch) => subscribeToTimeline(token, dispatch, `use-tl:${id}`, store),
     retrieve,
@@ -65,4 +59,4 @@ function useTL(token) {
 
 export { StoreContext, StoreProvider, useI, useJSON, useO, useTL };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-CWKKQKVQ.js.map
+//# sourceMappingURL=chunk-HQWWV67P.js.map

package/dist/chunk-HQWWV67P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../react/src/store-context.tsx","../react/src/store-hooks.ts"],"names":["React"],"mappings":";;;;;;;;;;;;;AAEA,YAAY,WAAW;AAQtB;AANM,IAAM,eAAqB,oBAAqB,SAAS,KAAK;AAE9D,IAAM,gBAGR,CAAC,EAAE,UAAU,QAAQ,SAAS,MAAM,MACxC,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;;;ACVhD,YAAYA,YAAW;AAmBhB,SAAS,KACf,OACyD;AACzD,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,SAEI,cAAO,IAAI;AACrB,MAAI,OAAO,YAAY,MAAM;AAC5B,WAAO,UAAU,CAAC,SAAS,SAAS,OAAO,MAAM,KAAK;AAAA,EACvD;AACA,SAAO,OAAO;AACf;AAEO,SAAS,KAAQ,OAAoD;AAC3E,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,KAAW,aAAM;AACvB,SAAa;AAAA,IACZ,CAAC,aAAa,iBAAiB,OAAO,UAAU,SAAS,EAAE,IAAI,KAAK;AAAA,IACpE,MAAM,SAAS,OAAO,KAAK;AAAA,IAC3B,MAAM,SAAS,OAAO,KAAK;AAAA,EAC5B;AACD;AAEO,SAAS,QACf,OACe;AACf,QAAM,YAAY,aAAa,KAAK;AACpC,SAAO,KAAK,SAAS;AACtB;AASO,SAAS,MAAM,OAAoC;AACzD,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,KAAW,aAAM;AACvB,QAAM,WAAW,SAAS,OAAO,KAAK;AACtC,QAAM,OAAa,cAAO;AAAA,IACzB,MAAM,MAAM,KAAK,KAAK;AAAA,IACtB,MAAM,MAAM,KAAK,KAAK;AAAA,EACvB,CAAC;AACD,QAAM,cAAoB,mBAAY,MAAM;AAhE7C;AAiEE,WAAO,OAAO;AAAA,MACb;AAAA,QACC,KAAI,0CAAU,OAAV,YAAgB;AAAA,QACpB,SAAQ,0CAAU,QAAQ,WAAlB,YAA4B;AAAA,MACrC;AAAA,MACA,KAAK;AAAA,IACN;AAAA,EACD,GAAG,CAAC,CAAC;AACL,QAAM,OAAa,cAAqB,YAAY,CAAC;AACrD,QAAM,WAAiB,mBAAY,MAAM;AACxC,QACC,KAAK,QAAQ,QAAO,qCAAU,OAC9B,KAAK,QAAQ,YAAW,qCAAU,QAAQ,SACzC;AACD,WAAK,UAAU,YAAY;AAAA,IAC5B;AACA,WAAO,KAAK;AAAA,EACb,GAAG,CAAC,CAAC;AACL,SAAa;AAAA,IACZ,CAAC,aAAa,oBAAoB,OAAO,UAAU,UAAU,EAAE,IAAI,KAAK;AAAA,IACxE;AAAA,IACA;AAAA,EACD;AACD","sourcesContent":["import type { Store } from \"atom.io/internal\"\nimport { IMPLICIT } from \"atom.io/internal\"\nimport * as React from \"react\"\n\nexport const StoreContext = React.createContext<Store>(IMPLICIT.STORE)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}> = ({ children, store = IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import * as React from \"react\"\n\nimport { getState, redo, setState, undo } from \"atom.io\"\nimport type {\n\tMutableAtomToken,\n\tReadonlySelectorToken,\n\tStateToken,\n\tTimelineToken,\n} from \"atom.io\"\n\nimport {\n\tgetJsonToken,\n\tsubscribeToState,\n\tsubscribeToTimeline,\n\twithdraw,\n} from \"atom.io/internal\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useI<T>(\n\ttoken: StateToken<T>,\n): <New extends T>(next: New | ((old: T) => New)) => void {\n\tconst store = React.useContext(StoreContext)\n\tconst setter: React.MutableRefObject<\n\t\t(<New extends T>(next: New | ((old: T) => New)) => void) | null\n\t> = React.useRef(null)\n\tif (setter.current === null) {\n\t\tsetter.current = (next) => setState(token, next, store)\n\t}\n\treturn setter.current\n}\n\nexport function useO<T>(token: ReadonlySelectorToken<T> | StateToken<T>): T {\n\tconst store = React.useContext(StoreContext)\n\tconst id = React.useId()\n\treturn React.useSyncExternalStore<T>(\n\t\t(dispatch) => subscribeToState(token, dispatch, `use-o:${id}`, store),\n\t\t() => getState(token, store),\n\t\t() => getState(token, store),\n\t)\n}\n\nexport function useJSON<Serializable extends Json.Serializable>(\n\ttoken: MutableAtomToken<any, Serializable>,\n): Serializable {\n\tconst jsonToken = getJsonToken(token)\n\treturn useO(jsonToken)\n}\n\nexport type TimelineMeta = {\n\tat: number\n\tlength: number\n\tundo: () => void\n\tredo: () => void\n}\n\nexport function useTL(token: TimelineToken): TimelineMeta {\n\tconst store = React.useContext(StoreContext)\n\tconst id = React.useId()\n\tconst timeline = withdraw(token, store)\n\tconst base = React.useRef({\n\t\tundo: () => undo(token),\n\t\tredo: () => redo(token),\n\t})\n\tconst rebuildMeta = React.useCallback(() => {\n\t\treturn Object.assign(\n\t\t\t{\n\t\t\t\tat: timeline?.at ?? NaN,\n\t\t\t\tlength: timeline?.history.length ?? NaN,\n\t\t\t},\n\t\t\tbase.current,\n\t\t)\n\t}, [])\n\tconst meta = React.useRef<TimelineMeta>(rebuildMeta())\n\tconst retrieve = React.useCallback(() => {\n\t\tif (\n\t\t\tmeta.current.at !== timeline?.at ||\n\t\t\tmeta.current.length !== timeline?.history.length\n\t\t) {\n\t\t\tmeta.current = rebuildMeta()\n\t\t}\n\t\treturn meta.current\n\t}, [])\n\treturn React.useSyncExternalStore<TimelineMeta>(\n\t\t(dispatch) => subscribeToTimeline(token, dispatch, `use-tl:${id}`, store),\n\t\tretrieve,\n\t\tretrieve,\n\t)\n}\n"]}

package/dist/{chunk-C4YZZNRH.js → chunk-MK4OJD24.js}

@@ -1,4 +1,4 @@
-import { useI, StoreContext } from './chunk-CWKKQKVQ.js';
+import { useI, StoreContext } from './chunk-HQWWV67P.js';
 import { myIdState__INTERNAL, pullState, pullFamilyMember, pullMutableState, pullMutableFamilyMember, pushState, synchronizeTransactionResults } from './chunk-N7ADBQJG.js';
 import { runTransaction } from './chunk-PURABO5G.js';
 import * as React6 from 'react';
@@ -64,4 +64,4 @@ function useServerAction(token) {
 
 export { RealtimeContext, RealtimeProvider, usePull, usePullFamilyMember, usePullMutable, usePullMutableFamilyMember, usePush, useServerAction };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-C4YZZNRH.js.map
+//# sourceMappingURL=chunk-MK4OJD24.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.14.3",
+  "version": "0.14.4",
   "description": "Composable and testable reactive data library.",
   "homepage": "https://atom.io.fyi",
   "sideEffects": false,

package/react/dist/index.cjs

@@ -1588,33 +1588,27 @@ function useTL(token) {
   const store = React2__namespace.useContext(StoreContext);
   const id = React2__namespace.useId();
   const timeline = withdraw(token, store);
-  if (timeline === void 0) {
-    store.logger.error(
-      `\u274C`,
-      `timeline`,
-      token.key,
-      `Failed to use timeline because it does not exist`
-    );
-    return {
-      at: NaN,
-      length: NaN,
-      undo: () => {
-      },
-      redo: () => {
-      }
-    };
-  }
-  const meta = React2__namespace.useRef({
-    at: timeline.at,
-    length: timeline.history.length,
+  const base = React2__namespace.useRef({
     undo: () => undo(token),
     redo: () => redo(token)
   });
+  const rebuildMeta = React2__namespace.useCallback(() => {
+    var _a, _b;
+    return Object.assign(
+      {
+        at: (_a = timeline == null ? void 0 : timeline.at) != null ? _a : NaN,
+        length: (_b = timeline == null ? void 0 : timeline.history.length) != null ? _b : NaN
+      },
+      base.current
+    );
+  }, []);
+  const meta = React2__namespace.useRef(rebuildMeta());
   const retrieve = React2__namespace.useCallback(() => {
-    meta.current.at = timeline.at;
-    meta.current.length = timeline.history.length;
+    if (meta.current.at !== (timeline == null ? void 0 : timeline.at) || meta.current.length !== (timeline == null ? void 0 : timeline.history.length)) {
+      meta.current = rebuildMeta();
+    }
     return meta.current;
-  }, [meta]);
+  }, []);
   return React2__namespace.useSyncExternalStore(
     (dispatch) => subscribeToTimeline(token, dispatch, `use-tl:${id}`, store),
     retrieve,