atom.io 0.14.3 → 0.14.5

package/react/dist/index.js

@@ -1,4 +1,64 @@
-export { StoreContext, StoreProvider, useI, useJSON, useO, useTL } from '../../dist/chunk-CWKKQKVQ.js';
-import '../../dist/chunk-PURABO5G.js';
+import '../../dist/chunk-PZLG2HP3.js';
+import { IMPLICIT, subscribeToState, getJsonToken, withdraw, subscribeToTimeline } from 'atom.io/internal';
+import * as React2 from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { setState, getState, undo, redo } from 'atom.io';
+
+var StoreContext = React2.createContext(IMPLICIT.STORE);
+var StoreProvider = ({ children, store = IMPLICIT.STORE }) => /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children });
+function useI(token) {
+  const store = React2.useContext(StoreContext);
+  const setter = React2.useRef(null);
+  if (setter.current === null) {
+    setter.current = (next) => setState(token, next, store);
+  }
+  return setter.current;
+}
+function useO(token) {
+  const store = React2.useContext(StoreContext);
+  const id = React2.useId();
+  return React2.useSyncExternalStore(
+    (dispatch) => subscribeToState(token, dispatch, `use-o:${id}`, store),
+    () => getState(token, store),
+    () => getState(token, store)
+  );
+}
+function useJSON(token) {
+  const jsonToken = getJsonToken(token);
+  return useO(jsonToken);
+}
+function useTL(token) {
+  const store = React2.useContext(StoreContext);
+  const id = React2.useId();
+  const timeline = withdraw(token, store);
+  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(() => {
+    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;
+  }, []);
+  return React2.useSyncExternalStore(
+    (dispatch) => subscribeToTimeline(token, dispatch, `use-tl:${id}`, store),
+    retrieve,
+    retrieve
+  );
+}
+
+export { StoreContext, StoreProvider, useI, useJSON, useO, useTL };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/react/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["../src/store-context.tsx","../src/store-hooks.ts"],"names":["React"],"mappings":";;;AACA,SAAS,gBAAgB;AACzB,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;AAEvB,SAAS,UAAU,MAAM,UAAU,YAAY;AAQ/C;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAIA,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/react/src/store-hooks.ts

@@ -58,31 +58,29 @@ export function useTL(token: TimelineToken): TimelineMeta {
 	const store = React.useContext(StoreContext)
 	const id = React.useId()
 	const timeline = withdraw(token, store)
-	if (timeline === undefined) {
-		store.logger.error(
-			`❌`,
-			`timeline`,
-			token.key,
-			`Failed to use timeline because it does not exist`,
-		)
-		return {
-			at: NaN,
-			length: NaN,
-			undo: () => {},
-			redo: () => {},
-		}
-	}
-	const meta = React.useRef<TimelineMeta>({
-		at: timeline.at,
-		length: timeline.history.length,
+	const base = React.useRef({
 		undo: () => undo(token),
 		redo: () => redo(token),
 	})
+	const rebuildMeta = React.useCallback(() => {
+		return Object.assign(
+			{
+				at: timeline?.at ?? NaN,
+				length: timeline?.history.length ?? NaN,
+			},
+			base.current,
+		)
+	}, [])
+	const meta = React.useRef<TimelineMeta>(rebuildMeta())
 	const retrieve = React.useCallback(() => {
-		meta.current.at = timeline.at
-		meta.current.length = timeline.history.length
+		if (
+			meta.current.at !== timeline?.at ||
+			meta.current.length !== timeline?.history.length
+		) {
+			meta.current = rebuildMeta()
+		}
 		return meta.current
-	}, [meta])
+	}, [])
 	return React.useSyncExternalStore<TimelineMeta>(
 		(dispatch) => subscribeToTimeline(token, dispatch, `use-tl:${id}`, store),
 		retrieve,