atom.io 0.9.6 → 0.9.8

package/internal/src/timeline/add-atom-to-timeline.ts

@@ -109,9 +109,13 @@ export const addAtomToTimeline = (
 									...update,
 									atomUpdates,
 								}
-								tl.history.push(timelineTransactionUpdate)
-								tl.at = tl.history.length
-								tl.subject.next(timelineTransactionUpdate)
+								const willCapture =
+									tl.shouldCapture?.(timelineTransactionUpdate, tl) ?? true
+								if (willCapture) {
+									tl.history.push(timelineTransactionUpdate)
+									tl.at = tl.history.length
+									tl.subject.next(timelineTransactionUpdate)
+								}
 							}
 							tl.transactionKey = null
 							store.config.logger?.info(
@@ -138,6 +142,7 @@ export const addAtomToTimeline = (
 					if (tl.at !== tl.history.length) {
 						tl.history.splice(tl.at)
 					}
+
 					tl.history.push(latestUpdate)
 
 					store.config.logger?.info(
@@ -160,7 +165,16 @@ export const addAtomToTimeline = (
 						)
 					}
 				}
-				if (latestUpdate) tl.subject.next(latestUpdate)
+				if (latestUpdate) {
+					const willCaptureSelectorUpdate =
+						tl.shouldCapture?.(latestUpdate, tl) ?? true
+					if (willCaptureSelectorUpdate) {
+						tl.subject.next(latestUpdate)
+					} else {
+						tl.history.pop()
+						tl.at = tl.history.length
+					}
+				}
 			} else {
 				const timestamp = Date.now()
 				tl.selectorTime = null
@@ -177,12 +191,15 @@ export const addAtomToTimeline = (
 				if (atom.family) {
 					atomUpdate.family = atom.family
 				}
-				tl.history.push(atomUpdate)
-				tl.subject.next(atomUpdate)
+				const willCapture = tl.shouldCapture?.(atomUpdate, tl) ?? true
 				store.config.logger?.info(
 					`⌛ timeline "${tl.key}" got an atom_update to "${atom.key}"`,
 				)
-				tl.at = tl.history.length
+				if (willCapture) {
+					tl.history.push(atomUpdate)
+					tl.at = tl.history.length
+					tl.subject.next(atomUpdate)
+				}
 			}
 		}
 	})

package/internal/src/timeline/timeline-internal.ts

@@ -36,6 +36,7 @@ export type Timeline = {
 	type: `timeline`
 	key: string
 	at: number
+	shouldCapture?: (update: TimelineUpdate, timeline: Timeline) => boolean
 	timeTraveling: `into_future` | `into_past` | null
 	history: TimelineUpdate[]
 	selectorTime: number | null
@@ -67,6 +68,9 @@ export function timeline__INTERNAL(
 		install: (store) => timeline__INTERNAL(options, store, tl),
 		subject: new Subject(),
 	}
+	if (options.shouldCapture) {
+		tl.shouldCapture = options.shouldCapture
+	}
 
 	const core = target(store)
 	for (const tokenOrFamily of options.atoms) {
@@ -80,10 +84,15 @@ export function timeline__INTERNAL(
 		if (tokenOrFamily.type === `atom_family`) {
 			const family = tokenOrFamily
 			family.subject.subscribe(`timeline:${options.key}`, (token) => {
-				if (!core.atoms.has(token.key)) {
-					addAtomToTimeline(token, tl, store)
-				}
+				// if (!core.atoms.has(token.key)) {
+				addAtomToTimeline(token, tl, store)
+				// }
 			})
+			for (const atom of core.atoms.values()) {
+				if (atom.family?.key === family.key) {
+					addAtomToTimeline(atom, tl, store)
+				}
+			}
 		} else {
 			const token = tokenOrFamily
 			if (`family` in token && token.family) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.9.6",
+  "version": "0.9.8",
   "description": "Composable and testable reactive data library.",
   "homepage": "https://atom.io.fyi",
   "sideEffects": false,
@@ -56,13 +56,13 @@
     "@vitest/coverage-v8": "0.34.6",
     "concurrently": "8.2.2",
     "eslint": "8.53.0",
-    "framer-motion": "10.16.4",
+    "framer-motion": "10.16.5",
     "happy-dom": "12.10.3",
     "npmlog": "7.0.1",
-    "preact": "10.18.2",
+    "preact": "10.19.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router-dom": "6.18.0",
+    "react-router-dom": "6.19.0",
     "socket.io": "4.7.2",
     "socket.io-client": "4.7.2",
     "tmp": "0.2.1",

package/react-devtools/dist/index.d.mts

@@ -196,6 +196,7 @@ type Timeline = {
     type: `timeline`;
     key: string;
     at: number;
+    shouldCapture?: (update: TimelineUpdate, timeline: Timeline) => boolean;
     timeTraveling: `into_future` | `into_past` | null;
     history: TimelineUpdate[];
     selectorTime: number | null;

package/react-devtools/dist/index.d.ts

@@ -196,6 +196,7 @@ type Timeline = {
     type: `timeline`;
     key: string;
     at: number;
+    shouldCapture?: (update: TimelineUpdate, timeline: Timeline) => boolean;
     timeTraveling: `into_future` | `into_past` | null;
     history: TimelineUpdate[];
     selectorTime: number | null;

package/src/timeline.ts

@@ -1,4 +1,5 @@
 import type {
+	Timeline,
 	TimelineAtomUpdate,
 	TimelineSelectorUpdate,
 	TimelineTransactionUpdate,
@@ -20,6 +21,7 @@ export type TimelineToken = {
 export type TimelineOptions = {
 	key: string
 	atoms: (AtomFamily<any, any> | AtomToken<any>)[]
+	shouldCapture?: (update: TimelineUpdate, timeline: Timeline) => boolean
 }
 
 export type TimelineUpdate =