@typed/template 0.1.0

package/dist/esm/internal/parts.js

@@ -0,0 +1,291 @@
+import * as Fx from "@typed/fx/Fx";
+import { WithContext } from "@typed/fx/Sink";
+import { isText } from "@typed/wire";
+import * as Effect from "effect/Effect";
+import { equals } from "effect/Equal";
+import { strict } from "effect/Equivalence";
+import * as Fiber from "effect/Fiber";
+import * as ReadonlyArray from "effect/ReadonlyArray";
+import * as SynchronizedRef from "effect/SynchronizedRef";
+import { unescape } from "../HtmlChunk";
+import { findHoleComment } from "./utils";
+const strictEq = strict();
+const base = (tag) => class Base {
+    index;
+    commit;
+    value;
+    eq;
+    _tag = tag;
+    constructor(index, commit, value, eq = equals) {
+        this.index = index;
+        this.commit = commit;
+        this.value = value;
+        this.eq = eq;
+        this.update = this.update.bind(this);
+    }
+    update(input) {
+        const previous = this.value;
+        const value = this.getValue(input);
+        if (this.eq(previous, value)) {
+            return Effect.unit;
+        }
+        return Effect.tap(this.commit.call(this, {
+            previous,
+            value,
+            part: this
+        }), () => Effect.sync(() => this.value = value));
+    }
+    getValue(value) {
+        return value;
+    }
+};
+export class AttributePartImpl extends base("attribute") {
+    name;
+    constructor(name, index, commit, value) {
+        super(index, commit, value, strictEq);
+        this.name = name;
+    }
+    static browser(index, element, name, context) {
+        return new AttributePartImpl(name, index, ({ part, value }) => context.queue.add(part, () => value == null ? element.removeAttribute(name) : element.setAttribute(name, value)), element.getAttribute(name));
+    }
+    static server(name, index, commit) {
+        return new AttributePartImpl(name, index, commit, null);
+    }
+}
+export class BooleanPartImpl extends base("boolean") {
+    name;
+    constructor(name, index, commit, value) {
+        super(index, commit, value, strictEq);
+        this.name = name;
+    }
+    static browser(index, element, name, context) {
+        return new BooleanPartImpl(name, index, ({ part, value }) => context.queue.add(part, () => element.toggleAttribute(name, value === true)), element.hasAttribute(name));
+    }
+    static server(name, index, commit) {
+        return new BooleanPartImpl(name, index, commit, null);
+    }
+}
+const isString = (x) => typeof x === "string";
+export class ClassNamePartImpl extends base("className") {
+    constructor(index, commit, value) {
+        super(index, commit, value, strictEq);
+    }
+    getValue(value) {
+        if (isString(value)) {
+            return value.split(" ").filter((x) => isString(x) && x.trim() !== "");
+        }
+        if (Array.isArray(value)) {
+            return value.filter((x) => isString(x) && x.trim() !== "");
+        }
+        return [];
+    }
+    static browser(index, element, context) {
+        return new ClassNamePartImpl(index, ({ part, previous, value }) => context.queue.add(part, () => {
+            const { added, removed } = diffStrings(previous, value);
+            element.classList.add(...added);
+            element.classList.remove(...removed);
+        }), Array.from(element.classList));
+    }
+    static server(index, commit) {
+        return new ClassNamePartImpl(index, commit, null);
+    }
+}
+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
+        };
+    }
+}
+export class CommentPartImpl extends base("comment") {
+    static browser(index, comment, ctx) {
+        return new CommentPartImpl(index, ({ part, value }) => ctx.queue.add(part, () => comment.data = value || ""), comment.data, strictEq);
+    }
+    static server(index, commit) {
+        return new CommentPartImpl(index, commit, null);
+    }
+}
+export class DataPartImpl extends base("data") {
+    static browser(index, element, ctx) {
+        return new DataPartImpl(index, ({ part, previous, value }) => ctx.queue.add(part, () => {
+            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);
+    }
+    static server(index, commit) {
+        return new DataPartImpl(index, commit, null);
+    }
+}
+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 class EventPartImpl extends base("event") {
+    name;
+    onCause;
+    constructor(name, onCause, index, commit, value) {
+        super(index, commit, value, strictEq);
+        this.name = name;
+        this.onCause = onCause;
+    }
+    static browser(name, index, ref, element, onCause) {
+        return withSwitchFork((fork, ctx) => {
+            const source = ref.query(element);
+            return Effect.succeed(new EventPartImpl(name, onCause, index, ({ value }) => {
+                return value
+                    ? Fx.run(source.events(name, value.options), WithContext(onCause, value.handler)).pipe(Effect.provide(ctx), fork)
+                    : fork(Effect.unit);
+            }, null));
+        });
+    }
+}
+function withScopedFork(f) {
+    return Effect.scopeWith((scope) => f(Effect.forkIn(scope)));
+}
+// Ensures only a single fiber is executing
+function withSwitchFork(f) {
+    return Effect.contextWithEffect((ctx) => withScopedFork((fork) => Effect.flatMap(SynchronizedRef.make(Fiber.unit), (ref) => f((effect) => SynchronizedRef.updateAndGetEffect(ref, (fiber) => Effect.flatMap(Fiber.interrupt(fiber), () => fork(effect))), ctx))));
+}
+export class NodePartImpl extends base("node") {
+}
+export class PropertyPartImpl extends base("property") {
+    name;
+    constructor(name, index, commit, value) {
+        super(index, commit, value, strictEq);
+        this.name = name;
+    }
+    static browser(index, node, name, ctx) {
+        const existing = node.getAttribute(name);
+        return new PropertyPartImpl(name, index, ({ part, value }) => ctx.queue.add(part, () => node[name] = value), existing ? unescape(existing) : null);
+    }
+}
+export class RefPartImpl {
+    value;
+    index;
+    _tag = "ref";
+    constructor(value, index) {
+        this.value = value;
+        this.index = index;
+    }
+}
+export class TextPartImpl extends base("text") {
+    // TODO: Make this properly
+    static browser(document, index, element, ctx) {
+        const comment = findHoleComment(element, index);
+        const text = comment.previousSibling && isText(comment.previousSibling)
+            ? comment.previousSibling
+            : document.createTextNode("");
+        return new TextPartImpl(index, ({ part, value }) => ctx.queue.add(part, () => text.nodeValue = value ?? null), text.nodeValue, strictEq);
+    }
+}
+const sparse = (tag) => class Base {
+    commit;
+    value;
+    eq;
+    _tag = tag;
+    constructor(commit, value, eq = equals) {
+        this.commit = commit;
+        this.value = value;
+        this.eq = eq;
+    }
+    update = (value) => {
+        if (this.eq(this.value, value)) {
+            return Effect.unit;
+        }
+        return this.commit({
+            previous: this.value,
+            value: this.value = value,
+            part: this
+        });
+    };
+};
+export class SparseAttributePartImpl extends sparse("sparse/attribute") {
+    name;
+    parts;
+    constructor(name, parts, commit) {
+        super(commit, [], ReadonlyArray.getEquivalence(strictEq));
+        this.name = name;
+        this.parts = parts;
+    }
+    static browser(name, parts, element, ctx) {
+        return new SparseAttributePartImpl(name, parts, ({ part, value }) => ctx.queue.add(part, () => element.setAttribute(name, value.flatMap((s) => isNonEmptyString(s, true)).join(""))));
+    }
+}
+export class SparseClassNamePartImpl extends sparse("sparse/className") {
+    parts;
+    constructor(parts, commit, values) {
+        super(commit, values, ReadonlyArray.getEquivalence(strictEq));
+        this.parts = parts;
+    }
+    static browser(parts, element, ctx, values = []) {
+        return new SparseClassNamePartImpl(parts, ({ part, value }) => ctx.queue.add(part, () => {
+            return element.setAttribute("class", value.flatMap((s) => isNonEmptyString(s, true)).join(" "));
+        }), values);
+    }
+}
+export class SparseCommentPartImpl extends sparse("sparse/comment") {
+    parts;
+    constructor(parts, commit, value) {
+        super(commit, value, ReadonlyArray.getEquivalence(strictEq));
+        this.parts = parts;
+    }
+    static browser(comment, parts, ctx) {
+        return new SparseCommentPartImpl(parts, ({ part, value }) => ctx.queue.add(part, () => comment.nodeValue = value.flatMap((s) => isNonEmptyString(s, false)).join("")), []);
+    }
+}
+export class StaticTextImpl {
+    value;
+    _tag = "static/text";
+    constructor(value) {
+        this.value = value;
+    }
+}
+function isNonEmptyString(s, trim) {
+    if (s == null)
+        return [];
+    if (Array.isArray(s))
+        return s.flatMap((s) => isNonEmptyString(s, trim));
+    const trimmed = trim ? s.trim() : s;
+    if (trimmed.length === 0)
+        return [];
+    return [trimmed];
+}
+//# sourceMappingURL=parts.js.map

package/dist/esm/internal/parts.js.map

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

package/dist/esm/internal/readAttribute.js

@@ -0,0 +1,24 @@
+const PATTERN = /(\s*([^>\s]*))/g;
+const QUOTES = new Set(`"'`);
+/**
+ * Extract an attribute from a chunk of text.
+ */
+export default function readAttribute(text, pos) {
+    const quote = text.charAt(pos);
+    const pos1 = pos + 1;
+    if (QUOTES.has(quote)) {
+        const nextQuote = text.indexOf(quote, pos1);
+        if (nextQuote === -1) {
+            return null;
+        }
+        else {
+            return { length: nextQuote - pos + 1, value: text.substring(pos1, nextQuote) };
+        }
+    }
+    else {
+        PATTERN.lastIndex = pos;
+        const match = PATTERN.exec(text) || [];
+        return { length: match[1].length, value: match[2] };
+    }
+}
+//# sourceMappingURL=readAttribute.js.map

package/dist/esm/internal/readAttribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readAttribute.js","sourceRoot":"","sources":["../../../src/internal/readAttribute.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,iBAAiB,CAAA;AACjC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAA;AAO5B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,IAAY,EAAE,GAAW;IAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,CAAA;IAEpB,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;QAC3C,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC;YACrB,OAAO,IAAI,CAAA;QACb,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,MAAM,EAAE,SAAS,GAAG,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;QAChF,CAAC;IACH,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,SAAS,GAAG,GAAG,CAAA;QACvB,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;QACtC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACrD,CAAC;AACH,CAAC"}

package/dist/esm/internal/render.js

@@ -0,0 +1,329 @@
+import * as Fx from "@typed/fx/Fx";
+import { makeSubject } from "@typed/fx/internal/core-subject";
+import { TypeId } from "@typed/fx/TypeId";
+import { persistent } from "@typed/wire";
+import { Effect } from "effect";
+import { replace } from "effect/ReadonlyArray";
+import { isDirective } from "../Directive";
+import * as ElementRef from "../ElementRef";
+import * as EventHandler from "../EventHandler";
+import { DomRenderEvent } from "../RenderEvent";
+import { TemplateInstance } from "../TemplateInstance";
+import { makeRenderNodePart } from "./browser";
+import { HydrateContext } from "./HydrateContext";
+import { indexRefCounter } from "./indexRefCounter";
+import { parse } from "./parser";
+import { AttributePartImpl, BooleanPartImpl, ClassNamePartImpl, CommentPartImpl, DataPartImpl, EventPartImpl, PropertyPartImpl, RefPartImpl, SparseAttributePartImpl, SparseClassNamePartImpl, SparseCommentPartImpl, StaticTextImpl, TextPartImpl } from "./parts";
+import { findPath } from "./utils";
+/**
+ * Here for "standard" browser rendering, a TemplateInstance is effectively a live
+ * view into the contents rendered by the Template.
+ */
+export const renderTemplate = (document, ctx) => (templateStrings, values, providedRef) => Effect.gen(function* (_) {
+    const elementRef = providedRef || (yield* _(ElementRef.make()));
+    const events = Fx.map(elementRef, DomRenderEvent);
+    const errors = makeSubject();
+    const entry = getBrowserEntry(document, ctx, templateStrings);
+    const content = document.importNode(entry.content, true); // Clone our template
+    const parts = yield* _(buildParts(document, ctx, entry.template, content, elementRef, errors.onFailure, false)); // Build runtime-variant of parts with our content.
+    // If there are parts we need to render them before constructing our Wire
+    if (parts.length > 0) {
+        const refCounter = yield* _(indexRefCounter(parts.length));
+        // Do the work
+        yield* _(renderValues(values, parts, refCounter, errors.onFailure));
+        // Wait for initial work to be completed
+        yield* _(refCounter.wait);
+    }
+    // Set the element when it is ready
+    yield* _(ElementRef.set(elementRef, persistent(content)));
+    // Return the Template instance
+    return TemplateInstance(Fx.merge([events, errors]), elementRef);
+});
+export function renderValues(values, parts, refCounter, onCause, makeHydrateContext) {
+    return Effect.all(parts.map((part, index) => {
+        switch (part._tag) {
+            case "sparse/attribute":
+            case "sparse/className":
+            case "sparse/comment": {
+                return renderSparsePart(values, part, refCounter);
+            }
+            default:
+                return renderPart(values, part, refCounter, onCause, makeHydrateContext ? () => makeHydrateContext(index) : undefined);
+        }
+    }));
+}
+export function renderSparsePart(values, part, refCounter) {
+    const indexes = part.parts.flatMap((p) => p._tag === "static/text" ? [] : [p.index]);
+    return Effect.forkScoped(Fx.observe(unwrapSparsePartRenderables(part.parts.map((p) => p._tag === "static/text" ? Fx.succeed(p.value) : values[p.index]), part), (value) => Effect.tap(part.update(value), () => Effect.forEach(indexes, (a) => refCounter.release(a)))));
+}
+export function renderPart(values, part, refCounter, onCause, hydrateCtx) {
+    const partIndex = part.index;
+    const renderable = values[partIndex];
+    if (isDirective(renderable)) {
+        return renderable(part).pipe(Effect.tap(() => refCounter.release(partIndex)), Effect.forkScoped);
+    }
+    else if (part._tag === "ref") {
+        return refCounter.release(partIndex);
+    }
+    else if (part._tag === "event") {
+        return Effect.tap(part.update(getEventHandler(values[partIndex], onCause)), () => refCounter.release(partIndex));
+    }
+    else if (part._tag === "node" && hydrateCtx) {
+        if (renderable === null || renderable === undefined)
+            return refCounter.release(partIndex);
+        return handlePart(values[partIndex], (value) => Effect.tap(part.update(value), () => refCounter.release(partIndex))).pipe(HydrateContext.provide(hydrateCtx()), Effect.forkScoped);
+    }
+    else {
+        const renderable = values[partIndex];
+        if (renderable === null || renderable === undefined)
+            return refCounter.release(partIndex);
+        return handlePart(values[partIndex], (value) => Effect.tap(part.update(value), () => refCounter.release(partIndex)));
+    }
+}
+function getEventHandler(renderable, onCause) {
+    if (renderable && typeof renderable === "object") {
+        if (EventHandler.EventHandlerTypeId in renderable) {
+            return EventHandler.make((ev) => Effect.catchAllCause(renderable.handler(ev), onCause), renderable.options);
+        }
+        else if (Effect.EffectTypeId in renderable) {
+            return EventHandler.make(() => Effect.catchAllCause(renderable, onCause));
+        }
+    }
+    return null;
+}
+function handlePart(renderable, update) {
+    switch (typeof renderable) {
+        case "undefined":
+        case "object": {
+            if (renderable === null || renderable === undefined)
+                return update(null);
+            else if (Array.isArray(renderable)) {
+                return renderable.length === 0
+                    ? update(null)
+                    : Effect.forkScoped(Fx.observe(Fx.combine(renderable.map(unwrapRenderable)), update));
+            }
+            else if (TypeId in renderable) {
+                return Effect.forkScoped(Fx.observe(renderable, update));
+            }
+            else if (Effect.EffectTypeId in renderable) {
+                return Effect.flatMap(renderable, update);
+            }
+            else
+                return update(renderable);
+        }
+        default:
+            return update(renderable);
+    }
+}
+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) : Fx.combine(renderable.map(unwrapRenderable));
+            }
+            else if (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);
+    }
+}
+function unwrapSparsePartRenderables(renderables, part) {
+    return Fx.combine(
+    // @ts-ignore type too deep
+    renderables.map((renderable, i) => {
+        const p = part.parts[i];
+        if (p._tag === "static/text") {
+            return Fx.succeed(p.value);
+        }
+        if (isDirective(renderable)) {
+            return Fx.fromEffect(Effect.map(renderable(p), () => p.value));
+        }
+        return Fx.mapEffect(unwrapRenderable(renderable), (u) => Effect.map(p.update(u), () => p.value));
+    }));
+}
+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;
+    });
+}
+function removeChildren(where, previous) {
+    for (const node of getNodes(previous)) {
+        where.removeChild(node);
+    }
+}
+function replaceChildren(where, wire) {
+    where.replaceChildren(...getNodes(wire));
+}
+function getNodes(rendered) {
+    const value = rendered.valueOf();
+    return Array.isArray(value) ? value : [value];
+}
+export function getBrowserEntry(document, ctx, templateStrings) {
+    const cached = ctx.templateCache.get(templateStrings);
+    if (cached === undefined || cached._tag === "Server") {
+        const template = parse(templateStrings);
+        const content = buildTemplate(document, template);
+        const entry = {
+            _tag: "Browser",
+            template,
+            content
+        };
+        ctx.templateCache.set(templateStrings, entry);
+        return entry;
+    }
+    else {
+        return cached;
+    }
+}
+export function buildParts(document, ctx, template, content, ref, onCause, isHydrating) {
+    return Effect.all(template.parts.map(([part, path]) => buildPartWithNode(document, ctx, part, findPath(content, path), ref, onCause, isHydrating)));
+}
+function buildPartWithNode(document, ctx, part, node, ref, onCause, isHydrating) {
+    switch (part._tag) {
+        case "attr":
+            return Effect.succeed(AttributePartImpl.browser(part.index, node, part.name, ctx));
+        case "boolean-part":
+            return Effect.succeed(BooleanPartImpl.browser(part.index, node, part.name, ctx));
+        case "className-part":
+            return Effect.succeed(ClassNamePartImpl.browser(part.index, node, ctx));
+        case "comment-part":
+            return Effect.succeed(CommentPartImpl.browser(part.index, node, ctx));
+        case "data":
+            return Effect.succeed(DataPartImpl.browser(part.index, node, ctx));
+        case "event":
+            return EventPartImpl.browser(part.name, part.index, ref, node, onCause);
+        case "node":
+            return Effect.succeed(makeRenderNodePart(part.index, node, ctx, document, isHydrating));
+        case "property":
+            return Effect.succeed(PropertyPartImpl.browser(part.index, node, part.name, ctx));
+        case "ref":
+            return Effect.succeed(new RefPartImpl(ref.query(node), part.index));
+        case "sparse-attr": {
+            const parts = Array(part.nodes.length);
+            const sparse = SparseAttributePartImpl.browser(part.name, parts, node, ctx);
+            for (let i = 0; i < part.nodes.length; ++i) {
+                const node = part.nodes[i];
+                if (node._tag === "text") {
+                    parts.push(new StaticTextImpl(node.value));
+                    sparse.value[i] = node.value;
+                }
+                else {
+                    parts.push(new AttributePartImpl(node.name, node.index, ({ value }) => sparse.update(replace(sparse.value, i, value || "")), sparse.value[i]));
+                }
+            }
+            return Effect.succeed(sparse);
+        }
+        case "sparse-class-name": {
+            const parts = [];
+            const values = []; // TODO: Do this for all other sparse attrs
+            const sparse = SparseClassNamePartImpl.browser(parts, node, ctx, values);
+            for (let i = 0; i < part.nodes.length; ++i) {
+                const node = part.nodes[i];
+                if (node._tag === "text") {
+                    parts.push(new StaticTextImpl(node.value));
+                    values.push(node.value);
+                }
+                else {
+                    values.push([]);
+                    parts.push(new ClassNamePartImpl(node.index, ({ value }) => sparse.update(replace(sparse.value, i, value || "")), []));
+                }
+            }
+            return Effect.succeed(sparse);
+        }
+        case "sparse-comment": {
+            const parts = Array(part.nodes.length);
+            const sparse = SparseCommentPartImpl.browser(node, parts, ctx);
+            for (let i = 0; i < part.nodes.length; ++i) {
+                const node = part.nodes[i];
+                if (node._tag === "text") {
+                    parts.push(new StaticTextImpl(node.value));
+                    sparse.value[i] = node.value;
+                }
+                else {
+                    parts.push(new CommentPartImpl(node.index, ({ value }) => sparse.update(replace(sparse.value, i, value || "")), sparse.value[i]));
+                }
+            }
+            return Effect.succeed(sparse);
+        }
+        case "text-part":
+            return Effect.succeed(TextPartImpl.browser(document, part.index, node, ctx));
+    }
+}
+export function buildTemplate(document, { nodes }) {
+    const fragment = document.createDocumentFragment();
+    for (let i = 0; i < nodes.length; ++i) {
+        fragment.append(buildNode(document, nodes[i], false));
+    }
+    return fragment;
+}
+function buildNode(document, node, isSvgContext) {
+    switch (node._tag) {
+        case "element":
+        case "self-closing-element":
+        case "text-only-element":
+            return buildElement(document, node, isSvgContext);
+        case "text":
+            return document.createTextNode(node.value);
+        case "comment":
+            return document.createComment(node.value);
+        case "sparse-comment":
+            return document.createComment("");
+        // Create placeholders for these elements
+        case "comment-part":
+        case "node":
+            return document.createComment(`hole${node.index}`);
+    }
+}
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function buildElement(document, node, isSvgContext) {
+    const { _tag, attributes, tagName } = node;
+    const isSvg = isSvgContext ? tagName !== "foreignObject" : tagName === "svg";
+    const element = isSvg
+        ? document.createElementNS(SVG_NAMESPACE, tagName)
+        : document.createElement(tagName);
+    for (let i = 0; i < attributes.length; ++i) {
+        const attr = attributes[i];
+        // We only handle static attributes here, parts are handled elsewhere
+        if (attr._tag === "attribute") {
+            element.setAttribute(attr.name, attr.value);
+        }
+        else if (attr._tag === "boolean") {
+            element.toggleAttribute(attr.name, true);
+        }
+    }
+    if (_tag === "element") {
+        element.append(...node.children.map((child) => buildNode(document, child, isSvg)));
+    }
+    else if (_tag === "text-only-element") {
+        element.append(...node.children.map((child) => buildTextChild(document, child)));
+    }
+    return element;
+}
+function buildTextChild(document, node) {
+    if (node._tag === "text") {
+        return document.createTextNode(node.value);
+    }
+    return document.createComment(`hole${node.index}`);
+}
+//# sourceMappingURL=render.js.map