@torpor/view 0.3.0 → 0.3.2

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["effect: Effect","EFFECT_TYPE","proxyDataSymbol: unique symbol","proxyHandledSymbol: unique symbol","SIGNAL_TYPE","lastEffect: Effect | null","context","targetSub: Subscription","computed: Computed | undefined","EFFECT_TYPE","COMPUTED_TYPE","data: ProxyData","context","SIGNAL_TYPE","COMPUTED_TYPE","arrayWrapper: Record<PropertyKey, any>","context","handler: ProxyHandler<T>","context","context","context","context","setAttribute","animations: Animation[] | undefined","context","context","context","context","context","context","context","context","runControl","context","oldKeyToIndex: Map<any, number> | undefined","newKeyToIndex: Map<any, number> | undefined","listItems: ListItem[]","runList","context","context","#init"],"sources":["../src/render/$mount.ts","../src/render/$run.ts","../src/watch/symbols.ts","../src/render/$unwrap.ts","../src/watch/trackProxyEffect.ts","../src/watch/updateSignal.ts","../src/watch/proxyGet.ts","../src/watch/proxySet.ts","../src/render/$watch.ts","../src/render/addAnimation.ts","../src/render/addEvent.ts","../src/motion/animate.ts","../src/render/isFragmentNode.ts","../src/render/addFragment.ts","../src/render/applyProps.ts","../src/render/clearRange.ts","../src/render/clearLayoutSlot.ts","../src/render/newRange.ts","../src/render/popRange.ts","../src/render/pushRange.ts","../src/render/fillLayoutSlot.ts","../src/render/getFragment.ts","../src/render/hydrate.ts","../src/render/mount.ts","../src/render/newListItem.ts","../src/render/hydrationMarkers.ts","../src/render/isCommentNode.ts","../src/render/isTextNode.ts","../src/render/nodeCheckHydrationBreak.ts","../src/render/nodeNext.ts","../src/render/nodeAnchor.ts","../src/render/nodeChild.ts","../src/render/nodeRoot.ts","../src/render/nodeSkip.ts","../src/render/runControl.ts","../src/render/runControlBranch.ts","../src/render/moveRange.ts","../src/render/runListItems.ts","../src/render/runList.ts","../src/render/setAttribute.ts","../src/render/setDynamicElement.ts","../src/wrappers/ReactiveDate.ts"],"sourcesContent":["import type Cleanup from \"../types/Cleanup\";\nimport context from \"./context\";\n\n/**\n * Runs and re-runs a function on component mount\n *\n * @param fn The function to run, which may return a cleanup function\n */\nexport default function $mount(fn: () => Cleanup | void): void {\n\tcontext.mountEffects.push(fn);\n}\n","import type Cleanup from \"../types/Cleanup\";\nimport type Effect from \"../types/Effect\";\nimport { EFFECT_TYPE } from \"../types/constants\";\nimport runEffect from \"../watch/runEffect\";\n\n// TODO: Take a pipeline of operators e.g. debounce\n\n/**\n * Runs and re-runs a function that depends on a watched object\n *\n * @param fn The function to run, which may return a cleanup function.\n */\nexport default function $run(fn: () => Cleanup | void, name?: string): Effect {\n\tlet effect: Effect = {\n\t\ttype: EFFECT_TYPE,\n\t\trun: fn,\n\t\tcleanup: undefined,\n\t\tfirstSource: null,\n\t\tnextEffect: null,\n\t\textent: 0,\n\t\tnextEffectToRun: null,\n\t\tdidError: false,\n\t\tname,\n\t\t//name: dev.effectName(fn),\n\t};\n\n\trunEffect(effect);\n\n\treturn effect;\n}\n","// TODO: Should these be branded?\nconst proxyDataSymbol: unique symbol = Symbol(\"_proxy_data\");\nconst proxyHandledSymbol: unique symbol = Symbol(\"_proxy_handled\");\n\nexport { proxyDataSymbol, proxyHandledSymbol };\n","import { proxyDataSymbol } from \"../watch/symbols\";\n\n/**\n * Returns the target object of a proxy\n *\n * @param object The proxy object\n */\nexport default function $unwrap<T extends Record<PropertyKey, any>>(object: T): T {\n\treturn object !== undefined && object !== null && object[proxyDataSymbol] !== undefined\n\t\t? (object[proxyDataSymbol].target ?? object)\n\t\t: object;\n}\n","import type ProxyData from \"../types/ProxyData\";\nimport { SIGNAL_TYPE } from \"../types/constants\";\nimport trackEffect from \"./trackEffect\";\n\nexport default function trackProxyEffect(data: ProxyData, key: PropertyKey): void {\n\t//console.log(`tracking effect '${context.activeTarget.name}' for '${String(key)}' prop`);\n\n\t// Create or get the signals\n\tlet signal = data.signals.get(key);\n\tif (signal === undefined) {\n\t\tsignal = {\n\t\t\ttype: SIGNAL_TYPE,\n\t\t\tfirstTarget: null,\n\t\t\tnextSignalToUpdate: null,\n\t\t\t//name: dev.propName(key),\n\t\t};\n\t\tdata.signals.set(key, signal);\n\t}\n\n\ttrackEffect(signal);\n}\n","import context from \"../render/context\";\nimport type Computed from \"../types/Computed\";\nimport type Effect from \"../types/Effect\";\nimport type ProxyData from \"../types/ProxyData\";\nimport type ProxySignal from \"../types/ProxySignal\";\nimport type Subscription from \"../types/Subscription\";\nimport { COMPUTED_TYPE, EFFECT_TYPE } from \"../types/constants\";\nimport batchEnd from \"./batchEnd\";\nimport batchStart from \"./batchStart\";\n\nlet lastEffect: Effect | null;\n\n/**\n * When a signal is changed, we need to\n * - Set the signal's subscriptions to recalc\n * - Set any dependent computed values to recalc\n * - Gather dependent effects that will need to be re-run\n */\nexport default function updateSignal(proxy: ProxyData, key: PropertyKey): void {\n\t//console.log(`triggering effects for '${String(key)}' on`, proxy);\n\t//console.log(\"===\");\n\t//console.log(`triggering effects for '${String(key)}'`);\n\n\tlet signal = proxy.signals.get(key) as ProxySignal;\n\tif (signal !== undefined && signal.firstTarget !== null) {\n\t\tbatchStart();\n\n\t\ttry {\n\t\t\t// Add the signal to the context for updating after triggering\n\t\t\tif (context.firstSignalToUpdate === null) {\n\t\t\t\tcontext.firstSignalToUpdate = signal;\n\t\t\t} else if (signal.nextSignalToUpdate === null) {\n\t\t\t\tlet lastSignal = context.firstSignalToUpdate;\n\t\t\t\twhile (lastSignal.nextSignalToUpdate !== null) {\n\t\t\t\t\tlastSignal = lastSignal.nextSignalToUpdate;\n\t\t\t\t}\n\t\t\t\tlastSignal.nextSignalToUpdate = signal;\n\t\t\t}\n\n\t\t\t// Cache the last effect in the chain, so we don't have to keep\n\t\t\t// looping in cases where there are lots of them for this signal\n\t\t\tlastEffect = context.firstEffectToRun;\n\t\t\tif (lastEffect !== null) {\n\t\t\t\twhile (lastEffect.nextEffectToRun !== null) {\n\t\t\t\t\tlastEffect = lastEffect.nextEffectToRun;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// De-activate all targets, so they can be re-used/updated/deleted,\n\t\t\t// and mark them to be recalculated\n\t\t\tlet targetSub: Subscription = signal.firstTarget;\n\t\t\tlet computed: Computed | undefined;\n\t\t\touter: while (true) {\n\t\t\t\t// De-activate all targets, so they can be re-used/updated/deleted\n\t\t\t\ttargetSub.active = false;\n\t\t\t\ttargetSub.recalc = true;\n\n\t\t\t\tconst target = targetSub.target;\n\t\t\t\tif (target.type === EFFECT_TYPE) {\n\t\t\t\t\t// Add the effect to the context for running after triggering\n\t\t\t\t\tif (lastEffect === null) {\n\t\t\t\t\t\tcontext.firstEffectToRun = target;\n\t\t\t\t\t\tlastEffect = target;\n\t\t\t\t\t} else if (target.nextEffectToRun === null && lastEffect !== target) {\n\t\t\t\t\t\tlastEffect.nextEffectToRun = target;\n\t\t\t\t\t\tlastEffect = target;\n\t\t\t\t\t}\n\t\t\t\t} else if (/*target.type === COMPUTED_TYPE*/ !target.recalc) {\n\t\t\t\t\t// This may need to be re-computed in the pull phase\n\t\t\t\t\ttarget.recalc = true;\n\n\t\t\t\t\t// Check the computed's targets\n\t\t\t\t\tif (target.firstTarget !== null) {\n\t\t\t\t\t\tcomputed = target;\n\t\t\t\t\t\tcomputed.rollback = targetSub;\n\t\t\t\t\t\ttargetSub = target.firstTarget;\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// If there are no more targets, we may need to rollback to the\n\t\t\t\t// last computed that had more targets\n\t\t\t\twhile (targetSub.nextTarget === null && computed !== undefined) {\n\t\t\t\t\ttargetSub = computed.rollback!;\n\t\t\t\t\tif (targetSub.source.type !== COMPUTED_TYPE) {\n\t\t\t\t\t\tcomputed = undefined;\n\t\t\t\t\t\tcontinue outer;\n\t\t\t\t\t}\n\t\t\t\t\tcomputed = targetSub.source;\n\t\t\t\t}\n\n\t\t\t\tif (targetSub.nextTarget === null) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\ttargetSub = targetSub.nextTarget;\n\t\t\t}\n\t\t} finally {\n\t\t\tbatchEnd();\n\t\t}\n\t}\n}\n","import $watch from \"../render/$watch\";\nimport context from \"../render/context\";\nimport type Computed from \"../types/Computed\";\nimport type ProxyData from \"../types/ProxyData\";\nimport { COMPUTED_TYPE, SIGNAL_TYPE } from \"../types/constants\";\nimport checkComputed from \"./checkComputed\";\nimport { proxyDataSymbol } from \"./symbols\";\nimport trackEffect from \"./trackEffect\";\nimport trackProxyEffect from \"./trackProxyEffect\";\nimport updateSignal from \"./updateSignal\";\n\nexport default function proxyGet(\n\ttarget: Record<PropertyKey, any>,\n\tkey: PropertyKey,\n\treceiver: any,\n): any {\n\tlet data: ProxyData = target[proxyDataSymbol];\n\n\tif (key === proxyDataSymbol) {\n\t\treturn data;\n\t}\n\n\t//console.log(`object get '${String(key)}' on`, target);\n\t//console.log(`object get '${String(key)}'`);\n\n\tlet signal = data.signals.get(key);\n\tif (signal === undefined) {\n\t\tconst propDescriptor = Object.getOwnPropertyDescriptor(target, key);\n\t\tif (propDescriptor !== undefined) {\n\t\t\tif (propDescriptor.writable) {\n\t\t\t\t// Setup data for the property\n\t\t\t\tif (data.shallow !== true) {\n\t\t\t\t\t// Set the value to a new proxy if it's an object\n\t\t\t\t\tconst value = target[key];\n\t\t\t\t\tif (\n\t\t\t\t\t\tvalue !== undefined &&\n\t\t\t\t\t\tvalue !== null &&\n\t\t\t\t\t\ttypeof value === \"object\" &&\n\t\t\t\t\t\tvalue[proxyDataSymbol] === undefined &&\n\t\t\t\t\t\t// But not if it's a Promise (i.e. has a `then` method)\n\t\t\t\t\t\tvalue.then === undefined\n\t\t\t\t\t) {\n\t\t\t\t\t\ttarget[key] = $watch(value);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// If a property is being accessed in the course of setting up an\n\t\t\t\t// effect, track it\n\t\t\t\ttrackProxyEffect(data, key);\n\t\t\t} else if (propDescriptor.get) {\n\t\t\t\t// OK, we're only checking for computed values if it's read-only for\n\t\t\t\t// now, but we probably need to check any getter's value -- e.g. the\n\t\t\t\t// user may wish to add a setter to optimistically set a value, have\n\t\t\t\t// the UI update, then set the value concretely later (e.g. if\n\t\t\t\t// updating a `count` via a fetch)\n\n\t\t\t\tconst oldRegisterComputed = context.registerComputed;\n\t\t\t\ttry {\n\t\t\t\t\t// Allow calling `$cache` to assign the computed to a proxy\n\t\t\t\t\t// signal\n\t\t\t\t\tcontext.registerComputed = (computed: Computed) => {\n\t\t\t\t\t\tdata.signals.set(key, computed);\n\t\t\t\t\t};\n\t\t\t\t\treturn Reflect.get(target, key, receiver);\n\t\t\t\t} finally {\n\t\t\t\t\tcontext.registerComputed = oldRegisterComputed;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (data.isArray) {\n\t\t\t// If it's a function in an array, we may intercept it\n\t\t\tif (arrayWrapper[key] !== undefined) {\n\t\t\t\treturn arrayWrapper[key](data, target, key);\n\t\t\t}\n\t\t}\n\t} else if (signal.type === SIGNAL_TYPE) {\n\t\t// If a property is being accessed in the course of setting up an\n\t\t// effect, track it\n\t\ttrackProxyEffect(data, key);\n\t} else if (signal.type === COMPUTED_TYPE) {\n\t\tif (signal.running) {\n\t\t\tthrow new Error(\"Cycle detected\");\n\t\t} else if (signal.recalc) {\n\t\t\t// If a signal that the computed depends on has been changed,\n\t\t\t// but the computed hasn't yet been read, it may need to be\n\t\t\t// re-computed\n\t\t\tcheckComputed(signal);\n\t\t} else if (signal.didError) {\n\t\t\t// If there was a previous error, and no dependencies have\n\t\t\t// changed, throw the error again\n\t\t\tthrow signal.value;\n\t\t} else {\n\t\t\ttrackEffect(signal);\n\t\t}\n\t\treturn signal.value;\n\t}\n\n\t// Return the property value\n\treturn Reflect.get(target, key, receiver);\n}\n\n// Prevent array functions from calling functions and properties in breakable\n// ways (e.g. calling splice sets length before adding items)\nconst arrayWrapper: Record<PropertyKey, any> = {\n\t[Symbol.iterator]: function (data: ProxyData, target: any, key: PropertyKey) {\n\t\ttrackProxyEffect(data, \"length\");\n\t\t// HACK: This prevents lists being re-run on every random property\n\t\t// access by disabling the active effect before properties get\n\t\t// accessed. I'm not sure if this is the best way to achieve this...\n\t\tcontext.activeTarget = null;\n\t\treturn target[key];\n\t},\n\tpop: arrayHandle,\n\tpush: arrayHandle,\n\treverse: arrayHandle,\n\tshift: arrayHandle,\n\tsort: arrayHandle,\n\tsplice: arrayHandle,\n\tunshift: arrayHandle,\n};\n\nfunction arrayHandle(data: ProxyData, target: any, key: PropertyKey): Function {\n\t// Call the function on the target (so proxy properties don't get\n\t// intercepted) and trigger effects that depend on `length`\n\treturn function (...args: any[]) {\n\t\tconst func = target[key];\n\t\tconst result = func.apply(target, args);\n\t\tupdateSignal(data, \"length\");\n\t\treturn result;\n\t};\n}\n","import $watch from \"../render/$watch\";\nimport context from \"../render/context\";\nimport { proxyDataSymbol } from \"./symbols\";\n//import transferEffects from \"./transferEffects\";\nimport updateSignal from \"./updateSignal\";\n\nexport default function proxySet(\n\ttarget: Record<PropertyKey, any>,\n\tkey: PropertyKey,\n\tvalue: any,\n\treceiver: any,\n): boolean {\n\t//console.log(`object set '${String(key)}' to '`, value, `' on`, target);\n\t//console.log(`object set '${String(key)}'`);\n\n\t// Only do things if the value has changed\n\tconst oldValue = target[key];\n\tif (value !== oldValue) {\n\t\tif (context.batchOperation > 100) {\n\t\t\tthrow new Error(\"Cycle detected\");\n\t\t}\n\n\t\tlet data = target[proxyDataSymbol];\n\n\t\t// If the value was previously a proxy, watch the new value and update\n\t\t// its effect subscriptions\n\t\tif (oldValue && oldValue[proxyDataSymbol] !== undefined) {\n\t\t\tvalue = $watch(value, { shallow: oldValue[proxyDataSymbol].shallow });\n\t\t\t//transferEffects(oldValue, newValue);\n\t\t}\n\n\t\t// Set the property value on the target\n\t\tReflect.set(target, key, value, receiver);\n\n\t\t// Re-run effects\n\t\tupdateSignal(data, key);\n\n\t\t// If an item in an array is being set directly, trigger the length to\n\t\t// cause any lists to be re-run and data re-bound\n\t\t// TODO: Can we update the single item's data directly somehow?\n\t\tif (data.isArray && !isNaN(+String(key))) {\n\t\t\tupdateSignal(data, \"length\");\n\t\t}\n\t}\n\n\treturn true;\n}\n","import type ProxyData from \"../types/ProxyData\";\nimport type WatchOptions from \"../types/WatchOptions\";\nimport proxyGet from \"../watch/proxyGet\";\nimport proxySet from \"../watch/proxySet\";\nimport { proxyDataSymbol } from \"../watch/symbols\";\n\n/**\n * Watches an object and runs effects when its properties are changed\n *\n * @param object The object to watch\n */\nexport default function $watch<T extends Record<PropertyKey, any>>(\n\tobject: T,\n\toptions?: WatchOptions,\n): T {\n\t// Return the object itself if it is undefined or null, or if it is already a proxy\n\tif (object === undefined || object === null || object[proxyDataSymbol] !== undefined) {\n\t\treturn object;\n\t}\n\n\t// DEBUG: Make sure we can proxy this value\n\t//if (typeof object !== \"object\") {\n\t//\tthrow new Error(`$watch can't be called with a ${typeof object}`);\n\t//}\n\n\t// Create a proxy handler for each object, and store some data for it here\n\tconst data: ProxyData = {\n\t\ttarget: object,\n\t\tisArray: Array.isArray(object),\n\t\tshallow: options?.shallow === true,\n\t\tsignals: new Map(),\n\t};\n\n\t// @ts-ignore\n\tobject[proxyDataSymbol] = data;\n\n\tconst handler: ProxyHandler<T> = {\n\t\tget: proxyGet,\n\t\tset: proxySet,\n\t};\n\n\treturn new Proxy(object, handler) as T;\n}\n","import type Animation from \"../types/Animation\";\nimport context from \"./context\";\n\nexport default function addAnimation(el: HTMLElement, entry?: Animation, exit?: Animation): void {\n\t// Stash the event in context so that it can be added when the fragment is\n\t// added to the DOM\n\t// NOTE: We don't need to do this for hydration, but it's simpler to do it\n\t// the same way in both processes\n\tcontext.stashedAnimations.push({\n\t\trange: context.activeRange,\n\t\tel,\n\t\tin: entry,\n\t\tout: exit,\n\t});\n}\n","import context from \"./context\";\n\nexport default function addEvent(\n\tel: Element,\n\ttype: string,\n\tlistener: (this: Element, ev: any) => any,\n): void {\n\t// Stash the event in context so that it can be added when the fragment is\n\t// added to the DOM\n\t// NOTE: We don't need to do this for hydration, but it's simpler to do it\n\t// the same way in both processes\n\tcontext.stashedEvents.push({ range: context.activeRange, el, type, listener });\n}\n","import context from \"../render/context\";\n\n/**\n * Adds an animation for an element\n * @param el The element to animate\n * @param enter Whether the animation is being run on enter\n * @param keyframes The Web Animation API keyframes\n * @param options The Web Animmation API options\n */\nexport default async function animate(\n\tel: HTMLElement,\n\tenter: boolean,\n\tkeyframes: Keyframe[] | PropertyIndexedKeyframes | null,\n\toptions?: number | KeyframeAnimationOptions,\n): Promise<void> {\n\t// This is quite simplistic\n\t// We might need to\n\t// - store the animation\n\t// - reverse it if it's running and the range appears/disappears\n\t// - transfer the animation to the new element\n\tlet animationOptions = Object.assign(\n\t\t{\n\t\t\tdirection: enter ? \"normal\" : \"reverse\",\n\t\t\t// TODO: Should probably have a global setting for these somewhere\n\t\t\t// And respect browser reduce motion settings\n\t\t\tduration: 300,\n\t\t\teasing: \"ease-in-out\",\n\t\t\tfill: \"forwards\",\n\t\t},\n\t\toptions,\n\t);\n\n\tconst animation = el.animate(keyframes, animationOptions);\n\n\t// HACK: I'm not entirely sure why we need to sent the animation's timeline,\n\t// but without it, animations never start\n\t// HACK: We also need to make sure the element has been added to the DOM\n\t// with a timeout\n\tsetTimeout(() => {\n\t\tanimation.timeline = el.ownerDocument.timeline;\n\t}, 1);\n\n\t// Add the animation to the active range, so that the range won't be cleared\n\t// until the animation is completed\n\tlet activeRange = context.activeRange;\n\tif (activeRange) {\n\t\t// TODO: An option for whether to await or cancel events on range remove\n\t\t// e.g. if you are doing a client side navigation, you don't want to run animations\n\t\tactiveRange.animations ??= new Set();\n\t\tactiveRange.animations.add(animation);\n\t\tawait animation.finished;\n\t\tactiveRange.animations.delete(animation);\n\t}\n}\n","export default function isFragmentNode(node: Node): node is DocumentFragment {\n\treturn node.nodeType === 11;\n}\n","import animate from \"../motion/animate\";\nimport $run from \"./$run\";\nimport context from \"./context\";\nimport isFragmentNode from \"./isFragmentNode\";\n\nexport default function addFragment(\n\tfragment: DocumentFragment,\n\tparent: ParentNode,\n\tbefore: Node | null,\n\tendNode?: ChildNode,\n): void {\n\t//console.log(`adding fragment '${fragment.textContent}' to `, parent);\n\t//console.log(\"before\", before);\n\n\tconst range = context.activeRange;\n\tconst hydrationNode = context.hydrationNode;\n\n\t// Set the active range's end node to the last node in the fragment\n\tif (hydrationNode !== null) {\n\t\trange.endNode = endNode ?? hydrationNode;\n\t} else {\n\t\trange.startNode = fragment.firstChild;\n\t\trange.endNode = fragment.lastChild;\n\t}\n\n\tparent = before?.parentNode ?? parent;\n\n\t// Add the fragment\n\tif (hydrationNode === null) {\n\t\tparent.insertBefore(fragment, before);\n\t}\n\n\t// If we're adding this fragment to the DOM, we can now run any $mount\n\t// effects, add our stashed events and play our stashed animations\n\tif (!isFragmentNode(parent)) {\n\t\t// Only run $mount effects if not hydrating (if hydrating, they will get\n\t\t// run at the end when everything is hooked up)\n\t\tif (hydrationNode === null) {\n\t\t\tfor (let effect of context.mountEffects) {\n\t\t\t\t$run(effect);\n\t\t\t}\n\t\t\tcontext.mountEffects.length = 0;\n\t\t}\n\n\t\t// Set the active range for each event so it will get attached to the\n\t\t// right one and set it back afterwards\n\t\tfor (let event of context.stashedEvents) {\n\t\t\tcontext.activeRange = event.range;\n\t\t\t$run(function addFragmentEvent() {\n\t\t\t\tevent.el.addEventListener(event.type, event.listener);\n\t\t\t\treturn () => {\n\t\t\t\t\tevent.el.removeEventListener(event.type, event.listener);\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t\tcontext.stashedEvents.length = 0;\n\n\t\t// Set the active range for each animation so it will get attached to\n\t\t// the right one and set it back afterwards\n\t\t// Don't await animations\n\t\tfor (let animation of context.stashedAnimations) {\n\t\t\tcontext.activeRange = animation.range;\n\t\t\t$run(function addFragmentAnimation() {\n\t\t\t\tif (animation.in !== undefined) {\n\t\t\t\t\t// eslint-disable-next-line no-floating-promises\n\t\t\t\t\tanimate(animation.el, true, animation.in.keyframes, animation.in.options);\n\t\t\t\t}\n\t\t\t\tif (animation.out !== undefined) {\n\t\t\t\t\treturn () => {\n\t\t\t\t\t\t// eslint-disable-next-line no-floating-promises\n\t\t\t\t\t\tanimate(animation.el, false, animation.out!.keyframes, animation.out!.options);\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\tcontext.stashedAnimations.length = 0;\n\n\t\t// Set the active range back\n\t\tcontext.activeRange = range;\n\t}\n}\n","import $run from \"./$run\";\n\nexport default function applyProps(\n\tel: Element,\n\tprops: Record<string, any> | undefined,\n\tpropNamesUsed: string[],\n): void {\n\tif (props !== undefined) {\n\t\tfor (let [name, value] of Object.entries(props)) {\n\t\t\tif (!propNamesUsed.includes(name)) {\n\t\t\t\tif (name.startsWith(\"on\")) {\n\t\t\t\t\tconst eventName = name.substring(2);\n\t\t\t\t\tel.addEventListener(eventName, value);\n\t\t\t\t} else {\n\t\t\t\t\t$run(function setAttribute() {\n\t\t\t\t\t\tel.setAttribute(name, value);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import type Range from \"../types/Range\";\n\nexport default function clearRange(range: Range): void {\n\t//console.log(\"clearing range\", range.name, \"from\", range.startNode, \"to\", range.endNode);\n\n\t// Clear child ranges and collect animations that take place within this\n\t// range and its children\n\tlet animations: Animation[] | undefined =\n\t\trange.animations !== null ? Array.from(range.animations) : undefined;\n\tlet childRange = range.nextRange;\n\twhile (childRange !== null && childRange.depth > range.depth) {\n\t\tif (childRange.animations !== null) {\n\t\t\tanimations ??= [];\n\t\t\tanimations.push(...childRange.animations);\n\t\t}\n\t\treleaseRange(childRange);\n\t\t// HACK: see runControlBranch\n\t\tchildRange.depth = -2;\n\t\tchildRange = childRange.nextRange;\n\t}\n\trange.nextRange = childRange;\n\n\tif (range.previousRange !== null) {\n\t\trange.previousRange.nextRange = range.nextRange;\n\t}\n\tif (range.nextRange !== null) {\n\t\trange.nextRange.previousRange = range.previousRange;\n\t}\n\n\t// Wait for animations, if any, then clear the range's nodes\n\tif (animations !== undefined) {\n\t\t// eslint-disable-next-line no-floating-promises\n\t\tPromise.all(animations.map((a) => a.finished)).then(() => clearNodes(range));\n\t} else {\n\t\tclearNodes(range);\n\t}\n}\n\nfunction clearNodes(range: Range) {\n\t// Clear the nodes for this range\n\tif (range.startNode !== null && range.endNode !== null) {\n\t\tlet currentNode = range.endNode;\n\t\t// DEBUG:\n\t\t//if (range.startNode.parentNode !== currentNode.parentNode) {\n\t\t//\tthrow new Error(\"range nodes have different parents\");\n\t\t//}\n\t\twhile (currentNode !== range.startNode) {\n\t\t\tlet previousNode = currentNode.previousSibling;\n\t\t\tcurrentNode.remove();\n\t\t\tcurrentNode = previousNode!;\n\t\t}\n\t\tcurrentNode.remove();\n\t}\n\treleaseRange(range);\n}\n\nfunction releaseRange(range: Range) {\n\trange.startNode = null;\n\trange.endNode = null;\n\trange.previousRange = null;\n\trange.nextRange = null;\n\trange.animations = null;\n}\n","import type Range from \"../types/Range\";\nimport clearRange from \"./clearRange\";\n\nexport default function clearLayoutSlot(range: Range): void {\n\tclearRange(range);\n}\n","import type Range from \"../types/Range\";\n\nexport default function newRange(name?: string): Range {\n\treturn {\n\t\tstartNode: null,\n\t\tendNode: null,\n\t\tpreviousRange: null,\n\t\tnextRange: null,\n\t\tdepth: -1,\n\t\tanimations: null,\n\t\tname,\n\t};\n}\n","import type Range from \"../types/Range\";\nimport context from \"./context\";\n\nexport default function popRange(oldRange: Range): void {\n\tcontext.activeRange = oldRange;\n}\n","import type Range from \"../types/Range\";\nimport context from \"./context\";\n\nexport default function pushRange(range: Range, toParent = false): Range {\n\tconst activeRange = context.activeRange;\n\n\t// Add the new range to the currently active range's children, so that we\n\t// can delete the children with the parent\n\tif (toParent) {\n\t\tconst previousRange = context.previousRange;\n\t\trange.previousRange = previousRange;\n\n\t\tconst nextRange = previousRange.nextRange;\n\t\tpreviousRange.nextRange = range;\n\t\trange.nextRange = nextRange;\n\n\t\trange.depth = activeRange.depth + 1;\n\t}\n\n\t// Set the new active range\n\tcontext.activeRange = range;\n\tcontext.previousRange = range;\n\n\t// Return the old active range, so that it can be reset when done\n\treturn activeRange;\n}\n","import type Component from \"../types/Component\";\nimport type Range from \"../types/Range\";\nimport type SlotRender from \"../types/SlotRender\";\nimport newRange from \"./newRange\";\nimport popRange from \"./popRange\";\nimport pushRange from \"./pushRange\";\n\nexport default function fillLayoutSlot(\n\tcomponent: Component,\n\tslot: SlotRender,\n\tparent: ParentNode,\n\tanchor: Node | null,\n\t$props: Record<string, string>,\n\t$context?: Record<PropertyKey, any>,\n): Range {\n\tconst range = newRange();\n\tconst oldRange = pushRange(range);\n\n\tcomponent(parent, anchor, $props, $context, {\n\t\t_: slot,\n\t});\n\n\tpopRange(oldRange);\n\n\treturn range;\n}\n","export default function getFragment(\n\tdocument: Document,\n\tarray: DocumentFragment[],\n\tindex: number,\n\thtml: string,\n\tns?: boolean,\n): DocumentFragment {\n\t// Create the fragment in the array if it hasn't yet been used\n\tif (array[index] === undefined) {\n\t\t// TODO: Should pass a string for the ns, when we support other element types\n\t\tif (ns === true) {\n\t\t\tconst template = document.createElementNS(\"http://www.w3.org/2000/svg\", \"template\");\n\t\t\ttemplate.innerHTML = html;\n\t\t\tconst fragment = new DocumentFragment();\n\t\t\tfragment.append(...template.childNodes);\n\t\t\tarray[index] = fragment;\n\t\t} else {\n\t\t\tconst template = document.createElement(\"template\");\n\t\t\ttemplate.innerHTML = html;\n\t\t\tarray[index] = template.content;\n\t\t}\n\t}\n\n\t// Get the fragment from the array\n\t// TODO: If we're hydrating we probably don't want to create and return a\n\t// fragment unless we really need to\n\tlet fragment = array[index].cloneNode(true) as DocumentFragment;\n\n\treturn fragment;\n}\n","import type Component from \"../types/Component\";\nimport type SlotRender from \"../types/SlotRender\";\nimport $run from \"./$run\";\nimport context from \"./context\";\nimport newRange from \"./newRange\";\nimport pushRange from \"./pushRange\";\n\n/**\n * Hydrates a component into an existing DOM tree\n * @param parent The parent node\n * @param component The component to mount\n * @param props An object containing component props\n */\nexport default function hydrate(\n\tparent: ParentNode,\n\tcomponent: Component,\n\tprops?: Record<string, any>,\n\tslots?: Record<string, SlotRender>,\n): void {\n\t// When mounting, the parent must have no child elements, so  we can just set\n\t// the hydration node to the first child node\n\tcontext.hydrationNode = parent.firstChild;\n\n\t// Create and push the root range\n\tcontext.rootRange = newRange();\n\tcontext.previousRange = context.rootRange;\n\tpushRange(context.rootRange);\n\n\t// Call the component's render function\n\tcomponent(parent, null, props, undefined, slots);\n\n\tcontext.hydrationNode = null;\n\n\t// Now that we've hydrated, we can run $mount effects\n\tfor (let effect of context.mountEffects) {\n\t\t$run(effect);\n\t}\n\tcontext.mountEffects.length = 0;\n}\n","import type Component from \"../types/Component\";\nimport type SlotRender from \"../types/SlotRender\";\nimport context from \"./context\";\nimport newRange from \"./newRange\";\nimport pushRange from \"./pushRange\";\n\n/**\n * Mounts a component into a DOM node\n *\n * @param parent The node to mount the component into\n * @param component The component to mount\n * @param props An object containing component props\n */\nexport default function mount(\n\tparent: ParentNode,\n\tcomponent: Component,\n\tprops?: Record<string, any>,\n\tslots?: Record<string, SlotRender>,\n): void {\n\t// The parent node must have no child elements, so that we can hydrate\n\t// without worrying about where to start\n\tif (parent.childElementCount > 0) {\n\t\tthrow new Error(\"The parent node must have no child elements\");\n\t}\n\n\t// Remove all text, commments, etc\n\twhile (parent.firstChild !== null) {\n\t\tparent.firstChild.remove();\n\t}\n\n\t// Create and push the root range\n\tcontext.rootRange = newRange();\n\tcontext.previousRange = context.rootRange;\n\tpushRange(context.rootRange);\n\n\t// Call the component's render function\n\tcomponent(parent, null, props, undefined, slots);\n}\n","import type ListItem from \"../types/ListItem\";\n\nexport default function newListItem(data: Record<PropertyKey, any>, key?: any): ListItem {\n\treturn {\n\t\tstartNode: null,\n\t\tendNode: null,\n\t\tpreviousRange: null,\n\t\tnextRange: null,\n\t\tdepth: -1,\n\t\tanimations: null,\n\t\tdata,\n\t\tkey,\n\t};\n}\n","const HYDRATION_START = \"[\";\nconst HYDRATION_END = \"]\";\nconst HYDRATION_BREAK = \"^\";\n\nexport { HYDRATION_START, HYDRATION_END, HYDRATION_BREAK };\n","export default function isCommentNode(node: Node): node is Comment {\n\treturn node.nodeType === 8;\n}\n","export default function isTextNode(node: Node): node is Text {\n\treturn node.nodeType === 3;\n}\n","import context from \"./context\";\nimport { HYDRATION_BREAK } from \"./hydrationMarkers\";\nimport isCommentNode from \"./isCommentNode\";\n\n// TODO: It would be good to remove this, if possible\n\n/**\n * When hydrating, removes and skips hydration comments that are inserted at the\n * start of branches and used to split up text nodes that would otherwise be\n * joined in HTML.\n *\n * @param node The node to check and maybe skip.\n * @returns The next node.\n */\nexport default function nodeCheckHydrationBreak(node: ChildNode | null): ChildNode | null {\n\tif (context.hydrationNode !== null) {\n\t\tif (node !== null && isCommentNode(node) && node.data === HYDRATION_BREAK) {\n\t\t\tlet comment = node;\n\t\t\tnode = node.nextSibling;\n\t\t\tcomment.remove();\n\t\t}\n\t\tcontext.hydrationNode = node;\n\t}\n\treturn node;\n}\n","import context from \"./context\";\nimport isTextNode from \"./isTextNode\";\nimport nodeCheckHydrationBreak from \"./nodeCheckHydrationBreak\";\n\n/**\n * Gets the next sibling of a node.\n *\n * When hydrating, sets the hydration node.\n *\n * @param node The node.\n * @param text Whether we require a text node.\n */\nexport default function nodeNext(node: ChildNode, text = false): ChildNode {\n\t// If the required node is a text node, and we already have one, just use\n\t// it. This is caused by text nodes being merged in HTML\n\tif (context.hydrationNode !== null && text && isTextNode(node)) {\n\t\treturn node;\n\t}\n\n\tlet nextNode = nodeCheckHydrationBreak(node.nextSibling);\n\n\t// NOTE: We know this is not null as it is being called from generated code\n\treturn nextNode!;\n}\n","import context from \"./context\";\nimport { HYDRATION_END, HYDRATION_START } from \"./hydrationMarkers\";\nimport isCommentNode from \"./isCommentNode\";\nimport nodeNext from \"./nodeNext\";\n\n/**\n * Gets the anchor node for a control statement or component.\n *\n * When mounting, this just returns the anchor node parameter (because it was\n * created).\n *\n * When hydrating, there should be matched <![> and <!]> comments in the HTML,\n * and the anchor node should be after the end comment. The matched comment\n * nodes will be deleted, and the hydration node set to the first node inside\n * the matched comments.\n *\n * @param node The potential anchor node.\n * @returns The anchor node.\n */\nexport default function nodeAnchor(node: ChildNode): ChildNode {\n\tif (context.hydrationNode !== null) {\n\t\tif (isCommentNode(node) && node.data === HYDRATION_START) {\n\t\t\t// Skip and remove the start node, setting the hydration node in\n\t\t\t// nodeNext\n\t\t\tlet currentNode = nodeNext(node);\n\t\t\tnode.remove();\n\n\t\t\t// Go through siblings until we get to the end\n\t\t\tlet level = 1;\n\t\t\twhile (currentNode !== null) {\n\t\t\t\tif (isCommentNode(currentNode)) {\n\t\t\t\t\tif (currentNode.data === HYDRATION_START) {\n\t\t\t\t\t\tlevel += 1;\n\t\t\t\t\t} else if (currentNode.data === HYDRATION_END) {\n\t\t\t\t\t\tlevel -= 1;\n\t\t\t\t\t\tif (level === 0) {\n\t\t\t\t\t\t\t// Remove the end node and return the next one\n\t\t\t\t\t\t\tconst endNode = currentNode.nextSibling;\n\t\t\t\t\t\t\tcurrentNode.remove();\n\n\t\t\t\t\t\t\t// If the statement is empty (i.e. the end comment\n\t\t\t\t\t\t\t// immediately follows the start comment), move the\n\t\t\t\t\t\t\t// hydration node past the removed end comment to\n\t\t\t\t\t\t\t// the anchor, so that we can continue to the next\n\t\t\t\t\t\t\t// nodes\n\t\t\t\t\t\t\tif (context.hydrationNode === currentNode) {\n\t\t\t\t\t\t\t\tcontext.hydrationNode = endNode;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// NOTE: We know this is not null as it is being\n\t\t\t\t\t\t\t// called from generated code\n\t\t\t\t\t\t\treturn endNode!;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tcurrentNode = currentNode.nextSibling!;\n\t\t\t}\n\n\t\t\tif (currentNode === null) {\n\t\t\t\tthrow new Error(\"End hydration comment not found\");\n\t\t\t}\n\t\t}\n\t}\n\n\treturn node;\n}\n","import context from \"./context\";\n\n/**\n * Gets the first child of a node.\n *\n * Sets the hydration node.\n *\n * @param parent The parent node.\n */\nexport default function nodeChild(parent: Node): ChildNode {\n\tlet childNode = parent.firstChild;\n\tif (context.hydrationNode !== null) {\n\t\t// The child may be null when hydrating the sole text child of an\n\t\t// element with no text\n\t\tif (childNode === null) {\n\t\t\tchildNode = parent.appendChild(parent.ownerDocument!.createTextNode(\"\"));\n\t\t}\n\t\tcontext.hydrationNode = childNode;\n\t}\n\n\t// NOTE: We know this is not null as it is being called from generated code\n\treturn childNode!;\n}\n","import context from \"./context\";\nimport { HYDRATION_START } from \"./hydrationMarkers\";\nimport isCommentNode from \"./isCommentNode\";\nimport isTextNode from \"./isTextNode\";\n\n/**\n * Gets the first child in a fragment.\n *\n * When hydrating, also sets the active range's start node, while we have it.\n *\n * @param parent The parent of the fragment.\n * @param text Whether we require a text node.\n */\nexport default function nodeRoot(parent: Node, text = false): ChildNode {\n\tif (context.hydrationNode !== null) {\n\t\tlet rootNode = context.hydrationNode;\n\n\t\t// If the root node we need is a text node, and the hydration node is\n\t\t// not a text node but the previous node is, use the previous node. This\n\t\t// is caused by text nodes being merged in HTML\n\t\tif (\n\t\t\ttext &&\n\t\t\t!isTextNode(rootNode) &&\n\t\t\trootNode.previousSibling !== null &&\n\t\t\tisTextNode(rootNode.previousSibling)\n\t\t) {\n\t\t\trootNode = rootNode.previousSibling;\n\t\t\tcontext.hydrationNode = rootNode;\n\t\t}\n\n\t\t// HACK: If the root node is a hydration start comment node, get the\n\t\t// next one instead\n\t\tif (isCommentNode(rootNode) && rootNode.data === HYDRATION_START) {\n\t\t\trootNode = rootNode.nextSibling!;\n\t\t\tcontext.hydrationNode = rootNode;\n\t\t}\n\n\t\t// If hydrating, set the active range's start node\n\t\tconst range = context.activeRange;\n\t\tif (range.startNode === null) {\n\t\t\trange.startNode = rootNode;\n\t\t}\n\n\t\treturn rootNode;\n\t} else {\n\t\t// NOTE: We know this is not null as it is being called from generated\n\t\t// code\n\t\treturn parent.firstChild!;\n\t}\n}\n","import nodeCheckHydrationBreak from \"./nodeCheckHydrationBreak\";\n\n/**\n * Gets the sibling of a node, x nodes after it.\n *\n * When hydrating, sets the hydration node.\n *\n * @param node The node.\n * @param count The number of nodes to skip.\n */\nexport default function nodeSkip(node: ChildNode, count: number): ChildNode {\n\tlet nextNode = node;\n\n\tfor (let i = 0; i < count; i++) {\n\t\tnextNode = nodeCheckHydrationBreak(nextNode.nextSibling)!;\n\t}\n\n\t// NOTE: We know this is not null as it is being called from generated code\n\treturn nextNode!;\n}\n","import type Range from \"../types/Range\";\nimport $run from \"./$run\";\nimport context from \"./context\";\nimport popRange from \"./popRange\";\nimport pushRange from \"./pushRange\";\n\n/**\n * Runs an`if`, `switch` or `await` control statement\n * @param create A function that creates the control statement's branches\n */\nexport default function runControl(\n\trange: Range,\n\tanchor: Node | null,\n\tcreate: (anchor: Node | null) => void,\n): void {\n\tconst oldRange = pushRange(range, true);\n\n\t// Run the control statement in an effect\n\t$run(function runControl() {\n\t\t// Push and pop the control statement on subsequent runs, so that new branch\n\t\t// ranges will be added to its children\n\t\tconst oldBranchRange = pushRange(range);\n\n\t\t// Run the function that creates the control statement's branches\n\t\tcreate(anchor);\n\n\t\tpopRange(oldBranchRange);\n\t});\n\n\t// If we're mounting, the anchor will be the one that is passed in, but if\n\t// we're hydrating it will be after the active branch's HTML elements, so we\n\t// need to update it after the branches have been hydrated\n\tif (context.hydrationNode) {\n\t\tanchor = context.hydrationNode.nextSibling;\n\t}\n\n\tpopRange(oldRange);\n}\n","import type Range from \"../types/Range\";\nimport clearRange from \"./clearRange\";\nimport newRange from \"./newRange\";\nimport popRange from \"./popRange\";\nimport pushRange from \"./pushRange\";\n\nexport default function runControlBranch(range: Range, create: () => void): void {\n\t// HACK: This is bad -- it means that the parent range has been cleared,\n\t// but that should have cleared the effect that runs this child range??\n\t// TODO: Look into this further...\n\tif (range.depth === -2) return;\n\n\t// Branching ranges have exactly one child -- remove it if necessary\n\tif (range.nextRange !== null && range.nextRange.depth > range.depth) {\n\t\tclearRange(range.nextRange!);\n\t}\n\n\tconst oldRange = pushRange(newRange(), true);\n\n\t// Run the create function\n\tcreate();\n\n\tpopRange(oldRange);\n}\n","import type Range from \"../types/Range\";\n\nexport default function moveRange(parent: Node, range: Range, before: ChildNode | null): void {\n\tparent = before?.parentNode ?? parent;\n\tconst endNode = range.endNode ?? range.startNode;\n\tlet currentNode = range.startNode;\n\n\twhile (currentNode !== null) {\n\t\tconst nextNode = currentNode.nextSibling;\n\t\tparent.insertBefore(currentNode, before);\n\t\tif (currentNode === endNode) break;\n\t\tcurrentNode = nextNode;\n\t}\n}\n","// Adapted from https://github.com/snabbdom/snabbdom\n// With changes from https://github.com/luwes/js-diff-benchmark\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 Simon Friis Vindum\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport type ListItem from \"../types/ListItem\";\nimport type Range from \"../types/Range\";\nimport $watch from \"./$watch\";\nimport clearRange from \"./clearRange\";\nimport moveRange from \"./moveRange\";\n\n/**\n * @param range The list's range\n * @param parent The parent DOM element\n * @param anchor The DOM element to create new items before\n * @param oldItems The list of current items\n * @param newItems The list of future items\n * @param create A function that creates the DOM elements for a new item\n */\nexport default function runListItems(\n\trange: Range,\n\tparent: ParentNode,\n\tanchor: Node | null,\n\toldItems: ListItem[],\n\tnewItems: ListItem[],\n\tcreate: (item: ListItem, before: Node | null) => void,\n\tupdate: (oldItem: ListItem, newItem: ListItem) => void,\n): void {\n\tlet oldStartIndex = 0;\n\tlet oldEndIndex = oldItems.length - 1;\n\tlet oldStartItem = oldItems[0];\n\tlet oldEndItem = oldItems[oldEndIndex];\n\n\tlet newStartIndex = 0;\n\tlet newEndIndex = newItems.length - 1;\n\tlet newStartItem = newItems[0];\n\tlet newEndItem = newItems[newEndIndex];\n\n\tlet oldKeyToIndex: Map<any, number> | undefined;\n\tlet newKeyToIndex: Map<any, number> | undefined;\n\n\twhile (oldStartIndex <= oldEndIndex && newStartIndex <= newEndIndex) {\n\t\tif (oldStartItem === null) {\n\t\t\toldStartItem = oldItems[++oldStartIndex];\n\t\t} else if (oldEndItem === null) {\n\t\t\toldEndItem = oldItems[--oldEndIndex];\n\t\t} else if (newStartItem === null) {\n\t\t\tnewStartItem = newItems[++newStartIndex];\n\t\t} else if (newEndItem === null) {\n\t\t\tnewEndItem = newItems[--newEndIndex];\n\t\t} else if (oldStartItem.key === newStartItem.key) {\n\t\t\ttransferListItemData(oldStartItem, newStartItem, update);\n\t\t\toldStartItem = oldItems[++oldStartIndex];\n\t\t\tnewStartItem = newItems[++newStartIndex];\n\t\t} else if (oldEndItem.key === newEndItem.key) {\n\t\t\ttransferListItemData(oldEndItem, newEndItem, update);\n\t\t\toldEndItem = oldItems[--oldEndIndex];\n\t\t\tnewEndItem = newItems[--newEndIndex];\n\t\t} else if (oldStartItem.key === newEndItem.key) {\n\t\t\t// Move to the end\n\t\t\t//console.log(\"move\", oldStartItem.key, \"to the end\");\n\t\t\tmoveRange(parent, oldStartItem, oldEndItem.endNode!.nextSibling!);\n\t\t\ttransferListItemData(oldStartItem, newEndItem, update);\n\t\t\toldStartItem = oldItems[++oldStartIndex];\n\t\t\tnewEndItem = newItems[--newEndIndex];\n\t\t} else if (oldEndItem.key === newStartItem.key) {\n\t\t\t// Move to the start\n\t\t\t//console.log(\"move\", oldEndItem.key, \"to the start\");\n\t\t\tmoveRange(parent, oldEndItem, oldStartItem!.startNode);\n\t\t\ttransferListItemData(oldEndItem, newStartItem, update);\n\t\t\toldEndItem = oldItems[--oldEndIndex];\n\t\t\tnewStartItem = newItems[++newStartIndex];\n\t\t} else {\n\t\t\t// Lazily build maps of keys to indexes here\n\t\t\t// They are relevant only if there has been a move, or a mid-list\n\t\t\t// insertion or deletion, and not if there has been an insertion\n\t\t\t// at the end or deletion from the front\n\t\t\tif (oldKeyToIndex === undefined || newKeyToIndex === undefined) {\n\t\t\t\toldKeyToIndex = new Map();\n\t\t\t\tfor (let i = oldStartIndex; i < oldEndIndex; i++) {\n\t\t\t\t\toldKeyToIndex.set(oldItems[i].key, i);\n\t\t\t\t}\n\t\t\t\tnewKeyToIndex = new Map();\n\t\t\t\tfor (let i = newStartIndex; i < newEndIndex; i++) {\n\t\t\t\t\tnewKeyToIndex.set(newItems[i].key, i);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlet oldIndex = oldKeyToIndex.get(newStartItem.key);\n\t\t\tlet newIndex = newKeyToIndex.get(oldStartItem.key);\n\n\t\t\tif (oldIndex === undefined && newIndex === undefined) {\n\t\t\t\t// Replace\n\t\t\t\t//console.log(\"replace\", oldStartItem.key, \"with\", newStartItem.key);\n\t\t\t\tnewStartItem.data = $watch(newStartItem.data, { shallow: true });\n\t\t\t\tcreate(newStartItem, oldStartItem.startNode);\n\t\t\t\tnewStartItem.previousRange = oldStartItem.previousRange;\n\t\t\t\tnewStartItem.nextRange = oldStartItem;\n\t\t\t\toldStartItem.previousRange = newStartItem;\n\t\t\t\tclearRange(oldStartItem);\n\t\t\t\toldStartItem = oldItems[++oldStartIndex];\n\t\t\t\tnewStartItem = newItems[++newStartIndex];\n\t\t\t} else if (oldIndex === undefined) {\n\t\t\t\t// Insert\n\t\t\t\t//console.log(\"insert\", newStartItem.key);\n\t\t\t\tnewStartItem.data = $watch(newStartItem.data, { shallow: true });\n\t\t\t\tcreate(newStartItem, oldStartItem.startNode);\n\t\t\t\tnewStartItem = newItems[++newStartIndex];\n\t\t\t} else if (newIndex === undefined) {\n\t\t\t\t// Delete\n\t\t\t\t//console.log(\"delete\", oldStartItem.key);\n\t\t\t\tclearRange(oldStartItem);\n\t\t\t\toldStartItem = oldItems[++oldStartIndex];\n\t\t\t} else {\n\t\t\t\t// Move\n\t\t\t\t//console.log(\"move\", newStartItem.key, \"before\", oldStartItem.key);\n\t\t\t\tconst oldData = oldItems[oldIndex];\n\t\t\t\tmoveRange(parent, oldData, oldStartItem.startNode);\n\t\t\t\ttransferListItemData(oldData, newStartItem, update);\n\t\t\t\t// @ts-ignore TODO: Set key null instead?\n\t\t\t\toldItems[oldIndex] = null;\n\t\t\t\tnewStartItem = newItems[++newStartIndex];\n\t\t\t}\n\t\t}\n\t}\n\n\tif (oldStartIndex <= oldEndIndex || newStartIndex <= newEndIndex) {\n\t\tif (oldStartIndex > oldEndIndex) {\n\t\t\t// The old list is exhausted; process new list additions\n\t\t\t// HACK: I think it would be better to move anchors to the end?\n\t\t\tlet before =\n\t\t\t\toldStartItem?.startNode ?? oldItems[oldItems.length - 1]?.endNode?.nextSibling ?? anchor;\n\t\t\tfor (newStartIndex; newStartIndex <= newEndIndex; newStartItem = newItems[++newStartIndex]) {\n\t\t\t\t//console.log(\"create\", newStartItem.key);\n\t\t\t\tnewStartItem.data = $watch(newStartItem.data, { shallow: true });\n\t\t\t\tcreate(newStartItem, before);\n\t\t\t\tbefore = newStartItem.endNode!.nextSibling;\n\t\t\t}\n\t\t} else {\n\t\t\t// The new list is exhausted; process old list removals\n\t\t\tfor (oldEndIndex; oldEndIndex >= oldStartIndex; oldStartItem = oldItems[oldEndIndex--]) {\n\t\t\t\t//console.log(\"clear\", oldStartItem.key);\n\t\t\t\tclearRange(oldStartItem);\n\t\t\t}\n\t\t}\n\t}\n\n\tif (newItems.length > 0) {\n\t\trange.nextRange = newItems[0];\n\t} else if (oldItems.length > 0) {\n\t\trange.nextRange = oldItems[oldItems.length - 1].nextRange;\n\t}\n}\n\nfunction transferListItemData(\n\toldItem: ListItem,\n\tnewItem: ListItem,\n\tupdate: (oldItem: ListItem, newItem: ListItem) => void,\n) {\n\tnewItem.startNode = oldItem.startNode;\n\tnewItem.endNode = oldItem.endNode;\n\t// Manually transfer the new data's props to the old ones (to run effects)\n\t// and then set the new data to the old one\n\tupdate(oldItem, newItem);\n\tnewItem.data = oldItem.data;\n}\n","import type ListItem from \"../types/ListItem\";\nimport type Range from \"../types/Range\";\nimport $run from \"./$run\";\nimport context from \"./context\";\nimport popRange from \"./popRange\";\nimport pushRange from \"./pushRange\";\nimport runListItems from \"./runListItems\";\n\n/**\n * Runs a `for` control statement\n * @param create A function that creates the control statement's branches\n */\nexport default function runList(\n\trange: Range,\n\tparent: ParentNode,\n\tanchor: Node | null,\n\tbuildItems: () => ListItem[],\n\tcreate: (item: ListItem, anchor: Node | null) => void,\n\tupdate: (oldItem: ListItem, newItem: ListItem) => void,\n): void {\n\tconst oldRange = pushRange(range, true);\n\n\tlet listItems: ListItem[] = [];\n\n\t// Run the list in an effect\n\t$run(function runList() {\n\t\t// Push and pop the control statement on subsequent runs, so that new\n\t\t// item ranges will be added to its children\n\t\tconst oldBranchRange = pushRange(range);\n\n\t\t// Build the array of items with keys and data\n\t\tconst newItems = buildItems();\n\n\t\t// Do NOT re-run the list for properties accessed while updating its\n\t\t// items. E.g. we want to re-run the list for `@for (item of $items)`\n\t\t// (in buildItems, above) but not for `<span>{item.id}</span>` (in\n\t\t// runListItems, below)\n\t\tcontext.activeTarget = null;\n\n\t\t// Run the function that updates the list's items\n\t\trunListItems(range, parent, anchor, listItems, newItems, create, update);\n\n\t\tlistItems = newItems;\n\n\t\tpopRange(oldBranchRange);\n\t});\n\n\t// If we're mounting, the anchor will be the one that is passed in, but if\n\t// we're hydrating it will be after the items' HTML elements, so we need to\n\t// update it after all of the items have been hydrated\n\tif (context.hydrationNode !== null) {\n\t\tanchor = context.hydrationNode.nextSibling;\n\t}\n\n\tpopRange(oldRange);\n}\n","export default function setAttribute(el: Element, name: string, value: any): void {\n\tif (value === false || value === undefined || value === null) {\n\t\tel.removeAttribute(name);\n\t} else {\n\t\tel.setAttribute(name, value);\n\t}\n}\n","import context from \"./context\";\n\n// TODO: Should we @toggle this instead? That would call onmount etc again for the new element\n\nexport default function setDynamicElement(el: HTMLElement, tag: string): HTMLElement {\n\t// If hydrating, it should already have been created as the correct element\n\tif (context.hydrationNode !== null) {\n\t\treturn el;\n\t}\n\n\t// Replace the old element with the new element\n\tlet newElement = el.ownerDocument.createElement(tag);\n\tel.replaceWith(newElement);\n\n\treturn newElement;\n}\n","import type ProxyData from \"../types/ProxyData\";\nimport { proxyDataSymbol, proxyHandledSymbol } from \"../watch/symbols\";\nimport trackProxyEffect from \"../watch/trackProxyEffect\";\nimport updateSignal from \"../watch/updateSignal\";\n\n// NOTE: this is mostly copied from SvelteDate, without the memoization\n// I'm not 100% sold on it, maybe it would be better to intercept $watch calls on a Date?\n\nlet initialized = false;\n\n/**\n * Wraps a Date object for $watching.\n */\nexport default class ReactiveDate extends Date {\n\tconstructor(...params: any[]) {\n\t\t// @ts-ignore\n\t\tsuper(...params);\n\n\t\tif (!initialized) {\n\t\t\tthis.#init();\n\t\t}\n\n\t\t// @ts-ignore\n\t\tthis[proxyHandledSymbol] = true;\n\t\t// @ts-ignore\n\t\tthis[proxyDataSymbol] = {\n\t\t\ttarget: this,\n\t\t\tisArray: false,\n\t\t\tshallow: true,\n\t\t\tsignals: new Map(),\n\t\t} satisfies ProxyData;\n\t}\n\n\t#init() {\n\t\tinitialized = true;\n\n\t\tlet reactivePrototype = ReactiveDate.prototype;\n\t\tlet datePrototype = Date.prototype;\n\n\t\tconst methods = Object.getOwnPropertyNames(datePrototype);\n\n\t\tfor (const method of methods) {\n\t\t\tif (method.startsWith(\"get\") || method.startsWith(\"to\") || method === \"valueOf\") {\n\t\t\t\t// @ts-ignore\n\t\t\t\treactivePrototype[method] = function (...args) {\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\tconst data = this[proxyDataSymbol];\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\tconst result = datePrototype[method].apply(this, args);\n\t\t\t\t\ttrackProxyEffect(data, \"#time\");\n\t\t\t\t\treturn result;\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif (method.startsWith(\"set\")) {\n\t\t\t\t// @ts-ignore\n\t\t\t\treactivePrototype[method] = function (...args) {\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\tconst data = this[proxyDataSymbol];\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\tconst result = datePrototype[method].apply(this, args);\n\t\t\t\t\tupdateSignal(data, \"#time\");\n\t\t\t\t\treturn result;\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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"}

package/dist/index.d.cts

@@ -0,0 +1,411 @@
+import { Component, SlotRender } from "./Component-C6Y3UwGs.cjs";
+import { $batch, $cache, $peek, Cleanup, ServerSlotRender, buildClasses, buildStyles, formatText } from "./ServerSlotRender-COS6H8Yk.cjs";
+
+//#region src/render/$mount.d.ts
+
+/**
+* Runs and re-runs a function on component mount
+*
+* @param fn The function to run, which may return a cleanup function
+*/
+declare function $mount(fn: () => Cleanup | void): void;
+//#endregion
+//#region src/types/constants.d.ts
+/**
+* The type of a Signal object.
+*/
+declare const SIGNAL_TYPE = 0;
+/**
+* The type of a Computed object.
+*/
+declare const COMPUTED_TYPE = 1;
+/**
+* The type of an Effect object.
+*/
+declare const EFFECT_TYPE = 2;
+//#endregion
+//#region src/types/Computed.d.ts
+/**
+* A computed value that is lazily refreshed when accessed from an Effect or
+* another Computed. Our computed values are implemented as property getter
+* functions.
+*/
+interface Computed<T = any> {
+  /**
+  * COMPUTED.
+  */
+  type: typeof COMPUTED_TYPE;
+  /**
+  * The cached, computed value.
+  */
+  value: T;
+  /**
+  * The getter function to run to access this computed's value.
+  */
+  run: () => T;
+  /**
+  * The first signal or computed that causes this effect to be run.
+  */
+  firstSource: Subscription | null;
+  /**
+  * The first computed or effect that is triggered when this property is changed.
+  */
+  firstTarget: Subscription | null;
+  /**
+  * Whether the computed may need to be recalculated (if any of its sources
+  * have changed). We store this on the computed (as well as its
+  * subscription) so we don't have to check the sources every time (which may
+  * be expensive).
+  */
+  recalc: boolean;
+  /**
+  * Used to track cycles.
+  */
+  running: boolean;
+  /**
+  * True if the computed encountered an exception in its last run.
+  */
+  didError: boolean;
+  /**
+  * A subscription to roll back to when recursively updating signal targets.
+  */
+  rollback: Subscription | null;
+  /**
+  * The name of the computed property, for debugging.
+  */
+  name?: string;
+}
+//#endregion
+//#region src/types/ProxySignal.d.ts
+/**
+* A value that causes dependent Computeds and Effects to be re-run. Our signals
+* are implemented as object properties.
+*/
+interface ProxySignal {
+  /**
+  * SIGNAL.
+  */
+  type: typeof SIGNAL_TYPE;
+  /**
+  * The first Computed or Effect that is triggered when this property is changed.
+  */
+  firstTarget: Subscription | null;
+  /**
+  * When signals have been changed in a batch, this is the next changed signal.
+  */
+  nextSignalToUpdate: ProxySignal | null;
+  /**
+  * The name of the property, for debugging.
+  */
+  name?: string;
+}
+//#endregion
+//#region src/types/Subscription.d.ts
+/**
+* A subscription that connects a source Signal or Computed to a target Computed
+* or Effect.
+*/
+interface Subscription {
+  /**
+  * The source Signal or Computed.
+  */
+  source: ProxySignal | Computed;
+  /**
+  * The target Computed or Effect.
+  */
+  target: Computed | Effect;
+  /**
+  * The next source subscription. After the targets have been re-run, we run
+  * through sources to remove any that weren't re-used.
+  */
+  nextSource: Subscription | null;
+  /**
+  * The next target subscription. When the source is changed, we run through
+  * targets to mark them dirty and possibly re-run them.
+  */
+  nextTarget: Subscription | null;
+  /**
+  * The previous target subscription. We remove subscriptions by looping
+  * through the sources list, so we only need to know the next source, but we
+  * need to know both the next and previous targets to properly update the
+  * targets list.
+  */
+  previousTarget: Subscription | null;
+  /**
+  * Whether this subscription is active. At the start of a re-run, all
+  * subscriptions are marked inactive and marked active if re-used. If not
+  * re-used, they are removed after the run.
+  */
+  active: boolean;
+  /**
+  * Whether the subscription's target may need to be recalculated (if any of
+  * its sources have changed).
+  */
+  recalc: boolean;
+  /**
+  * The name of the subscription, for debugging.
+  */
+  name?: string;
+}
+//#endregion
+//#region src/types/Effect.d.ts
+/**
+* An effect that is run and re-run when the properties it depends on change.
+*/
+interface Effect {
+  /**
+  * EFFECT.
+  */
+  type: typeof EFFECT_TYPE;
+  /**
+  *
+  * @returns An optional cleanup function, to run when the effect is re-run or disposed.
+  */
+  run: () => Cleanup | void;
+  /**
+  * The optional cleanup function that may have been returned from the run function.
+  */
+  cleanup: Cleanup | void;
+  /**
+  * The first signal or computed that causes this effect to be run.
+  */
+  firstSource: Subscription | null;
+  nextEffect: Effect | null;
+  /**
+  * The number of children of this effect.
+  */
+  extent: number;
+  /**
+  * When signals have been changed, this is the next dependent effect to run.
+  */
+  nextEffectToRun: Effect | null;
+  /**
+  * True if the effect encountered an exception in its last run.
+  */
+  didError: boolean;
+  /**
+  * The name of the effect, for debugging.
+  */
+  name?: string;
+}
+//#endregion
+//#region src/render/$run.d.ts
+/**
+* Runs and re-runs a function that depends on a watched object
+*
+* @param fn The function to run, which may return a cleanup function.
+*/
+declare function $run(fn: () => Cleanup | void, name?: string): Effect;
+//#endregion
+//#region src/render/$unwrap.d.ts
+/**
+* Returns the target object of a proxy
+*
+* @param object The proxy object
+*/
+declare function $unwrap<T extends Record<PropertyKey, any>>(object: T): T;
+//#endregion
+//#region src/types/WatchOptions.d.ts
+/**
+* Options for $watch.
+*/
+interface WatchOptions {
+  /**
+  * Only watch top-level properties, don't recursively watch children.
+  */
+  shallow?: boolean;
+}
+//#endregion
+//#region src/render/$watch.d.ts
+/**
+* Watches an object and runs effects when its properties are changed
+*
+* @param object The object to watch
+*/
+declare function $watch<T extends Record<PropertyKey, any>>(object: T, options?: WatchOptions): T;
+//#endregion
+//#region src/types/Animation.d.ts
+interface Animation$1 {
+  keyframes: Keyframe[] | PropertyIndexedKeyframes;
+  options?: number | KeyframeAnimationOptions;
+}
+//#endregion
+//#region src/render/addAnimation.d.ts
+declare function addAnimation(el: HTMLElement, entry?: Animation$1, exit?: Animation$1): void;
+//#endregion
+//#region src/render/addEvent.d.ts
+declare function addEvent(el: Element, type: string, listener: (this: Element, ev: any) => any): void;
+//#endregion
+//#region src/render/addFragment.d.ts
+declare function addFragment(fragment: DocumentFragment, parent: ParentNode, before: Node | null, endNode?: ChildNode): void;
+//#endregion
+//#region src/render/applyProps.d.ts
+declare function applyProps(el: Element, props: Record<string, any> | undefined, propNamesUsed: string[]): void;
+//#endregion
+//#region src/types/Range.d.ts
+interface Range {
+  startNode: ChildNode | null;
+  endNode: ChildNode | null;
+  previousRange: Range | null;
+  nextRange: Range | null;
+  depth: number;
+  /**
+  * Animations that are currently running in the range, and which need to
+  * awaited or canceled before it is removed
+  */
+  animations: Set<Animation> | null;
+  /**
+  * The name of the range, for debugging.
+  */
+  name?: string;
+}
+//#endregion
+//#region src/render/clearLayoutSlot.d.ts
+declare function clearLayoutSlot(range: Range): void;
+//#endregion
+//#region src/render/fillLayoutSlot.d.ts
+declare function fillLayoutSlot(component: Component, slot: SlotRender, parent: ParentNode, anchor: Node | null, $props: Record<string, string>, $context?: Record<PropertyKey, any>): Range;
+//#endregion
+//#region src/render/getFragment.d.ts
+declare function getFragment(document: Document, array: DocumentFragment[], index: number, html: string, ns?: boolean): DocumentFragment;
+//#endregion
+//#region src/render/hydrate.d.ts
+/**
+* Hydrates a component into an existing DOM tree
+* @param parent The parent node
+* @param component The component to mount
+* @param props An object containing component props
+*/
+declare function hydrate(parent: ParentNode, component: Component, props?: Record<string, any>, slots?: Record<string, SlotRender>): void;
+//#endregion
+//#region src/render/mount.d.ts
+/**
+* Mounts a component into a DOM node
+*
+* @param parent The node to mount the component into
+* @param component The component to mount
+* @param props An object containing component props
+*/
+declare function mount(parent: ParentNode, component: Component, props?: Record<string, any>, slots?: Record<string, SlotRender>): void;
+//#endregion
+//#region src/types/ListItem.d.ts
+interface ListItem extends Range {
+  data: Record<string, any>;
+  key: any;
+}
+//#endregion
+//#region src/render/newListItem.d.ts
+declare function newListItem(data: Record<PropertyKey, any>, key?: any): ListItem;
+//#endregion
+//#region src/render/newRange.d.ts
+declare function newRange(name?: string): Range;
+//#endregion
+//#region src/render/nodeAnchor.d.ts
+/**
+* Gets the anchor node for a control statement or component.
+*
+* When mounting, this just returns the anchor node parameter (because it was
+* created).
+*
+* When hydrating, there should be matched <![> and <!]> comments in the HTML,
+* and the anchor node should be after the end comment. The matched comment
+* nodes will be deleted, and the hydration node set to the first node inside
+* the matched comments.
+*
+* @param node The potential anchor node.
+* @returns The anchor node.
+*/
+declare function nodeAnchor(node: ChildNode): ChildNode;
+//#endregion
+//#region src/render/nodeChild.d.ts
+/**
+* Gets the first child of a node.
+*
+* Sets the hydration node.
+*
+* @param parent The parent node.
+*/
+declare function nodeChild(parent: Node): ChildNode;
+//#endregion
+//#region src/render/nodeNext.d.ts
+/**
+* Gets the next sibling of a node.
+*
+* When hydrating, sets the hydration node.
+*
+* @param node The node.
+* @param text Whether we require a text node.
+*/
+declare function nodeNext(node: ChildNode, text?: boolean): ChildNode;
+//#endregion
+//#region src/render/nodeRoot.d.ts
+/**
+* Gets the first child in a fragment.
+*
+* When hydrating, also sets the active range's start node, while we have it.
+*
+* @param parent The parent of the fragment.
+* @param text Whether we require a text node.
+*/
+declare function nodeRoot(parent: Node, text?: boolean): ChildNode;
+//#endregion
+//#region src/render/nodeSkip.d.ts
+/**
+* Gets the sibling of a node, x nodes after it.
+*
+* When hydrating, sets the hydration node.
+*
+* @param node The node.
+* @param count The number of nodes to skip.
+*/
+declare function nodeSkip(node: ChildNode, count: number): ChildNode;
+//#endregion
+//#region src/render/popRange.d.ts
+declare function popRange(oldRange: Range): void;
+//#endregion
+//#region src/render/pushRange.d.ts
+declare function pushRange(range: Range, toParent?: boolean): Range;
+//#endregion
+//#region src/render/runControl.d.ts
+/**
+* Runs an`if`, `switch` or `await` control statement
+* @param create A function that creates the control statement's branches
+*/
+declare function runControl(range: Range, anchor: Node | null, create: (anchor: Node | null) => void): void;
+//#endregion
+//#region src/render/runControlBranch.d.ts
+declare function runControlBranch(range: Range, create: () => void): void;
+//#endregion
+//#region src/render/runList.d.ts
+/**
+* Runs a `for` control statement
+* @param create A function that creates the control statement's branches
+*/
+declare function runList(range: Range, parent: ParentNode, anchor: Node | null, buildItems: () => ListItem[], create: (item: ListItem, anchor: Node | null) => void, update: (oldItem: ListItem, newItem: ListItem) => void): void;
+//#endregion
+//#region src/render/setAttribute.d.ts
+declare function setAttribute(el: Element, name: string, value: any): void;
+//#endregion
+//#region src/render/setDynamicElement.d.ts
+declare function setDynamicElement(el: HTMLElement, tag: string): HTMLElement;
+//#endregion
+//#region src/types/ServerComponent.d.ts
+/**
+* A component that generates HTML
+*/
+type ServerComponent = ($props?: Record<string, any>, $context?: Record<string, any>, $slots?: Record<string, ServerSlotRender>) => {
+  body: string;
+  head: string;
+};
+//#endregion
+//#region src/wrappers/ReactiveDate.d.ts
+/**
+* Wraps a Date object for $watching.
+*/
+declare class ReactiveDate extends Date {
+  #private;
+  constructor(...params: any[]);
+}
+//#endregion
+export { $batch, $cache, $mount, $peek, $run, $unwrap, $watch, type Component, type ListItem, ReactiveDate, type ServerComponent, type ServerSlotRender, type SlotRender, clearLayoutSlot, fillLayoutSlot, hydrate, mount, addFragment as t_add_fragment, nodeAnchor as t_anchor, addAnimation as t_animate, applyProps as t_apply_props, setAttribute as t_attribute, nodeChild as t_child, buildClasses as t_class, setDynamicElement as t_dynamic, addEvent as t_event, formatText as t_fmt, getFragment as t_fragment, newListItem as t_list_item, nodeNext as t_next, popRange as t_pop_range, pushRange as t_push_range, newRange as t_range, nodeRoot as t_root, runControlBranch as t_run_branch, runControl as t_run_control, runList as t_run_list, nodeSkip as t_skip, buildStyles as t_style };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/render/$mount.ts","../src/types/constants.ts","../src/types/Computed.ts","../src/types/ProxySignal.ts","../src/types/Subscription.ts","../src/types/Effect.ts","../src/render/$run.ts","../src/render/$unwrap.ts","../src/types/WatchOptions.ts","../src/render/$watch.ts","../src/types/Animation.ts","../src/render/addAnimation.ts","../src/render/addEvent.ts","../src/render/addFragment.ts","../src/render/applyProps.ts","../src/types/Range.ts","../src/render/clearLayoutSlot.ts","../src/render/fillLayoutSlot.ts","../src/render/getFragment.ts","../src/render/hydrate.ts","../src/render/mount.ts","../src/types/ListItem.ts","../src/render/newListItem.ts","../src/render/newRange.ts","../src/render/nodeAnchor.ts","../src/render/nodeChild.ts","../src/render/nodeNext.ts","../src/render/nodeRoot.ts","../src/render/nodeSkip.ts","../src/render/popRange.ts","../src/render/pushRange.ts","../src/render/runControl.ts","../src/render/runControlBranch.ts","../src/render/runList.ts","../src/render/setAttribute.ts","../src/render/setDynamicElement.ts","../src/types/ServerComponent.ts","../src/wrappers/ReactiveDate.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/ssr.cjs

@@ -0,0 +1,40 @@
+const require_formatText = require('./formatText-DufG5l83.cjs');
+
+//#region src/render/$serverMount.ts
+function $serverMount(_) {}
+
+//#endregion
+//#region src/render/$serverRun.ts
+function $serverRun(_) {}
+
+//#endregion
+//#region src/render/$serverUnwrap.ts
+function $serverUnwrap(object) {
+	return object;
+}
+
+//#endregion
+//#region src/render/$serverWatch.ts
+function $serverWatch(object) {
+	return object;
+}
+
+//#endregion
+//#region src/render/formatAttributeText.ts
+function formatAttributeText(value) {
+	return (value ?? "").toString().replaceAll("\"", """);
+}
+
+//#endregion
+exports.$batch = require_formatText.$batch;
+exports.$cache = require_formatText.$cache;
+exports.$mount = $serverMount;
+exports.$peek = require_formatText.$peek;
+exports.$run = $serverRun;
+exports.$unwrap = $serverUnwrap;
+exports.$watch = $serverWatch;
+exports.t_attr = formatAttributeText;
+exports.t_class = require_formatText.buildClasses;
+exports.t_fmt = require_formatText.formatText;
+exports.t_style = require_formatText.buildStyles;
+//# sourceMappingURL=ssr.cjs.map

package/dist/ssr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.cjs","names":[],"sources":["../src/render/$serverMount.ts","../src/render/$serverRun.ts","../src/render/$serverUnwrap.ts","../src/render/$serverWatch.ts","../src/render/formatAttributeText.ts"],"sourcesContent":["import type Cleanup from \"../types/Cleanup\";\n\nexport default function $serverMount(_: () => Cleanup | void): void {}\n","import type Cleanup from \"../types/Cleanup\";\n\nexport default function $serverRun(_: () => Cleanup | void): void {}\n","export default function $serverUnwrap<T extends Record<PropertyKey, any>>(object: T): T {\n\treturn object;\n}\n","export default function $serverWatch<T extends Record<PropertyKey, any>>(object: T): T {\n\treturn object;\n}\n","export default function formatAttributeText(value: any): string {\n\treturn (value ?? \"\").toString().replaceAll('\"', \"&quot;\");\n}\n"],"mappings":";;;AAEA,SAAwB,aAAa,GAA+B;;;;ACApE,SAAwB,WAAW,GAA+B;;;;ACFlE,SAAwB,cAAkD,QAAc;AACvF,QAAO;;;;;ACDR,SAAwB,aAAiD,QAAc;AACtF,QAAO;;;;;ACDR,SAAwB,oBAAoB,OAAoB;AAC/D,SAAQ,SAAS,IAAI,UAAU,CAAC,WAAW,MAAK,SAAS"}

package/dist/ssr.d.cts

@@ -0,0 +1,19 @@
+import { $batch, $cache, $peek, Cleanup, ServerSlotRender, buildClasses, buildStyles, formatText } from "./ServerSlotRender-COS6H8Yk.cjs";
+
+//#region src/render/$serverMount.d.ts
+declare function $serverMount(_: () => Cleanup | void): void;
+//#endregion
+//#region src/render/$serverRun.d.ts
+declare function $serverRun(_: () => Cleanup | void): void;
+//#endregion
+//#region src/render/$serverUnwrap.d.ts
+declare function $serverUnwrap<T extends Record<PropertyKey, any>>(object: T): T;
+//#endregion
+//#region src/render/$serverWatch.d.ts
+declare function $serverWatch<T extends Record<PropertyKey, any>>(object: T): T;
+//#endregion
+//#region src/render/formatAttributeText.d.ts
+declare function formatAttributeText(value: any): string;
+//#endregion
+export { $batch, $cache, $serverMount as $mount, $peek, $serverRun as $run, $serverUnwrap as $unwrap, $serverWatch as $watch, type ServerSlotRender, formatAttributeText as t_attr, buildClasses as t_class, formatText as t_fmt, buildStyles as t_style };
+//# sourceMappingURL=ssr.d.cts.map

package/dist/ssr.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.d.cts","names":[],"sources":["../src/render/$serverMount.ts","../src/render/$serverRun.ts","../src/render/$serverUnwrap.ts","../src/render/$serverWatch.ts","../src/render/formatAttributeText.ts"],"sourcesContent":[],"mappings":";;;iBAEwB,YAAA,UAAsB;;;iBCAtB,UAAA,UAAoB;;;iBCFpB,wBAAwB,OAAO,2BAA2B,IAAI;;;iBCA9D,uBAAuB,OAAO,2BAA2B,IAAI;;;iBCA7D,mBAAA"}