@typed/template 0.9.6 → 0.10.0

package/dist/esm/internal/v2/render-sync-parts.js

@@ -0,0 +1,265 @@
+import * as Fx from "@typed/fx";
+import * as Effect from "effect/Effect";
+import { identity } from "effect/Function";
+import { convertCharacterEntities } from "../character-entities.js";
+import { AttributePartImpl, BooleanPartImpl, ClassNamePartImpl, CommentPartImpl, DataPartImpl, NodePartImpl, PropertyPartImpl, splitClassNames, TextPartImpl } from "./sync-parts.js";
+import { diffable, isComment } from "@typed/wire";
+import udomdiff from "udomdiff";
+import { isDirective } from "../../Directive.js";
+import { isRenderEvent } from "../../RenderEvent.js";
+import { isCommentWithValue } from "../utils.js";
+import { syncPartToPart } from "./parts.js";
+export function makeAttributePart(index, element, attr) {
+    const setValue = makeAttributeValueSetter(element, attr);
+    return new AttributePartImpl(attr.name, index, ({ value }) => setValue(value), attr.value);
+}
+export function makeAttributeValueSetter(element, attr) {
+    let isSet = false;
+    const setValue = (value) => {
+        if (isNullOrUndefined(value)) {
+            element.removeAttribute(attr.name);
+            isSet = false;
+        }
+        else {
+            attr.value = value;
+            if (isSet === false) {
+                element.setAttributeNode(attr);
+                isSet = true;
+            }
+        }
+    };
+    return setValue;
+}
+export function makeBooleanAttributePart(name, index, element) {
+    return new BooleanPartImpl(name, index, ({ value }) => element.toggleAttribute(name, value === true), element.hasAttribute(name));
+}
+export function makeClassNamePart(index, element, initial = Array.from(element.classList)) {
+    return new ClassNamePartImpl(index, ({ previous, value }) => {
+        const { added, removed } = diffStrings(previous, value);
+        element.classList.add(...added);
+        element.classList.remove(...removed);
+    }, initial);
+}
+export function makeDataPart(index, element) {
+    return new DataPartImpl(index, ({ previous, value }) => {
+        const diff = diffDataSet(previous, value);
+        if (diff) {
+            const { added, removed } = diff;
+            removed.forEach((k) => delete element.dataset[k]);
+            added.forEach(([k, v]) => element.dataset[k] = v);
+        }
+    }, element.dataset);
+}
+export function makePropertyPart(name, index, element) {
+    return new PropertyPartImpl(name, index, ({ value }) => {
+        ;
+        element[name] = value;
+    }, element[name]);
+}
+export function makeTextPart(index, text) {
+    return new TextPartImpl(index, ({ value }) => {
+        if (value) {
+            text.nodeValue = convertCharacterEntities(value);
+        }
+        else {
+            text.nodeValue = null;
+        }
+    }, text.nodeValue);
+}
+function isNullOrUndefined(value) {
+    return value === null || value === undefined;
+}
+function diffStrings(previous, current) {
+    if (previous == null || previous.length === 0) {
+        return {
+            added: current || [],
+            removed: [],
+            unchanged: []
+        };
+    }
+    else if (current == null || current.length === 0) {
+        return {
+            added: [],
+            removed: previous,
+            unchanged: []
+        };
+    }
+    else {
+        const added = current.filter((c) => !previous.includes(c));
+        const removed = [];
+        const unchanged = [];
+        for (let i = 0; i < previous.length; ++i) {
+            if (current.includes(previous[i])) {
+                unchanged.push(previous[i]);
+            }
+            else {
+                removed.push(previous[i]);
+            }
+        }
+        return {
+            added,
+            removed,
+            unchanged
+        };
+    }
+}
+function diffDataSet(a, b) {
+    if (!a)
+        return b ? { added: Object.entries(b), removed: [] } : null;
+    if (!b)
+        return { added: [], removed: Object.keys(a) };
+    const { added, removed, unchanged } = diffStrings(Object.keys(a), Object.keys(b));
+    return {
+        added: added.concat(unchanged).map((k) => [k, b[k]]),
+        removed
+    };
+}
+export function makeSparsePartHandler(parts, renderables, makePart, handleText, join, setValue) {
+    return Fx.mapEffect(Fx.withEmitter((sink) => Effect.zipRight(Effect.gen(function* () {
+        const values = new Map();
+        const expected = parts.length;
+        const setValueIfReady = () => {
+            if (values.size === expected) {
+                return sink.succeed(join(Array.from({ length: expected }, (_, i) => values.get(i))));
+            }
+        };
+        for (let i = 0; i < parts.length; ++i) {
+            const index = i;
+            const part = parts[i];
+            if (part._tag === "text") {
+                values.set(i, handleText(part.value));
+            }
+            else {
+                const child = makePart(part.index, (value) => {
+                    values.set(index, value);
+                    setValueIfReady();
+                });
+                const value = renderables[part.index];
+                yield* Effect.forkScoped(matchRenderable(value, {
+                    Fx: (fx) => fx.run(Fx.Sink.make((cause) => Effect.promise(() => sink.failCause(cause)), (value) => Effect.sync(() => child.update(value)))),
+                    Effect: (effect) => Effect.tap(effect, (value) => child.update(value)),
+                    Directive: (directive) => directive(syncPartToPart(child, ({ value }) => Effect.sync(() => child.update(value)))),
+                    Otherwise: (value) => Effect.sync(() => child.update(value))
+                }));
+            }
+        }
+        setValueIfReady();
+    }), Effect.never)), setValue);
+}
+export function handleSparseAttribute(element, attr, parts, values, schedule) {
+    const set = makeAttributeValueSetter(element, attr);
+    return Fx.drain(makeSparsePartHandler(parts, values, (index, setValue) => new AttributePartImpl(attr.name, index, ({ value }) => setValue(value), attr.value), (text) => text, (values) => values.flatMap((v) => isNullOrUndefined(v) ? [] : [v]).join(""), (value) => schedule(() => set(value))));
+}
+export function handleSparseClassName(element, parts, values, schedule) {
+    let previous = Array.from(element.classList);
+    return Fx.drain(makeSparsePartHandler(parts, values, (index, setValue) => new ClassNamePartImpl(index, ({ value }) => setValue(value), previous), splitClassNames, (values) => values.flat(1), (values) => schedule(() => {
+        const { added, removed } = diffStrings(previous, values);
+        element.classList.add(...added);
+        element.classList.remove(...removed);
+        previous = values;
+    })));
+}
+export function handleSparseComment(comment, parts, values, schedule) {
+    return Fx.drain(makeSparsePartHandler(parts, values, (index, setValue) => new CommentPartImpl(index, ({ value }) => setValue(value), comment.textContent), identity, (values) => values.flatMap((v) => isNullOrUndefined(v) ? [] : [v]).join(""), (value) => schedule(() => (comment.textContent = value))));
+}
+export function makeNodePart(index, comment, document, text, nodes) {
+    return new NodePartImpl(index, ({ value }) => {
+        matchNodeValue(value, (content) => {
+            if (text === null) {
+                text = document.createTextNode("");
+            }
+            text.textContent = convertCharacterEntities(content);
+            nodes = diffChildren(comment, nodes, [text], document);
+        }, (updatedNodes) => {
+            nodes = diffChildren(comment, nodes, updatedNodes, document);
+        });
+    }, nodes);
+}
+export function getPreviousTextSibling(node) {
+    if (!node)
+        return null;
+    if (node && node.nodeType === node.TEXT_NODE) {
+        // During hydration there should be a comment to separate these values
+        if (node.previousSibling &&
+            isCommentWithValue(node.previousSibling, "text")) {
+            return node;
+        }
+    }
+    return null;
+}
+export function findPreviousNodes(comment, index, hash) {
+    const previousComments = new Set([`hole${index - 1}`, `typed-${hash}`]);
+    const nodes = [];
+    let node = comment.previousSibling;
+    while (node) {
+        if (isComment(node) && previousComments.has(node.data)) {
+            break;
+        }
+        nodes.unshift(node);
+        node = node.previousSibling;
+    }
+    return nodes;
+}
+function diffChildren(comment, currentNodes, nextNodes, document) {
+    return udomdiff(comment.parentNode, currentNodes, nextNodes, diffable(document), comment);
+}
+function matchNodeValue(value, onText, onNodes) {
+    switch (typeof value) {
+        // primitives are handled as text content
+        case "string":
+        case "symbol":
+        case "number":
+        case "bigint":
+        case "boolean":
+            return onText(String(value));
+        case "undefined":
+        case "object": {
+            if (!value) {
+                return onNodes([]);
+            }
+            else if (Array.isArray(value)) {
+                // arrays can be used to cleanup, if empty
+                if (value.length === 0)
+                    return onNodes([]);
+                // or diffed, if these contains nodes or "wires"
+                else if (value.some((x) => typeof x === "object")) {
+                    return onNodes(value.flatMap(renderEventToArray));
+                } // in all other cases the content is stringified as is
+                else
+                    return onText(String(value));
+            }
+            else {
+                return onNodes(renderEventToArray(value));
+            }
+        }
+        case "function":
+            return onNodes([]);
+    }
+}
+function renderEventToArray(x) {
+    if (x === null || x === undefined)
+        return [];
+    if (isRenderEvent(x)) {
+        const value = x.valueOf();
+        return Array.isArray(value) ? value : [value];
+    }
+    return [x];
+}
+export function makeCommentPart(index, comment) {
+    return new CommentPartImpl(index, ({ value }) => (comment.nodeValue = value ?? null), comment.textContent);
+}
+function matchRenderable(renderable, matches) {
+    if (Fx.isFx(renderable)) {
+        return matches.Fx(renderable);
+    }
+    else if (Effect.isEffect(renderable)) {
+        return matches.Effect(renderable);
+    }
+    else if (isDirective(renderable)) {
+        return matches.Directive(renderable);
+    }
+    else {
+        return matches.Otherwise(renderable);
+    }
+}
+//# sourceMappingURL=render-sync-parts.js.map

package/dist/esm/internal/v2/render-sync-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-sync-parts.js","sourceRoot":"","sources":["../../../../src/internal/v2/render-sync-parts.ts"],"names":[],"mappings":"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"}

package/dist/esm/internal/v2/render.js

@@ -0,0 +1,353 @@
+import * as Context from "@typed/context";
+import * as Fx from "@typed/fx";
+import { persistent } from "@typed/wire";
+import * as Effect from "effect/Effect";
+import * as ExecutionStrategy from "effect/ExecutionStrategy";
+import { flow } from "effect/Function";
+import * as Scope from "effect/Scope";
+import { isDirective } from "../../Directive.js";
+import * as ElementRef from "../../ElementRef.js";
+import * as ElementSource from "../../ElementSource.js";
+import * as EventHandler from "../../EventHandler.js";
+import { DomRenderEvent } from "../../RenderEvent.js";
+import { DEFAULT_PRIORITY, RenderQueue } from "../../RenderQueue.js";
+import { makeEventSource } from "../EventSource.js";
+import { makeRefCounter } from "../indexRefCounter.js";
+import { findHoleComment, findPath, keyToPartType } from "../utils.js";
+import { isNullOrUndefined } from "./helpers.js";
+import { EventPartImpl, RefPartImpl, syncPartToPart } from "./parts.js";
+import { getBrowserEntry } from "./render-entry.js";
+import * as SyncPartsInternal from "./render-sync-parts.js";
+export const renderTemplate = (document, renderContext) => (templateStrings, values) => {
+    const entry = getBrowserEntry(document, renderContext, templateStrings);
+    if (entry.template.parts.length === 0) {
+        return Fx.succeed(DomRenderEvent(persistent(document, document.importNode(entry.content, true))));
+    }
+    return Fx.make((sink) => Effect.catchAllCause(Effect.gen(function* () {
+        // Create a context for rendering our template
+        const ctx = yield* makeTemplateContext(entry.content, document, renderContext, values, sink.onFailure);
+        // Setup all parts
+        const effects = setupParts(entry.template.parts, ctx);
+        if (effects.length > 0) {
+            yield* Effect.forEach(effects, flow(Effect.catchAllCause(ctx.onCause), Effect.forkIn(ctx.scope)));
+        }
+        // If there's anything to wait on and it's not already done, wait for an initial value
+        // for all asynchronous sources.
+        if (ctx.expected > 0 && (yield* ctx.refCounter.expect(ctx.expected))) {
+            yield* ctx.refCounter.wait;
+        }
+        // Create a persistent wire from our content
+        const wire = persistent(document, ctx.content);
+        // Setup our event listeners for our wire.
+        // We use the parentScope to allow event listeners to exist
+        // beyond the lifetime of the current Fiber, but no further than its parent template.
+        yield* ctx.eventSource.setup(wire, ctx.parentScope);
+        // Emit our DomRenderEvent
+        yield* sink.onSuccess(DomRenderEvent(wire)).pipe(
+        // Ensure our templates last forever in the DOM environment
+        // so event listeners are kept attached to the current Scope.
+        Effect.zipRight(Effect.never), 
+        // Close our scope whenever the current Fiber is interrupted
+        Effect.onExit((exit) => Scope.close(ctx.scope, exit)));
+    }), sink.onFailure));
+};
+export function makeTemplateContext(entry, document, renderContext, values, onCause) {
+    return Effect.gen(function* () {
+        const refCounter = yield* makeRefCounter;
+        const context = yield* Effect.context();
+        const queue = Context.get(context, RenderQueue);
+        const parentScope = Context.get(context, Scope.Scope);
+        const eventSource = makeEventSource();
+        const content = document.importNode(entry, true);
+        const scope = yield* Scope.fork(parentScope, ExecutionStrategy.sequential);
+        const templateContext = {
+            context: Context.add(context, Scope.Scope, scope),
+            expected: 0,
+            content,
+            document,
+            eventSource,
+            parentScope,
+            queue,
+            refCounter,
+            renderContext,
+            scope,
+            values,
+            spreadIndex: values.length,
+            onCause
+        };
+        return templateContext;
+    });
+}
+function setupParts(parts, ctx) {
+    const effects = [];
+    for (const [part, path] of parts) {
+        const effect = setupPart(part, path, ctx);
+        if (effect) {
+            effects.push(effect);
+        }
+    }
+    return effects;
+}
+function setupPart(part, path, ctx) {
+    switch (part._tag) {
+        case "attr":
+            return setupAttrPart(part, findPath(ctx.content, path), ctx, ctx.values[part.index]);
+        case "boolean-part":
+            return setupBooleanPart(part, findPath(ctx.content, path), ctx, ctx.values[part.index]);
+        case "className-part":
+            return setupClassNamePart(part, findPath(ctx.content, path), ctx, ctx.values[part.index]);
+        case "comment-part":
+            return setupCommentPart(part, findPath(ctx.content, path), ctx);
+        case "data":
+            return setupDataPart(part, findPath(ctx.content, path), ctx, ctx.values[part.index]);
+        case "event":
+            return setupEventPart(part, findPath(ctx.content, path), ctx, ctx.values[part.index]);
+        case "node": {
+            const parent = findPath(ctx.content, path);
+            const comment = findHoleComment(parent, part.index);
+            return setupNodePart(part, comment, ctx, null, []);
+        }
+        case "properties":
+            return setupPropertiesPart(part, findPath(ctx.content, path), ctx);
+        case "property":
+            return setupPropertyPart(part, findPath(ctx.content, path), ctx, ctx.values[part.index]);
+        case "ref":
+            return setupRefPart(part, findPath(ctx.content, path), ctx);
+        case "sparse-attr":
+            return setupSparseAttrPart(part, findPath(ctx.content, path), ctx);
+        case "sparse-class-name":
+            return setupSparseClassNamePart(part, findPath(ctx.content, path), ctx);
+        case "sparse-comment":
+            return setupSparseCommentPart(part, findPath(ctx.content, path), ctx);
+        case "text-part": {
+            const parent = findPath(ctx.content, path);
+            const comment = findHoleComment(parent, part.index);
+            return setupTextPart(part, comment, ctx);
+        }
+    }
+}
+export function setupAttrPart({ index, name }, element, ctx, renderable) {
+    const attr = element.getAttributeNode(name) ?? ctx.document.createAttribute(name);
+    const part = SyncPartsInternal.makeAttributePart(index, element, attr);
+    return matchSyncPart(renderable, ctx, part);
+}
+export function setupBooleanPart({ index, name }, element, ctx, renderable) {
+    const part = SyncPartsInternal.makeBooleanAttributePart(name, index, element);
+    return matchSyncPart(renderable, ctx, part);
+}
+export function setupClassNamePart({ index }, element, ctx, renderable) {
+    const part = SyncPartsInternal.makeClassNamePart(index, element);
+    return matchSyncPart(renderable, ctx, part);
+}
+export function setupCommentPart({ index }, comment, ctx) {
+    const part = SyncPartsInternal.makeCommentPart(index, comment);
+    const renderable = ctx.values[index];
+    return matchSyncPart(renderable, ctx, part);
+}
+export function setupDataPart({ index }, element, ctx, renderable) {
+    const part = SyncPartsInternal.makeDataPart(index, element);
+    return matchSyncPart(renderable, ctx, part);
+}
+export function setupEventPart({ index, name }, element, ctx, renderable) {
+    if (isNullOrUndefined(renderable))
+        return null;
+    if (isDirective(renderable)) {
+        return renderable(new EventPartImpl(name, index, ElementSource.fromElement(element), ctx.onCause, (handler) => ctx.eventSource.addEventListener(element, name, handler)));
+    }
+    else {
+        const handler = getEventHandler(renderable, ctx.context, ctx.onCause);
+        if (handler === null)
+            return null;
+        ctx.eventSource.addEventListener(element, name, handler);
+        return null;
+    }
+}
+export function getEventHandler(renderable, ctx, onCause) {
+    if (renderable && typeof renderable === "object") {
+        if (EventHandler.EventHandlerTypeId in renderable) {
+            return EventHandler.make((ev) => Effect.provide(Effect.catchAllCause(renderable.handler(ev), onCause), ctx), renderable.options);
+        }
+        else if (Effect.EffectTypeId in renderable) {
+            return EventHandler.make(() => Effect.provide(Effect.catchAllCause(renderable, onCause), ctx));
+        }
+    }
+    return null;
+}
+export function setupNodePart({ index }, comment, ctx, text, nodes) {
+    const part = SyncPartsInternal.makeNodePart(index, comment, ctx.document, text, nodes);
+    const renderable = ctx.values[index];
+    return matchSyncPart(renderable, ctx, part);
+}
+export function setupPropertyPart({ index, name }, element, ctx, renderable) {
+    const part = SyncPartsInternal.makePropertyPart(name, index, element);
+    return matchSyncPart(renderable, ctx, part);
+}
+export function setupRefPart({ index }, element, ctx) {
+    const renderable = ctx.values[index];
+    if (isNullOrUndefined(renderable))
+        return null;
+    else if (isDirective(renderable)) {
+        return renderable(new RefPartImpl(ElementSource.fromElement(element), index));
+    }
+    else if (ElementRef.isElementRef(renderable)) {
+        // TODO: We need to enable only setting these values once the Template has been rendered into the DOM
+        return ElementRef.set(renderable, element);
+    }
+    else {
+        return null;
+    }
+}
+export function setupPropertiesPart({ index }, element, ctx) {
+    const renderable = ctx.values[index];
+    if (renderable && typeof renderable === "object") {
+        const effects = [];
+        const addEffect = (effect) => {
+            if (isNullOrUndefined(effect))
+                return;
+            effects.push(effect);
+        };
+        for (const [key, value] of Object.entries(renderable)) {
+            const [type, name] = keyToPartType(key);
+            const index = ++ctx.spreadIndex;
+            switch (type) {
+                case "attr":
+                    addEffect(setupAttrPart({ index, name }, element, ctx, value));
+                    break;
+                case "boolean":
+                    addEffect(setupBooleanPart({ index, name }, element, ctx, value));
+                    break;
+                case "class":
+                    addEffect(setupClassNamePart({ index }, element, ctx, value));
+                    break;
+                case "data":
+                    addEffect(setupDataPart({ index }, element, ctx, value));
+                    break;
+                case "event":
+                    addEffect(setupEventPart({ index, name }, element, ctx, value));
+                    break;
+                case "property":
+                    addEffect(setupPropertyPart({ index, name }, element, ctx, value));
+                    break;
+            }
+        }
+        return Effect.all(effects, { concurrency: "unbounded" });
+    }
+    return null;
+}
+export function setupSparseAttrPart({ name, nodes }, element, ctx) {
+    ctx.expected++;
+    const attr = element.getAttributeNode(name) ?? ctx.document.createAttribute(name);
+    const index = nodes.find((n) => n._tag === "attr").index;
+    return SyncPartsInternal.handleSparseAttribute(element, attr, nodes, ctx.values, (f) => Effect.zipRight(ctx.queue.add(attr, f, DEFAULT_PRIORITY), ctx.refCounter.release(index)));
+}
+export function setupSparseClassNamePart({ nodes }, element, ctx) {
+    ctx.expected++;
+    const index = nodes.find((n) => n._tag === "className-part").index;
+    return SyncPartsInternal.handleSparseClassName(element, nodes, ctx.values, (f) => Effect.zipRight(ctx.queue.add(element.classList, f, DEFAULT_PRIORITY), ctx.refCounter.release(index)));
+}
+export function setupSparseCommentPart({ nodes }, comment, ctx) {
+    ctx.expected++;
+    const index = nodes.find((n) => n._tag === "comment-part").index;
+    return SyncPartsInternal.handleSparseComment(comment, nodes, ctx.values, (f) => Effect.zipRight(ctx.queue.add(comment, f, DEFAULT_PRIORITY), ctx.refCounter.release(index)));
+}
+export function setupTextPart({ index }, comment, ctx) {
+    const text = comment.previousSibling
+        ? SyncPartsInternal.getPreviousTextSibling(comment.previousSibling) ?? createText(ctx.document, comment)
+        : createText(ctx.document, comment);
+    const part = SyncPartsInternal.makeTextPart(index, text);
+    const renderable = ctx.values[index];
+    return matchSyncPart(renderable, ctx, part);
+}
+function createText(document, comment) {
+    const text = document.createTextNode("");
+    comment.parentNode.insertBefore(text, comment);
+    return text;
+}
+export function matchSyncPart(renderable, ctx, syncPart) {
+    return matchRenderable(renderable, ctx, {
+        Fx: (fx) => fx.run(Fx.Sink.make(ctx.onCause, (value) => runSyncUpdate(syncPart, value, ctx))),
+        Effect: (effect) => Effect.flatMap(effect, (value) => runSyncUpdate(syncPart, value, ctx)),
+        Directive: (directive) => directive(syncPartToPart(syncPart, ({ value }) => runSyncUpdate(syncPart, value, ctx))),
+        Otherwise: (value) => {
+            syncPart.update(value);
+            return null;
+        }
+    });
+}
+function unwrapRenderable(renderable) {
+    switch (typeof renderable) {
+        case "undefined":
+        case "object": {
+            if (renderable === null || renderable === undefined)
+                return Fx.succeed(null);
+            else if (Array.isArray(renderable)) {
+                return renderable.length === 0
+                    ? Fx.succeed(null)
+                    // TODO: We need to ensure the ordering of these values in server environments
+                    : Fx.map(Fx.tuple(renderable.map(unwrapRenderable)), (xs) => xs.flat());
+            }
+            else if (Fx.TypeId in renderable) {
+                return renderable;
+            }
+            else if (Effect.EffectTypeId in renderable) {
+                return Fx.fromFxEffect(Effect.map(renderable, (unwrapRenderable)));
+            }
+            else
+                return Fx.succeed(renderable);
+        }
+        default:
+            return Fx.succeed(renderable);
+    }
+}
+export function runSyncUpdate(syncPart, value, ctx) {
+    return Effect.zipRight(ctx.queue.add(syncPart, () => syncPart.update(value), DEFAULT_PRIORITY), ctx.refCounter.release(syncPart.index));
+}
+export function matchRenderable(renderable, ctx, matches) {
+    if (Fx.isFx(renderable)) {
+        ctx.expected++;
+        return matches.Fx(renderable);
+    }
+    else if (Effect.isEffect(renderable)) {
+        ctx.expected++;
+        return matches.Effect(renderable);
+    }
+    else if (isDirective(renderable)) {
+        ctx.expected++;
+        return matches.Directive(renderable);
+    }
+    else if (Array.isArray(renderable)) {
+        return matches.Fx(unwrapRenderable(renderable));
+    }
+    else {
+        return matches.Otherwise(renderable);
+    }
+}
+export function attachRoot(cache, where, what // TODO: Should we support HTML RenderEvents here too?,
+) {
+    return Effect.sync(() => {
+        const wire = what?.valueOf();
+        const previous = cache.get(where);
+        if (wire !== previous) {
+            if (previous && !wire)
+                removeChildren(where, previous);
+            cache.set(where, wire || null);
+            if (wire)
+                replaceChildren(where, wire);
+            return wire;
+        }
+        return previous;
+    });
+}
+export function removeChildren(where, previous) {
+    for (const node of getNodes(previous)) {
+        where.removeChild(node);
+    }
+}
+export function replaceChildren(where, wire) {
+    where.replaceChildren(...getNodes(wire));
+}
+export function getNodes(rendered) {
+    const value = rendered.valueOf();
+    return Array.isArray(value) ? value : [value];
+}
+//# sourceMappingURL=render.js.map