creo 0.2.0 → 0.2.2

package/dist/index.js

@@ -2,9 +2,9 @@
 var F_PENDING = 1;
 var F_DIRTY = 1 << 1;
 var F_MOVED = 1 << 2;
-var F_QUICK_RERENDER = 1 << 3;
-var F_PRIMITIVE = 1 << 4;
-var F_TEXT_CONTENT = 1 << 5;
+var F_PRIMITIVE = 1 << 3;
+var F_TEXT_CONTENT = 1 << 4;
+var F_DISPOSED = 1 << 5;
 function hasScStructuralChange(prev, next) {
   const prevLen = prev?.length ?? 0;
   const nextLen = next?.length ?? 0;
@@ -26,6 +26,153 @@ function hasScStructuralChange(prev, next) {
 // src/public/primitive.ts
 var $primitive = Symbol("primitive");
 
+// src/internal/orchestrator.ts
+class Orchestrator {
+  #currentEngine;
+  setCurrentEngine(engine) {
+    this.#currentEngine = engine;
+  }
+  currentEngine() {
+    return this.#currentEngine;
+  }
+}
+var orchestrator = new Orchestrator;
+
+// src/public/view.ts
+function view(body) {
+  return (props, slot) => {
+    orchestrator.currentEngine().view(body, props, slot, maybeGetUserKey(props));
+  };
+}
+function maybeGetUserKey(params) {
+  if (params != null && typeof params === "object" && "key" in params && params.key != null && (typeof params.key === "string" || typeof params.key === "number")) {
+    return params.key;
+  }
+}
+
+// src/public/primitives/primitives.ts
+function html(tag) {
+  const fn = ({
+    slot
+  }) => ({
+    render() {
+      slot();
+    }
+  });
+  fn[$primitive] = tag;
+  return view(fn);
+}
+var textViewFn = Object.assign(() => ({ render() {} }), { [$primitive]: "text" });
+function text(content) {
+  orchestrator.currentEngine().view(textViewFn, content, null, null);
+}
+var div = html("div");
+var span = html("span");
+var section = html("section");
+var article = html("article");
+var aside = html("aside");
+var nav = html("nav");
+var header = html("header");
+var footer = html("footer");
+var main = html("main");
+var p = html("p");
+var h1 = html("h1");
+var h2 = html("h2");
+var h3 = html("h3");
+var h4 = html("h4");
+var h5 = html("h5");
+var h6 = html("h6");
+var pre = html("pre");
+var code = html("code");
+var em = html("em");
+var strong = html("strong");
+var small = html("small");
+var br = html("br");
+var hr = html("hr");
+var a = html("a");
+var blockquote = html("blockquote");
+var label = html("label");
+var ul = html("ul");
+var ol = html("ol");
+var li = html("li");
+var table = html("table");
+var thead = html("thead");
+var tbody = html("tbody");
+var tfoot = html("tfoot");
+var tr = html("tr");
+var th = html("th");
+var td = html("td");
+var form = html("form");
+var button = html("button");
+var input = html("input");
+var textarea = html("textarea");
+var select = html("select");
+var option = html("option");
+var fieldset = html("fieldset");
+var legend = html("legend");
+var img = html("img");
+var video = html("video");
+var audio = html("audio");
+var canvas = html("canvas");
+var source = html("source");
+var details = html("details");
+var summary = html("summary");
+var dialog = html("dialog");
+var menu = html("menu");
+var iframe = html("iframe");
+var embed = html("embed");
+var object = html("object");
+var picture = html("picture");
+var portal = html("portal");
+var svg = html("svg");
+var script = html("script");
+var noscript = html("noscript");
+var template = html("template");
+var slot = html("slot");
+var address = html("address");
+var hgroup = html("hgroup");
+var search = html("search");
+var abbr = html("abbr");
+var b = html("b");
+var bdi = html("bdi");
+var bdo = html("bdo");
+var cite = html("cite");
+var data = html("data");
+var dfn = html("dfn");
+var i = html("i");
+var kbd = html("kbd");
+var mark = html("mark");
+var q = html("q");
+var rp = html("rp");
+var rt = html("rt");
+var ruby = html("ruby");
+var s = html("s");
+var samp = html("samp");
+var sub = html("sub");
+var sup = html("sup");
+var time = html("time");
+var u = html("u");
+var varEl = html("var");
+var wbr = html("wbr");
+var del = html("del");
+var ins = html("ins");
+var caption = html("caption");
+var colgroup = html("colgroup");
+var col = html("col");
+var datalist = html("datalist");
+var optgroup = html("optgroup");
+var output = html("output");
+var progress = html("progress");
+var meter = html("meter");
+var figure = html("figure");
+var figcaption = html("figcaption");
+var dd = html("dd");
+var dl = html("dl");
+var dt = html("dt");
+var track = html("track");
+var map = html("map");
+var area = html("area");
+
 // src/public/state.ts
 class State {
   #current;
@@ -91,8 +238,8 @@ class Store {
     };
   }
   #notify() {
-    for (const sub of this.#subscribers) {
-      sub();
+    for (const sub2 of this.#subscribers) {
+      sub2();
     }
   }
 }
@@ -106,20 +253,20 @@ var store = {
 };
 
 // src/functional/shallow_equal.ts
-function shallowEqual(a, b) {
-  if (a === b)
+function shallowEqual(a2, b2) {
+  if (a2 === b2)
     return true;
-  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null) {
+  if (typeof a2 !== "object" || a2 === null || typeof b2 !== "object" || b2 === null) {
     return false;
   }
   let countA = 0;
-  for (const key in a) {
+  for (const key in a2) {
     countA++;
-    if (!Object.is(a[key], b[key]))
+    if (!Object.is(a2[key], b2[key]))
       return false;
   }
   let countB = 0;
-  for (const _ in b)
+  for (const _ in b2)
     countB++;
   return countA === countB;
 }
@@ -131,10 +278,10 @@ function lis(arr) {
     return new Set;
   const tails = [];
   const prev = new Array(len).fill(-1);
-  for (let i = 0;i < len; i++) {
-    if (arr[i] < 0)
+  for (let i2 = 0;i2 < len; i2++) {
+    if (arr[i2] < 0)
       continue;
-    const val = arr[i];
+    const val = arr[i2];
     let lo = 0;
     let hi = tails.length;
     while (lo < hi) {
@@ -145,8 +292,8 @@ function lis(arr) {
         hi = mid;
     }
     if (lo > 0)
-      prev[i] = tails[lo - 1];
-    tails[lo] = i;
+      prev[i2] = tails[lo - 1];
+    tails[lo] = i2;
   }
   const result = new Set;
   if (tails.length === 0)
@@ -159,18 +306,6 @@ function lis(arr) {
   return result;
 }
 
-// src/internal/orchestrator.ts
-class Orchestrator {
-  #currentEngine;
-  setCurrentEngine(engine) {
-    this.#currentEngine = engine;
-  }
-  currentEngine() {
-    return this.#currentEngine;
-  }
-}
-var orchestrator = new Orchestrator;
-
 // src/internal/engine.ts
 class Engine {
   renderer;
@@ -185,12 +320,12 @@ class Engine {
     this.#scheduler = scheduler ?? ((cb) => queueMicrotask(cb));
     renderer.engine = this;
   }
-  newView(viewFn, parent, props, slot, userKey) {
+  newView(viewFn, parent, props, slot2, userKey) {
     const res = {
       viewFn,
       userKey,
       props,
-      slot,
+      slot: slot2,
       body: null,
       sc: null,
       renderRef: null,
@@ -201,52 +336,53 @@ class Engine {
       parent,
       scHost: null
     };
-    if (slot) {
-      res.sc = this.#collect(slot, [], res);
+    if (slot2) {
+      const slotFn = typeof slot2 === "string" ? this.#stringSlot(slot2) : slot2;
+      res.sc = this.#collect(slotFn, [], res);
     }
     return res;
   }
-  view(viewFn, props, slot, userKey) {
-    const view = this.newView(viewFn, this.#collectFor, props, slot, userKey);
-    this.#collector?.push(view);
-    return view;
+  view(viewFn, props, slot2, userKey) {
+    const view2 = this.newView(viewFn, this.#collectFor, props, slot2, userKey);
+    this.#collector?.push(view2);
+    return view2;
   }
   views(views) {
     if (views)
       this.#collector?.push(...views);
   }
-  initViewBody(view) {
-    if (!(view.flags & F_PENDING))
+  initViewBody(view2) {
+    if (!(view2.flags & F_PENDING))
       return;
-    view.flags &= ~F_PENDING;
-    if (view.flags & F_PRIMITIVE) {
+    view2.flags &= ~F_PENDING;
+    if (view2.flags & F_PRIMITIVE) {
       const engine = this;
-      view.body = {
+      view2.body = {
         render() {
-          engine.views(view.sc);
+          engine.views(view2.sc);
         }
       };
       return;
     }
-    view.body = view.viewFn({
-      props: () => view.props,
+    view2.body = view2.viewFn({
+      props: () => view2.props,
       use: (storeOrState) => {
         if (!isStore(storeOrState)) {
-          return new State(storeOrState, () => this.markDirty(view));
+          return new State(storeOrState, () => this.markDirty(view2));
         }
-        const s = storeOrState;
-        const unsub = s.subscribe(() => this.markDirty(view));
-        if (!view.unsubscribe)
-          view.unsubscribe = [];
-        view.unsubscribe.push(unsub);
-        return s;
+        const s2 = storeOrState;
+        const unsub = s2.subscribe(() => this.markDirty(view2));
+        if (!view2.unsubscribe)
+          view2.unsubscribe = [];
+        view2.unsubscribe.push(unsub);
+        return s2;
       },
       slot: () => {
-        if (!view.sc)
+        if (!view2.sc)
           return;
-        view.scHost = this.#collectFor ?? view;
-        for (const child of view.sc) {
-          child.parent = this.#collectFor ?? view;
+        view2.scHost = this.#collectFor ?? view2;
+        for (const child of view2.sc) {
+          child.parent = this.#collectFor ?? view2;
           this.#collector?.push(child);
         }
       }
@@ -254,28 +390,32 @@ class Engine {
   }
   createRoot(children, props) {
     orchestrator.setCurrentEngine(this);
-    const view = this.newView(({ slot }) => ({
+    const view2 = this.newView(({ slot: slot2 }) => ({
       render() {
-        slot();
+        slot2();
       }
     }), null, props, children, null);
-    this.markDirty(view);
-    return view;
+    this.markDirty(view2);
+    return view2;
   }
-  markDirty(view) {
-    if (view.flags & F_DIRTY) {
+  markDirty(view2) {
+    if (view2.flags & F_DISPOSED)
+      return;
+    if (view2.flags & F_DIRTY) {
       return;
     }
-    view.flags |= F_DIRTY;
-    this.#dirtyQueue.add(view);
+    view2.flags |= F_DIRTY;
+    this.#dirtyQueue.add(view2);
     this.schedule();
   }
-  markMoved(view) {
-    if (view.flags & F_MOVED) {
+  markMoved(view2) {
+    if (view2.flags & F_DISPOSED)
+      return;
+    if (view2.flags & F_MOVED) {
       return;
     }
-    view.flags |= F_MOVED;
-    this.#dirtyQueue.add(view);
+    view2.flags |= F_MOVED;
+    this.#dirtyQueue.add(view2);
     this.schedule();
   }
   schedule() {
@@ -297,27 +437,37 @@ class Engine {
     this.#collectFor = beforeParent;
     return collector;
   }
-  nextProps(view, nextProps, nextSlot, preCollectedSc) {
-    const prevSc = view.sc;
-    view.slot = nextSlot;
+  #stringSlot(content) {
+    return () => {
+      this.view(textViewFn, content, null, null);
+    };
+  }
+  nextProps(view2, nextProps, nextSlot, preCollectedSc) {
+    const prevSc = view2.sc;
+    view2.slot = nextSlot;
     if (preCollectedSc) {
       for (const child of preCollectedSc)
-        child.parent = view;
-      view.sc = preCollectedSc;
+        child.parent = view2;
+      view2.sc = preCollectedSc;
     } else {
-      view.sc = nextSlot ? this.#collect(nextSlot, [], view) : null;
+      if (nextSlot) {
+        const slotFn = typeof nextSlot === "string" ? this.#stringSlot(nextSlot) : nextSlot;
+        view2.sc = this.#collect(slotFn, [], view2);
+      } else {
+        view2.sc = null;
+      }
     }
-    const structChanged = hasScStructuralChange(prevSc, view.sc);
-    const shouldUpdate = view.body?.shouldUpdate ? view.body.shouldUpdate(nextProps) : !shallowEqual(view.props, nextProps);
+    const structChanged = hasScStructuralChange(prevSc, view2.sc);
+    const shouldUpdate = view2.body?.shouldUpdate ? view2.body.shouldUpdate(nextProps) : !shallowEqual(view2.props, nextProps);
     if (shouldUpdate || structChanged) {
-      view.props = nextProps;
-      this.markDirty(view);
-    } else if (view.sc && view.scHost?.children) {
-      this.#propagateScProps(view);
-    } else if (view.sc && prevSc) {
-      for (let i = 0;i < view.sc.length; i++) {
-        if (view.sc[i].props !== prevSc[i].props) {
-          this.markDirty(view);
+      view2.props = nextProps;
+      this.markDirty(view2);
+    } else if (view2.sc && view2.scHost?.children) {
+      this.#propagateScProps(view2);
+    } else if (view2.sc && prevSc) {
+      for (let i2 = 0;i2 < view2.sc.length; i2++) {
+        if (view2.sc[i2].props !== prevSc[i2].props) {
+          this.markDirty(view2);
           break;
         }
       }
@@ -339,131 +489,131 @@ class Engine {
       }
     } else {
       const len = Math.min(sc.length, host.children.length);
-      for (let i = 0;i < len; i++) {
-        const live = host.children[i];
-        if (live.viewFn === sc[i].viewFn) {
-          this.nextProps(live, sc[i].props, sc[i].slot);
+      for (let i2 = 0;i2 < len; i2++) {
+        const live = host.children[i2];
+        if (live.viewFn === sc[i2].viewFn) {
+          this.nextProps(live, sc[i2].props, sc[i2].slot);
         }
       }
     }
   }
-  reconcile(view) {
+  reconcile(view2) {
     let pendingChildren = null;
-    if (view.body?.render) {
-      pendingChildren = this.#collect(view.body.render, [], view);
+    if (view2.body?.render) {
+      pendingChildren = this.#collect(view2.body.render, [], view2);
     }
     if (pendingChildren == null || pendingChildren.length === 0) {
-      if (view.children)
-        for (const child of view.children)
+      if (view2.children)
+        for (const child of view2.children)
           this.dispose(child);
       return;
     }
-    if (view.children == null) {
-      view.children = pendingChildren;
+    if (view2.children == null) {
+      view2.children = pendingChildren;
       for (const child of pendingChildren) {
         this.initViewBody(child);
         this.markDirty(child);
         if (child.userKey != null) {
-          if (!view.keyToView)
-            view.keyToView = new Map;
-          view.keyToView.set(child.userKey, child);
+          if (!view2.keyToView)
+            view2.keyToView = new Map;
+          view2.keyToView.set(child.userKey, child);
         }
       }
       return;
     }
     const hasKeys = pendingChildren.some((c) => c.userKey != null);
     if (hasKeys) {
-      this.#reconcileKeyed(view, view.children, pendingChildren);
+      this.#reconcileKeyed(view2, view2.children, pendingChildren);
     } else {
-      this.#reconcileNonKeyed(view, view.children, pendingChildren);
+      this.#reconcileNonKeyed(view2, view2.children, pendingChildren);
     }
   }
-  #reconcileNonKeyed(view, oldChildren, pending) {
+  #reconcileNonKeyed(view2, oldChildren, pending) {
     const oldLen = oldChildren.length;
     const newLen = pending.length;
     const minLen = Math.min(oldLen, newLen);
-    for (let i = 0;i < minLen; i++) {
-      const old = oldChildren[i];
-      const pend = pending[i];
-      this.#patchOrReplace(view, oldChildren, i, old, pend);
+    for (let i2 = 0;i2 < minLen; i2++) {
+      const old = oldChildren[i2];
+      const pend = pending[i2];
+      this.#patchOrReplace(view2, oldChildren, i2, old, pend);
     }
-    for (let i = oldLen;i < newLen; i++) {
-      oldChildren[i] = pending[i];
-      this.initViewBody(pending[i]);
-      this.markDirty(pending[i]);
+    for (let i2 = oldLen;i2 < newLen; i2++) {
+      oldChildren[i2] = pending[i2];
+      this.initViewBody(pending[i2]);
+      this.markDirty(pending[i2]);
     }
-    for (let i = newLen;i < oldLen; i++) {
-      this.dispose(oldChildren[i]);
+    for (let i2 = newLen;i2 < oldLen; i2++) {
+      this.dispose(oldChildren[i2]);
     }
     oldChildren.length = newLen;
   }
-  #reconcileKeyed(view, oldChildren, pending) {
-    let i = 0;
+  #reconcileKeyed(view2, oldChildren, pending) {
+    let i2 = 0;
     let oldEnd = oldChildren.length - 1;
     let newEnd = pending.length - 1;
-    while (i <= oldEnd && i <= newEnd) {
-      const oldView = oldChildren[i];
-      const pendView = pending[i];
+    while (i2 <= oldEnd && i2 <= newEnd) {
+      const oldView = oldChildren[i2];
+      const pendView = pending[i2];
       if (oldView.userKey !== pendView.userKey)
         break;
-      this.#patchOrReplace(view, oldChildren, i, oldView, pendView);
-      i++;
+      this.#patchOrReplace(view2, oldChildren, i2, oldView, pendView);
+      i2++;
     }
-    while (oldEnd >= i && newEnd >= i) {
+    while (oldEnd >= i2 && newEnd >= i2) {
       const oldView = oldChildren[oldEnd];
       const pendView = pending[newEnd];
       if (oldView.userKey !== pendView.userKey)
         break;
-      this.#patchOrReplace(view, oldChildren, oldEnd, oldView, pendView);
+      this.#patchOrReplace(view2, oldChildren, oldEnd, oldView, pendView);
       oldEnd--;
       newEnd--;
     }
-    if (i > oldEnd) {
-      for (let j = i;j <= newEnd; j++) {
+    if (i2 > oldEnd) {
+      for (let j = i2;j <= newEnd; j++) {
         this.initViewBody(pending[j]);
         this.markDirty(pending[j]);
         if (pending[j].userKey != null) {
-          if (!view.keyToView)
-            view.keyToView = new Map;
-          view.keyToView.set(pending[j].userKey, pending[j]);
+          if (!view2.keyToView)
+            view2.keyToView = new Map;
+          view2.keyToView.set(pending[j].userKey, pending[j]);
         }
       }
-      view.children = [
-        ...oldChildren.slice(0, i),
-        ...pending.slice(i, newEnd + 1),
-        ...oldChildren.slice(i, oldEnd + 1)
+      view2.children = [
+        ...oldChildren.slice(0, i2),
+        ...pending.slice(i2, newEnd + 1),
+        ...oldChildren.slice(i2, oldEnd + 1)
       ];
       return;
     }
-    if (i > newEnd) {
-      for (let j = i;j <= oldEnd; j++) {
+    if (i2 > newEnd) {
+      for (let j = i2;j <= oldEnd; j++) {
         this.dispose(oldChildren[j]);
       }
-      view.children = [
-        ...oldChildren.slice(0, i),
+      view2.children = [
+        ...oldChildren.slice(0, i2),
         ...oldChildren.slice(oldEnd + 1)
       ];
       return;
     }
     const newKeyToIndex = new Map;
-    for (let j = i;j <= newEnd; j++) {
+    for (let j = i2;j <= newEnd; j++) {
       const key = pending[j].userKey;
       if (key != null)
         newKeyToIndex.set(key, j);
     }
-    const middleLen = newEnd - i + 1;
+    const middleLen = newEnd - i2 + 1;
     const newIdxToOldIdx = new Array(middleLen).fill(-1);
     const matched = new Set;
-    for (let j = i;j <= oldEnd; j++) {
+    for (let j = i2;j <= oldEnd; j++) {
       const oldView = oldChildren[j];
       const key = oldView.userKey;
       if (key != null && newKeyToIndex.has(key)) {
         const newIdx = newKeyToIndex.get(key);
-        newIdxToOldIdx[newIdx - i] = j;
+        newIdxToOldIdx[newIdx - i2] = j;
         matched.add(j);
       }
     }
-    for (let j = i;j <= oldEnd; j++) {
+    for (let j = i2;j <= oldEnd; j++) {
       if (!matched.has(j)) {
         this.dispose(oldChildren[j]);
       }
@@ -471,29 +621,29 @@ class Engine {
     const stable = lis(newIdxToOldIdx);
     const newChildren = new Array(middleLen);
     for (let j = middleLen - 1;j >= 0; j--) {
-      const newIdx = i + j;
+      const newIdx = i2 + j;
       const pendView = pending[newIdx];
       if (newIdxToOldIdx[j] === -1) {
         this.initViewBody(pendView);
         this.markDirty(pendView);
         if (pendView.userKey != null) {
-          if (!view.keyToView)
-            view.keyToView = new Map;
-          view.keyToView.set(pendView.userKey, pendView);
+          if (!view2.keyToView)
+            view2.keyToView = new Map;
+          view2.keyToView.set(pendView.userKey, pendView);
         }
         newChildren[j] = pendView;
       } else {
         const oldView = oldChildren[newIdxToOldIdx[j]];
-        this.#patchOrReplace(view, oldChildren, newIdxToOldIdx[j], oldView, pendView);
+        this.#patchOrReplace(view2, oldChildren, newIdxToOldIdx[j], oldView, pendView);
         if (!stable.has(j)) {
           this.markMoved(oldView);
         }
         newChildren[j] = oldView;
       }
     }
-    const head = oldChildren.slice(0, i);
+    const head = oldChildren.slice(0, i2);
     const tail = oldChildren.slice(oldEnd + 1);
-    view.children = [...head, ...newChildren, ...tail];
+    view2.children = [...head, ...newChildren, ...tail];
   }
   #patchOrReplace(parent, oldChildren, idx, oldView, pendView) {
     if (oldView.viewFn === pendView.viewFn) {
@@ -510,10 +660,10 @@ class Engine {
       }
     }
   }
-  dispose(view) {
-    const isPrimitiveWithDom = view.flags & F_PRIMITIVE && view.renderRef;
-    if (view.children) {
-      for (const child of view.children) {
+  dispose(view2) {
+    const isPrimitiveWithDom = view2.flags & F_PRIMITIVE && view2.renderRef;
+    if (view2.children) {
+      for (const child of view2.children) {
         if (isPrimitiveWithDom) {
           this.#disposeVirtual(child);
         } else {
@@ -521,26 +671,30 @@ class Engine {
         }
       }
     }
-    if (view.unsubscribe)
-      for (const unsub of view.unsubscribe)
+    if (view2.unsubscribe)
+      for (const unsub of view2.unsubscribe)
         unsub();
-    if (view.userKey != null)
-      view.parent?.keyToView?.delete(view.userKey);
-    this.renderer.unmount(view);
-    this.#dirtyQueue.delete(view);
-  }
-  #disposeVirtual(view) {
-    if (view.children) {
-      for (const child of view.children)
+    if (view2.userKey != null)
+      view2.parent?.keyToView?.delete(view2.userKey);
+    this.renderer.unmount(view2);
+    this.#dirtyQueue.delete(view2);
+    view2.flags |= F_DISPOSED;
+    view2.flags &= ~(F_DIRTY | F_MOVED);
+  }
+  #disposeVirtual(view2) {
+    if (view2.children) {
+      for (const child of view2.children)
         this.#disposeVirtual(child);
     }
-    if (view.unsubscribe)
-      for (const unsub of view.unsubscribe)
+    if (view2.unsubscribe)
+      for (const unsub of view2.unsubscribe)
         unsub();
-    if (view.userKey != null)
-      view.parent?.keyToView?.delete(view.userKey);
-    view.renderRef = undefined;
-    this.#dirtyQueue.delete(view);
+    if (view2.userKey != null)
+      view2.parent?.keyToView?.delete(view2.userKey);
+    view2.renderRef = undefined;
+    this.#dirtyQueue.delete(view2);
+    view2.flags |= F_DISPOSED;
+    view2.flags &= ~(F_DIRTY | F_MOVED);
   }
   render() {
     if (this.#rendering)
@@ -549,26 +703,28 @@ class Engine {
     this.#rendering = true;
     try {
       const cbs = [];
-      for (const view of this.#dirtyQueue) {
-        this.initViewBody(view);
-        const isNew = !view.renderRef;
+      for (const view2 of this.#dirtyQueue) {
+        if (view2.flags & F_DISPOSED)
+          continue;
+        this.initViewBody(view2);
+        const isNew = !view2.renderRef;
         if (!isNew)
-          view.body?.onUpdateBefore?.();
-        if (view.flags & F_DIRTY) {
-          this.reconcile(view);
-          this.renderer.render(view);
-          view.flags &= ~F_DIRTY;
-          view.flags &= ~F_MOVED;
-          if (isNew && view.body?.onMount) {
-            const b = view.body;
-            cbs.push(() => b.onMount());
-          } else if (!isNew && view.body?.onUpdateAfter) {
-            const b = view.body;
-            cbs.push(() => b.onUpdateAfter());
+          view2.body?.onUpdateBefore?.();
+        if (view2.flags & F_DIRTY) {
+          this.reconcile(view2);
+          this.renderer.render(view2);
+          view2.flags &= ~F_DIRTY;
+          view2.flags &= ~F_MOVED;
+          if (isNew && view2.body?.onMount) {
+            const b2 = view2.body;
+            cbs.push(() => b2.onMount());
+          } else if (!isNew && view2.body?.onUpdateAfter) {
+            const b2 = view2.body;
+            cbs.push(() => b2.onUpdateAfter());
           }
         } else {
-          this.renderer.render(view);
-          view.flags &= ~F_MOVED;
+          this.renderer.render(view2);
+          view2.flags &= ~F_MOVED;
         }
       }
       this.#dirtyQueue.clear();
@@ -585,149 +741,16 @@ class Engine {
 }
 
 // src/public/app.ts
-function createApp(slot, renderer, options) {
+function createApp(slot2, renderer, options) {
   return {
     mount(props) {
       const engine = new Engine(renderer, options?.scheduler);
-      engine.createRoot(slot, props ?? {});
+      engine.createRoot(slot2, props ?? {});
       engine.render();
       return { engine };
     }
   };
 }
-// src/public/view.ts
-function view(body) {
-  return (props, slot) => {
-    orchestrator.currentEngine().view(body, props, slot, maybeGetUserKey(props));
-  };
-}
-function maybeGetUserKey(params) {
-  if (params != null && typeof params === "object" && "key" in params && params.key != null && (typeof params.key === "string" || typeof params.key === "number")) {
-    return params.key;
-  }
-}
-// src/public/primitives/primitives.ts
-function html(tag) {
-  const fn = ({
-    slot
-  }) => ({
-    render() {
-      slot();
-    }
-  });
-  fn[$primitive] = tag;
-  return view(fn);
-}
-var textViewFn = Object.assign(() => ({ render() {} }), { [$primitive]: "text" });
-function text(content) {
-  orchestrator.currentEngine().view(textViewFn, content, null, null);
-}
-var div = html("div");
-var span = html("span");
-var section = html("section");
-var article = html("article");
-var aside = html("aside");
-var nav = html("nav");
-var header = html("header");
-var footer = html("footer");
-var main = html("main");
-var p = html("p");
-var h1 = html("h1");
-var h2 = html("h2");
-var h3 = html("h3");
-var h4 = html("h4");
-var h5 = html("h5");
-var h6 = html("h6");
-var pre = html("pre");
-var code = html("code");
-var em = html("em");
-var strong = html("strong");
-var small = html("small");
-var br = html("br");
-var hr = html("hr");
-var a = html("a");
-var blockquote = html("blockquote");
-var label = html("label");
-var ul = html("ul");
-var ol = html("ol");
-var li = html("li");
-var table = html("table");
-var thead = html("thead");
-var tbody = html("tbody");
-var tfoot = html("tfoot");
-var tr = html("tr");
-var th = html("th");
-var td = html("td");
-var form = html("form");
-var button = html("button");
-var input = html("input");
-var textarea = html("textarea");
-var select = html("select");
-var option = html("option");
-var fieldset = html("fieldset");
-var legend = html("legend");
-var img = html("img");
-var video = html("video");
-var audio = html("audio");
-var canvas = html("canvas");
-var source = html("source");
-var details = html("details");
-var summary = html("summary");
-var dialog = html("dialog");
-var menu = html("menu");
-var iframe = html("iframe");
-var embed = html("embed");
-var object = html("object");
-var picture = html("picture");
-var portal = html("portal");
-var svg = html("svg");
-var script = html("script");
-var noscript = html("noscript");
-var template = html("template");
-var slot = html("slot");
-var address = html("address");
-var hgroup = html("hgroup");
-var search = html("search");
-var abbr = html("abbr");
-var b = html("b");
-var bdi = html("bdi");
-var bdo = html("bdo");
-var cite = html("cite");
-var data = html("data");
-var dfn = html("dfn");
-var i = html("i");
-var kbd = html("kbd");
-var mark = html("mark");
-var q = html("q");
-var rp = html("rp");
-var rt = html("rt");
-var ruby = html("ruby");
-var s = html("s");
-var samp = html("samp");
-var sub = html("sub");
-var sup = html("sup");
-var time = html("time");
-var u = html("u");
-var varEl = html("var");
-var wbr = html("wbr");
-var del = html("del");
-var ins = html("ins");
-var caption = html("caption");
-var colgroup = html("colgroup");
-var col = html("col");
-var datalist = html("datalist");
-var optgroup = html("optgroup");
-var output = html("output");
-var progress = html("progress");
-var meter = html("meter");
-var figure = html("figure");
-var figcaption = html("figcaption");
-var dd = html("dd");
-var dl = html("dl");
-var dt = html("dt");
-var track = html("track");
-var map = html("map");
-var area = html("area");
 // src/render/html_render.ts
 function isEventProp(key) {
   return key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && key.charCodeAt(2) >= 65 && key.charCodeAt(2) <= 90;
@@ -1043,6 +1066,10 @@ class HtmlRender {
     const ref = view2.renderRef;
     if (!ref || !(view2.flags & F_PRIMITIVE))
       return;
+    if (view2.flags & F_TEXT_CONTENT) {
+      ref.element.textContent = "";
+      return;
+    }
     const evObj = ref.element[$EV];
     if (evObj) {
       for (const domEvent in evObj) {
@@ -1354,4 +1381,4 @@ export {
   $primitive
 };
 
-//# debugId=3138F663141CF77564756E2164756E21
+//# debugId=B12A03136056333664756E2164756E21