@thednp/tween 0.0.4 → 0.1.0

package/dist/vanjs/vanjs.d.mts

@@ -0,0 +1,56 @@
+/*!
+* @thednp/tween primitives for VanJS v0.1.0 (https://github.com/thednp/tween)
+* Copyright 2026 © thednp
+* Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
+*/
+"use strict";
+
+import { Timeline, Tween, TweenProps } from "@thednp/tween";
+
+//#region src/vanjs/miniStore.d.ts
+declare function miniStore<T extends TweenProps>(init: T): T;
+//#endregion
+//#region src/vanjs/index.d.ts
+/**
+ * VanJS primitive for updating values with Tween.
+ *
+ * Automatically stops the tween when all bound DOM nodes are removed
+ * (leveraging a global MutationObserver that monitors state bindings).
+ *
+ * @param initialValues - Initial tween values
+ * @returns [store, tween] Tuple of reactive store and Tween instance
+ * @example
+ * const App = () => {
+ *    const [state, tween] = createTween({ x: 0 })
+ *    tween.to({ x: 100 }).duration(1)
+ *
+ *    return div(
+ *      { style: () => `translate: ${state.x}px` },
+ *      "Animated"
+ *    )
+ * }
+ */
+declare function createTween<T extends TweenProps>(initialValues: T): readonly [T, Tween<T>];
+/**
+ * VanJS primitive for sequencing values update with Timeline.
+ *
+ * Automatically stops the timeline when all bound DOM nodes are removed
+ * (leveraging a global MutationObserver that monitors state bindings).
+ *
+ * @param initialValues - Initial tween values
+ * @returns [store, timeline] Tuple of reactive store and Timeline instance
+ * @example
+ * const App = () => {
+ *    const [state, timeline] = createTimeline({ x: 0, y: 0 })
+ *    timeline.to({ x: 100, y: 100 }).duration(2)
+ *
+ *    return div(
+ *      { style: () => `translate: ${state.x}px ${state.y}px` },
+ *      "Animated"
+ *    )
+ * }
+ */
+declare function createTimeline<T extends TweenProps>(initialValues: T): readonly [T, Timeline<T>];
+//#endregion
+export { Timeline, Tween, createTimeline, createTween, miniStore };
+//# sourceMappingURL=vanjs.d.mts.map

package/dist/vanjs/vanjs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanjs.d.mts","names":[],"sources":["../../src/vanjs/miniStore.ts","../../src/vanjs/index.ts"],"mappings":";;;;;;;;;;iBA2IgB,SAAA,WAAoB,UAAA,CAAA,CAAY,IAAA,EAAM,CAAA,GAChB,CAAA;;;AADtC;;;;;;;;;;;;;;;;;;AC5GA;AD4GA,iBC5GgB,WAAA,WAAsB,UAAA,CAAA,CAAY,aAAA,EAAe,CAAA,aAAC,CAAA,EAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;AAgClE;;iBAAgB,cAAA,WAAyB,UAAA,CAAA,CAAY,aAAA,EAAe,CAAA,aAAC,CAAA,EAAA,QAAA,CAAA,CAAA"}

package/dist/vanjs/vanjs.mjs

@@ -0,0 +1,234 @@
+/*!
+* @thednp/tween primitives for VanJS v0.1.0 (https://github.com/thednp/tween)
+* Copyright 2026 © thednp
+* Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
+*/
+"use strict";
+
+import { Timeline, Tween, dummyInstance, isArray, isPlainObject, isServer, objectHasProp } from "@thednp/tween";
+import van from "vanjs-core";
+//#region src/vanjs/lifecycle.ts
+const instances = /* @__PURE__ */ new Set();
+let observer = null;
+let sessionId = 0;
+const sessionStates = /* @__PURE__ */ new Map();
+function vanState(initial) {
+	const stateObj = van.state(initial);
+	sessionStates.get(sessionId)?.push(stateObj);
+	return stateObj;
+}
+function checkRemovedBindings() {
+	for (const instance of instances) {
+		if (!instance.isPlaying) {
+			instances.delete(instance);
+			continue;
+		}
+		let hasActiveBinding = false;
+		for (const state of instance.states) {
+			const bindings = state._bindings;
+			if (bindings?.length) {
+				for (const b of bindings) if (b._dom?.isConnected) {
+					hasActiveBinding = true;
+					break;
+				}
+			}
+			if (hasActiveBinding) break;
+		}
+		if (!hasActiveBinding) {
+			instance.stop();
+			instances.delete(instance);
+		}
+	}
+}
+function initObserver() {
+	if (observer) return;
+	observer = new MutationObserver((mutations) => {
+		for (const m of mutations) if (m.removedNodes.length) checkRemovedBindings();
+	});
+	observer.observe(document.body, {
+		childList: true,
+		subtree: true
+	});
+}
+function nextId() {
+	sessionId++;
+	sessionStates.set(sessionId, []);
+	return sessionId;
+}
+function mount(twObject, id) {
+	const states = sessionStates.get(id);
+	sessionStates.delete(id);
+	const instance = {
+		states,
+		stop: () => {
+			twObject.stop();
+		},
+		get isPlaying() {
+			return twObject.isPlaying;
+		}
+	};
+	const origStop = twObject.stop.bind(twObject);
+	twObject.stop = function() {
+		unmount(instance);
+		return origStop();
+	};
+	instances.add(instance);
+	initObserver();
+}
+function unmount(instance) {
+	instances.delete(instance);
+}
+//#endregion
+//#region src/vanjs/miniStore.ts
+const STATE_PROXY = "_proxy";
+const proxyProps = {
+	value: 1,
+	enumerable: false,
+	configurable: false,
+	writable: false
+};
+const STATES_KEY = "_states";
+function defineArrayProxy(index, value, target, sourceLen, notifyListeners) {
+	const itemIsLast = index === sourceLen - 1;
+	if (isArray(value)) {
+		const subArray = [];
+		const valueLen = value.length;
+		value.forEach((itm, idx) => {
+			const subItemIsLast = itemIsLast && idx === valueLen - 1;
+			let currentItem = itm;
+			Object.defineProperty(subArray, idx, {
+				get: () => currentItem,
+				set: (newValue) => {
+					currentItem = newValue;
+					if (subItemIsLast) notifyListeners();
+				},
+				enumerable: true
+			});
+		});
+		target[index] = subArray;
+	} else {
+		let currentValue = value;
+		const getter = () => currentValue;
+		const setter = (newVal) => {
+			currentValue = newVal;
+			if (itemIsLast) notifyListeners();
+		};
+		Object.defineProperties(target, { [index]: {
+			get: getter,
+			set: setter,
+			enumerable: true
+		} });
+	}
+}
+function defineStateProxy(key, value, target) {
+	const stateObj = vanState(value);
+	let getter;
+	let setter;
+	if (isArray(value)) {
+		const arrayProxy = [];
+		const valLength = value.length;
+		const version = vanState(0);
+		for (let i = 0; i < valLength; i++) defineArrayProxy(i, value[i], arrayProxy, valLength, () => {
+			version.val = 1 - version.val;
+		});
+		getter = () => {
+			version.val;
+			return stateObj.val;
+		};
+		stateObj.val = arrayProxy;
+	} else {
+		getter = () => stateObj.val;
+		setter = (newVal) => {
+			stateObj.val = newVal;
+		};
+		stateObj.val = value;
+	}
+	Object.defineProperties(target, {
+		[STATE_PROXY]: proxyProps,
+		[key]: {
+			get: getter,
+			set: setter,
+			enumerable: true
+		}
+	});
+	return stateObj;
+}
+function createMiniState(obj, parentReceiver) {
+	if (objectHasProp(obj, STATE_PROXY)) return obj;
+	const states = [];
+	for (const [key, value] of Object.entries(obj)) if (isPlainObject(value)) parentReceiver[key] = createMiniState(value, {});
+	else {
+		const stateObj = defineStateProxy(key, value, parentReceiver);
+		states.push(stateObj);
+	}
+	Object.defineProperty(parentReceiver, STATES_KEY, {
+		value: states,
+		enumerable: false,
+		configurable: false,
+		writable: false
+	});
+	return parentReceiver;
+}
+function miniStore(init) {
+	return createMiniState(init, {});
+}
+//#endregion
+//#region src/vanjs/index.ts
+/**
+* VanJS primitive for updating values with Tween.
+*
+* Automatically stops the tween when all bound DOM nodes are removed
+* (leveraging a global MutationObserver that monitors state bindings).
+*
+* @param initialValues - Initial tween values
+* @returns [store, tween] Tuple of reactive store and Tween instance
+* @example
+* const App = () => {
+*    const [state, tween] = createTween({ x: 0 })
+*    tween.to({ x: 100 }).duration(1)
+*
+*    return div(
+*      { style: () => `translate: ${state.x}px` },
+*      "Animated"
+*    )
+* }
+*/
+function createTween(initialValues) {
+	if (isServer) return [initialValues, dummyInstance];
+	const id = nextId();
+	const store = miniStore(initialValues);
+	const tween = new Tween(store);
+	mount(tween, id);
+	return [store, tween];
+}
+/**
+* VanJS primitive for sequencing values update with Timeline.
+*
+* Automatically stops the timeline when all bound DOM nodes are removed
+* (leveraging a global MutationObserver that monitors state bindings).
+*
+* @param initialValues - Initial tween values
+* @returns [store, timeline] Tuple of reactive store and Timeline instance
+* @example
+* const App = () => {
+*    const [state, timeline] = createTimeline({ x: 0, y: 0 })
+*    timeline.to({ x: 100, y: 100 }).duration(2)
+*
+*    return div(
+*      { style: () => `translate: ${state.x}px ${state.y}px` },
+*      "Animated"
+*    )
+* }
+*/
+function createTimeline(initialValues) {
+	if (isServer) return [initialValues, dummyInstance];
+	const id = nextId();
+	const store = miniStore(initialValues);
+	const timeline = new Timeline(store);
+	mount(timeline, id);
+	return [store, timeline];
+}
+//#endregion
+export { Timeline, Tween, createTimeline, createTween, miniStore };
+
+//# sourceMappingURL=vanjs.mjs.map

package/dist/vanjs/vanjs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanjs.mjs","names":[],"sources":["../../src/vanjs/lifecycle.ts","../../src/vanjs/miniStore.ts","../../src/vanjs/index.ts"],"sourcesContent":["import type { TweenProps } from \"../types.ts\";\nimport van from \"vanjs-core\";\nimport type { State } from \"vanjs-core\";\n\ninterface VanState<T> extends State<T> {\n  _bindings?: { _dom?: Node }[];\n}\n\ninterface TweenInstance {\n  states: VanState<unknown>[];\n  stop: () => void;\n  isPlaying: boolean;\n}\n\nconst instances = new Set<TweenInstance>();\nlet observer: MutationObserver | null = null;\n\nlet sessionId = 0;\nconst sessionStates = new Map<number, VanState<unknown>[]>();\n\nexport function vanState<T>(initial: T): State<T> {\n  const stateObj = van.state(initial);\n  sessionStates.get(sessionId)?.push(stateObj);\n  return stateObj;\n}\n\nfunction checkRemovedBindings() {\n  for (const instance of instances) {\n    if (!instance.isPlaying) {\n      instances.delete(instance);\n      continue;\n    }\n\n    let hasActiveBinding = false;\n    for (const state of instance.states) {\n      const bindings = state._bindings;\n      // istanbul ignore else\n      if (bindings?.length) {\n        for (const b of bindings) {\n          if (b._dom?.isConnected) {\n            hasActiveBinding = true;\n            break;\n          }\n        }\n      }\n      if (hasActiveBinding) break;\n    }\n\n    if (!hasActiveBinding) {\n      instance.stop();\n      instances.delete(instance);\n    }\n  }\n}\n\nfunction initObserver() {\n  if (observer) return;\n  observer = new MutationObserver((mutations) => {\n    for (const m of mutations) {\n      if (m.removedNodes.length) {\n        checkRemovedBindings();\n      }\n    }\n  });\n  observer.observe(document.body, { childList: true, subtree: true });\n}\n\nexport interface TweenLike {\n  state: TweenProps;\n  stop(): TweenLike;\n  readonly isPlaying: boolean;\n}\n\nexport function nextId(): number {\n  sessionId++;\n  sessionStates.set(sessionId, []);\n  return sessionId;\n}\n\nexport function mount(twObject: TweenLike, id: number) {\n  const states = sessionStates.get(id)!;\n  sessionStates.delete(id);\n\n  const instance: TweenInstance = {\n    states,\n    stop: () => {\n      twObject.stop();\n    },\n    get isPlaying() {\n      return twObject.isPlaying;\n    },\n  };\n\n  const origStop = twObject.stop.bind(twObject);\n  twObject.stop = function () {\n    unmount(instance);\n    return origStop();\n  };\n  instances.add(instance);\n  initObserver();\n}\n\nexport function unmount(instance: TweenInstance) {\n  instances.delete(instance);\n}\n\nexport function getInstances() {\n  return instances;\n}\n","import {\n  type ArrayVal,\n  isArray,\n  isPlainObject,\n  objectHasProp,\n  type TweenProps,\n} from \"@thednp/tween\";\n\nimport { vanState } from \"./lifecycle.ts\";\n\nconst STATE_PROXY = \"_proxy\";\nconst proxyProps = {\n  value: 1,\n  enumerable: false,\n  configurable: false,\n  writable: false,\n};\n\nconst STATES_KEY = \"_states\";\n\nfunction defineArrayProxy<T extends ArrayVal>(\n  index: number,\n  value: T[number] | ArrayVal,\n  target: T | ArrayVal | ArrayVal[],\n  sourceLen: number,\n  notifyListeners: () => void,\n) {\n  const itemIsLast = index === sourceLen - 1;\n\n  if (isArray(value)) {\n    const subArray: typeof value = [];\n    const valueLen = value.length;\n\n    value.forEach((itm, idx) => {\n      const subItemIsLast = itemIsLast && idx === valueLen - 1;\n\n      let currentItem = itm;\n      Object.defineProperty(subArray, idx, {\n        get: () => currentItem,\n        set: (newValue: typeof itm) => {\n          currentItem = newValue;\n\n          if (subItemIsLast) {\n            notifyListeners();\n          }\n        },\n        enumerable: true,\n      });\n    });\n    target[index] = subArray;\n  } else {\n    let currentValue = value;\n    const getter = () => currentValue;\n    const setter = (newVal: typeof value) => {\n      currentValue = newVal;\n      if (itemIsLast) {\n        notifyListeners();\n      }\n    };\n    Object.defineProperties(target, {\n      [index]: {\n        get: getter,\n        set: setter,\n        enumerable: true,\n      },\n    });\n  }\n}\n\nfunction defineStateProxy<T extends Omit<TweenProps, \"_proxy\">>(\n  key: number | keyof T,\n  value: T[keyof T] | ArrayVal,\n  target: T | ArrayVal,\n) {\n  const stateObj = vanState(value);\n  let getter: () => typeof value;\n  let setter;\n\n  if (isArray(value)) {\n    const arrayProxy: typeof value = [];\n    const valLength = value.length;\n    const version = vanState(0);\n    for (let i = 0; i < valLength; i++) {\n      defineArrayProxy(i, (value as ArrayVal)[i], arrayProxy, valLength, () => {\n        version.val = 1 - version.val;\n      });\n    }\n    getter = () => {\n      version.val;\n      return stateObj.val;\n    };\n    stateObj.val = arrayProxy;\n  } else {\n    getter = () => stateObj.val;\n    setter = (newVal: typeof value) => {\n      stateObj.val = newVal;\n    };\n    stateObj.val = value as never;\n  }\n\n  Object.defineProperties(target, {\n    [STATE_PROXY]: proxyProps,\n    [key]: {\n      get: getter,\n      set: setter,\n      enumerable: true,\n    },\n  });\n\n  return stateObj;\n}\n\nfunction createMiniState<T extends TweenProps>(\n  obj: T,\n  parentReceiver: TweenProps | number[] | [string, ...number[]][],\n) {\n  if (objectHasProp(obj, STATE_PROXY)) return obj;\n\n  const states: unknown[] = [];\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (isPlainObject(value)) {\n      (parentReceiver as TweenProps)[key] = createMiniState(value, {});\n    } else {\n      const stateObj = defineStateProxy(key, value, parentReceiver);\n      states.push(stateObj);\n    }\n  }\n\n  Object.defineProperty(parentReceiver, STATES_KEY, {\n    value: states,\n    enumerable: false,\n    configurable: false,\n    writable: false,\n  });\n\n  return parentReceiver as T;\n}\n\nexport function miniStore<T extends TweenProps>(init: T) {\n  return createMiniState(init, {}) as T;\n}\n","import {\n  dummyInstance,\n  isServer,\n  Timeline,\n  Tween,\n  type TweenProps,\n} from \"@thednp/tween\";\nimport { miniStore } from \"./miniStore.ts\";\nimport { mount, nextId } from \"./lifecycle.ts\";\n\nexport { miniStore, Timeline, Tween };\n\n/**\n * VanJS primitive for updating values with Tween.\n *\n * Automatically stops the tween when all bound DOM nodes are removed\n * (leveraging a global MutationObserver that monitors state bindings).\n *\n * @param initialValues - Initial tween values\n * @returns [store, tween] Tuple of reactive store and Tween instance\n * @example\n * const App = () => {\n *    const [state, tween] = createTween({ x: 0 })\n *    tween.to({ x: 100 }).duration(1)\n *\n *    return div(\n *      { style: () => `translate: ${state.x}px` },\n *      \"Animated\"\n *    )\n * }\n */\nexport function createTween<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Tween<T>] as const;\n  }\n  const id = nextId();\n  const store = miniStore(initialValues);\n  const tween = new Tween(store);\n\n  mount(tween, id);\n\n  return [store, tween] as [T, Tween<T>];\n}\n\n/**\n * VanJS primitive for sequencing values update with Timeline.\n *\n * Automatically stops the timeline when all bound DOM nodes are removed\n * (leveraging a global MutationObserver that monitors state bindings).\n *\n * @param initialValues - Initial tween values\n * @returns [store, timeline] Tuple of reactive store and Timeline instance\n * @example\n * const App = () => {\n *    const [state, timeline] = createTimeline({ x: 0, y: 0 })\n *    timeline.to({ x: 100, y: 100 }).duration(2)\n *\n *    return div(\n *      { style: () => `translate: ${state.x}px ${state.y}px` },\n *      \"Animated\"\n *    )\n * }\n */\nexport function createTimeline<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Timeline<T>] as const;\n  }\n  const id = nextId();\n  const store = miniStore(initialValues);\n  const timeline = new Timeline(store);\n\n  mount(timeline, id);\n\n  return [store, timeline] as [T, Timeline<T>];\n}\n"],"mappings":"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"}

package/dist/vue/vue.d.mts

@@ -1,5 +1,5 @@
 /*!
-* @thednp/tween composables for Vue v0.0.4 (https://github.com/thednp/tween)
+* @thednp/tween composables for Vue v0.1.0 (https://github.com/thednp/tween)
 * Copyright 2026 © thednp
 * Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
 */

package/dist/vue/vue.mjs

@@ -1,5 +1,5 @@
 /*!
-* @thednp/tween composables for Vue v0.0.4 (https://github.com/thednp/tween)
+* @thednp/tween composables for Vue v0.1.0 (https://github.com/thednp/tween)
 * Copyright 2026 © thednp
 * Licensed under MIT (https://github.com/thednp/tween/blob/master/LICENSE)
 */
@@ -7,7 +7,6 @@
 
 import { Timeline, Tween, dummyInstance, isArray, isPlainObject, isServer, objectHasProp } from "@thednp/tween";
 import { onUnmounted, ref } from "vue";
-
 //#region src/vue/miniStore.ts
 const STATE_PROXY = "_proxy";
 const proxyProps = {
@@ -85,7 +84,6 @@ function createMiniState(obj, parentReceiver) {
 function miniStore(init) {
 	return createMiniState(init, {});
 }
-
 //#endregion
 //#region src/vue/index.ts
 /**
@@ -151,7 +149,7 @@ function useTimeline(initialValues) {
 	});
 	return [store, timeline];
 }
-
 //#endregion
 export { Timeline, Tween, miniStore, useTimeline, useTween };
+
 //# sourceMappingURL=vue.mjs.map

package/dist/vue/vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"vue.mjs","names":[],"sources":["../../src/vue/miniStore.ts","../../src/vue/index.ts"],"sourcesContent":["import { ref } from \"vue\";\nimport {\n  type ArrayVal,\n  isArray,\n  isPlainObject,\n  objectHasProp,\n  type TweenProps,\n} from \"@thednp/tween\";\n\nconst STATE_PROXY = \"_proxy\";\nconst proxyProps = {\n  value: 1,\n  enumerable: false,\n  configurable: false,\n  writable: false,\n};\n\nfunction defineArrayProxy<T extends ArrayVal>(\n  index: number,\n  value: T[number] | ArrayVal,\n  target: T | ArrayVal | ArrayVal[],\n  sourceLen: number,\n  notifyListeners: () => void,\n) {\n  const itemIsLast = index === sourceLen - 1;\n\n  if (isArray(value)) {\n    const subArray: typeof value = [];\n    const valueLen = value.length;\n\n    value.forEach((itm, idx) => {\n      const subItemIsLast = itemIsLast && idx === valueLen - 1;\n\n      let currentItem = itm;\n      Object.defineProperty(subArray, idx, {\n        get: () => currentItem,\n        set: (newValue: typeof itm) => {\n          currentItem = newValue;\n\n          // Only notify on last element to batch updates\n          if (subItemIsLast) {\n            notifyListeners();\n          }\n        },\n        enumerable: true,\n      });\n    });\n    target[index] = subArray;\n  } else {\n    let currentValue = value;\n    const getter = () => currentValue;\n    const setter = (newVal: typeof value) => {\n      currentValue = newVal;\n      if (itemIsLast) {\n        notifyListeners();\n      }\n    };\n    Object.defineProperties(target, {\n      [index]: {\n        get: getter,\n        set: setter,\n        enumerable: true,\n      },\n    });\n  }\n}\n\nfunction defineStateProxy<T extends Omit<TweenProps, \"_proxy\">>(\n  key: number | keyof T,\n  value: T[keyof T] | ArrayVal,\n  target: T | ArrayVal,\n) {\n  const state = ref(value);\n  let getter = () => state.value;\n  let setter;\n\n  if (isArray(value)) {\n    const arrayProxy: typeof value = [];\n    const valLength = value.length;\n    const version = ref(0);\n    for (let i = 0; i < valLength; i++) {\n      defineArrayProxy(i, (value as ArrayVal)[i], arrayProxy, valLength, () => {\n        version.value = 1 - version.value;\n      });\n    }\n    getter = () => {\n      version.value;\n      return state.value;\n    };\n\n    state.value = arrayProxy;\n  } else {\n    setter = (newVal: typeof value) => {\n      state.value = newVal;\n    };\n  }\n\n  Object.defineProperties(target, {\n    [STATE_PROXY]: proxyProps,\n    [key]: {\n      get: getter,\n      set: setter,\n      enumerable: true,\n    },\n  });\n}\n\nfunction createMiniState<T extends TweenProps>(\n  obj: T,\n  parentReceiver: TweenProps | number[] | [string, ...number[]][],\n) {\n  if (objectHasProp(obj, STATE_PROXY)) return obj;\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (isPlainObject(value)) {\n      (parentReceiver as TweenProps)[key] = createMiniState(value, {});\n    } else {\n      defineStateProxy(key, value, parentReceiver);\n    }\n  }\n\n  return parentReceiver as T;\n}\n\nexport function miniStore<T extends TweenProps>(init: T) {\n  return createMiniState(init, {}) as T;\n}\n","import {\n  dummyInstance,\n  isServer,\n  Timeline,\n  Tween,\n  type TweenProps,\n} from \"@thednp/tween\";\nimport { onUnmounted } from \"vue\";\nimport { miniStore } from \"./miniStore.ts\";\n\nexport { miniStore, Timeline, Tween };\n\n/**\n * Vue composable for updating values with Tween.\n *\n * @param initialValues - Initial tween values\n * @returns [store, tween] Tuple of reactive store and Tween instance\n *\n * @example\n * <script setup lang=\"ts\">\n *    const [state, tween] = useTween({ x: 0, y: 0 })\n *\n *    // configuration is free-form, no re-render ever happens\n *    tween.to({ x: 100, y: 100 })\n *\n *    onMounted(() => {\n *      tween.start()\n *    })\n * </script>\n * <template>\n *  <div :style=\"{ translate: `${state.x}px ${state.y}px` }\" />\n * </template>\n */\nexport function useTween<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Tween<T>] as const;\n  }\n  const store = miniStore(initialValues);\n  const tween = new Tween(store);\n\n  onUnmounted(() => {\n    tween.stop();\n    tween.clear();\n  });\n\n  return [store, tween] as [T, Tween<T>];\n}\n\n/**\n * Vue composable for sequencing values update with Timeline.\n *\n * @param initialValues - Initial tween values\n * @returns [store, timeline] Tuple of reactive store and Timeline instance\n *\n * @example\n * <script setup lang=\"ts\">\n *    const [state, timeline] = useTimeline({ x: 0, y: 0 })\n *\n *    // configuration is free-form\n *    timeline.to({ x: 100, y: 100 })\n *\n *    onMounted(() => {\n *      timeline.play()\n *    })\n * </script>\n *\n * <template>\n *  <div :style=\"{ translate: `${state.x}px ${state.y}px` }\" />\n * </template>\n */\nexport function useTimeline<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Timeline<T>] as const;\n  }\n  const store = miniStore(initialValues);\n  const timeline = new Timeline(store);\n\n  onUnmounted(() => {\n    timeline.stop();\n    timeline.clear();\n  });\n\n  return [store, timeline] as [T, Timeline<T>];\n}\n"],"mappings":";;;;;;;;;;;AASA,MAAM,cAAc;AACpB,MAAM,aAAa;CACjB,OAAO;CACP,YAAY;CACZ,cAAc;CACd,UAAU;CACX;AAED,SAAS,iBACP,OACA,OACA,QACA,WACA,iBACA;CACA,MAAM,aAAa,UAAU,YAAY;AAEzC,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,WAAyB,EAAE;EACjC,MAAM,WAAW,MAAM;AAEvB,QAAM,SAAS,KAAK,QAAQ;GAC1B,MAAM,gBAAgB,cAAc,QAAQ,WAAW;GAEvD,IAAI,cAAc;AAClB,UAAO,eAAe,UAAU,KAAK;IACnC,WAAW;IACX,MAAM,aAAyB;AAC7B,mBAAc;AAGd,SAAI,cACF,kBAAiB;;IAGrB,YAAY;IACb,CAAC;IACF;AACF,SAAO,SAAS;QACX;EACL,IAAI,eAAe;EACnB,MAAM,eAAe;EACrB,MAAM,UAAU,WAAyB;AACvC,kBAAe;AACf,OAAI,WACF,kBAAiB;;AAGrB,SAAO,iBAAiB,QAAQ,GAC7B,QAAQ;GACP,KAAK;GACL,KAAK;GACL,YAAY;GACb,EACF,CAAC;;;AAIN,SAAS,iBACP,KACA,OACA,QACA;CACA,MAAM,QAAQ,IAAI,MAAM;CACxB,IAAI,eAAe,MAAM;CACzB,IAAI;AAEJ,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,aAA2B,EAAE;EACnC,MAAM,YAAY,MAAM;EACxB,MAAM,UAAU,IAAI,EAAE;AACtB,OAAK,IAAI,IAAI,GAAG,IAAI,WAAW,IAC7B,kBAAiB,GAAI,MAAmB,IAAI,YAAY,iBAAiB;AACvE,WAAQ,QAAQ,IAAI,QAAQ;IAC5B;AAEJ,iBAAe;AACb,WAAQ;AACR,UAAO,MAAM;;AAGf,QAAM,QAAQ;OAEd,WAAU,WAAyB;AACjC,QAAM,QAAQ;;AAIlB,QAAO,iBAAiB,QAAQ;GAC7B,cAAc;GACd,MAAM;GACL,KAAK;GACL,KAAK;GACL,YAAY;GACb;EACF,CAAC;;AAGJ,SAAS,gBACP,KACA,gBACA;AACA,KAAI,cAAc,KAAK,YAAY,CAAE,QAAO;AAE5C,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,IAAI,CAC5C,KAAI,cAAc,MAAM,CACtB,CAAC,eAA8B,OAAO,gBAAgB,OAAO,EAAE,CAAC;KAEhE,kBAAiB,KAAK,OAAO,eAAe;AAIhD,QAAO;;AAGT,SAAgB,UAAgC,MAAS;AACvD,QAAO,gBAAgB,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AC5FlC,SAAgB,SAA+B,eAAkB;AAC/D,KAAI,SACF,QAAO,CAAC,eAAe,cAAqC;CAE9D,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,QAAQ,IAAI,MAAM,MAAM;AAE9B,mBAAkB;AAChB,QAAM,MAAM;AACZ,QAAM,OAAO;GACb;AAEF,QAAO,CAAC,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;AAyBvB,SAAgB,YAAkC,eAAkB;AAClE,KAAI,SACF,QAAO,CAAC,eAAe,cAAwC;CAEjE,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,WAAW,IAAI,SAAS,MAAM;AAEpC,mBAAkB;AAChB,WAAS,MAAM;AACf,WAAS,OAAO;GAChB;AAEF,QAAO,CAAC,OAAO,SAAS"}
+{"version":3,"file":"vue.mjs","names":[],"sources":["../../src/vue/miniStore.ts","../../src/vue/index.ts"],"sourcesContent":["import { ref } from \"vue\";\nimport {\n  type ArrayVal,\n  isArray,\n  isPlainObject,\n  objectHasProp,\n  type TweenProps,\n} from \"@thednp/tween\";\n\nconst STATE_PROXY = \"_proxy\";\nconst proxyProps = {\n  value: 1,\n  enumerable: false,\n  configurable: false,\n  writable: false,\n};\n\nfunction defineArrayProxy<T extends ArrayVal>(\n  index: number,\n  value: T[number] | ArrayVal,\n  target: T | ArrayVal | ArrayVal[],\n  sourceLen: number,\n  notifyListeners: () => void,\n) {\n  const itemIsLast = index === sourceLen - 1;\n\n  if (isArray(value)) {\n    const subArray: typeof value = [];\n    const valueLen = value.length;\n\n    value.forEach((itm, idx) => {\n      const subItemIsLast = itemIsLast && idx === valueLen - 1;\n\n      let currentItem = itm;\n      Object.defineProperty(subArray, idx, {\n        get: () => currentItem,\n        set: (newValue: typeof itm) => {\n          currentItem = newValue;\n\n          // Only notify on last element to batch updates\n          if (subItemIsLast) {\n            notifyListeners();\n          }\n        },\n        enumerable: true,\n      });\n    });\n    target[index] = subArray;\n  } else {\n    let currentValue = value;\n    const getter = () => currentValue;\n    const setter = (newVal: typeof value) => {\n      currentValue = newVal;\n      if (itemIsLast) {\n        notifyListeners();\n      }\n    };\n    Object.defineProperties(target, {\n      [index]: {\n        get: getter,\n        set: setter,\n        enumerable: true,\n      },\n    });\n  }\n}\n\nfunction defineStateProxy<T extends Omit<TweenProps, \"_proxy\">>(\n  key: number | keyof T,\n  value: T[keyof T] | ArrayVal,\n  target: T | ArrayVal,\n) {\n  const state = ref(value);\n  let getter = () => state.value;\n  let setter;\n\n  if (isArray(value)) {\n    const arrayProxy: typeof value = [];\n    const valLength = value.length;\n    const version = ref(0);\n    for (let i = 0; i < valLength; i++) {\n      defineArrayProxy(i, (value as ArrayVal)[i], arrayProxy, valLength, () => {\n        version.value = 1 - version.value;\n      });\n    }\n    getter = () => {\n      version.value;\n      return state.value;\n    };\n\n    state.value = arrayProxy;\n  } else {\n    setter = (newVal: typeof value) => {\n      state.value = newVal;\n    };\n  }\n\n  Object.defineProperties(target, {\n    [STATE_PROXY]: proxyProps,\n    [key]: {\n      get: getter,\n      set: setter,\n      enumerable: true,\n    },\n  });\n}\n\nfunction createMiniState<T extends TweenProps>(\n  obj: T,\n  parentReceiver: TweenProps | number[] | [string, ...number[]][],\n) {\n  if (objectHasProp(obj, STATE_PROXY)) return obj;\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (isPlainObject(value)) {\n      (parentReceiver as TweenProps)[key] = createMiniState(value, {});\n    } else {\n      defineStateProxy(key, value, parentReceiver);\n    }\n  }\n\n  return parentReceiver as T;\n}\n\nexport function miniStore<T extends TweenProps>(init: T) {\n  return createMiniState(init, {}) as T;\n}\n","import {\n  dummyInstance,\n  isServer,\n  Timeline,\n  Tween,\n  type TweenProps,\n} from \"@thednp/tween\";\nimport { onUnmounted } from \"vue\";\nimport { miniStore } from \"./miniStore.ts\";\n\nexport { miniStore, Timeline, Tween };\n\n/**\n * Vue composable for updating values with Tween.\n *\n * @param initialValues - Initial tween values\n * @returns [store, tween] Tuple of reactive store and Tween instance\n *\n * @example\n * <script setup lang=\"ts\">\n *    const [state, tween] = useTween({ x: 0, y: 0 })\n *\n *    // configuration is free-form, no re-render ever happens\n *    tween.to({ x: 100, y: 100 })\n *\n *    onMounted(() => {\n *      tween.start()\n *    })\n * </script>\n * <template>\n *  <div :style=\"{ translate: `${state.x}px ${state.y}px` }\" />\n * </template>\n */\nexport function useTween<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Tween<T>] as const;\n  }\n  const store = miniStore(initialValues);\n  const tween = new Tween(store);\n\n  onUnmounted(() => {\n    tween.stop();\n    tween.clear();\n  });\n\n  return [store, tween] as [T, Tween<T>];\n}\n\n/**\n * Vue composable for sequencing values update with Timeline.\n *\n * @param initialValues - Initial tween values\n * @returns [store, timeline] Tuple of reactive store and Timeline instance\n *\n * @example\n * <script setup lang=\"ts\">\n *    const [state, timeline] = useTimeline({ x: 0, y: 0 })\n *\n *    // configuration is free-form\n *    timeline.to({ x: 100, y: 100 })\n *\n *    onMounted(() => {\n *      timeline.play()\n *    })\n * </script>\n *\n * <template>\n *  <div :style=\"{ translate: `${state.x}px ${state.y}px` }\" />\n * </template>\n */\nexport function useTimeline<T extends TweenProps>(initialValues: T) {\n  if (isServer) {\n    return [initialValues, dummyInstance as unknown as Timeline<T>] as const;\n  }\n  const store = miniStore(initialValues);\n  const timeline = new Timeline(store);\n\n  onUnmounted(() => {\n    timeline.stop();\n    timeline.clear();\n  });\n\n  return [store, timeline] as [T, Timeline<T>];\n}\n"],"mappings":";;;;;;;;;;AASA,MAAM,cAAc;AACpB,MAAM,aAAa;CACjB,OAAO;CACP,YAAY;CACZ,cAAc;CACd,UAAU;CACX;AAED,SAAS,iBACP,OACA,OACA,QACA,WACA,iBACA;CACA,MAAM,aAAa,UAAU,YAAY;AAEzC,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,WAAyB,EAAE;EACjC,MAAM,WAAW,MAAM;AAEvB,QAAM,SAAS,KAAK,QAAQ;GAC1B,MAAM,gBAAgB,cAAc,QAAQ,WAAW;GAEvD,IAAI,cAAc;AAClB,UAAO,eAAe,UAAU,KAAK;IACnC,WAAW;IACX,MAAM,aAAyB;AAC7B,mBAAc;AAGd,SAAI,cACF,kBAAiB;;IAGrB,YAAY;IACb,CAAC;IACF;AACF,SAAO,SAAS;QACX;EACL,IAAI,eAAe;EACnB,MAAM,eAAe;EACrB,MAAM,UAAU,WAAyB;AACvC,kBAAe;AACf,OAAI,WACF,kBAAiB;;AAGrB,SAAO,iBAAiB,QAAQ,GAC7B,QAAQ;GACP,KAAK;GACL,KAAK;GACL,YAAY;GACb,EACF,CAAC;;;AAIN,SAAS,iBACP,KACA,OACA,QACA;CACA,MAAM,QAAQ,IAAI,MAAM;CACxB,IAAI,eAAe,MAAM;CACzB,IAAI;AAEJ,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,aAA2B,EAAE;EACnC,MAAM,YAAY,MAAM;EACxB,MAAM,UAAU,IAAI,EAAE;AACtB,OAAK,IAAI,IAAI,GAAG,IAAI,WAAW,IAC7B,kBAAiB,GAAI,MAAmB,IAAI,YAAY,iBAAiB;AACvE,WAAQ,QAAQ,IAAI,QAAQ;IAC5B;AAEJ,iBAAe;AACb,WAAQ;AACR,UAAO,MAAM;;AAGf,QAAM,QAAQ;OAEd,WAAU,WAAyB;AACjC,QAAM,QAAQ;;AAIlB,QAAO,iBAAiB,QAAQ;GAC7B,cAAc;GACd,MAAM;GACL,KAAK;GACL,KAAK;GACL,YAAY;GACb;EACF,CAAC;;AAGJ,SAAS,gBACP,KACA,gBACA;AACA,KAAI,cAAc,KAAK,YAAY,CAAE,QAAO;AAE5C,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,IAAI,CAC5C,KAAI,cAAc,MAAM,CACrB,gBAA8B,OAAO,gBAAgB,OAAO,EAAE,CAAC;KAEhE,kBAAiB,KAAK,OAAO,eAAe;AAIhD,QAAO;;AAGT,SAAgB,UAAgC,MAAS;AACvD,QAAO,gBAAgB,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AC5FlC,SAAgB,SAA+B,eAAkB;AAC/D,KAAI,SACF,QAAO,CAAC,eAAe,cAAqC;CAE9D,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,QAAQ,IAAI,MAAM,MAAM;AAE9B,mBAAkB;AAChB,QAAM,MAAM;AACZ,QAAM,OAAO;GACb;AAEF,QAAO,CAAC,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;AAyBvB,SAAgB,YAAkC,eAAkB;AAClE,KAAI,SACF,QAAO,CAAC,eAAe,cAAwC;CAEjE,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,WAAW,IAAI,SAAS,MAAM;AAEpC,mBAAkB;AAChB,WAAS,MAAM;AACf,WAAS,OAAO;GAChB;AAEF,QAAO,CAAC,OAAO,SAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thednp/tween",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "🌸 A Typescript sourced tweening engine with Tween and Timeline",
   "homepage": "https://github.com/thednp/tween",
   "author": "thednp",
@@ -12,6 +12,8 @@
   "files": [
     "dist",
     "package.json",
+    "AGENTS.md",
+    "CHANGELOG.md",
     "README.md",
     "LICENSE"
   ],
@@ -21,6 +23,7 @@
     "./react": "./dist/react/react.mjs",
     "./solid": "./dist/solid/solid.mjs",
     "./svelte": "./dist/svelte/tween.svelte.js",
+    "./vanjs": "./dist/vanjs/vanjs.mjs",
     "./vue": "./dist/vue/vue.mjs",
     "./package.json": "./package.json"
   },
@@ -43,6 +46,7 @@
     "svelte",
     "preact",
     "vue",
+    "vanjs",
     "cubic-bezier",
     "cubic-tween",
     "easing",
@@ -51,39 +55,44 @@
     "animation engine",
     "animation",
     "animations",
+    "svg-morphing",
     "SSR",
     "server-side rendering",
     "typescript"
   ],
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@types/node": "^25.2.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitest/coverage-istanbul": "^4.0.18",
-    "@vitest/ui": "^4.0.18",
-    "happy-dom": "^20.6.2",
+    "@vitest/coverage-istanbul": "^4.1.2",
+    "@vitest/ui": "^4.1.2",
+    "happy-dom": "^20.8.9",
     "react-dom": "^19.2.4",
     "rollup-plugin-svelte": "^7.2.3",
     "svelte-preprocess": "^6.0.3",
-    "tsdown": "^0.20.3",
-    "typescript": "^5.9.3",
-    "vite-plugin-strip-comments": "^0.0.9",
-    "vitest": "^4.0.18"
+    "tsdown": "^0.21.7",
+    "typescript": "^6.0.2",
+    "vite-plugin-strip-comments": "^0.0.10",
+    "vitest": "^4.1.2"
   },
   "dependencies": {
-    "@thednp/dommatrix": "^3.0.2",
-    "preact": "^10.28.3",
+    "@thednp/dommatrix": "^3.0.4",
+    "preact": "^10.29.1",
     "react": "^19.2.4",
-    "solid-js": "^1.9.11",
-    "svelte": "^5.51.3",
-    "vue": "^3.5.28"
+    "solid-js": "^1.9.12",
+    "svelte": "^5.55.1",
+    "svg-path-commander": "^2.2.1",
+    "vanjs-core": "^1.6.0",
+    "vue": "^3.5.32"
   },
-  "packageManager": "pnpm@8.6.12",
   "engines": {
     "node": ">=20",
     "pnpm": ">=8.6.0"
   },
+  "inlinedDependencies": {
+    "svg-path-commander": "2.2.1"
+  },
   "scripts": {
     "pre-test": "pnpm clean-coverage",
     "clean-coverage": "rm -rf coverage .nyc_output",