@torpor/view 0.1.4 → 0.1.6

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/render/context.ts","../src/render/$mount.ts","../src/watch/runEffect.ts","../src/render/$run.ts","../src/watch/symbols.ts","../src/render/$unwrap.ts","../src/watch/trackEffect.ts","../src/watch/removeEffect.ts","../src/watch/triggerEffects.ts","../src/watch/proxyGet.ts","../src/watch/transferEffects.ts","../src/watch/proxySet.ts","../src/render/$watch.ts","../src/render/addAnimation.ts","../src/render/addEvent.ts","../src/motion/animate.ts","../src/render/addFragment.ts","../src/render/applyProps.ts","../src/render/formatText.ts","../src/render/getClasses.ts","../src/render/getFragment.ts","../src/render/getStyles.ts","../src/render/hydrate.ts","../src/render/mount.ts","../src/render/newListItem.ts","../src/render/newRange.ts","../src/render/hydrationMarkers.ts","../src/render/isComment.ts","../src/render/nodeNext.ts","../src/render/nodeAnchor.ts","../src/render/nodeChild.ts","../src/render/nodeRoot.ts","../src/render/popRange.ts","../src/render/pushRange.ts","../src/render/runControl.ts","../src/render/clearRange.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"],"sourcesContent":["import $mount from \"./render/$mount\";\nimport $run from \"./render/$run\";\nimport $unwrap from \"./render/$unwrap\";\nimport $watch from \"./render/$watch\";\nimport t_animate from \"./render/addAnimation\";\nimport t_event from \"./render/addEvent\";\nimport t_add_fragment from \"./render/addFragment\";\nimport t_apply_props from \"./render/applyProps\";\nimport t_fmt from \"./render/formatText\";\nimport t_class from \"./render/getClasses\";\nimport t_fragment from \"./render/getFragment\";\nimport t_style from \"./render/getStyles\";\nimport hydrate from \"./render/hydrate\";\nimport mount from \"./render/mount\";\nimport t_list_item from \"./render/newListItem\";\nimport t_range from \"./render/newRange\";\nimport t_anchor from \"./render/nodeAnchor\";\nimport t_child from \"./render/nodeChild\";\nimport t_next from \"./render/nodeNext\";\nimport t_root from \"./render/nodeRoot\";\nimport t_pop_range from \"./render/popRange\";\nimport t_push_range from \"./render/pushRange\";\nimport t_run_control from \"./render/runControl\";\nimport t_run_branch from \"./render/runControlBranch\";\nimport t_run_list from \"./render/runList\";\nimport t_attribute from \"./render/setAttribute\";\nimport t_dynamic from \"./render/setDynamicElement\";\nimport { type Component } from \"./types/Component\";\nimport { type ListItem } from \"./types/ListItem\";\nimport { type ServerComponent } from \"./types/ServerComponent\";\nimport { type ServerSlotRender } from \"./types/ServerSlotRender\";\nimport { type SlotRender } from \"./types/SlotRender\";\n\n// Mount and hydrate\nexport { mount, hydrate };\n\n// Functions for the user that can be called from components\nexport { $watch, $unwrap, $run, $mount };\n\n// Functions for use within generated code\nexport {\n\tt_animate,\n\tt_event,\n\tt_add_fragment,\n\tt_apply_props,\n\tt_fmt,\n\tt_class,\n\tt_fragment,\n\tt_style,\n\tt_range,\n\tt_anchor,\n\tt_child,\n\tt_next,\n\tt_root,\n\tt_pop_range,\n\tt_push_range,\n\tt_run_control,\n\tt_run_branch,\n\tt_list_item,\n\tt_run_list,\n\tt_attribute,\n\tt_dynamic,\n};\n\nexport type { Component, ServerComponent, SlotRender, ServerSlotRender, ListItem };\n","import { type Animation } from \"../types/Animation\";\nimport { type Cleanup } from \"../types/Cleanup\";\nimport { type Effect } from \"../types/Effect\";\nimport { type Range } from \"../types/Range\";\n\n/**\n * The global context for setting up effects and updating subscriptions.\n */\ninterface Context {\n\t/** The effect that is currently being run. */\n\tactiveEffect: Effect | null;\n\n\t/** The range that is currently being created. */\n\tactiveRange: Range | null;\n\n\t/**\n\t * Functions that were run via $mount, which should be collected and flushed\n\t * when the component has been mounted in the DOM\n\t */\n\tmountEffects: (() => Cleanup | void)[];\n\n\t/**\n\t * Events which should be added when their element has been mounted in the\n\t * DOM\n\t */\n\tstashedEvents: {\n\t\trange: Range | null;\n\t\tel: Element;\n\t\ttype: string;\n\t\tlistener: (this: Element, ev: any) => any;\n\t}[];\n\n\t/**\n\t * Animations which should be added when their element has been mounted in\n\t * the DOM\n\t */\n\tstashedAnimations: {\n\t\trange: Range | null;\n\t\tel: HTMLElement;\n\t\tin?: Animation;\n\t\tout?: Animation;\n\t}[];\n\n\t/** The node that is actively being hydrated. */\n\thydrationNode: ChildNode | null;\n\t//hn: ChildNode | null;\n}\n\nconst context: Context = {\n\tactiveEffect: null,\n\tactiveRange: null,\n\tmountEffects: [],\n\tstashedEvents: [],\n\tstashedAnimations: [],\n\thydrationNode: null,\n\t//hn: null,\n\t//get hydrationNode() {\n\t//\treturn this.hn;\n\t//},\n\t//set hydrationNode(value) {\n\t//\tconsole.log(`set hydration ${printNode(value)}`);\n\t//\tthis.hn = value;\n\t//},\n};\n\nexport default context;\n","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 context from \"../render/context\";\nimport { type Effect } from \"../types/Effect\";\n\nexport default function runEffect(effect: Effect): void {\n\t// Reactivate it in case it's been deactivated\n\teffect.active = true;\n\n\t// Set the active effect, so that any properties accessed while running it\n\t// will trigger it in future\n\tcontext.activeEffect = effect;\n\n\t// Run the effect to register its subscriptions and get its (optional)\n\t// cleanup function\n\tconst cleanup = effect.run();\n\n\tif (typeof cleanup === \"function\") {\n\t\teffect.cleanup = cleanup;\n\t}\n\n\tcontext.activeEffect = null;\n}\n","import { type Cleanup } from \"../types/Cleanup\";\nimport { type Effect } from \"../types/Effect\";\nimport runEffect from \"../watch/runEffect\";\nimport context from \"./context\";\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): void {\n\tlet effect: Effect = {\n\t\trun: fn,\n\t\tcleanup: null,\n\t\tprops: null,\n\t\tactive: true,\n\t};\n\n\tif (context.activeRange) {\n\t\t//console.log(\"the range is \", context.activeRange.id);\n\t\t(context.activeRange.effects ??= []).push(effect);\n\t}\n\n\trunEffect(effect);\n}\n","const proxyDataSymbol: unique symbol = Symbol(\"_proxy_data\");\n\nexport { proxyDataSymbol };\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 && object[proxyDataSymbol] ? object[proxyDataSymbol].target || object : object;\n}\n","import context from \"../render/context\";\nimport { type ProxyData } from \"../types/ProxyData\";\n\nexport default function trackEffect(data: ProxyData, key: PropertyKey): void {\n\t// If there's an active effect, register this target/prop with it, so that\n\t// it will be called when this prop is set\n\tif (context.activeEffect) {\n\t\t//let effectName = String(context.activeEffect.run).split(\"{\")[0].trim();\n\t\t//console.log(`tracking effect '${effectName}' for '${String(key)}'`);\n\n\t\tlet propState = data.propData.get(key);\n\t\tif (!propState) {\n\t\t\tpropState = { effects: [] };\n\t\t\tdata.propData.set(key, propState);\n\t\t}\n\n\t\tpropState.effects ||= [];\n\t\tpropState.effects.push(context.activeEffect);\n\n\t\tcontext.activeEffect.props ||= [];\n\t\tcontext.activeEffect.props.push(propState);\n\t}\n}\n","import { type Effect } from \"../types/Effect\";\n\nexport default function removeEffect(effect: Effect): void {\n\t//let effectName = String(effect.run).split(\"{\")[0].trim();\n\t//console.log(`removing effect '${effectName}'`);\n\n\t// Run any cleanup function\n\tif (effect.cleanup) {\n\t\teffect.cleanup();\n\t}\n\n\t// Delete the effect from any props that are subscribed to it\n\tif (effect.props) {\n\t\tfor (let prop of effect.props) {\n\t\t\tif (prop.effects) {\n\t\t\t\tlet length = prop.effects.length;\n\t\t\t\tlet i = length;\n\t\t\t\twhile (i--) {\n\t\t\t\t\tif (prop.effects[i] === effect) {\n\t\t\t\t\t\tprop.effects[i] = prop.effects[length - 1];\n\t\t\t\t\t\tprop.effects.pop();\n\t\t\t\t\t\tlength -= 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// TODO: should ideally delete the prop if there\n\t\t\t\t// are no more subscriptions??\n\t\t\t}\n\t\t}\n\t}\n\n\t// HACK: Set the effect to active = false for loops through sliced arrays\n\t// TODO: Proper signal tracking\n\teffect.active = false;\n}\n","import { type ProxyData } from \"../types/ProxyData\";\nimport removeEffect from \"./removeEffect\";\nimport runEffect from \"./runEffect\";\n\nexport default function triggerEffects(data: ProxyData, key: PropertyKey): void {\n\t// Get the effects for the supplied property\n\tlet effects = data.propData.get(key)?.effects;\n\tif (effects) {\n\t\t// HACK: Slice the array to get a copy, so that we can remove effects from\n\t\t// the property in removeEffect without skipping any here\n\t\tfor (let effect of effects.slice()) {\n\t\t\tif (effect.active) {\n\t\t\t\t//let effectName = String(effect.run).split(\"{\")[0].trim();\n\t\t\t\t//console.log(`triggered effect '${effectName}' for '${String(key)}'`);\n\n\t\t\t\tremoveEffect(effect);\n\n\t\t\t\trunEffect(effect);\n\t\t\t}\n\t\t}\n\t}\n}\n","import $watch from \"../render/$watch\";\nimport context from \"../render/context\";\nimport { type ProxyData } from \"../types/ProxyData\";\nimport { proxyDataSymbol } from \"./symbols\";\nimport trackEffect from \"./trackEffect\";\nimport triggerEffects from \"./triggerEffects\";\n\nexport default function proxyGet(\n\ttarget: Record<PropertyKey, any>,\n\tkey: PropertyKey,\n\treceiver: any,\n\tdata: ProxyData,\n): any {\n\tif (key === proxyDataSymbol) {\n\t\treturn data;\n\t}\n\n\t//console.log(`object get '${String(prop)}' on`, target);\n\n\t// Set the value to a new proxy if it's an object\n\t// But not if it's a Promise (i.e. has a `then` method)\n\tif (!data.propData.has(key)) {\n\t\tif (!data.shallow) {\n\t\t\tlet value = target[key];\n\t\t\tif (value && typeof value === \"object\" && !value[proxyDataSymbol] && !value.then) {\n\t\t\t\ttarget[key] = $watch(value);\n\t\t\t}\n\t\t}\n\t\tdata.propData.set(key, null);\n\t}\n\n\t// From https://stackoverflow.com/a/54136394\n\t// PERF: Because we know what methods are being called, we could potentially run them manually\n\t//       on DOM nodes (i.e. if it's a splice, we know which to remove and add etc)\n\tif (data.isArray) {\n\t\tif (\n\t\t\tkey === \"pop\" ||\n\t\t\tkey === \"push\" ||\n\t\t\tkey === \"reverse\" ||\n\t\t\tkey === \"shift\" ||\n\t\t\tkey === \"sort\" ||\n\t\t\tkey === \"splice\" ||\n\t\t\tkey === \"unshift\"\n\t\t) {\n\t\t\t// Get the array method\n\t\t\tconst targetFunction: Function = target[key];\n\n\t\t\t// Run the array method\n\t\t\treturn function (...args: any[]) {\n\t\t\t\ttargetFunction.apply(target, args);\n\n\t\t\t\t// If this array has change functions, call them now via the\n\t\t\t\t// length property, which gets accessed in most functions\n\t\t\t\ttriggerEffects(data, \"length\");\n\t\t\t};\n\t\t} else if (key === Symbol.iterator) {\n\t\t\t// HACK: This prevents lists being re-run on every random property\n\t\t\t// access by disabling the active effect before properties get\n\t\t\t// accessed. I'm not sure if this is the best way to achieve this...\n\t\t\ttrackEffect(data, \"length\");\n\t\t\tcontext.activeEffect = null;\n\t\t} else {\n\t\t\t// If this property is being accessed in the course of setting up an effect, track it\n\t\t\t// TODO: Only if it's a property and not a function?\n\t\t\ttrackEffect(data, key);\n\t\t}\n\t} else {\n\t\t// If this property is being accessed in the course of setting up an effect, track it\n\t\t// TODO: Only if it's a property and not a function?\n\t\ttrackEffect(data, key);\n\t}\n\n\t// Return the property value\n\treturn Reflect.get(target, key, receiver);\n}\n","import $watch from \"../render/$watch\";\nimport { type ProxyData } from \"../types/ProxyData\";\nimport { proxyDataSymbol } from \"./symbols\";\n\n/**\n * Transfers property effect subscriptions from one object to another\n */\nexport default function transferEffects(\n\toldValue: Record<PropertyKey, any>,\n\tnewValue: Record<PropertyKey, any>,\n): void {\n\tconst oldData = oldValue[proxyDataSymbol] as ProxyData;\n\tconst newData = newValue[proxyDataSymbol] as ProxyData;\n\tmoveChildEffects(oldValue, newValue, oldData, newData);\n}\n\nfunction moveChildEffects(\n\toldValue: Record<PropertyKey, any>,\n\tnewValue: Record<PropertyKey, any>,\n\toldData: ProxyData,\n\tnewData: ProxyData,\n) {\n\t// Recursively transfer and run effects for child properties\n\t// TODO: Top down or bottom up?? Doing top down for now...\n\tfor (let [key, props] of oldData.propData.entries()) {\n\t\tif (props) {\n\t\t\t// Transfer the prop data\n\t\t\tnewData.propData.set(key, props);\n\n\t\t\tlet oldPropValue = oldValue[key];\n\t\t\tlet oldPropData = oldPropValue != null ? oldPropValue[proxyDataSymbol] : undefined;\n\n\t\t\t// If the old value was a proxy, make the new value one too\n\t\t\t// TODO: Make sure we aren't accidentally creating proxies for\n\t\t\t// things that weren't before...\n\t\t\tif (oldPropData) {\n\t\t\t\tnewValue[key] = $watch(newValue[key]);\n\t\t\t}\n\n\t\t\tlet newPropValue = newValue[key];\n\n\t\t\t// Run the effects for each property\n\t\t\tif (props.effects) {\n\t\t\t\tfor (let effect of props.effects) {\n\t\t\t\t\tif (effect.cleanup) {\n\t\t\t\t\t\teffect.cleanup();\n\t\t\t\t\t}\n\n\t\t\t\t\t// Only run the effect if there is a new value\n\t\t\t\t\tif (newPropValue) {\n\t\t\t\t\t\teffect.run();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Recurse\n\t\t\tif (oldPropData) {\n\t\t\t\tlet newPropData = newPropValue[proxyDataSymbol];\n\t\t\t\tmoveChildEffects(oldPropValue, newPropValue, oldPropData, newPropData);\n\t\t\t}\n\t\t}\n\t}\n}\n","import $watch from \"../render/$watch\";\nimport { type ProxyData } from \"../types/ProxyData\";\nimport { proxyDataSymbol } from \"./symbols\";\nimport transferEffects from \"./transferEffects\";\nimport triggerEffects from \"./triggerEffects\";\n\nexport default function proxySet(\n\ttarget: Record<PropertyKey, any>,\n\tkey: PropertyKey,\n\tvalue: any,\n\treceiver: any,\n\tdata: ProxyData,\n) {\n\t//console.log(`object set '${String(prop)}' to '`, value, `' on`, target);\n\n\t// Only do things if the value has changed\n\tconst oldValue = target[key];\n\tif (value !== oldValue) {\n\t\tlet newValue = value;\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]) {\n\t\t\tnewValue = $watch(value);\n\t\t\ttransferEffects(oldValue, newValue);\n\t\t}\n\n\t\t// Set the property value on the target\n\t\tReflect.set(target, key, newValue, receiver);\n\n\t\t// Re-run effects\n\t\ttriggerEffects(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\ttriggerEffects(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 == null || object[proxyDataSymbol]) {\n\t\treturn object;\n\t}\n\n\t// Make sure we can proxy this value\n\t// TODO: In debug mode maybe?\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,\n\t\tpropData: new Map(),\n\t};\n\tconst handler: ProxyHandler<T> = {\n\t\tget: function (target, prop, receiver) {\n\t\t\treturn proxyGet(target, prop, receiver, data);\n\t\t},\n\t\tset: function (target, prop, value, receiver) {\n\t\t\treturn proxySet(target, prop, value, receiver, data);\n\t\t},\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","import animate from \"../motion/animate\";\nimport $run from \"./$run\";\nimport context from \"./context\";\n\nexport default function addFragment(\n\tfragment: DocumentFragment,\n\tparent: ParentNode,\n\tbefore: Node | null,\n): void {\n\t//console.log(`adding fragment '${fragment.textContent}' to ${printNode(parent)}`);\n\t//console.log(\"before\", printNode(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 (range) {\n\t\tif (hydrationNode) {\n\t\t\trange.endNode = hydrationNode;\n\t\t} else {\n\t\t\trange.startNode = fragment.firstChild;\n\t\t\trange.endNode = fragment.lastChild;\n\t\t}\n\t}\n\n\tlet parentIsFragment = parent.nodeType === 11;\n\n\tif (!hydrationNode) {\n\t\t// HACK: We need to be able to add fragments to new fragments as well as\n\t\t// fragments that have already been added to the document. New fragments will\n\t\t// be ok, but fragments that have been added will not be parents of the before\n\t\t// element (because it's now in the document). In this case we will have to\n\t\t// use the before element's parent, which should work as long as we are always\n\t\t// passing a before element...\n\t\tif (parentIsFragment) {\n\t\t\tparent = before!.parentNode!;\n\t\t}\n\n\t\t// Add the fragment\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 (!parentIsFragment) {\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 (!context.hydrationNode) {\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\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) {\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) {\n\t\t\t\t\treturn () => {\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) {\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","export default function formatText(value: any): string {\n\treturn value ?? \"\";\n}\n","export default function getClasses(value: unknown, styleHash?: string): string {\n\tlet classes: string[] = [];\n\tgatherNames(\"\", value, classes);\n\tif (styleHash) {\n\t\tclasses.push(styleHash);\n\t}\n\treturn classes.join(\" \");\n}\n\nfunction gatherNames(name: unknown, value: unknown, classes: string[]) {\n\tif (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\tfor (let v of value) {\n\t\t\t\tgatherNames(v, v, classes);\n\t\t\t}\n\t\t} else if (typeof value === \"object\") {\n\t\t\tfor (let [n, v] of Object.entries(value)) {\n\t\t\t\tgatherNames(n, v, classes);\n\t\t\t}\n\t\t} else {\n\t\t\tclasses.push(name as string);\n\t\t}\n\t}\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) {\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","export default function getStyles(value: Record<string, any>): string {\n\tlet styles: string[] = [];\n\tfor (let [n, v] of Object.entries(value)) {\n\t\tstyles.push(`${n}: ${v}`);\n\t}\n\treturn styles.join(\"; \");\n}\n","import { type Component } from \"../types/Component\";\nimport { type SlotRender } from \"../types/SlotRender\";\nimport $run from \"./$run\";\nimport context from \"./context\";\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// 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\";\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) {\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) {\n\t\tparent.firstChild.remove();\n\t}\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\tchildren: null,\n\t\tindex: 0,\n\t\teffects: null,\n\t\tanimations: null,\n\t\tdata,\n\t\tkey,\n\t};\n}\n","import { type Range } from \"../types/Range\";\n\nexport default function newRange(): Range {\n\treturn {\n\t\tstartNode: null,\n\t\tendNode: null,\n\t\tchildren: null,\n\t\tindex: 0,\n\t\teffects: null,\n\t\tanimations: null,\n\t};\n}\n","const HYDRATION_START = \"[\";\nconst HYDRATION_END = \"]\";\nconst HYDRATION_BRANCH = \"^\";\n\nexport { HYDRATION_START, HYDRATION_END, HYDRATION_BRANCH };\n","export default function isComment(node: Node): node is Comment {\n\treturn node.nodeType === 8;\n}\n","import context from \"./context\";\nimport { HYDRATION_BRANCH } from \"./hydrationMarkers\";\nimport isComment from \"./isComment\";\n\n/**\n * Gets the next sibling of a node\n */\nexport default function nodeNext(node: Node, count?: number): Node {\n\tlet nextNode = checkHydrationNode(node.nextSibling);\n\n\tif (count) {\n\t\tfor (let i = 1; i < count; i++) {\n\t\t\tnextNode = checkHydrationNode(nextNode!.nextSibling);\n\t\t}\n\t}\n\n\t// NOTE: We know nextNode is not null as it is being called from generated code\n\treturn nextNode!;\n}\n\nfunction checkHydrationNode(nextNode: ChildNode | null) {\n\tif (context.hydrationNode) {\n\t\t// Remove hydration comments that are inserted at the start of branches\n\t\t// They are just used to split up text nodes that would otherwise be joined in HTML\n\t\tif (nextNode && isComment(nextNode) && nextNode.data === HYDRATION_BRANCH) {\n\t\t\tlet comment = nextNode;\n\t\t\tnextNode = nextNode.nextSibling;\n\t\t\tcomment.remove();\n\t\t}\n\t\tcontext.hydrationNode = nextNode;\n\t}\n\treturn nextNode;\n}\n","import context from \"./context\";\nimport { HYDRATION_END, HYDRATION_START } from \"./hydrationMarkers\";\nimport isComment from \"./isComment\";\nimport nodeNext from \"./nodeNext\";\n\nexport default function nodeAnchor(node: Node): Node {\n\t// If we are hydrating, the anchor will be at the end of the paired <![> and\n\t// <!]> comments\n\tif (context.hydrationNode && isComment(node) && node.data === HYDRATION_START) {\n\t\t// Skip and remove the start node\n\t\tlet currentNode = nodeNext(node);\n\t\tnode.remove();\n\n\t\t// Go through siblings until we get to the end\n\t\tlet level = 1;\n\t\twhile (currentNode) {\n\t\t\tif (isComment(currentNode)) {\n\t\t\t\tif (currentNode.data === HYDRATION_START) {\n\t\t\t\t\tlevel += 1;\n\t\t\t\t} else if (currentNode.data === HYDRATION_END) {\n\t\t\t\t\tlevel -= 1;\n\t\t\t\t}\n\t\t\t\tif (level === 0) {\n\t\t\t\t\t// Remove the end node and return the next one\n\t\t\t\t\tconst endNode = currentNode.nextSibling;\n\t\t\t\t\tcurrentNode.remove();\n\t\t\t\t\t// NOTE: We know this is not null as it is being called from\n\t\t\t\t\t// generated code\n\t\t\t\t\treturn endNode!;\n\t\t\t\t}\n\t\t\t}\n\t\t\tcurrentNode = currentNode.nextSibling!;\n\t\t}\n\n\t\tif (!currentNode) {\n\t\t\tthrow new Error(\"End hydration comment not found\");\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 */\nexport default function nodeChild(parent: Node): Node {\n\tlet child = parent.firstChild;\n\tif (context.hydrationNode) {\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 (!child) {\n\t\t\tchild = parent.appendChild(parent.ownerDocument!.createTextNode(\"\"));\n\t\t}\n\t\tcontext.hydrationNode = child;\n\t}\n\t// NOTE: We know this is not null as it is being called from generated code\n\treturn child!;\n}\n","import context from \"./context\";\n\n/**\n * Gets the first child in a fragment\n * */\nexport default function nodeRoot(parent: Node): Node {\n\tconst hydrationNode = context.hydrationNode;\n\tif (hydrationNode) {\n\t\t// If hydrating, set the active range's start node, while we have it\n\t\tconst range = context.activeRange;\n\t\tif (range && !range.startNode) {\n\t\t\trange.startNode = hydrationNode;\n\t\t}\n\t\treturn hydrationNode;\n\t} else {\n\t\t// NOTE: We know this is not null as it is being called from generated code\n\t\treturn parent.firstChild!;\n\t}\n}\n","import { type Range } from \"../types/Range\";\nimport context from \"./context\";\n\nexport default function popRange(oldRange: Range | null): 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 | null {\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 && activeRange) {\n\t\t(activeRange.children ??= []).push(range);\n\t}\n\n\t// Set the new active range\n\tcontext.activeRange = range;\n\n\t// Return the old active range, so that it can be reset when done\n\treturn activeRange;\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\t// Store the index in the range so that it can be accessed by the statement's\n\t// branches\n\trange.index = -1;\n\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 removeEffect from \"../watch/removeEffect\";\nimport context from \"./context\";\n\nexport default function clearRange(range: Range): void {\n\t//console.log(`clearing range ${printNode(range.startNode)} to ${printNode(range.endNode)}`);\n\n\t// Clear effects and collect animations that take place within this range and its children\n\tlet animations: Animation[] = [];\n\tclearEffects(range, animations);\n\n\t// Wait for animations, if any, then clear the range's nodes\n\tif (animations.length) {\n\t\tPromise.all(animations.map((a) => a.finished)).then(() => clearNodes(range));\n\t} else {\n\t\tclearNodes(range);\n\t}\n}\n\nfunction clearEffects(range: Range, animations: Animation[]) {\n\t// Delete the effects for this range\n\tif (range.effects) {\n\t\t// Set the active range to collect exit animations\n\t\t// We could instead have seperate entry and exit animation collections?\n\t\tconst oldRange = context.activeRange;\n\t\tcontext.activeRange = range;\n\n\t\tfor (let effect of range.effects) {\n\t\t\tremoveEffect(effect);\n\t\t}\n\n\t\tcontext.activeRange = oldRange;\n\t}\n\n\t// Collect any running animations, including ones from the effect cleanups\n\tif (range.animations) {\n\t\tfor (let animation of range.animations) {\n\t\t\tanimations.push(animation);\n\t\t}\n\t}\n\n\t// Recurse through the children\n\tif (range.children) {\n\t\tfor (let child of range.children) {\n\t\t\tclearEffects(child, animations);\n\t\t}\n\t\trange.children.length = 0;\n\t}\n}\n\nfunction clearNodes(range: Range) {\n\t// Clear the nodes for this range\n\tif (range.startNode) {\n\t\tlet currentNode = range.endNode || range.startNode;\n\t\t// DEBUG:\n\t\tif (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 nextNode = currentNode.previousSibling;\n\t\t\tcurrentNode.remove();\n\t\t\tcurrentNode = nextNode!;\n\t\t}\n\t\tcurrentNode.remove();\n\n\t\t// Release the nodes\n\t\trange.startNode = null;\n\t\trange.endNode = null;\n\t}\n}\n","import { type Range } from \"../types/Range\";\nimport clearRange from \"./clearRange\";\nimport context from \"./context\";\nimport newRange from \"./newRange\";\nimport popRange from \"./popRange\";\nimport pushRange from \"./pushRange\";\n\nexport default function runControlBranch(range: Range, index: number, create: () => void): void {\n\t// Only run the branch if it's not the current branch\n\tif (index >= 0 && range.index === index) {\n\t\treturn;\n\t}\n\tif (range.children?.length) {\n\t\t// Branching ranges have exactly one child\n\t\tclearRange(range.children[0]);\n\t\trange.children.length = 0;\n\t}\n\n\tconst oldRange = pushRange(newRange(), true);\n\n\t// Do NOT re-run the entire control for properties accessed while updating\n\t// its branches. E.g. we want to re-run the control for `@if ($state.x > 5)`\n\t// (in runControl) but not for `<span>{$state.text}</span>` (in\n\t// runControlBranch)\n\tconst oldEffect = context.activeEffect;\n\tcontext.activeEffect = null;\n\n\t// Run the create function\n\tcreate();\n\n\t// Set the active effect back for the next branch\n\tcontext.activeEffect = oldEffect;\n\n\tpopRange(oldRange);\n\n\t// Set the index on the branching range\n\trange.index = index;\n}\n","import { type Range } from \"../types/Range\";\n\nexport default function moveRange(parent: Node, range: Range, before: ChildNode | null): void {\n\tconst endNode = range.endNode || range.startNode;\n\tlet currentNode = range.startNode;\n\twhile (currentNode) {\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 context from \"./context\";\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: (data: ListItem, before: Node | null) => 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\ttransferRangeMarkers(oldStartItem, newStartItem);\n\t\t\toldStartItem = oldItems[++oldStartIndex];\n\t\t\tnewStartItem = newItems[++newStartIndex];\n\t\t} else if (oldEndItem.key === newEndItem.key) {\n\t\t\ttransferRangeMarkers(oldEndItem, newEndItem);\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\ttransferRangeMarkers(oldStartItem, newEndItem);\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\ttransferRangeMarkers(oldEndItem, newStartItem);\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 || !newKeyToIndex) {\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);\n\t\t\t\tcreate(newStartItem, oldStartItem.startNode);\n\t\t\t\tclearRange(oldStartItem);\n\t\t\t\t// @ts-ignore We know we have an active range (the for loop) and that it\n\t\t\t\t// has children (because we're replacing one)\n\t\t\t\tcontext.activeRange.children.splice(oldStartIndex, 1);\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);\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\t// @ts-ignore We know we have an active range (the for loop) and that it\n\t\t\t\t// has children (because we're deleting one)\n\t\t\t\tcontext.activeRange.children.splice(oldStartIndex, 1);\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\ttransferRangeMarkers(oldData, newStartItem);\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: Node | null =\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);\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\t// Just truncate the parent range's children collection\n\t\t\tif (range.children) {\n\t\t\t\trange.children.length = oldStartIndex;\n\t\t\t}\n\t\t\tfor (oldStartIndex; oldStartIndex <= oldEndIndex; oldStartItem = oldItems[++oldStartIndex]) {\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\nfunction transferRangeMarkers(oldItem: ListItem, newItem: ListItem) {\n\tnewItem.startNode = oldItem.startNode;\n\tnewItem.endNode = oldItem.endNode;\n\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\tfor (let prop in oldItem.data) {\n\t\toldItem.data[prop] = newItem.data[prop];\n\t}\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): 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.activeEffect = null;\n\n\t\t// Run the function that updates the list's items\n\t\trunListItems(range, parent, anchor, listItems, newItems, create);\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) {\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 == 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) {\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"],"mappings":"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","names":["setAttribute","fragment","runControl","runList"]}
+{"version":3,"sources":["../src/index.ts","../src/render/context.ts","../src/render/$mount.ts","../src/watch/runEffect.ts","../src/render/$run.ts","../src/watch/symbols.ts","../src/render/$unwrap.ts","../src/watch/trackEffect.ts","../src/watch/removeEffect.ts","../src/watch/triggerEffects.ts","../src/watch/proxyGet.ts","../src/watch/transferEffects.ts","../src/watch/proxySet.ts","../src/render/$watch.ts","../src/render/addAnimation.ts","../src/render/addEvent.ts","../src/motion/animate.ts","../src/render/addFragment.ts","../src/render/applyProps.ts","../src/render/clearRange.ts","../src/render/clearLayoutSlot.ts","../src/render/formatText.ts","../src/render/getClasses.ts","../src/render/getFragment.ts","../src/render/getStyles.ts","../src/render/hydrate.ts","../src/render/mount.ts","../src/render/newListItem.ts","../src/render/newRange.ts","../src/render/hydrationMarkers.ts","../src/render/isComment.ts","../src/render/isText.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/popRange.ts","../src/render/pushRange.ts","../src/render/runControl.ts","../src/render/runControlBranch.ts","../src/render/runLayoutSlot.ts","../src/render/moveRange.ts","../src/render/runListItems.ts","../src/render/runList.ts","../src/render/setAttribute.ts","../src/render/setDynamicElement.ts"],"sourcesContent":["import $mount from \"./render/$mount\";\nimport $run from \"./render/$run\";\nimport $unwrap from \"./render/$unwrap\";\nimport $watch from \"./render/$watch\";\nimport t_animate from \"./render/addAnimation\";\nimport t_event from \"./render/addEvent\";\nimport t_add_fragment from \"./render/addFragment\";\nimport t_apply_props from \"./render/applyProps\";\nimport clearLayoutSlot from \"./render/clearLayoutSlot\";\nimport t_fmt from \"./render/formatText\";\nimport t_class from \"./render/getClasses\";\nimport t_fragment from \"./render/getFragment\";\nimport t_style from \"./render/getStyles\";\nimport hydrate from \"./render/hydrate\";\nimport mount from \"./render/mount\";\nimport t_list_item from \"./render/newListItem\";\nimport t_range from \"./render/newRange\";\nimport t_anchor from \"./render/nodeAnchor\";\nimport t_child from \"./render/nodeChild\";\nimport t_next from \"./render/nodeNext\";\nimport t_root from \"./render/nodeRoot\";\nimport t_skip from \"./render/nodeSkip\";\nimport t_pop_range from \"./render/popRange\";\nimport t_push_range from \"./render/pushRange\";\nimport t_run_control from \"./render/runControl\";\nimport t_run_branch from \"./render/runControlBranch\";\nimport runLayoutSlot from \"./render/runLayoutSlot\";\nimport t_run_list from \"./render/runList\";\nimport t_attribute from \"./render/setAttribute\";\nimport t_dynamic from \"./render/setDynamicElement\";\nimport { type Component } from \"./types/Component\";\nimport { type ListItem } from \"./types/ListItem\";\nimport { type ServerComponent } from \"./types/ServerComponent\";\nimport { type ServerSlotRender } from \"./types/ServerSlotRender\";\nimport { type SlotRender } from \"./types/SlotRender\";\n\n// Mount and hydrate\nexport { mount, hydrate, runLayoutSlot, clearLayoutSlot };\n\n// Functions for the user that can be called from components\nexport { $watch, $unwrap, $run, $mount };\n\n// Functions for use within generated code\nexport {\n\tt_animate,\n\tt_event,\n\tt_add_fragment,\n\tt_apply_props,\n\tt_fmt,\n\tt_class,\n\tt_fragment,\n\tt_style,\n\tt_range,\n\tt_anchor,\n\tt_child,\n\tt_next,\n\tt_root,\n\tt_skip,\n\tt_pop_range,\n\tt_push_range,\n\tt_run_control,\n\tt_run_branch,\n\tt_list_item,\n\tt_run_list,\n\tt_attribute,\n\tt_dynamic,\n};\n\nexport type { Component, ServerComponent, SlotRender, ServerSlotRender, ListItem };\n","import { type Animation } from \"../types/Animation\";\nimport { type Cleanup } from \"../types/Cleanup\";\nimport { type Effect } from \"../types/Effect\";\nimport { type Range } from \"../types/Range\";\n\n/**\n * The global context for setting up effects and updating subscriptions.\n */\ninterface Context {\n\t/** The effect that is currently being run. */\n\tactiveEffect: Effect | null;\n\n\t/** The range that is currently being created. */\n\tactiveRange: Range | null;\n\n\t/**\n\t * Functions that were run via $mount, which should be collected and flushed\n\t * when the component has been mounted in the DOM\n\t */\n\tmountEffects: (() => Cleanup | void)[];\n\n\t/**\n\t * Events which should be added when their element has been mounted in the\n\t * DOM\n\t */\n\tstashedEvents: {\n\t\trange: Range | null;\n\t\tel: Element;\n\t\ttype: string;\n\t\tlistener: (this: Element, ev: any) => any;\n\t}[];\n\n\t/**\n\t * Animations which should be added when their element has been mounted in\n\t * the DOM\n\t */\n\tstashedAnimations: {\n\t\trange: Range | null;\n\t\tel: HTMLElement;\n\t\tin?: Animation;\n\t\tout?: Animation;\n\t}[];\n\n\t/** The node that is actively being hydrated. */\n\thydrationNode: ChildNode | null;\n\t//hn: ChildNode | null;\n}\n\nconst context: Context = {\n\tactiveEffect: null,\n\tactiveRange: null,\n\tmountEffects: [],\n\tstashedEvents: [],\n\tstashedAnimations: [],\n\thydrationNode: null,\n\t//hn: null,\n\t//get hydrationNode() {\n\t//\treturn this.hn;\n\t//},\n\t//set hydrationNode(value) {\n\t//\tconsole.log(`set hydration ${printNode(value)}`);\n\t//\tthis.hn = value;\n\t//},\n};\n\nexport default context;\n","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 context from \"../render/context\";\nimport { type Effect } from \"../types/Effect\";\n\nexport default function runEffect(effect: Effect): void {\n\t// Reactivate it in case it's been deactivated\n\teffect.active = true;\n\n\t// Set the active effect, so that any properties accessed while running it\n\t// will trigger it in future\n\tcontext.activeEffect = effect;\n\n\t// Run the effect to register its subscriptions and get its (optional)\n\t// cleanup function\n\tconst cleanup = effect.run();\n\n\tif (typeof cleanup === \"function\") {\n\t\teffect.cleanup = cleanup;\n\t}\n\n\tcontext.activeEffect = null;\n}\n","import { type Cleanup } from \"../types/Cleanup\";\nimport { type Effect } from \"../types/Effect\";\nimport runEffect from \"../watch/runEffect\";\nimport context from \"./context\";\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): void {\n\tlet effect: Effect = {\n\t\trun: fn,\n\t\tcleanup: null,\n\t\tprops: null,\n\t\tactive: true,\n\t};\n\n\tif (context.activeRange) {\n\t\t//console.log(\"the range is \", context.activeRange.id);\n\t\t(context.activeRange.effects ??= []).push(effect);\n\t}\n\n\trunEffect(effect);\n}\n","const proxyDataSymbol: unique symbol = Symbol(\"_proxy_data\");\n\nexport { proxyDataSymbol };\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 && object[proxyDataSymbol] ? object[proxyDataSymbol].target || object : object;\n}\n","import context from \"../render/context\";\nimport { type ProxyData } from \"../types/ProxyData\";\n\nexport default function trackEffect(data: ProxyData, key: PropertyKey): void {\n\t// If there's an active effect, register this target/prop with it, so that\n\t// it will be called when this prop is set\n\tif (context.activeEffect) {\n\t\t//let effectName = String(context.activeEffect.run).split(\"{\")[0].trim();\n\t\t//console.log(`tracking effect '${effectName}' for '${String(key)}'`);\n\n\t\tlet propState = data.propData.get(key);\n\t\tif (!propState) {\n\t\t\tpropState = { effects: [] };\n\t\t\tdata.propData.set(key, propState);\n\t\t}\n\n\t\tpropState.effects ||= [];\n\t\tpropState.effects.push(context.activeEffect);\n\n\t\tcontext.activeEffect.props ||= [];\n\t\tcontext.activeEffect.props.push(propState);\n\t}\n}\n","import { type Effect } from \"../types/Effect\";\n\nexport default function removeEffect(effect: Effect): void {\n\t//let effectName = String(effect.run).split(\"{\")[0].trim();\n\t//console.log(`removing effect '${effectName}'`);\n\n\t// Run any cleanup function\n\tif (effect.cleanup) {\n\t\teffect.cleanup();\n\t}\n\n\t// Delete the effect from any props that are subscribed to it\n\tif (effect.props) {\n\t\tfor (let prop of effect.props) {\n\t\t\tif (prop.effects) {\n\t\t\t\tlet length = prop.effects.length;\n\t\t\t\tlet i = length;\n\t\t\t\twhile (i--) {\n\t\t\t\t\tif (prop.effects[i] === effect) {\n\t\t\t\t\t\tprop.effects[i] = prop.effects[length - 1];\n\t\t\t\t\t\tprop.effects.pop();\n\t\t\t\t\t\tlength -= 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// TODO: should ideally delete the prop if there\n\t\t\t\t// are no more subscriptions??\n\t\t\t}\n\t\t}\n\t}\n\n\t// HACK: Set the effect to active = false for loops through sliced arrays\n\t// TODO: Proper signal tracking\n\teffect.active = false;\n}\n","import { type ProxyData } from \"../types/ProxyData\";\nimport removeEffect from \"./removeEffect\";\nimport runEffect from \"./runEffect\";\n\nexport default function triggerEffects(data: ProxyData, key: PropertyKey): void {\n\t// Get the effects for the supplied property\n\tlet effects = data.propData.get(key)?.effects;\n\tif (effects) {\n\t\t// HACK: Slice the array to get a copy, so that we can remove effects from\n\t\t// the property in removeEffect without skipping any here\n\t\tfor (let effect of effects.slice()) {\n\t\t\tif (effect.active) {\n\t\t\t\t//let effectName = String(effect.run).split(\"{\")[0].trim();\n\t\t\t\t//console.log(`triggered effect '${effectName}' for '${String(key)}'`);\n\n\t\t\t\tremoveEffect(effect);\n\n\t\t\t\trunEffect(effect);\n\t\t\t}\n\t\t}\n\t}\n}\n","import $watch from \"../render/$watch\";\nimport context from \"../render/context\";\nimport { type ProxyData } from \"../types/ProxyData\";\nimport { proxyDataSymbol } from \"./symbols\";\nimport trackEffect from \"./trackEffect\";\nimport triggerEffects from \"./triggerEffects\";\n\nexport default function proxyGet(\n\ttarget: Record<PropertyKey, any>,\n\tkey: PropertyKey,\n\treceiver: any,\n\tdata: ProxyData,\n): any {\n\tif (key === proxyDataSymbol) {\n\t\treturn data;\n\t}\n\n\t//console.log(`object get '${String(prop)}' on`, target);\n\n\t// Set the value to a new proxy if it's an object\n\t// But not if it's a Promise (i.e. has a `then` method)\n\tif (!data.propData.has(key)) {\n\t\tif (!data.shallow) {\n\t\t\tlet value = target[key];\n\t\t\tif (value && typeof value === \"object\" && !value[proxyDataSymbol] && !value.then) {\n\t\t\t\ttarget[key] = $watch(value);\n\t\t\t}\n\t\t}\n\t\tdata.propData.set(key, null);\n\t}\n\n\t// From https://stackoverflow.com/a/54136394\n\t// PERF: Because we know what methods are being called, we could potentially run them manually\n\t//       on DOM nodes (i.e. if it's a splice, we know which to remove and add etc)\n\tif (data.isArray) {\n\t\tif (\n\t\t\tkey === \"pop\" ||\n\t\t\tkey === \"push\" ||\n\t\t\tkey === \"reverse\" ||\n\t\t\tkey === \"shift\" ||\n\t\t\tkey === \"sort\" ||\n\t\t\tkey === \"splice\" ||\n\t\t\tkey === \"unshift\"\n\t\t) {\n\t\t\t// Get the array method\n\t\t\tconst targetFunction: Function = target[key];\n\n\t\t\t// Run the array method\n\t\t\treturn function (...args: any[]) {\n\t\t\t\ttargetFunction.apply(target, args);\n\n\t\t\t\t// If this array has change functions, call them now via the\n\t\t\t\t// length property, which gets accessed in most functions\n\t\t\t\ttriggerEffects(data, \"length\");\n\t\t\t};\n\t\t} else if (key === Symbol.iterator) {\n\t\t\t// HACK: This prevents lists being re-run on every random property\n\t\t\t// access by disabling the active effect before properties get\n\t\t\t// accessed. I'm not sure if this is the best way to achieve this...\n\t\t\ttrackEffect(data, \"length\");\n\t\t\tcontext.activeEffect = null;\n\t\t} else {\n\t\t\t// If this property is being accessed in the course of setting up an effect, track it\n\t\t\t// TODO: Only if it's a property and not a function?\n\t\t\ttrackEffect(data, key);\n\t\t}\n\t} else {\n\t\t// If this property is being accessed in the course of setting up an effect, track it\n\t\t// TODO: Only if it's a property and not a function?\n\t\ttrackEffect(data, key);\n\t}\n\n\t// Return the property value\n\treturn Reflect.get(target, key, receiver);\n}\n","import $watch from \"../render/$watch\";\nimport { type ProxyData } from \"../types/ProxyData\";\nimport { proxyDataSymbol } from \"./symbols\";\n\n/**\n * Transfers property effect subscriptions from one object to another\n */\nexport default function transferEffects(\n\toldValue: Record<PropertyKey, any>,\n\tnewValue: Record<PropertyKey, any>,\n): void {\n\tconst oldData = oldValue[proxyDataSymbol] as ProxyData;\n\tconst newData = newValue[proxyDataSymbol] as ProxyData;\n\tmoveChildEffects(oldValue, newValue, oldData, newData);\n}\n\nfunction moveChildEffects(\n\toldValue: Record<PropertyKey, any>,\n\tnewValue: Record<PropertyKey, any>,\n\toldData: ProxyData,\n\tnewData: ProxyData,\n) {\n\t// Recursively transfer and run effects for child properties\n\t// TODO: Top down or bottom up?? Doing top down for now...\n\tfor (let [key, props] of oldData.propData.entries()) {\n\t\tif (props) {\n\t\t\t// Transfer the prop data\n\t\t\tnewData.propData.set(key, props);\n\n\t\t\tlet oldPropValue = oldValue[key];\n\t\t\tlet oldPropData = oldPropValue != null ? oldPropValue[proxyDataSymbol] : undefined;\n\n\t\t\t// If the old value was a proxy, make the new value one too\n\t\t\t// TODO: Make sure we aren't accidentally creating proxies for\n\t\t\t// things that weren't before...\n\t\t\tif (oldPropData) {\n\t\t\t\tnewValue[key] = $watch(newValue[key]);\n\t\t\t}\n\n\t\t\tlet newPropValue = newValue[key];\n\n\t\t\t// Run the effects for each property\n\t\t\tif (props.effects) {\n\t\t\t\tfor (let effect of props.effects) {\n\t\t\t\t\tif (effect.cleanup) {\n\t\t\t\t\t\teffect.cleanup();\n\t\t\t\t\t}\n\n\t\t\t\t\t// Only run the effect if there is a new value\n\t\t\t\t\tif (newPropValue) {\n\t\t\t\t\t\teffect.run();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Recurse\n\t\t\tif (oldPropData) {\n\t\t\t\tlet newPropData = newPropValue[proxyDataSymbol];\n\t\t\t\tmoveChildEffects(oldPropValue, newPropValue, oldPropData, newPropData);\n\t\t\t}\n\t\t}\n\t}\n}\n","import $watch from \"../render/$watch\";\nimport { type ProxyData } from \"../types/ProxyData\";\nimport { proxyDataSymbol } from \"./symbols\";\nimport transferEffects from \"./transferEffects\";\nimport triggerEffects from \"./triggerEffects\";\n\nexport default function proxySet(\n\ttarget: Record<PropertyKey, any>,\n\tkey: PropertyKey,\n\tvalue: any,\n\treceiver: any,\n\tdata: ProxyData,\n) {\n\t//console.log(`object set '${String(prop)}' to '`, value, `' on`, target);\n\n\t// Only do things if the value has changed\n\tconst oldValue = target[key];\n\tif (value !== oldValue) {\n\t\tlet newValue = value;\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]) {\n\t\t\tnewValue = $watch(value);\n\t\t\ttransferEffects(oldValue, newValue);\n\t\t}\n\n\t\t// Set the property value on the target\n\t\tReflect.set(target, key, newValue, receiver);\n\n\t\t// Re-run effects\n\t\ttriggerEffects(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\ttriggerEffects(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 == null || object[proxyDataSymbol]) {\n\t\treturn object;\n\t}\n\n\t// Make sure we can proxy this value\n\t// TODO: In debug mode maybe?\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,\n\t\tpropData: new Map(),\n\t};\n\tconst handler: ProxyHandler<T> = {\n\t\tget: function (target, prop, receiver) {\n\t\t\treturn proxyGet(target, prop, receiver, data);\n\t\t},\n\t\tset: function (target, prop, value, receiver) {\n\t\t\treturn proxySet(target, prop, value, receiver, data);\n\t\t},\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","import animate from \"../motion/animate\";\nimport $run from \"./$run\";\nimport context from \"./context\";\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 (range) {\n\t\tif (hydrationNode) {\n\t\t\trange.endNode = endNode ?? hydrationNode;\n\t\t} else {\n\t\t\trange.startNode = fragment.firstChild;\n\t\t\trange.endNode = fragment.lastChild;\n\t\t}\n\t}\n\n\tlet parentIsFragment = parent.nodeType === 11;\n\n\tif (!hydrationNode) {\n\t\t// HACK: We need to be able to add fragments to new fragments as well as\n\t\t// fragments that have already been added to the document. New fragments will\n\t\t// be ok, but fragments that have been added will not be parents of the before\n\t\t// element (because it's now in the document). In this case we will have to\n\t\t// use the before element's parent, which should work as long as we are always\n\t\t// passing a before element...\n\t\tif (parentIsFragment) {\n\t\t\tparent = before!.parentNode!;\n\t\t}\n\n\t\t// Add the fragment\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 (!parentIsFragment) {\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) {\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\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) {\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) {\n\t\t\t\t\treturn () => {\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) {\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\";\nimport removeEffect from \"../watch/removeEffect\";\nimport context from \"./context\";\n\nexport default function clearRange(range: Range): void {\n\t//console.log(\"clearing range\", range.startNode, \"to\", range.endNode);\n\n\t// Clear effects and collect animations that take place within this range and its children\n\tlet animations: Animation[] = [];\n\tclearEffects(range, animations);\n\n\t// Wait for animations, if any, then clear the range's nodes\n\tif (animations.length) {\n\t\tPromise.all(animations.map((a) => a.finished)).then(() => clearNodes(range));\n\t} else {\n\t\tclearNodes(range);\n\t}\n}\n\nfunction clearEffects(range: Range, animations: Animation[]) {\n\t// Delete the effects for this range\n\tif (range.effects) {\n\t\t// Set the active range to collect exit animations\n\t\t// We could instead have seperate entry and exit animation collections?\n\t\tconst oldRange = context.activeRange;\n\t\tcontext.activeRange = range;\n\n\t\tfor (let effect of range.effects) {\n\t\t\tremoveEffect(effect);\n\t\t}\n\n\t\tcontext.activeRange = oldRange;\n\t}\n\n\t// Collect any running animations, including ones from the effect cleanups\n\tif (range.animations) {\n\t\tfor (let animation of range.animations) {\n\t\t\tanimations.push(animation);\n\t\t}\n\t}\n\n\t// Recurse through the children\n\tif (range.children) {\n\t\tfor (let child of range.children) {\n\t\t\tclearEffects(child, animations);\n\t\t}\n\t\trange.children.length = 0;\n\t}\n}\n\nfunction clearNodes(range: Range) {\n\t// Clear the nodes for this range\n\tif (range.startNode) {\n\t\tlet currentNode = range.endNode || range.startNode;\n\t\t// DEBUG:\n\t\tif (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 nextNode = currentNode.previousSibling;\n\t\t\tcurrentNode.remove();\n\t\t\tcurrentNode = nextNode!;\n\t\t}\n\t\tcurrentNode.remove();\n\n\t\t// Release the nodes\n\t\trange.startNode = null;\n\t\trange.endNode = null;\n\t}\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","export default function formatText(value: any): string {\n\treturn value ?? \"\";\n}\n","export default function getClasses(value: unknown, styleHash?: string): string {\n\tlet classes: string[] = [];\n\tgatherNames(\"\", value, classes);\n\tif (styleHash) {\n\t\tclasses.push(styleHash);\n\t}\n\treturn classes.join(\" \");\n}\n\nfunction gatherNames(name: unknown, value: unknown, classes: string[]) {\n\tif (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\tfor (let v of value) {\n\t\t\t\tgatherNames(v, v, classes);\n\t\t\t}\n\t\t} else if (typeof value === \"object\") {\n\t\t\tfor (let [n, v] of Object.entries(value)) {\n\t\t\t\tgatherNames(n, v, classes);\n\t\t\t}\n\t\t} else {\n\t\t\tclasses.push(name as string);\n\t\t}\n\t}\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) {\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","export default function getStyles(value: Record<string, any>): string {\n\tlet styles: string[] = [];\n\tfor (let [n, v] of Object.entries(value)) {\n\t\tstyles.push(`${n}: ${v}`);\n\t}\n\treturn styles.join(\"; \");\n}\n","import { type Component } from \"../types/Component\";\nimport { type SlotRender } from \"../types/SlotRender\";\nimport $run from \"./$run\";\nimport context from \"./context\";\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// 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\";\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) {\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) {\n\t\tparent.firstChild.remove();\n\t}\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\tchildren: null,\n\t\tindex: 0,\n\t\teffects: null,\n\t\tanimations: null,\n\t\tdata,\n\t\tkey,\n\t};\n}\n","import { type Range } from \"../types/Range\";\n\nexport default function newRange(): Range {\n\treturn {\n\t\tstartNode: null,\n\t\tendNode: null,\n\t\tchildren: null,\n\t\tindex: 0,\n\t\teffects: null,\n\t\tanimations: null,\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 isComment(node: Node | null | undefined): node is Comment {\n\treturn node?.nodeType === 8;\n}\n","export default function isText(node: Node | null | undefined): node is Text {\n\treturn node?.nodeType === 3;\n}\n","import context from \"./context\";\nimport { HYDRATION_BREAK } from \"./hydrationMarkers\";\nimport isComment from \"./isComment\";\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) {\n\t\tif (node && isComment(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 isText from \"./isText\";\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 && text && isText(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 isComment from \"./isComment\";\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 * @param subsequent Whether this is the second time the anchor is being retrieved.\n * @returns The anchor node.\n */\nexport default function nodeAnchor(node: ChildNode, subsequent = false): ChildNode {\n\tif (context.hydrationNode) {\n\t\t// The first time we get a node anchor during hydration, the hydration\n\t\t// node gets set to the first node in the statement, and then we work\n\t\t// through the nodes until we get to the anchor node itself. So, the\n\t\t// second time we get the anchor node, the hydration node should have\n\t\t// been set to it. I'm not sure this is going to always be the case...\n\t\tif (subsequent) {\n\t\t\treturn context.hydrationNode;\n\t\t}\n\n\t\tif (isComment(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) {\n\t\t\t\tif (isComment(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) {\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) {\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) {\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 isText from \"./isText\";\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) {\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 (text && !isText(rootNode) && isText(rootNode.previousSibling)) {\n\t\t\trootNode = rootNode.previousSibling;\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 && !range.startNode) {\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 context from \"./context\";\n\nexport default function popRange(oldRange: Range | null): 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 | null {\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 && activeRange) {\n\t\t(activeRange.children ??= []).push(range);\n\t}\n\n\t// Set the new active range\n\tcontext.activeRange = range;\n\n\t// Return the old active range, so that it can be reset when done\n\treturn activeRange;\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\t// Store the index in the range so that it can be accessed by the statement's\n\t// branches\n\trange.index = -1;\n\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 context from \"./context\";\nimport newRange from \"./newRange\";\nimport popRange from \"./popRange\";\nimport pushRange from \"./pushRange\";\n\nexport default function runControlBranch(range: Range, index: number, create: () => void): void {\n\t// Only run the branch if it's not the current branch\n\tif (index >= 0 && range.index === index) {\n\t\treturn;\n\t}\n\tif (range.children?.length) {\n\t\t// Branching ranges have exactly one child\n\t\tclearRange(range.children[0]);\n\t\trange.children.length = 0;\n\t}\n\n\tconst oldRange = pushRange(newRange(), true);\n\n\t// Do NOT re-run the entire control for properties accessed while updating\n\t// its branches. E.g. we want to re-run the control for `@if ($state.x > 5)`\n\t// (in runControl) but not for `<span>{$state.text}</span>` (in\n\t// runControlBranch)\n\tconst oldEffect = context.activeEffect;\n\tcontext.activeEffect = null;\n\n\t// Run the create function\n\tcreate();\n\n\t// Set the active effect back for the next branch\n\tcontext.activeEffect = oldEffect;\n\n\tpopRange(oldRange);\n\n\t// Set the index on the branching range\n\trange.index = index;\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 runLayoutSlot(\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, true);\n\n\tcomponent(parent, anchor, $props, $context, {\n\t\t_: slot,\n\t});\n\n\tpopRange(oldRange);\n\n\treturn range;\n}\n","import { type Range } from \"../types/Range\";\n\nexport default function moveRange(parent: Node, range: Range, before: ChildNode | null): void {\n\tconst endNode = range.endNode || range.startNode;\n\tlet currentNode = range.startNode;\n\twhile (currentNode) {\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 context from \"./context\";\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: (data: ListItem, before: Node | null) => 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\ttransferRangeMarkers(oldStartItem, newStartItem);\n\t\t\toldStartItem = oldItems[++oldStartIndex];\n\t\t\tnewStartItem = newItems[++newStartIndex];\n\t\t} else if (oldEndItem.key === newEndItem.key) {\n\t\t\ttransferRangeMarkers(oldEndItem, newEndItem);\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\ttransferRangeMarkers(oldStartItem, newEndItem);\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\ttransferRangeMarkers(oldEndItem, newStartItem);\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 || !newKeyToIndex) {\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);\n\t\t\t\tcreate(newStartItem, oldStartItem.startNode);\n\t\t\t\tclearRange(oldStartItem);\n\t\t\t\t// @ts-ignore We know we have an active range (the for loop) and that it\n\t\t\t\t// has children (because we're replacing one)\n\t\t\t\tcontext.activeRange.children.splice(oldStartIndex, 1);\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);\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\t// @ts-ignore We know we have an active range (the for loop) and that it\n\t\t\t\t// has children (because we're deleting one)\n\t\t\t\tcontext.activeRange.children.splice(oldStartIndex, 1);\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\ttransferRangeMarkers(oldData, newStartItem);\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: Node | null =\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);\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\t// Just truncate the parent range's children collection\n\t\t\tif (range.children) {\n\t\t\t\trange.children.length = oldStartIndex;\n\t\t\t}\n\t\t\tfor (oldStartIndex; oldStartIndex <= oldEndIndex; oldStartItem = oldItems[++oldStartIndex]) {\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\nfunction transferRangeMarkers(oldItem: ListItem, newItem: ListItem) {\n\tnewItem.startNode = oldItem.startNode;\n\tnewItem.endNode = oldItem.endNode;\n\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\tfor (let prop in oldItem.data) {\n\t\toldItem.data[prop] = newItem.data[prop];\n\t}\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): 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.activeEffect = null;\n\n\t\t// Run the function that updates the list's items\n\t\trunListItems(range, parent, anchor, listItems, newItems, create);\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) {\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 == 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) {\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"],"mappings":"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","names":["setAttribute","fragment","runControl","runList"]}

package/dist/index.d.cts

@@ -43,29 +43,10 @@ declare function addAnimation(el: HTMLElement, entry?: Animation$1, exit?: Anima
 
 declare function addEvent(el: Element, type: string, listener: (this: Element, ev: any) => any): void;
 
-declare function addFragment(fragment: DocumentFragment, parent: ParentNode, before: Node | null): void;
+declare function addFragment(fragment: DocumentFragment, parent: ParentNode, before: Node | null, endNode?: ChildNode): void;
 
 declare function applyProps(el: Element, props: Record<string, any> | undefined, propNamesUsed: string[]): void;
 
-declare function getFragment(document: Document, array: DocumentFragment[], index: number, html: string, ns?: boolean): DocumentFragment;
-
-/**
- * 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;
-
-/**
- * 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;
-
 /**
  * State data for a property in a proxy.
  */
@@ -110,6 +91,27 @@ type Range = {
     animations: Set<Animation> | null;
 };
 
+declare function clearLayoutSlot(range: Range): void;
+
+declare function getFragment(document: Document, array: DocumentFragment[], index: number, html: string, ns?: boolean): DocumentFragment;
+
+/**
+ * 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;
+
+/**
+ * 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;
+
 type ListItem = Range & {
     data: Record<string, any>;
     key: any;
@@ -119,22 +121,61 @@ declare function newListItem(data: Record<PropertyKey, any>, key?: any): ListIte
 
 declare function newRange(): Range;
 
-declare function nodeAnchor(node: Node): Node;
+/**
+ * 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.
+ * @param subsequent Whether this is the second time the anchor is being retrieved.
+ * @returns The anchor node.
+ */
+declare function nodeAnchor(node: ChildNode, subsequent?: boolean): ChildNode;
+
+/**
+ * Gets the first child of a node.
+ *
+ * Sets the hydration node.
+ *
+ * @param parent The parent node.
+ */
+declare function nodeChild(parent: Node): ChildNode;
 
 /**
- * Gets the first child of a node
+ * 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 nodeChild(parent: Node): Node;
+declare function nodeNext(node: ChildNode, text?: boolean): ChildNode;
 
 /**
- * Gets the next sibling of a node
+ * 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 nodeNext(node: Node, count?: number): Node;
+declare function nodeRoot(parent: Node, text?: boolean): ChildNode;
 
 /**
- * Gets the first child in a fragment
- * */
-declare function nodeRoot(parent: Node): Node;
+ * 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;
 
 declare function popRange(oldRange: Range | null): void;
 
@@ -148,6 +189,8 @@ declare function runControl(range: Range, anchor: Node | null, create: (anchor:
 
 declare function runControlBranch(range: Range, index: number, create: () => void): void;
 
+declare function runLayoutSlot(component: Component, slot: SlotRender, parent: ParentNode, anchor: Node | null, $props: Record<string, string>, $context?: Record<PropertyKey, any>): Range;
+
 /**
  * Runs a `for` control statement
  * @param create A function that creates the control statement's branches
@@ -163,4 +206,4 @@ declare function setDynamicElement(el: HTMLElement, tag: string): HTMLElement;
  */
 type ServerComponent = ($props?: Record<string, any>, $context?: Record<string, any>, $slots?: Record<string, ServerSlotRender>) => string;
 
-export { $mount, $run, $unwrap, $watch, Component, type ListItem, type ServerComponent, ServerSlotRender, SlotRender, 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, setDynamicElement as t_dynamic, addEvent as t_event, 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 };
+export { $mount, $run, $unwrap, $watch, Component, type ListItem, type ServerComponent, ServerSlotRender, SlotRender, clearLayoutSlot, hydrate, mount, runLayoutSlot, 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, setDynamicElement as t_dynamic, addEvent as t_event, 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 };

package/dist/index.d.ts

@@ -43,29 +43,10 @@ declare function addAnimation(el: HTMLElement, entry?: Animation$1, exit?: Anima
 
 declare function addEvent(el: Element, type: string, listener: (this: Element, ev: any) => any): void;
 
-declare function addFragment(fragment: DocumentFragment, parent: ParentNode, before: Node | null): void;
+declare function addFragment(fragment: DocumentFragment, parent: ParentNode, before: Node | null, endNode?: ChildNode): void;
 
 declare function applyProps(el: Element, props: Record<string, any> | undefined, propNamesUsed: string[]): void;
 
-declare function getFragment(document: Document, array: DocumentFragment[], index: number, html: string, ns?: boolean): DocumentFragment;
-
-/**
- * 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;
-
-/**
- * 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;
-
 /**
  * State data for a property in a proxy.
  */
@@ -110,6 +91,27 @@ type Range = {
     animations: Set<Animation> | null;
 };
 
+declare function clearLayoutSlot(range: Range): void;
+
+declare function getFragment(document: Document, array: DocumentFragment[], index: number, html: string, ns?: boolean): DocumentFragment;
+
+/**
+ * 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;
+
+/**
+ * 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;
+
 type ListItem = Range & {
     data: Record<string, any>;
     key: any;
@@ -119,22 +121,61 @@ declare function newListItem(data: Record<PropertyKey, any>, key?: any): ListIte
 
 declare function newRange(): Range;
 
-declare function nodeAnchor(node: Node): Node;
+/**
+ * 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.
+ * @param subsequent Whether this is the second time the anchor is being retrieved.
+ * @returns The anchor node.
+ */
+declare function nodeAnchor(node: ChildNode, subsequent?: boolean): ChildNode;
+
+/**
+ * Gets the first child of a node.
+ *
+ * Sets the hydration node.
+ *
+ * @param parent The parent node.
+ */
+declare function nodeChild(parent: Node): ChildNode;
 
 /**
- * Gets the first child of a node
+ * 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 nodeChild(parent: Node): Node;
+declare function nodeNext(node: ChildNode, text?: boolean): ChildNode;
 
 /**
- * Gets the next sibling of a node
+ * 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 nodeNext(node: Node, count?: number): Node;
+declare function nodeRoot(parent: Node, text?: boolean): ChildNode;
 
 /**
- * Gets the first child in a fragment
- * */
-declare function nodeRoot(parent: Node): Node;
+ * 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;
 
 declare function popRange(oldRange: Range | null): void;
 
@@ -148,6 +189,8 @@ declare function runControl(range: Range, anchor: Node | null, create: (anchor:
 
 declare function runControlBranch(range: Range, index: number, create: () => void): void;
 
+declare function runLayoutSlot(component: Component, slot: SlotRender, parent: ParentNode, anchor: Node | null, $props: Record<string, string>, $context?: Record<PropertyKey, any>): Range;
+
 /**
  * Runs a `for` control statement
  * @param create A function that creates the control statement's branches
@@ -163,4 +206,4 @@ declare function setDynamicElement(el: HTMLElement, tag: string): HTMLElement;
  */
 type ServerComponent = ($props?: Record<string, any>, $context?: Record<string, any>, $slots?: Record<string, ServerSlotRender>) => string;
 
-export { $mount, $run, $unwrap, $watch, Component, type ListItem, type ServerComponent, ServerSlotRender, SlotRender, 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, setDynamicElement as t_dynamic, addEvent as t_event, 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 };
+export { $mount, $run, $unwrap, $watch, Component, type ListItem, type ServerComponent, ServerSlotRender, SlotRender, clearLayoutSlot, hydrate, mount, runLayoutSlot, 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, setDynamicElement as t_dynamic, addEvent as t_event, 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 };