@typed/template 0.9.6 → 0.10.0

package/dist/cjs/internal/render.js

@@ -1,704 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.attachRoot = attachRoot;
-exports.buildTemplate = buildTemplate;
-exports.getBrowserEntry = getBrowserEntry;
-exports.renderPart2 = renderPart2;
-exports.renderTemplate = void 0;
-var Fx = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("@typed/fx/Fx"));
-var Sink = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("@typed/fx/Sink"));
-var _TypeId = /*#__PURE__*/require("@typed/fx/TypeId");
-var _wire = /*#__PURE__*/require("@typed/wire");
-var _effect = /*#__PURE__*/require("effect");
-var Context = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("effect/Context"));
-var _Predicate = /*#__PURE__*/require("effect/Predicate");
-var Scope = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("effect/Scope"));
-var _String = /*#__PURE__*/require("effect/String");
-var _Directive = /*#__PURE__*/require("../Directive.js");
-var ElementRef = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("../ElementRef.js"));
-var ElementSource = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("../ElementSource.js"));
-var EventHandler = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("../EventHandler.js"));
-var _RenderEvent = /*#__PURE__*/require("../RenderEvent.js");
-var _browser = /*#__PURE__*/require("./browser.js");
-var _EventSource = /*#__PURE__*/require("./EventSource.js");
-var _HydrateContext = /*#__PURE__*/require("./HydrateContext.js");
-var _indexRefCounter = /*#__PURE__*/require("./indexRefCounter.js");
-var _parser = /*#__PURE__*/require("./parser.js");
-var _parts = /*#__PURE__*/require("./parts.js");
-var _utils = /*#__PURE__*/require("./utils.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RenderPartMap = {
-  "attr": (templatePart, node, ctx) => {
-    const {
-      document,
-      refCounter,
-      renderContext,
-      values
-    } = ctx;
-    const element = node;
-    const attr = createAttribute(document, element, templatePart.name);
-    const renderable = values[templatePart.index];
-    let isSet = false;
-    const setValue = value => {
-      if (isNullOrUndefined(value)) {
-        element.removeAttribute(templatePart.name);
-        isSet = false;
-      } else {
-        attr.value = String(value);
-        if (isSet === false) {
-          element.setAttributeNode(attr);
-          isSet = true;
-        }
-      }
-    };
-    return matchSettablePart(renderable, setValue, () => _parts.AttributePartImpl.browser(templatePart.index, element, templatePart.name, renderContext), f => _effect.Effect.zipRight(renderContext.queue.add(element, f), refCounter.release(templatePart.index)), () => ctx.expected++);
-  },
-  "boolean-part": (templatePart, node, ctx) => {
-    const {
-      refCounter,
-      renderContext,
-      values
-    } = ctx;
-    const element = node;
-    const name = templatePart.name;
-    const renderable = values[templatePart.index];
-    const setValue = value => {
-      element.toggleAttribute(name, isNullOrUndefined(value) ? false : Boolean(value));
-    };
-    return matchSettablePart(renderable, setValue, () => _parts.BooleanPartImpl.browser(templatePart.index, element, name, renderContext), f => _effect.Effect.zipRight(renderContext.queue.add(element, f), refCounter.release(templatePart.index)), () => ctx.expected++);
-  },
-  "className-part": (templatePart, node, ctx) => {
-    const {
-      refCounter,
-      renderContext,
-      values
-    } = ctx;
-    const element = node;
-    const renderable = values[templatePart.index];
-    let classNames = new Set();
-    const setValue = value => {
-      if (isNullOrUndefined(value)) {
-        element.classList.remove(...classNames);
-        classNames.clear();
-      } else {
-        const newClassNames = new Set(Array.isArray(value) ? value.flatMap(x => splitClassNames(String(x))) : splitClassNames(String(value)));
-        const {
-          added,
-          removed
-        } = diffClassNames(classNames, newClassNames);
-        element.classList.remove(...removed);
-        element.classList.add(...added);
-        classNames = newClassNames;
-      }
-    };
-    return matchSettablePart(renderable, setValue, () => _parts.ClassNamePartImpl.browser(templatePart.index, element, renderContext), f => _effect.Effect.zipRight(renderContext.queue.add(element, f), refCounter.release(templatePart.index)), () => ctx.expected++);
-  },
-  "comment-part": (templatePart, node, ctx) => {
-    const {
-      refCounter,
-      renderContext,
-      values
-    } = ctx;
-    const comment = node;
-    const renderable = values[templatePart.index];
-    const setValue = value => {
-      comment.nodeValue = isNullOrUndefined(value) ? "" : String(value);
-    };
-    return matchSettablePart(renderable, setValue, () => _parts.CommentPartImpl.browser(templatePart.index, comment, renderContext), f => _effect.Effect.zipRight(renderContext.queue.add(comment, f), refCounter.release(templatePart.index)), () => ctx.expected++);
-  },
-  "data": (templatePart, node, ctx) => {
-    const element = node;
-    const renderable = ctx.values[templatePart.index];
-    const previousKeys = new Set(Object.keys(element.dataset));
-    const setValue = value => {
-      if (isNullOrUndefined(value)) {
-        for (const key of previousKeys) {
-          delete element.dataset[key];
-        }
-        previousKeys.clear();
-      } else {
-        for (const key of previousKeys) {
-          if (!(key in value)) {
-            delete element.dataset[key];
-            previousKeys.delete(key);
-          }
-        }
-        for (const key of Object.keys(value)) {
-          if (!previousKeys.has(key)) {
-            previousKeys.add(key);
-          }
-          element.dataset[key] = value[key] || "";
-        }
-      }
-    };
-    return matchSettablePart(renderable, setValue, () => _parts.DataPartImpl.browser(templatePart.index, element, ctx.renderContext), f => _effect.Effect.zipRight(ctx.renderContext.queue.add(element, f), ctx.refCounter.release(templatePart.index)), () => ctx.expected++);
-  },
-  "event": (templatePart, node, ctx) => {
-    const element = node;
-    const renderable = ctx.values[templatePart.index];
-    const handler = getEventHandler(renderable, ctx.context, ctx.onCause);
-    if (handler) {
-      ctx.eventSource.addEventListener(element, templatePart.name, handler);
-    }
-    return null;
-  },
-  "node": (templatePart, node, ctx) => {
-    const makeHydrateContext = ctx.makeHydrateContext;
-    const renderable = ctx.values[templatePart.index];
-    const part = (0, _browser.makeRenderNodePart)(templatePart.index, node, ctx.renderContext, ctx.document, !!makeHydrateContext);
-    if ((0, _Directive.isDirective)(renderable)) {
-      const effect = _effect.Effect.zipRight(renderable(part), ctx.refCounter.release(templatePart.index));
-      if (makeHydrateContext) {
-        return _effect.Effect.provideService(effect, _HydrateContext.HydrateContext, makeHydrateContext(templatePart.index));
-      } else {
-        return effect;
-      }
-    }
-    ctx.expected++;
-    const handle = handlePart(renderable, Sink.make(ctx.onCause, value => _effect.Effect.zipRight(part.update(value), ctx.refCounter.release(templatePart.index))));
-    if (makeHydrateContext) {
-      return _effect.Effect.provideService(handle, _HydrateContext.HydrateContext, makeHydrateContext(templatePart.index));
-    } else {
-      return handle;
-    }
-  },
-  "property": (templatePart, node, ctx) => {
-    const element = node;
-    const renderable = ctx.values[templatePart.index];
-    const setValue = value => {
-      if (isNullOrUndefined(value)) {
-        delete element[templatePart.name];
-      } else {
-        ;
-        element[templatePart.name] = value;
-      }
-    };
-    return matchSettablePart(renderable, setValue, () => _parts.PropertyPartImpl.browser(templatePart.index, element, templatePart.name, ctx.renderContext), f => _effect.Effect.zipRight(ctx.renderContext.queue.add(element, f), ctx.refCounter.release(templatePart.index)), () => ctx.expected++);
-  },
-  "properties": (templatePart, node, ctx) => {
-    const renderable = ctx.values[templatePart.index];
-    if (isNullOrUndefined(renderable)) return null;else if (Fx.isFx(renderable) || _effect.Effect.isEffect(renderable)) {
-      throw new Error(`Properties Part must utilize an Record of renderable values.`);
-    } else if (typeof renderable === "object" && !Array.isArray(renderable)) {
-      const element = node;
-      const toggleBoolean = (key, value) => {
-        element.toggleAttribute(key, isNullOrUndefined(value) ? false : Boolean(value));
-      };
-      const setAttribute = (key, value) => {
-        if (isNullOrUndefined(value)) {
-          element.removeAttribute(key);
-        } else {
-          element.setAttribute(key, String(value));
-        }
-      };
-      const setProperty = (key, value) => {
-        if (isNullOrUndefined(value)) {
-          delete element[key];
-        } else {
-          ;
-          element[key] = value;
-        }
-      };
-      const setClassNames = (previous, updated) => {
-        const {
-          added,
-          removed
-        } = diffClassNames(previous, updated);
-        element.classList.remove(...removed);
-        element.classList.add(...added);
-        removed.forEach(r => previous.delete(r));
-        added.forEach(a => previous.add(a));
-      };
-      const effects = [];
-      const entries = Object.entries(renderable);
-      loop: for (const [key, value] of entries) {
-        const index = ++ctx.spreadIndex;
-        switch (key[0]) {
-          case "?":
-            {
-              const name = key.slice(1);
-              const eff = matchSettablePart(value, value => toggleBoolean(name, value), () => _parts.BooleanPartImpl.browser(index, element, name, ctx.renderContext), f => _effect.Effect.zipRight(ctx.renderContext.queue.add(element, f), ctx.refCounter.release(index)), () => ctx.expected++);
-              if (eff !== null) {
-                effects.push(eff);
-              }
-              continue loop;
-            }
-          case ".":
-            {
-              const name = key.slice(1);
-              const eff = matchSettablePart(value, value => setProperty(name, value), () => _parts.PropertyPartImpl.browser(index, element, name, ctx.renderContext), f => _effect.Effect.zipRight(ctx.renderContext.queue.add(element, f), ctx.refCounter.release(index)), () => ctx.expected++);
-              if (eff !== null) {
-                effects.push(eff);
-              }
-              continue loop;
-            }
-          case "@":
-            {
-              const name = (0, _String.uncapitalize)(key.slice(1));
-              const handler = getEventHandler(value, ctx.context, ctx.onCause);
-              if (handler) {
-                ctx.eventSource.addEventListener(element, name, handler);
-              }
-              continue loop;
-            }
-          case "o":
-            {
-              if (key[1] === "n") {
-                const name = (0, _String.uncapitalize)(key.slice(2));
-                const handler = getEventHandler(value, ctx.context, ctx.onCause);
-                if (handler) {
-                  ctx.eventSource.addEventListener(element, name, handler);
-                }
-              }
-              continue loop;
-            }
-        }
-        const lowerCaseName = key.toLowerCase();
-        const isClass = lowerCaseName === "class" || lowerCaseName === "classname";
-        if (isClass) {
-          const classNames = new Set();
-          const eff = matchSettablePart(value, value => {
-            if (isNullOrUndefined(value)) {
-              element.classList.remove(...classNames);
-              classNames.clear();
-            } else {
-              setClassNames(classNames, new Set(splitClassNames(String(value))));
-            }
-          }, () => _parts.ClassNamePartImpl.browser(index, element, ctx.renderContext), f => _effect.Effect.zipRight(ctx.renderContext.queue.add(element, f), ctx.refCounter.release(index)), () => ctx.expected++);
-          if (eff !== null) {
-            effects.push(eff);
-          }
-        } else {
-          const eff = matchSettablePart(value, value => setAttribute(key, value), () => _parts.AttributePartImpl.browser(index, element, key, ctx.renderContext), f => _effect.Effect.zipRight(ctx.renderContext.queue.add(element, f), ctx.refCounter.release(index)), () => ctx.expected++);
-          if (eff !== null) {
-            effects.push(eff);
-          }
-        }
-      }
-      return effects;
-    } else {
-      return null;
-    }
-  },
-  "ref": (templatePart, node, ctx) => {
-    const element = node;
-    const renderable = ctx.values[templatePart.index];
-    if ((0, _Directive.isDirective)(renderable)) {
-      return renderable(new _parts.RefPartImpl(ElementSource.fromElement(element), templatePart.index));
-    } else if (ElementRef.isElementRef(renderable)) {
-      return ElementRef.set(renderable, element);
-    }
-    return null;
-  },
-  "sparse-attr": (templatePart, node, ctx) => {
-    const values = Array.from({
-      length: templatePart.nodes.length
-    }, () => "");
-    const element = node;
-    const attr = createAttribute(ctx.document, element, templatePart.name);
-    const setValue = (value, index) => {
-      values[index] = value ?? "";
-    };
-    const effects = [];
-    for (let i = 0; i < templatePart.nodes.length; ++i) {
-      const node = templatePart.nodes[i];
-      if (node._tag === "text") {
-        values[i] = node.value;
-      } else {
-        const renderable = ctx.values[node.index];
-        const index = i;
-        const effect = matchSettablePart(renderable, value => setValue(value, index), () => new _parts.AttributePartImpl(templatePart.name, node.index, ({
-          value
-        }) => _effect.Effect.zipRight(ctx.renderContext.queue.add(element, () => setValue(value, index)), ctx.refCounter.release(node.index)), attr.value), f => _effect.Effect.zipRight(ctx.renderContext.queue.add(element, f), ctx.refCounter.release(node.index)), () => ctx.expected++);
-        if (effect !== null) {
-          effects.push(effect);
-        }
-      }
-    }
-    if (effects.length === 0) {
-      attr.value = values.join("");
-      element.setAttributeNode(attr);
-    }
-    return effects;
-  },
-  "sparse-class-name": (templatePart, node, ctx) => {
-    const element = node;
-    const effects = templatePart.nodes.flatMap(node => {
-      if (node._tag === "text") {
-        const split = splitClassNames(node.value);
-        if (split.length > 0) element.classList.add(...split);
-        return [];
-      } else {
-        const eff = RenderPartMap[node._tag](node, element, ctx);
-        if (eff === null) return [];
-        return Array.isArray(eff) ? eff : [eff];
-      }
-    });
-    return effects;
-  },
-  "sparse-comment": (templatePart, node, ctx) => {
-    const values = Array.from({
-      length: templatePart.nodes.length
-    }, () => "");
-    const comment = node;
-    const setValue = (value, index) => {
-      values[index] = value ?? "";
-    };
-    const flushValue = () => {
-      comment.data = values.join("");
-    };
-    const effects = [];
-    for (let i = 0; i < templatePart.nodes.length; ++i) {
-      const node = templatePart.nodes[i];
-      if (node._tag === "text") {
-        values[i] = node.value;
-      } else {
-        const renderable = ctx.values[node.index];
-        const index = i;
-        const effect = matchSettablePart(renderable, value => {
-          setValue(value, index);
-          flushValue();
-        }, () => new _parts.CommentPartImpl(node.index, ({
-          value
-        }) => (setValue(value, index), _effect.Effect.zipRight(ctx.renderContext.queue.add(comment, () => flushValue()), ctx.refCounter.release(node.index))), null), f => _effect.Effect.zipRight(ctx.renderContext.queue.add(comment, f), ctx.refCounter.release(node.index)), () => ctx.expected++);
-        if (effect !== null) {
-          effects.push(effect);
-        }
-      }
-    }
-    if (effects.length === 0) {
-      flushValue();
-    }
-    return effects;
-  },
-  "text-part": (templatePart, node, ctx) => {
-    const renderable = ctx.values[templatePart.index];
-    const part = _parts.TextPartImpl.browser(ctx.document, templatePart.index, node, ctx.renderContext);
-    if ((0, _Directive.isDirective)(renderable)) {
-      return _effect.Effect.zipRight(renderable(part), ctx.refCounter.release(templatePart.index));
-    }
-    ctx.expected++;
-    return handlePart(renderable, Sink.make(ctx.onCause, value => _effect.Effect.zipRight(part.update(value), ctx.refCounter.release(templatePart.index))));
-  }
-};
-const SPACE_REGEXP = /\s+/g;
-function splitClassNames(value) {
-  return value.split(SPACE_REGEXP).flatMap(a => {
-    const trimmed = a.trim();
-    return trimmed.length > 0 ? [trimmed] : [];
-  });
-}
-function isNullOrUndefined(value) {
-  return value === null || value === undefined;
-}
-function diffClassNames(oldClassNames, newClassNames) {
-  const added = [];
-  const removed = [];
-  for (const className of oldClassNames) {
-    if (!newClassNames.has(className)) {
-      removed.push(className);
-    }
-  }
-  for (const className of newClassNames) {
-    if (!oldClassNames.has(className) && className.trim()) {
-      added.push(className);
-    }
-  }
-  return {
-    added,
-    removed
-  };
-}
-/**
- * @internal
- */
-function renderPart2(part, content, path, ctx) {
-  return RenderPartMap[part._tag](part, (0, _utils.findPath)(content, path), ctx);
-}
-/**
- * Here for "standard" browser rendering, a TemplateInstance is effectively a live
- * view into the contents rendered by the Template.
- */
-const renderTemplate = (document, renderContext) => (templateStrings, values) => {
-  const entry = getBrowserEntry(document, renderContext, templateStrings);
-  if (values.length === 0) {
-    return Fx.sync(() => (0, _RenderEvent.DomRenderEvent)((0, _wire.persistent)(document.importNode(entry.content, true))));
-  }
-  return Fx.make(sink => {
-    return _effect.Effect.gen(function* (_) {
-      const runtime = yield* _(_effect.Effect.runtime());
-      const runFork = _effect.Runtime.runFork(runtime);
-      const parentScope = Context.get(runtime.context, Scope.Scope);
-      const scope = yield* _(Scope.fork(parentScope, _effect.ExecutionStrategy.sequential));
-      const refCounter = yield* _((0, _indexRefCounter.indexRefCounter2)());
-      const content = document.importNode(entry.content, true);
-      const ctx = {
-        context: runtime.context,
-        document,
-        eventSource: (0, _EventSource.makeEventSource)(),
-        expected: 0,
-        refCounter,
-        renderContext,
-        onCause: sink.onFailure,
-        spreadIndex: values.length,
-        values
-      };
-      // Connect our interpolated values to our template parts
-      const effects = [];
-      for (const [part, path] of entry.template.parts) {
-        const eff = renderPart2(part, content, path, ctx);
-        if (eff !== null) {
-          effects.push(...(Array.isArray(eff) ? eff : [eff]));
-        }
-      }
-      // Fork any effects necessary
-      if (effects.length > 0) {
-        for (let i = 0; i < effects.length; ++i) {
-          runFork(effects[i], {
-            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* _(refCounter.expect(ctx.expected)))) {
-        yield* _(refCounter.wait);
-      }
-      // Create a persistent wire from our content
-      const wire = (0, _wire.persistent)(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, parentScope));
-      // Emit our DomRenderEvent
-      yield* _(sink.onSuccess((0, _RenderEvent.DomRenderEvent)(wire)),
-      // Ensure our templates last forever in the DOM environment
-      // so event listeners are kept attached to the current Scope.
-      _effect.Effect.zipRight(_effect.Effect.never),
-      // Close our scope whenever the current Fiber is interrupted
-      _effect.Effect.ensuring(Scope.close(scope, _effect.Exit.unit)));
-    });
-  });
-};
-exports.renderTemplate = renderTemplate;
-function getEventHandler(renderable, ctx, onCause) {
-  if (renderable && typeof renderable === "object") {
-    if (EventHandler.EventHandlerTypeId in renderable) {
-      return EventHandler.make(ev => _effect.Effect.provide(_effect.Effect.catchAllCause(renderable.handler(ev), onCause), ctx), renderable.options);
-    } else if (_effect.Effect.EffectTypeId in renderable) {
-      return EventHandler.make(() => _effect.Effect.provide(_effect.Effect.catchAllCause(renderable, onCause), ctx));
-    }
-  }
-  return null;
-}
-function handlePart(renderable, sink) {
-  switch (typeof renderable) {
-    case "undefined":
-    case "object":
-      {
-        if (renderable === null || renderable === undefined) return sink.onSuccess(null);else if (Array.isArray(renderable)) {
-          return renderable.length === 0 ? sink.onSuccess(null) : Fx.tuple(renderable.map(unwrapRenderable)).run(sink);
-        } else if (_TypeId.TypeId in renderable) {
-          return renderable.run(sink);
-        } else if (_effect.Effect.EffectTypeId in renderable) {
-          return _effect.Effect.matchCauseEffect(renderable, sink);
-        } else return sink.onSuccess(renderable);
-      }
-    default:
-      return sink.onSuccess(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.map(Fx.tuple(renderable.map(unwrapRenderable)), xs => xs.flat());
-        } else if (_TypeId.TypeId in renderable) {
-          return renderable;
-        } else if (_effect.Effect.EffectTypeId in renderable) {
-          return Fx.fromFxEffect(_effect.Effect.map(renderable, unwrapRenderable));
-        } else return Fx.succeed(renderable);
-      }
-    default:
-      return Fx.succeed(renderable);
-  }
-}
-function attachRoot(cache, where, what // TODO: Should we support HTML RenderEvents here too?
-) {
-  return _effect.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];
-}
-function getBrowserEntry(document, ctx, templateStrings) {
-  const cached = ctx.templateCache.get(templateStrings);
-  if (cached === undefined || cached._tag === "Server") {
-    const template = (0, _parser.parse)(templateStrings);
-    const content = buildTemplate(document, template);
-    const entry = {
-      _tag: "Browser",
-      template,
-      content
-    };
-    ctx.templateCache.set(templateStrings, entry);
-    return entry;
-  } else {
-    return cached;
-  }
-}
-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(`hole${node.nodes.map(n => n._tag === "text" ? "" : n.index).join("")}`);
-    // Create placeholders for these elements
-    case "comment-part":
-    case "node":
-      return document.createComment(`hole${node.index}`);
-    case "doctype":
-      return document.implementation.createDocumentType(node.name, docTypeNameToPublicId(node.name), docTypeNameToSystemId(node.name));
-  }
-}
-function docTypeNameToPublicId(name) {
-  switch (name) {
-    case "html":
-      return "-//W3C//DTD HTML 4.01//EN";
-    case "svg":
-      return "-//W3C//DTD SVG 1.1//EN";
-    case "math":
-      return "-//W3C//DTD MathML 2.0//EN";
-    default:
-      return "";
-  }
-}
-function docTypeNameToSystemId(name) {
-  switch (name) {
-    // HTML5
-    case "html":
-      return "http://www.w3.org/TR/html4/strict.dtd";
-    case "svg":
-      return "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";
-    case "math":
-      return "http://www.w3.org/Math/DTD/mathml2/mathml2.dtd";
-    default:
-      return "";
-  }
-}
-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}`);
-}
-function createAttribute(document, element, name) {
-  return element.getAttributeNode(name) ?? document.createAttribute(name);
-}
-function matchSettablePart(renderable, setValue, makePart, schedule, expect) {
-  return matchRenderable(renderable, {
-    Fx: fx => {
-      expect();
-      return Fx.observe(fx, a => schedule(() => setValue(a)));
-    },
-    Effect: effect => {
-      expect();
-      return _effect.Effect.flatMap(effect, a => schedule(() => setValue(a)));
-    },
-    Directive: directive => {
-      expect();
-      const part = makePart();
-      return runDirective(directive, part, setValue, schedule);
-    },
-    Otherwise: otherwise => {
-      setValue(otherwise);
-      return null;
-    }
-  });
-}
-function matchRenderable(renderable, matches) {
-  if (Fx.isFx(renderable)) {
-    return matches.Fx(renderable);
-  } else if (_effect.Effect.isEffect(renderable)) {
-    return matches.Effect(renderable);
-  } else if ((0, _Directive.isDirective)(renderable)) {
-    return matches.Directive(renderable);
-  } else {
-    return matches.Otherwise(renderable);
-  }
-}
-function runDirective(directive, part, setValue, schedule) {
-  if ((0, _Predicate.hasProperty)(part, "update")) {
-    return directive({
-      ...part,
-      update: value => schedule(() => setValue(value))
-    });
-  } else {
-    return _effect.Effect.flatMap(directive(part), () => schedule(() => setValue(part.value)));
-  }
-}
-//# sourceMappingURL=render.js.map