{"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":";;;;;;;;;;AAcA,MAAM,4BAAY,IAAI,KAAoB;AAC1C,IAAI,WAAoC;AAExC,IAAI,YAAY;AAChB,MAAM,gCAAgB,IAAI,KAAkC;AAE5D,SAAgB,SAAY,SAAsB;CAChD,MAAM,WAAW,IAAI,MAAM,QAAQ;AACnC,eAAc,IAAI,UAAU,EAAE,KAAK,SAAS;AAC5C,QAAO;;AAGT,SAAS,uBAAuB;AAC9B,MAAK,MAAM,YAAY,WAAW;AAChC,MAAI,CAAC,SAAS,WAAW;AACvB,aAAU,OAAO,SAAS;AAC1B;;EAGF,IAAI,mBAAmB;AACvB,OAAK,MAAM,SAAS,SAAS,QAAQ;GACnC,MAAM,WAAW,MAAM;AAEvB,OAAI,UAAU;SACP,MAAM,KAAK,SACd,KAAI,EAAE,MAAM,aAAa;AACvB,wBAAmB;AACnB;;;AAIN,OAAI,iBAAkB;;AAGxB,MAAI,CAAC,kBAAkB;AACrB,YAAS,MAAM;AACf,aAAU,OAAO,SAAS;;;;AAKhC,SAAS,eAAe;AACtB,KAAI,SAAU;AACd,YAAW,IAAI,kBAAkB,cAAc;AAC7C,OAAK,MAAM,KAAK,UACd,KAAI,EAAE,aAAa,OACjB,uBAAsB;GAG1B;AACF,UAAS,QAAQ,SAAS,MAAM;EAAE,WAAW;EAAM,SAAS;EAAM,CAAC;;AASrE,SAAgB,SAAiB;AAC/B;AACA,eAAc,IAAI,WAAW,EAAE,CAAC;AAChC,QAAO;;AAGT,SAAgB,MAAM,UAAqB,IAAY;CACrD,MAAM,SAAS,cAAc,IAAI,GAAG;AACpC,eAAc,OAAO,GAAG;CAExB,MAAM,WAA0B;EAC9B;EACA,YAAY;AACV,YAAS,MAAM;;EAEjB,IAAI,YAAY;AACd,UAAO,SAAS;;EAEnB;CAED,MAAM,WAAW,SAAS,KAAK,KAAK,SAAS;AAC7C,UAAS,OAAO,WAAY;AAC1B,UAAQ,SAAS;AACjB,SAAO,UAAU;;AAEnB,WAAU,IAAI,SAAS;AACvB,eAAc;;AAGhB,SAAgB,QAAQ,UAAyB;AAC/C,WAAU,OAAO,SAAS;;;;AC7F5B,MAAM,cAAc;AACpB,MAAM,aAAa;CACjB,OAAO;CACP,YAAY;CACZ,cAAc;CACd,UAAU;CACX;AAED,MAAM,aAAa;AAEnB,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;AAEd,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,WAAW,SAAS,MAAM;CAChC,IAAI;CACJ,IAAI;AAEJ,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,aAA2B,EAAE;EACnC,MAAM,YAAY,MAAM;EACxB,MAAM,UAAU,SAAS,EAAE;AAC3B,OAAK,IAAI,IAAI,GAAG,IAAI,WAAW,IAC7B,kBAAiB,GAAI,MAAmB,IAAI,YAAY,iBAAiB;AACvE,WAAQ,MAAM,IAAI,QAAQ;IAC1B;AAEJ,iBAAe;AACb,WAAQ;AACR,UAAO,SAAS;;AAElB,WAAS,MAAM;QACV;AACL,iBAAe,SAAS;AACxB,YAAU,WAAyB;AACjC,YAAS,MAAM;;AAEjB,WAAS,MAAM;;AAGjB,QAAO,iBAAiB,QAAQ;GAC7B,cAAc;GACd,MAAM;GACL,KAAK;GACL,KAAK;GACL,YAAY;GACb;EACF,CAAC;AAEF,QAAO;;AAGT,SAAS,gBACP,KACA,gBACA;AACA,KAAI,cAAc,KAAK,YAAY,CAAE,QAAO;CAE5C,MAAM,SAAoB,EAAE;AAE5B,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,IAAI,CAC5C,KAAI,cAAc,MAAM,CACrB,gBAA8B,OAAO,gBAAgB,OAAO,EAAE,CAAC;MAC3D;EACL,MAAM,WAAW,iBAAiB,KAAK,OAAO,eAAe;AAC7D,SAAO,KAAK,SAAS;;AAIzB,QAAO,eAAe,gBAAgB,YAAY;EAChD,OAAO;EACP,YAAY;EACZ,cAAc;EACd,UAAU;EACX,CAAC;AAEF,QAAO;;AAGT,SAAgB,UAAgC,MAAS;AACvD,QAAO,gBAAgB,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;AC7GlC,SAAgB,YAAkC,eAAkB;AAClE,KAAI,SACF,QAAO,CAAC,eAAe,cAAqC;CAE9D,MAAM,KAAK,QAAQ;CACnB,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,QAAQ,IAAI,MAAM,MAAM;AAE9B,OAAM,OAAO,GAAG;AAEhB,QAAO,CAAC,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;AAsBvB,SAAgB,eAAqC,eAAkB;AACrE,KAAI,SACF,QAAO,CAAC,eAAe,cAAwC;CAEjE,MAAM,KAAK,QAAQ;CACnB,MAAM,QAAQ,UAAU,cAAc;CACtC,MAAM,WAAW,IAAI,SAAS,MAAM;AAEpC,OAAM,UAAU,GAAG;AAEnB,QAAO,CAAC,OAAO,SAAS"}