microtags 0.0.13 → 0.1.1

package/dist/htm.js

@@ -0,0 +1,196 @@
+import "./chunk-RKWPTT6P.js";
+import {
+  __name
+} from "./chunk-7QVYU63E.js";
+
+// src/htm.ts
+import htm from "htm";
+var _esc = {
+  "&": "&",
+  '"': """,
+  "'": "'",
+  "<": "&lt;",
+  ">": "&gt;"
+};
+function _escHtml(s) {
+  return s.replace(/[&"'<>]/g, (c) => _esc[c]);
+}
+__name(_escHtml, "_escHtml");
+var VOID = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+function _checkVoid(type, children) {
+  if (typeof type === "string" && VOID.has(type) && children.length) {
+    throw new Error(
+      `<${type}> has children: an unclosed void element swallows what follows it. Write it as <${type} />.`
+    );
+  }
+}
+__name(_checkVoid, "_checkVoid");
+var _M = /* @__PURE__ */ Symbol.for("microtags.markup");
+var Markup = class {
+  static {
+    __name(this, "Markup");
+  }
+  _v;
+  constructor(v) {
+    this._v = v;
+  }
+  toString() {
+    return this._v;
+  }
+};
+Markup.prototype[_M] = true;
+function _isMarkup(v) {
+  return v != null && v[_M] === true;
+}
+__name(_isMarkup, "_isMarkup");
+var _Escaped = class extends Markup {
+  static {
+    __name(this, "_Escaped");
+  }
+  _raw;
+  constructor(raw2) {
+    super(_escHtml(raw2));
+    this._raw = raw2;
+  }
+};
+function raw(s) {
+  return new Markup(s);
+}
+__name(raw, "raw");
+function _isMicrotag(t) {
+  return typeof t === "function" && "TAG" in t && "render" in t && "props" in t;
+}
+__name(_isMicrotag, "_isMicrotag");
+var _OPEN = "<!--[-->";
+var _KIDS = "<!--[c-->";
+var _CLOSE = "<!--]-->";
+function _region(f) {
+  const v = f();
+  const out = Array.isArray(v) ? _flatten(v.map(_trust)) : _flatten([_trust(v)]);
+  return _OPEN + out + _CLOSE;
+}
+__name(_region, "_region");
+function _trust(v) {
+  return typeof v === "string" ? _escHtml(v) : v;
+}
+__name(_trust, "_trust");
+function _flatten(children) {
+  let out = "";
+  for (const c of children) {
+    if (c == null || c === false) continue;
+    if (Array.isArray(c)) {
+      out += _flatten(c);
+    } else if (typeof c === "function") {
+      out += _region(c);
+    } else {
+      out += String(c);
+    }
+  }
+  return out;
+}
+__name(_flatten, "_flatten");
+function _val(v) {
+  const r = typeof v === "function" ? v() : v;
+  return r instanceof _Escaped ? r._raw : r;
+}
+__name(_val, "_val");
+function _isListener(k, v) {
+  return typeof v === "function" && k.startsWith("on");
+}
+__name(_isListener, "_isListener");
+var _ATTR = /^[a-z_:][-\w:.]*$/i;
+function h(type, props, ...children) {
+  _checkVoid(type, children);
+  const inner = _flatten(children);
+  if (_isMicrotag(type)) {
+    const declared = new Set(
+      type.props
+    );
+    const compProps = {};
+    const attrs = {};
+    if (props) {
+      for (const [k, pv] of Object.entries(props)) {
+        if (_isListener(k, pv)) continue;
+        const v = _val(pv);
+        if (declared.has(k)) {
+          compProps[k] = v;
+        } else if (!_ATTR.test(k)) {
+          continue;
+        } else if (v === true) {
+          attrs[k] = "";
+        } else if (v !== false && v != null) {
+          attrs[k] = String(v);
+        }
+      }
+    }
+    const result = type.render(
+      compProps,
+      {
+        children: children.length > 0 ? _KIDS + inner + _CLOSE : inner,
+        attrs: Object.keys(attrs).length > 0 ? attrs : void 0
+      }
+    );
+    return new Markup(String(result));
+  }
+  if (typeof type === "string") {
+    let a = "";
+    if (props) {
+      for (const [k, pv] of Object.entries(props)) {
+        if (_isListener(k, pv) || !_ATTR.test(k)) continue;
+        const v = _val(pv);
+        if (v === true) {
+          a += ` ${k}`;
+        } else if (v !== false && v != null) {
+          a += ` ${k}="${_escHtml(String(v))}"`;
+        }
+      }
+    }
+    if (VOID.has(type)) {
+      return new Markup(`<${type}${a}>`);
+    }
+    return new Markup(
+      `<${type}${a}>${inner}</${type}>`
+    );
+  }
+  return new Markup(inner);
+}
+__name(h, "h");
+var _htm = htm.bind(h);
+function html(strings, ...values) {
+  const escaped = values.map((v) => {
+    if (typeof v === "string") {
+      return new _Escaped(v);
+    }
+    return v;
+  });
+  const result = _htm(
+    strings,
+    ...escaped
+  );
+  if (_isMarkup(result)) return result;
+  if (Array.isArray(result)) return new Markup(_flatten(result));
+  return new Markup(String(result ?? ""));
+}
+__name(html, "html");
+export {
+  Markup,
+  h,
+  html,
+  raw
+};
+//# sourceMappingURL=htm.js.map

package/dist/htm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/htm.ts"],
+  "sourcesContent": ["import htm from 'htm'\n// Registers the server render support module, so `render` statics work.\nimport './render-support.js'\nimport type { MicrotagElementClass } from './builders.js'\nimport type { PropDef } from './types.js'\n\nconst _esc:Record<string, string> = {\n    '&': '&amp;',\n    '\"': '&quot;',\n    \"'\": '&#39;',\n    '<': '&lt;',\n    '>': '&gt;',\n}\n\nfunction _escHtml (s:string):string {\n    return s.replace(/[&\"'<>]/g, c => _esc[c])\n}\n\nconst VOID = new Set([\n    'area', 'base', 'br', 'col', 'embed', 'hr',\n    'img', 'input', 'link', 'meta', 'param',\n    'source', 'track', 'wbr',\n])\n\n// htm does not know void tags, so an unclosed one takes everything\n// after it as children. Fail loudly instead of dropping them.\nfunction _checkVoid (type:unknown, children:unknown[]):void {\n    if (typeof type === 'string' && VOID.has(type) && children.length) {\n        throw new Error(\n            `<${type}> has children: an unclosed void element ` +\n            `swallows what follows it. Write it as <${type} />.`\n        )\n    }\n}\n\n// Brands markup across package copies, where `instanceof` fails.\nconst _M = Symbol.for('microtags.markup')\n\n/**\n * Opaque, trusted output of the templater. Convert it with `String(m)`\n * to get the HTML. Interpolating markup into `html` never escapes it.\n */\nexport class Markup {\n    readonly _v:string\n    constructor (v:string) { this._v = v }\n    toString ():string { return this._v }\n}\n\n// on the prototype, so the brand stays out of the declared type\n(Markup.prototype as unknown as Record<symbol, boolean>)[_M] = true\n\nfunction _isMarkup (v:unknown):v is Markup {\n    return v != null && (v as Record<symbol, unknown>)[_M] === true\n}\n\n// An interpolated string, escaped for markup. Components receive the\n// original text as a prop, so their own serializer escapes it once.\nclass _Escaped extends Markup {\n    readonly _raw:string\n    constructor (raw:string) {\n        super(_escHtml(raw))\n        this._raw = raw\n    }\n}\n\nexport function raw (s:string):Markup {\n    return new Markup(s)\n}\n\nfunction _isMicrotag (\n    t:unknown\n):t is MicrotagElementClass<Record<string, PropDef>> {\n    return (\n        typeof t === 'function' &&\n        'TAG' in t &&\n        'render' in t &&\n        'props' in t\n    )\n}\n\n// Comment markers around a reactive region, so the browser can find it.\n// Component children open with their own marker, so the browser can\n// tell them from regions in the component's own render.\nconst _OPEN = '<!--[-->'\nconst _KIDS = '<!--[c-->'\nconst _CLOSE = '<!--]-->'\n\n// A signal or function in child position is evaluated once. Its result\n// did not pass through `html`, so plain strings are escaped here.\nfunction _region (f:() => unknown):string {\n    const v = f()\n    const out = Array.isArray(v) ?\n        _flatten(v.map(_trust)) :\n        _flatten([_trust(v)])\n    return _OPEN + out + _CLOSE\n}\n\nfunction _trust (v:unknown):unknown {\n    return typeof v === 'string' ? _escHtml(v) : v\n}\n\nfunction _flatten (\n    children:unknown[]\n):string {\n    let out = ''\n    for (const c of children) {\n        if (c == null || c === false) continue\n        if (Array.isArray(c)) {\n            out += _flatten(c)\n        } else if (typeof c === 'function') {\n            out += _region(c as () => unknown)\n        } else {\n            out += String(c)\n        }\n    }\n    return out\n}\n\n// Evaluate a signal or function in a prop or attribute hole, and\n// unwrap an interpolated string, so attributes are escaped only once.\nfunction _val (v:unknown):unknown {\n    const r = typeof v === 'function' ? v() : v\n    return r instanceof _Escaped ? r._raw : r\n}\n\n// A function-valued on<event> prop is a listener, which the browser\n// binds. It has no server output.\nfunction _isListener (k:string, v:unknown):boolean {\n    return typeof v === 'function' && k.startsWith('on')\n}\n\n// A key that is not a valid attribute name, e.g. from a spread of user\n// data, is skipped so it cannot break out of the tag.\nconst _ATTR = /^[a-z_:][-\\w:.]*$/i\n\nexport function h (\n    type:string | ((...a:unknown[]) => unknown),\n    props:Record<string, unknown> | null,\n    ...children:unknown[]\n):Markup {\n    _checkVoid(type, children)\n    const inner = _flatten(children)\n\n    if (_isMicrotag(type)) {\n        const declared = new Set(\n            type.props as readonly string[]\n        )\n        const compProps:Record<string, unknown> = {}\n        const attrs:Record<string, string> = {}\n\n        if (props) {\n            for (const [k, pv] of Object.entries(props)) {\n                if (_isListener(k, pv)) continue\n                const v = _val(pv)\n                if (declared.has(k)) {\n                    compProps[k] = v\n                } else if (!_ATTR.test(k)) {\n                    continue\n                } else if (v === true) {\n                    attrs[k] = ''\n                } else if (v !== false && v != null) {\n                    attrs[k] = String(v)\n                }\n            }\n        }\n\n        const result = type.render(\n            compProps as any,\n            {\n                children: children.length > 0 ?\n                    _KIDS + inner + _CLOSE :\n                    inner,\n                attrs: Object.keys(attrs).length > 0 ?\n                    attrs :\n                    undefined,\n            }\n        )\n        return new Markup(String(result))\n    }\n\n    if (typeof type === 'string') {\n        let a = ''\n        if (props) {\n            for (const [k, pv] of Object.entries(props)) {\n                if (_isListener(k, pv) || !_ATTR.test(k)) continue\n                const v = _val(pv)\n                if (v === true) {\n                    a += ` ${k}`\n                } else if (\n                    v !== false &&\n                    v != null\n                ) {\n                    a += ` ${k}=\"${_escHtml(String(v))}\"`\n                }\n            }\n        }\n\n        if (VOID.has(type)) {\n            return new Markup(`<${type}${a}>`)\n        }\n        return new Markup(\n            `<${type}${a}>${inner}</${type}>`\n        )\n    }\n\n    return new Markup(inner)\n}\n\nconst _htm = htm.bind(h)\n\nexport function html (\n    strings:TemplateStringsArray,\n    ...values:unknown[]\n):Markup {\n    const escaped = values.map(v => {\n        if (typeof v === 'string') {\n            return new _Escaped(v)\n        }\n        return v\n    })\n    const result = (_htm as (...a:unknown[]) => unknown)(\n        strings, ...escaped\n    )\n    if (_isMarkup(result)) return result\n    if (Array.isArray(result)) return new Markup(_flatten(result))\n    return new Markup(String(result ?? ''))\n}\n"],
+  "mappings": "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",
+  "names": ["raw"]
+}

package/dist/htm.min.js

@@ -0,0 +1,3 @@
+var x=Object.defineProperty;var u=(n,t)=>x(n,"name",{value:t,configurable:!0});var b=u(function(n,t,s,e){var c;t[0]=0;for(var r=1;r<t.length;r++){var o=t[r++],i=t[r]?(t[0]|=o?1:2,s[t[r++]]):t[++r];o===3?e[0]=i:o===4?e[1]=Object.assign(e[1]||{},i):o===5?(e[1]=e[1]||{})[t[++r]]=i:o===6?e[1][t[++r]]+=i+"":o?(c=n.apply(i,b(n,i,s,["",null])),e.push(c),i[0]?t[0]|=2:(t[r-2]=0,t[r]=c)):e.push(i)}return e},"n"),y=new Map;function p(n){var t=y.get(this);return t||(t=new Map,y.set(this,t)),(t=b(this,t.get(n)||(t.set(n,t=(function(s){for(var e,c,r=1,o="",i="",a=[0],g=function(d){r===1&&(d||(o=o.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?a.push(0,d,o):r===3&&(d||o)?(a.push(3,d,o),r=2):r===2&&o==="..."&&d?a.push(4,d,0):r===2&&o&&!d?a.push(5,0,!0,o):r>=5&&((o||!d&&r===5)&&(a.push(r,0,o,c),r=6),d&&(a.push(r,d,0,c),r=6)),o=""},l=0;l<s.length;l++){l&&(r===1&&g(),g(l));for(var k=0;k<s[l].length;k++)e=s[l][k],r===1?e==="<"?(g(),a=[a],r=3):o+=e:r===4?o==="--"&&e===">"?(r=1,o=""):o=e+o[0]:i?e===i?i="":o+=e:e==='"'||e==="'"?i=e:e===">"?(g(),r=1):r&&(e==="="?(r=5,c=o,o=""):e==="/"&&(r<5||s[l][k+1]===">")?(g(),r===3&&(a=a[0]),r=a,(a=a[0]).push(2,0,r),r=0):e===" "||e==="	"||e===`
+`||e==="\r"?(g(),r=2):o+=e),r===3&&o==="!--"&&(r=4,a=a[0])}return g(),a})(n)),t),arguments,[])).length>1?t:t[0]}u(p,"default");var O={"&":"&amp;",'"':"&quot;","'":"&#39;","<":"&lt;",">":"&gt;"};function P(n){return n.replace(/[&"'<>]/g,t=>O[t])}u(P,"_escAttr");var T=/^[a-z_:][-\w:.]*$/i;function D(n,t){return n.kind==="prop-only"||t==null?null:n.kind==="boolean"?t===!0?"":null:n.kind==="json"?JSON.stringify(t):String(t)}u(D,"_serialize");function E(n,t){return t===""?` ${n}`:` ${n}="${P(t)}"`}u(E,"_attr");function R(n,t,s){let e=s?.attrs??{},c=String(n.f({props:t,refs:n.r,TAG:n.t,children:s?.children??"",attrs:e})),r=Object.create(null);for(let o in n.m){let i=o in t?D(n.m[o],t[o]):null;i!==null&&(r[o]=i)}for(let[o,i]of Object.entries(e))T.test(o)&&(r[o]??=i);return{tag:n.t,attrs:r,html:c}}u(R,"renderParts");function z(n,t,s){let{tag:e,attrs:c,html:r}=R(n,t,s),o="";for(let i in c)o+=E(i,c[i]);return`<${e}${o}>${r}</${e}>`}u(z,"renderHost");function C(){let n=globalThis;n[Symbol.for("microtags.render")]=z,n[Symbol.for("microtags.renderParts")]=R}u(C,"register");C();var N={"&":"&amp;",'"':"&quot;","'":"&#39;","<":"&lt;",">":"&gt;"};function _(n){return n.replace(/[&"'<>]/g,t=>N[t])}u(_,"_escHtml");var A=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);function q(n,t){if(typeof n=="string"&&A.has(n)&&t.length)throw new Error(`<${n}> has children: an unclosed void element swallows what follows it. Write it as <${n} />.`)}u(q,"_checkVoid");var j=Symbol.for("microtags.markup"),f=class{static{u(this,"Markup")}_v;constructor(t){this._v=t}toString(){return this._v}};f.prototype[j]=!0;function G(n){return n!=null&&n[j]===!0}u(G,"_isMarkup");var m=class extends f{static{u(this,"_Escaped")}_raw;constructor(t){super(_(t)),this._raw=t}};function Z(n){return new f(n)}u(Z,"raw");function H(n){return typeof n=="function"&&"TAG"in n&&"render"in n&&"props"in n}u(H,"_isMicrotag");var I="<!--[-->",L="<!--[c-->",v="<!--]-->";function V(n){let t=n(),s=Array.isArray(t)?w(t.map($)):w([$(t)]);return I+s+v}u(V,"_region");function $(n){return typeof n=="string"?_(n):n}u($,"_trust");function w(n){let t="";for(let s of n)s==null||s===!1||(Array.isArray(s)?t+=w(s):typeof s=="function"?t+=V(s):t+=String(s));return t}u(w,"_flatten");function h(n){let t=typeof n=="function"?n():n;return t instanceof m?t._raw:t}u(h,"_val");function S(n,t){return typeof t=="function"&&n.startsWith("on")}u(S,"_isListener");var M=/^[a-z_:][-\w:.]*$/i;function W(n,t,...s){q(n,s);let e=w(s);if(H(n)){let c=new Set(n.props),r={},o={};if(t)for(let[a,g]of Object.entries(t)){if(S(a,g))continue;let l=h(g);if(c.has(a))r[a]=l;else if(M.test(a))l===!0?o[a]="":l!==!1&&l!=null&&(o[a]=String(l));else continue}let i=n.render(r,{children:s.length>0?L+e+v:e,attrs:Object.keys(o).length>0?o:void 0});return new f(String(i))}if(typeof n=="string"){let c="";if(t)for(let[r,o]of Object.entries(t)){if(S(r,o)||!M.test(r))continue;let i=h(o);i===!0?c+=` ${r}`:i!==!1&&i!=null&&(c+=` ${r}="${_(String(i))}"`)}return A.has(n)?new f(`<${n}${c}>`):new f(`<${n}${c}>${e}</${n}>`)}return new f(e)}u(W,"h");var J=p.bind(W);function nn(n,...t){let s=t.map(c=>typeof c=="string"?new m(c):c),e=J(n,...s);return G(e)?e:Array.isArray(e)?new f(w(e)):new f(String(e??""))}u(nn,"html");export{f as Markup,W as h,nn as html,Z as raw};
+//# sourceMappingURL=htm.min.js.map

package/dist/htm.min.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/htm/dist/htm.module.js", "../src/render-support.ts", "../src/htm.ts"],
+  "sourcesContent": ["var n=function(t,s,r,e){var u;s[0]=0;for(var h=1;h<s.length;h++){var p=s[h++],a=s[h]?(s[0]|=p?1:2,r[s[h++]]):s[++h];3===p?e[0]=a:4===p?e[1]=Object.assign(e[1]||{},a):5===p?(e[1]=e[1]||{})[s[++h]]=a:6===p?e[1][s[++h]]+=a+\"\":p?(u=t.apply(a,n(t,a,r,[\"\",null])),e.push(u),a[0]?s[0]|=2:(s[h-2]=0,s[h]=u)):e.push(a)}return e},t=new Map;export default function(s){var r=t.get(this);return r||(r=new Map,t.set(this,r)),(r=n(this,r.get(s)||(r.set(s,r=function(n){for(var t,s,r=1,e=\"\",u=\"\",h=[0],p=function(n){1===r&&(n||(e=e.replace(/^\\s*\\n\\s*|\\s*\\n\\s*$/g,\"\")))?h.push(0,n,e):3===r&&(n||e)?(h.push(3,n,e),r=2):2===r&&\"...\"===e&&n?h.push(4,n,0):2===r&&e&&!n?h.push(5,0,!0,e):r>=5&&((e||!n&&5===r)&&(h.push(r,0,e,s),r=6),n&&(h.push(r,n,0,s),r=6)),e=\"\"},a=0;a<n.length;a++){a&&(1===r&&p(),p(a));for(var l=0;l<n[a].length;l++)t=n[a][l],1===r?\"<\"===t?(p(),h=[h],r=3):e+=t:4===r?\"--\"===e&&\">\"===t?(r=1,e=\"\"):e=t+e[0]:u?t===u?u=\"\":e+=t:'\"'===t||\"'\"===t?u=t:\">\"===t?(p(),r=1):r&&(\"=\"===t?(r=5,s=e,e=\"\"):\"/\"===t&&(r<5||\">\"===n[a][l+1])?(p(),3===r&&(h=h[0]),r=h,(h=h[0]).push(2,0,r),r=0):\" \"===t||\"\\t\"===t||\"\\n\"===t||\"\\r\"===t?(p(),r=2):e+=t),3===r&&\"!--\"===e&&(r=4,h=h[0])}return p(),h}(s)),r),arguments,[])).length>1?r:r[0]}\n", "// Server render support: the host-tag builder, prop serializers and\n// attribute escaping. Importing this module registers `renderHost`\n// under a registry symbol on `globalThis`, where a component's `render`\n// static finds it. Core never imports this module, so a bundle with\n// every render link stripped leaves it out. See ADR-009.\nimport type {\n    PropMeta,\n    RenderParts,\n    RenderRecord,\n} from './builders.js'\n\nconst _esc:Record<string, string> = {\n    '&': '&amp;',\n    '\"': '&quot;',\n    \"'\": '&#39;',\n    '<': '&lt;',\n    '>': '&gt;',\n}\nfunction _escAttr (s:string):string {\n    return s.replace(/[&\"'<>]/g, c => _esc[c])\n}\n\n// HTML attribute name grammar: a letter, `_` or `:`, then letters,\n// digits, `-`, `_`, `:` or `.`. Extra attrs may come from data.\nconst _attrName = /^[a-z_:][-\\w:.]*$/i\n\n// The kind is decided by core, so no coercer is compared here and any\n// copy of this module serves any copy of core.\nfunction _serialize (m:PropMeta, v:unknown):string | null {\n    if (m.kind === 'prop-only' || v == null) return null\n    if (m.kind === 'boolean') return v === true ? '' : null\n    if (m.kind === 'json') return JSON.stringify(v)\n    return String(v)\n}\n\nfunction _attr (k:string, v:string):string {\n    return v === '' ? ` ${k}` : ` ${k}=\"${_escAttr(v)}\"`\n}\n\n/**\n * Render a component as parts: the host tag name, its serialized\n * (unescaped) attributes, declared props first, and the inner HTML.\n * `attrs` has no prototype, so a name like `__proto__` from data is a\n * plain key. A declared prop keeps its value over an extra attr of the\n * same name, as an HTML parser keeps the first of a duplicate.\n */\nexport function renderParts (\n    rec:RenderRecord,\n    props:Record<string, unknown>,\n    options?:{ children?:string; attrs?:Record<string, string> }\n):RenderParts {\n    const extra = options?.attrs ?? {}\n    const html = String(rec.f({\n        props,\n        refs: rec.r,\n        TAG: rec.t,\n        children: options?.children ?? '',\n        attrs: extra,\n    }))\n    const attrs:Record<string, string> = Object.create(null)\n    for (const k in rec.m) {\n        const s = k in props ? _serialize(rec.m[k], props[k]) : null\n        if (s !== null) attrs[k] = s\n    }\n    for (const [k, v] of Object.entries(extra)) {\n        if (_attrName.test(k)) attrs[k] ??= v\n    }\n    return { tag: rec.t, attrs, html }\n}\n\n/** Render a component's host tag around the output of its render link. */\nexport function renderHost (\n    rec:RenderRecord,\n    props:Record<string, unknown>,\n    options?:{ children?:string; attrs?:Record<string, string> }\n):string {\n    const { tag, attrs, html } = renderParts(rec, props, options)\n    let a = ''\n    for (const k in attrs) a += _attr(k, attrs[k])\n    return `<${tag}${a}>${html}</${tag}>`\n}\n\n/**\n * Store `renderHost` and `renderParts` where the `render` and\n * `renderParts` statics look them up.\n */\nexport function register ():void {\n    const g = globalThis as any\n    g[Symbol.for('microtags.render')] = renderHost\n    g[Symbol.for('microtags.renderParts')] = renderParts\n}\n\nregister()\n", "import htm from 'htm'\n// Registers the server render support module, so `render` statics work.\nimport './render-support.js'\nimport type { MicrotagElementClass } from './builders.js'\nimport type { PropDef } from './types.js'\n\nconst _esc:Record<string, string> = {\n    '&': '&amp;',\n    '\"': '&quot;',\n    \"'\": '&#39;',\n    '<': '&lt;',\n    '>': '&gt;',\n}\n\nfunction _escHtml (s:string):string {\n    return s.replace(/[&\"'<>]/g, c => _esc[c])\n}\n\nconst VOID = new Set([\n    'area', 'base', 'br', 'col', 'embed', 'hr',\n    'img', 'input', 'link', 'meta', 'param',\n    'source', 'track', 'wbr',\n])\n\n// htm does not know void tags, so an unclosed one takes everything\n// after it as children. Fail loudly instead of dropping them.\nfunction _checkVoid (type:unknown, children:unknown[]):void {\n    if (typeof type === 'string' && VOID.has(type) && children.length) {\n        throw new Error(\n            `<${type}> has children: an unclosed void element ` +\n            `swallows what follows it. Write it as <${type} />.`\n        )\n    }\n}\n\n// Brands markup across package copies, where `instanceof` fails.\nconst _M = Symbol.for('microtags.markup')\n\n/**\n * Opaque, trusted output of the templater. Convert it with `String(m)`\n * to get the HTML. Interpolating markup into `html` never escapes it.\n */\nexport class Markup {\n    readonly _v:string\n    constructor (v:string) { this._v = v }\n    toString ():string { return this._v }\n}\n\n// on the prototype, so the brand stays out of the declared type\n(Markup.prototype as unknown as Record<symbol, boolean>)[_M] = true\n\nfunction _isMarkup (v:unknown):v is Markup {\n    return v != null && (v as Record<symbol, unknown>)[_M] === true\n}\n\n// An interpolated string, escaped for markup. Components receive the\n// original text as a prop, so their own serializer escapes it once.\nclass _Escaped extends Markup {\n    readonly _raw:string\n    constructor (raw:string) {\n        super(_escHtml(raw))\n        this._raw = raw\n    }\n}\n\nexport function raw (s:string):Markup {\n    return new Markup(s)\n}\n\nfunction _isMicrotag (\n    t:unknown\n):t is MicrotagElementClass<Record<string, PropDef>> {\n    return (\n        typeof t === 'function' &&\n        'TAG' in t &&\n        'render' in t &&\n        'props' in t\n    )\n}\n\n// Comment markers around a reactive region, so the browser can find it.\n// Component children open with their own marker, so the browser can\n// tell them from regions in the component's own render.\nconst _OPEN = '<!--[-->'\nconst _KIDS = '<!--[c-->'\nconst _CLOSE = '<!--]-->'\n\n// A signal or function in child position is evaluated once. Its result\n// did not pass through `html`, so plain strings are escaped here.\nfunction _region (f:() => unknown):string {\n    const v = f()\n    const out = Array.isArray(v) ?\n        _flatten(v.map(_trust)) :\n        _flatten([_trust(v)])\n    return _OPEN + out + _CLOSE\n}\n\nfunction _trust (v:unknown):unknown {\n    return typeof v === 'string' ? _escHtml(v) : v\n}\n\nfunction _flatten (\n    children:unknown[]\n):string {\n    let out = ''\n    for (const c of children) {\n        if (c == null || c === false) continue\n        if (Array.isArray(c)) {\n            out += _flatten(c)\n        } else if (typeof c === 'function') {\n            out += _region(c as () => unknown)\n        } else {\n            out += String(c)\n        }\n    }\n    return out\n}\n\n// Evaluate a signal or function in a prop or attribute hole, and\n// unwrap an interpolated string, so attributes are escaped only once.\nfunction _val (v:unknown):unknown {\n    const r = typeof v === 'function' ? v() : v\n    return r instanceof _Escaped ? r._raw : r\n}\n\n// A function-valued on<event> prop is a listener, which the browser\n// binds. It has no server output.\nfunction _isListener (k:string, v:unknown):boolean {\n    return typeof v === 'function' && k.startsWith('on')\n}\n\n// A key that is not a valid attribute name, e.g. from a spread of user\n// data, is skipped so it cannot break out of the tag.\nconst _ATTR = /^[a-z_:][-\\w:.]*$/i\n\nexport function h (\n    type:string | ((...a:unknown[]) => unknown),\n    props:Record<string, unknown> | null,\n    ...children:unknown[]\n):Markup {\n    _checkVoid(type, children)\n    const inner = _flatten(children)\n\n    if (_isMicrotag(type)) {\n        const declared = new Set(\n            type.props as readonly string[]\n        )\n        const compProps:Record<string, unknown> = {}\n        const attrs:Record<string, string> = {}\n\n        if (props) {\n            for (const [k, pv] of Object.entries(props)) {\n                if (_isListener(k, pv)) continue\n                const v = _val(pv)\n                if (declared.has(k)) {\n                    compProps[k] = v\n                } else if (!_ATTR.test(k)) {\n                    continue\n                } else if (v === true) {\n                    attrs[k] = ''\n                } else if (v !== false && v != null) {\n                    attrs[k] = String(v)\n                }\n            }\n        }\n\n        const result = type.render(\n            compProps as any,\n            {\n                children: children.length > 0 ?\n                    _KIDS + inner + _CLOSE :\n                    inner,\n                attrs: Object.keys(attrs).length > 0 ?\n                    attrs :\n                    undefined,\n            }\n        )\n        return new Markup(String(result))\n    }\n\n    if (typeof type === 'string') {\n        let a = ''\n        if (props) {\n            for (const [k, pv] of Object.entries(props)) {\n                if (_isListener(k, pv) || !_ATTR.test(k)) continue\n                const v = _val(pv)\n                if (v === true) {\n                    a += ` ${k}`\n                } else if (\n                    v !== false &&\n                    v != null\n                ) {\n                    a += ` ${k}=\"${_escHtml(String(v))}\"`\n                }\n            }\n        }\n\n        if (VOID.has(type)) {\n            return new Markup(`<${type}${a}>`)\n        }\n        return new Markup(\n            `<${type}${a}>${inner}</${type}>`\n        )\n    }\n\n    return new Markup(inner)\n}\n\nconst _htm = htm.bind(h)\n\nexport function html (\n    strings:TemplateStringsArray,\n    ...values:unknown[]\n):Markup {\n    const escaped = values.map(v => {\n        if (typeof v === 'string') {\n            return new _Escaped(v)\n        }\n        return v\n    })\n    const result = (_htm as (...a:unknown[]) => unknown)(\n        strings, ...escaped\n    )\n    if (_isMarkup(result)) return result\n    if (Array.isArray(result)) return new Markup(_flatten(result))\n    return new Markup(String(result ?? ''))\n}\n"],
+  "mappings": "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",
+  "names": ["n", "__name", "t", "s", "r", "u", "h", "p", "a", "htm_module_default", "e", "l", "_esc", "_escAttr", "s", "c", "__name", "_attrName", "_serialize", "m", "v", "_attr", "k", "renderParts", "rec", "props", "options", "extra", "html", "attrs", "renderHost", "tag", "a", "register", "g", "_esc", "_escHtml", "s", "c", "__name", "VOID", "_checkVoid", "type", "children", "_M", "Markup", "v", "_isMarkup", "_Escaped", "raw", "_isMicrotag", "t", "_OPEN", "_KIDS", "_CLOSE", "_region", "f", "out", "_flatten", "_trust", "_val", "r", "_isListener", "k", "_ATTR", "h", "props", "inner", "declared", "compProps", "attrs", "pv", "result", "a", "_htm", "htm_module_default", "html", "strings", "values", "escaped"]
+}

package/dist/index.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  bindProp: () => bindProp,
   define: () => define,
   peek: () => peek,
   untracked: () => untracked
@@ -228,18 +229,39 @@ function factory(config) {
       return observedAttrNames;
     }
     _props = {};
+    // Per prop: the external signal assigned to the accessor, if any.
+    _bound = {};
     _cleanups = [];
+    // Connected and set up, not yet torn down.
+    _live = false;
     constructor() {
       super();
       for (const [name, coercer] of Object.entries(propDefs)) {
-        this._props[name] = (0, import_alien_signals.signal)(coercer(null));
+        const own = (0, import_alien_signals.signal)(coercer(null));
+        const bound = (0, import_alien_signals.signal)(void 0);
+        this._bound[name] = bound;
+        this._props[name] = ((...args) => {
+          const ext = bound();
+          if (!args.length) return ext ? ext() : own();
+          if (ext) {
+            throw new Error(`${this.localName}: prop "${name}" is bound and read-only; emit an event instead`);
+          }
+          own(args[0]);
+        });
+        if (Object.prototype.hasOwnProperty.call(this, name)) {
+          const pre = this[name];
+          delete this[name];
+          this[name] = pre;
+        }
       }
     }
     connectedCallback() {
+      if (this._live) return;
+      this._live = true;
       this._cleanups = [];
       for (const [name, coercer] of Object.entries(propDefs)) {
         const attrVal = this.getAttribute(name);
-        if (attrVal !== null) {
+        if (attrVal !== null && !this._bound[name]()) {
           this._props[name](coercer(attrVal));
         }
       }
@@ -296,19 +318,48 @@ function factory(config) {
     }
     attributeChangedCallback(name, _old, next) {
       const coercer = propDefs[name];
-      if (coercer !== void 0 && this._props[name] !== void 0) {
+      if (coercer !== void 0 && this._props[name] !== void 0 && !this._bound[name]()) {
         this._props[name](coercer(next));
       }
     }
+    // A DOM move (`moveBefore`) keeps the host set up
+    connectedMoveCallback() {
+    }
+    // Teardown waits a microtask, so a host removed and re-inserted
+    // in the same tick (`insertBefore` without `moveBefore`) keeps
+    // its setup.
     disconnectedCallback() {
-      const fns = this._cleanups;
-      this._cleanups = [];
-      runAll(fns);
+      queueMicrotask(() => {
+        if (this.isConnected || !this._live) return;
+        this._live = false;
+        const fns = this._cleanups;
+        this._cleanups = [];
+        runAll(fns);
+      });
     }
   }
+  for (const name of Object.keys(propDefs)) {
+    Object.defineProperty(MicrotagElement.prototype, name, {
+      get() {
+        return this._props[name]();
+      },
+      set(v) {
+        if (typeof v === "function") {
+          this._bound[name](v);
+        } else {
+          this._bound[name](void 0);
+          this._props[name](v);
+        }
+      },
+      configurable: true
+    });
+  }
   return MicrotagElement;
 }
 __name(factory, "factory");
+var bindProp = /* @__PURE__ */ __name((host, name, source) => {
+  host[name] = source;
+}, "bindProp");
 
 // src/builders.ts
 var propDSL = {
@@ -325,12 +376,15 @@ var refsDSL = {
 };
 var contextDSL = {};
 var ComponentBuilder = class _ComponentBuilder {
-  constructor(tagName, coercers = {}, observed = [], refDefs = {}, ctxDefs = {}) {
+  constructor(tagName, coercers = {}, observed = [], refDefs = {}, ctxDefs = {}, propNames = [], propMetas = {}, renderFn) {
     this.tagName = tagName;
     this._coercers = coercers;
     this._observed = observed;
+    this._propNames = propNames;
+    this._propMetas = propMetas;
     this._refDefs = refDefs;
     this._ctxDefs = ctxDefs;
+    this._renderFn = renderFn;
   }
   tagName;
   static {
@@ -338,8 +392,11 @@ var ComponentBuilder = class _ComponentBuilder {
   }
   _coercers;
   _observed;
+  _propNames;
+  _propMetas;
   _refDefs;
   _ctxDefs;
+  _renderFn;
   /**
    * The custom element tag name, e.g. 'my-counter'. Available at every
    * point in the fluent chain since each builder method returns a new
@@ -352,8 +409,17 @@ var ComponentBuilder = class _ComponentBuilder {
     const defs = fn(propDSL);
     const coercers = {};
     const observed = [];
+    const propNames = [];
+    const propMetas = {};
     for (const [name, def] of Object.entries(defs)) {
-      coercers[name] = normalizePropDef(name, def);
+      const coercer = normalizePropDef(
+        name,
+        def
+      );
+      coercers[name] = coercer;
+      propNames.push(name);
+      const kind = isPropOnly(def) ? "prop-only" : isStandardSchema(def) ? "schema" : coercer === coerceBoolean ? "boolean" : coercer === coerceJson ? "json" : "coercer";
+      propMetas[name] = { kind, coercer };
       if (!isPropOnly(def)) {
         observed.push(name);
       }
@@ -363,7 +429,9 @@ var ComponentBuilder = class _ComponentBuilder {
       coercers,
       observed,
       this._refDefs,
-      this._ctxDefs
+      this._ctxDefs,
+      propNames,
+      propMetas
     );
   }
   withRefs(fn) {
@@ -373,7 +441,10 @@ var ComponentBuilder = class _ComponentBuilder {
       this._coercers,
       this._observed,
       defs,
-      this._ctxDefs
+      this._ctxDefs,
+      this._propNames,
+      this._propMetas,
+      this._renderFn
     );
   }
   withContexts(fn) {
@@ -383,7 +454,22 @@ var ComponentBuilder = class _ComponentBuilder {
       this._coercers,
       this._observed,
       this._refDefs,
-      defs
+      defs,
+      this._propNames,
+      this._propMetas,
+      this._renderFn
+    );
+  }
+  render(fn, _options) {
+    return new _ComponentBuilder(
+      this.tagName,
+      this._coercers,
+      this._observed,
+      this._refDefs,
+      this._ctxDefs,
+      this._propNames,
+      this._propMetas,
+      fn
     );
   }
   setup(fn) {
@@ -406,6 +492,34 @@ var ComponentBuilder = class _ComponentBuilder {
       value: Object.freeze(refNames),
       enumerable: true
     });
+    Object.defineProperty(El, "props", {
+      value: Object.freeze([...this._propNames]),
+      enumerable: true
+    });
+    if (this._renderFn) {
+      const rec = {
+        t: this.tagName,
+        m: this._propMetas,
+        r: Object.freeze({ ...refNames }),
+        f: this._renderFn
+      };
+      const link = /* @__PURE__ */ __name((k) => (p, o) => {
+        const f = globalThis[/* @__PURE__ */ Symbol.for("microtags." + k)];
+        if (!f) {
+          throw new Error(
+            `microtags: ${k} needs "microtags/render-support"`
+          );
+        }
+        return f(rec, p, o);
+      }, "link");
+      Object.defineProperties(El, {
+        render: { value: link("render"), enumerable: true },
+        renderParts: {
+          value: link("renderParts"),
+          enumerable: true
+        }
+      });
+    }
     if (typeof customElements !== "undefined") {
       customElements.define(this.tagName, El);
     }