sibujs 4.7.0 → 4.8.0

package/dist/build.cjs

@@ -791,6 +791,11 @@ function devWarn(message) {
 function stripControlChars(value) {
   return value.replace(/[\x00-\x20\x7f-\x9f]+/g, "");
 }
+var ASCII_UPPER = /[A-Z]/;
+var ASCII_UPPER_G = /[A-Z]/g;
+function canonicalAttrName(name) {
+  return ASCII_UPPER.test(name) ? name.replace(ASCII_UPPER_G, (ch) => String.fromCharCode(ch.charCodeAt(0) + 32)) : name;
+}
 function isEventHandlerAttr(name) {
   if (name.length < 3) return false;
   const lower = name.toLowerCase();
@@ -802,6 +807,9 @@ function sanitizeUrl(url) {
   const probe = stripControlChars(url).trim();
   if (!probe) return "";
   const output2 = url.replace(OUTER_TRIM, "");
+  if (probe.length >= 2 && (probe[0] === "\\" || probe[0] === "/") && (probe[1] === "\\" || probe[1] === "/") && (probe[0] === "\\" || probe[1] === "\\")) {
+    return "";
+  }
   const lower = probe.toLowerCase();
   let schemeEnd = -1;
   for (let i2 = 0; i2 < lower.length; i2++) {
@@ -818,19 +826,58 @@ function sanitizeUrl(url) {
   if (SAFE_URL_PROTOCOLS.indexOf(scheme) === -1) return "";
   return output2;
 }
-var SRCSET_DESCRIPTOR = /^\s+\d+(\.\d+)?[wx]$/;
+var SRCSET_DESCRIPTOR = /^\d+(\.\d+)?[wx]$/;
+function isSrcsetWhitespace(ch) {
+  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f";
+}
 function sanitizeSrcset(value) {
-  const parts = value.split(",");
+  const input2 = String(value);
   const out = [];
-  for (let i2 = 0; i2 < parts.length; i2++) {
-    const part = parts[i2].trim();
-    if (!part) continue;
-    const m = part.match(/^(\S+)(\s+.+)?$/);
-    if (!m) continue;
-    if (m[2] !== void 0 && !SRCSET_DESCRIPTOR.test(m[2])) continue;
-    const safe = sanitizeUrl(m[1]);
+  let i2 = 0;
+  const n = input2.length;
+  while (i2 < n) {
+    while (i2 < n && (isSrcsetWhitespace(input2[i2]) || input2[i2] === ",")) i2++;
+    if (i2 >= n) break;
+    const urlStart = i2;
+    while (i2 < n && !isSrcsetWhitespace(input2[i2])) i2++;
+    let url = input2.slice(urlStart, i2);
+    const descriptors = [];
+    if (url.endsWith(",")) {
+      url = url.replace(/,+$/, "");
+    } else {
+      let current = "";
+      let inParens = false;
+      while (i2 < n) {
+        const ch = input2[i2];
+        if (inParens) {
+          current += ch;
+          if (ch === ")") inParens = false;
+          i2++;
+          continue;
+        }
+        if (isSrcsetWhitespace(ch)) {
+          if (current) descriptors.push(current);
+          current = "";
+          i2++;
+          continue;
+        }
+        if (ch === ",") {
+          i2++;
+          break;
+        }
+        if (ch === "(") inParens = true;
+        current += ch;
+        i2++;
+      }
+      if (current) descriptors.push(current);
+    }
+    if (url === "") continue;
+    if (descriptors.length > 1) continue;
+    if (descriptors.length === 1 && !SRCSET_DESCRIPTOR.test(descriptors[0])) continue;
+    const safe = sanitizeUrl(url);
     if (!safe) continue;
-    out.push(m[2] ? `${safe}${m[2]}` : safe);
+    if (safe.startsWith(",") || safe.endsWith(",")) continue;
+    out.push(descriptors.length === 1 ? `${safe} ${descriptors[0]}` : safe);
   }
   return out.join(", ");
 }
@@ -889,8 +936,16 @@ var BLOCKED_CSS_NEEDLES = [
   "behavior:",
   "@import",
   "image-set(",
-  "filter:progid"
+  "filter:progid",
+  // CSS Images 4 `image("…")` and CSS Values 5 `src("…")` take a URL as a
+  // plain STRING, so they fetch without ever spelling `url(`. Support is thin
+  // today, which is exactly when a blocklist should get ahead of it.
+  "image(",
+  "src("
 ];
+var CSS_REASON_MOZ_BINDING = 4;
+var CSS_REASON_BEHAVIOR = 5;
+var CSS_REASON_PROGID = 8;
 function describeElement(el) {
   if (!el) return "an element";
   let out = el.tagName.toLowerCase();
@@ -914,7 +969,9 @@ function warnDroppedDeclaration(value, reason, ctx) {
       "behavior: loads and runs a remote HTC script",
       "@import pulls in a remote stylesheet",
       "image-set() fetches remote images, the same exfiltration channel as url()",
-      "filter:progid activates legacy scriptable filters"
+      "filter:progid activates legacy scriptable filters",
+      "image() fetches its string argument as a URL, the same exfiltration channel as url()",
+      "src() fetches its string argument as a URL, the same exfiltration channel as url()"
     ];
     const declaration = ctx?.property ? `${ctx.property}: ${value}` : value;
     const where = describeElement(ctx?.element);
@@ -929,27 +986,110 @@ function warnDroppedDeclaration(value, reason, ctx) {
     return `style declaration "${declaration}" was dropped by the style sanitizer on ${where} \u2014 ${reasons[reason]}. The element renders without it, which usually looks like a missing image rather than an error. Sanctioned alternatives: for a content image use an <img> element (or a <picture>); for decoration, put the rule in a stylesheet and set a class instead \u2014 stylesheet CSS is not sanitized, only inline style attributes are. If this declaration is not yours, it came from untrusted data and the drop just prevented an exfiltration.`;
   });
 }
+function normalizeCssForScan(value) {
+  const normalized = value.includes("\\") ? decodeCssEscapes(value) : value;
+  return normalized.toLowerCase().replace(/\s+/g, "");
+}
 function blockedCssReason(value) {
   if (!CSS_DANGER_GATE.test(value)) return -1;
-  const normalized = value.includes("\\") ? decodeCssEscapes(value) : value;
-  const lower = normalized.toLowerCase().replace(/\s+/g, "");
+  const lower = normalizeCssForScan(value);
   for (let i2 = 0; i2 < BLOCKED_CSS_NEEDLES.length; i2++) {
     if (lower.includes(BLOCKED_CSS_NEEDLES[i2])) return i2;
   }
   return -1;
 }
-function sanitizeCSSValue(value, context2) {
-  const reason = blockedCssReason(value);
+function sanitizeCSSDeclaration(property, value, context2) {
+  const reason = blockedDeclarationReason(property, value);
   if (reason === -1) return value;
-  warnDroppedDeclaration(value, reason, context2);
+  warnDroppedDeclaration(value, reason, { property, element: context2?.element });
   return "";
 }
+function blockedDeclarationReason(property, value) {
+  const reason = blockedCssReason(value);
+  if (reason !== -1) return reason;
+  const name = canonicalAttrName(property);
+  if (name === "behavior") return CSS_REASON_BEHAVIOR;
+  if (name === "-moz-binding") return CSS_REASON_MOZ_BINDING;
+  if ((name === "filter" || name === "-ms-filter") && normalizeCssForScan(value).includes("progid:")) {
+    return CSS_REASON_PROGID;
+  }
+  return -1;
+}
+function parseStyleDeclarations(css) {
+  const chunks = [];
+  let buf = "";
+  let depth = 0;
+  let quote2 = "";
+  for (let i2 = 0; i2 < css.length; i2++) {
+    const ch = css[i2];
+    if (quote2) {
+      buf += ch;
+      if (ch === "\\" && i2 + 1 < css.length) buf += css[++i2];
+      else if (ch === quote2) quote2 = "";
+      continue;
+    }
+    if (ch === "\\") {
+      buf += ch;
+      if (i2 + 1 < css.length) buf += css[++i2];
+      continue;
+    }
+    if (ch === "/" && css[i2 + 1] === "*") {
+      const end = css.indexOf("*/", i2 + 2);
+      if (end === -1) return null;
+      i2 = end + 1;
+      continue;
+    }
+    if (ch === '"' || ch === "'") quote2 = ch;
+    else if (ch === "(" || ch === "[") depth++;
+    else if (ch === ")" || ch === "]") {
+      if (--depth < 0) return null;
+    } else if (ch === "{" || ch === "}") return null;
+    else if (ch === ";" && depth === 0) {
+      chunks.push(buf);
+      buf = "";
+      continue;
+    }
+    buf += ch;
+  }
+  if (quote2 || depth !== 0) return null;
+  chunks.push(buf);
+  const out = [];
+  for (const chunk of chunks) {
+    const colon = chunk.indexOf(":");
+    if (colon === -1) continue;
+    const rawName = chunk.slice(0, colon).trim();
+    if (!/^(--[\w-]+|-?[a-zA-Z_][\w-]*)$/.test(rawName)) continue;
+    let value = chunk.slice(colon + 1).trim();
+    const bang = /!\s*important\s*$/i.exec(value);
+    if (bang) value = value.slice(0, bang.index).trim();
+    if (value === "") continue;
+    const property = rawName.startsWith("--") ? rawName : canonicalAttrName(rawName);
+    out.push([property, value, bang !== null]);
+  }
+  return out;
+}
+function sanitizeStyleDeclarationList(cssText, context2) {
+  const input2 = String(cssText);
+  const declarations = parseStyleDeclarations(input2);
+  if (declarations === null) {
+    if (blockedCssReason(input2) !== -1) warnDroppedDeclaration(input2, blockedCssReason(input2), context2);
+    return "";
+  }
+  const kept = [];
+  for (const [property, value, important] of declarations) {
+    const reason = blockedDeclarationReason(property, value);
+    if (reason !== -1) {
+      warnDroppedDeclaration(value, reason, { property, element: context2?.element });
+      continue;
+    }
+    kept.push(`${property}: ${value}${important ? " !important" : ""}`);
+  }
+  return kept.join("; ");
+}
 function sanitizeStyleAttribute(cssText, context2) {
   const input2 = String(cssText);
   if (input2.trim() === "") return "";
-  if (typeof document === "undefined") {
-    return sanitizeCSSValue(input2, context2) === "" ? "" : input2;
-  }
+  if (typeof document === "undefined") return sanitizeStyleDeclarationList(input2, context2);
   const probe = document.createElement("div");
   try {
     probe.style.cssText = input2;
@@ -960,8 +1100,7 @@ function sanitizeStyleAttribute(cssText, context2) {
   for (let i2 = 0; i2 < probe.style.length; i2++) {
     const property = probe.style[i2];
     const value = probe.style.getPropertyValue(property);
-    let reason = blockedCssReason(value);
-    if (reason === -1) reason = blockedCssReason(`${property}:${value}`);
+    const reason = blockedDeclarationReason(property, value);
     if (reason !== -1) {
       warnDroppedDeclaration(value, reason, { property, element: context2?.element });
       continue;
@@ -996,6 +1135,10 @@ function isHtmlContentAttribute(name) {
 function isUrlAttribute(attr) {
   return URL_ATTRIBUTES.has(attr.toLowerCase());
 }
+function isPolicyAttribute(name) {
+  const lower = name.toLowerCase();
+  return lower === "style" || URL_ATTRIBUTES.has(lower);
+}
 function sanitizeAttributeString(attr, value, context2) {
   const lower = attr.toLowerCase();
   if (lower === "srcset") return sanitizeSrcset(value);
@@ -1003,6 +1146,11 @@ function sanitizeAttributeString(attr, value, context2) {
   if (lower === "style") return sanitizeStyleAttribute(value, context2);
   return value;
 }
+function resolveAttributeValue(attr, value, context2) {
+  if (!isPolicyAttribute(attr)) return value;
+  const safe = sanitizeAttributeString(attr, value, context2);
+  return safe === "" ? null : safe;
+}
 
 // src/build/staticAnalysis.ts
 var STATIC_TAGS = /* @__PURE__ */ new Set([
@@ -1456,6 +1604,11 @@ function generateBody(roots, h) {
   const q2 = jsStringLiteral;
   const P = h.prefix;
   function genElement(el) {
+    const tag = el.tag.toLowerCase();
+    if (tag === "meta" || tag === "link") return null;
+    for (const attr of el.attrs) {
+      if ((attr.t === 0 || attr.t === 4) && attr.name.toLowerCase() === "srcdoc") return null;
+    }
     const v = `e${n++}`;
     h.tags.add(el.tag);
     if (el.svg) h.svg = true;
@@ -1547,6 +1700,9 @@ function helperSource(h) {
     out.push(
       `function ${P}on(el, name, handler) {
   if (typeof handler === "function") el.addEventListener(name, handler);
+  else if (typeof __SIBU_DEV__ !== "undefined" && __SIBU_DEV__) {
+    console.warn(\`[SibuJS] html: on:\${name} handler is not a function (got \${typeof handler}). Event listener was not attached.\`);
+  }
 }`
     );
   }
@@ -1554,7 +1710,10 @@ function helperSource(h) {
     out.push(
       `function ${P}child(el, value) {
   if (typeof value === "function") {
-    el.appendChild(${P}Fragment([value]));
+    const frag = ${P}Fragment([value]);
+    const ph = frag.firstChild;
+    el.appendChild(frag);
+    ${P}registerDisposer(el, () => ${P}dispose(ph));
   } else if (value instanceof Node) {
     el.appendChild(value);
   } else if (Array.isArray(value)) {
@@ -1574,13 +1733,22 @@ function helperSource(h) {
 function importSource(h) {
   const P = h.prefix;
   const core = [];
-  if (h.used.has("child")) core.push(`Fragment as ${P}Fragment`);
-  if (h.used.has("attr")) core.push(`registerDisposer as ${P}registerDisposer`);
+  if (h.used.has("child")) core.push(`Fragment as ${P}Fragment`, `dispose as ${P}dispose`);
+  if (h.used.has("attr") || h.used.has("child")) core.push(`registerDisposer as ${P}registerDisposer`);
+  if (h.used.has("run")) core.push(`__renderParsedTemplate as ${P}run`);
   const lines = [];
   if (core.length > 0) lines.push(`import { ${core.join(", ")} } from "sibujs";`);
   if (h.used.has("attr")) lines.push(`import { bindAttrs as ${P}bindAttrs } from "sibujs/ui";`);
   return lines.join("\n");
 }
+function collectTags(children, h) {
+  for (const child of children) {
+    if (child.t !== 0) continue;
+    h.tags.add(child.el.tag);
+    if (child.el.svg) h.svg = true;
+    collectTags(child.el.children, h);
+  }
+}
 function planHtmlTemplates(code2) {
   const plan = {
     edits: [],
@@ -1608,24 +1776,44 @@ function planHtmlTemplates(code2) {
     const strings = [];
     for (const qs of tmpl.quasis) {
       const cooked = cookEscapes(code2.slice(qs.start, qs.end));
-      if (cooked === null) return null;
+      if (cooked === null) {
+        if (tmpl.quasis.length === 1) return null;
+        strings.push("undefined");
+        continue;
+      }
       strings.push(cooked);
     }
+    const name = `${h.prefix}t${functions.length}`;
+    const params = tmpl.exprs.map((_, i2) => `v${i2}`).join(", ");
     let roots;
     try {
       roots = parseTemplate(strings);
     } catch (err) {
-      if (err instanceof RuntimeParseError) return null;
+      if (err instanceof RuntimeParseError) {
+        const message = `html: dynamic \${...} expressions are not allowed inside <${err.message}> (raw-text context). Build the content separately and append it as a Node.`;
+        functions.push(`function ${name}(${params}) {
+  throw new Error(${jsStringLiteral(message)});
+}`);
+        return name;
+      }
       throw err;
     }
     const scratch = { prefix: h.prefix, used: /* @__PURE__ */ new Set(), tags: /* @__PURE__ */ new Set(), svg: false };
     const body2 = generateBody(roots, scratch);
-    if (body2 === null) return null;
+    if (body2 === null) {
+      const tree = JSON.stringify(roots).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+      h.used.add("run");
+      collectTags(roots, h);
+      functions.push(
+        `function ${name}(${params}) {
+  return ${h.prefix}run(${name}.tree || (${name}.tree = ${tree}), [${params}]);
+}`
+      );
+      return name;
+    }
     for (const u2 of scratch.used) h.used.add(u2);
     for (const t of scratch.tags) h.tags.add(t);
     if (scratch.svg) h.svg = true;
-    const name = `${h.prefix}t${functions.length}`;
-    const params = tmpl.exprs.map((_, i2) => `v${i2}`).join(", ");
     functions.push(`function ${name}(${params}) {
   ${body2}
 }`);
@@ -1903,6 +2091,11 @@ function sibuWebpackPlugin(options = {}) {
   return {
     name: "SibuWebpackPlugin",
     apply(compiler) {
+      if (options.pureAnnotations === true) {
+        console.warn(
+          '[SibuWebpackPlugin] `pureAnnotations` is not applied by the plugin: webpack needs a loader file. Create sibu-pure-loader.cjs containing `module.exports = require("sibujs/build").createPureAnnotationsLoader();` and add a module rule `{ test: /\\.[cm]?[jt]sx?$/, exclude: /node_modules/, use: "./sibu-pure-loader.cjs" }`.'
+        );
+      }
       compiler.hooks?.compilation?.tap("SibuWebpackPlugin", (compilation) => {
         const comp = compilation;
         if (comp.hooks?.optimizeModules) {
@@ -2079,8 +2272,9 @@ __export(index_exports, {
   Loading: () => Loading,
   MAX_DRAIN_TEARDOWNS: () => MAX_DRAIN_TEARDOWNS,
   Portal: () => Portal,
-  SVG_NS: () => SVG_NS3,
+  SVG_NS: () => SVG_NS4,
   Suspense: () => Suspense,
+  __renderParsedTemplate: () => __renderParsedTemplate,
   __resetIdCounter: () => __resetIdCounter,
   a: () => a,
   abbr: () => abbr,
@@ -2552,26 +2746,227 @@ function checkLeaks(warnThreshold = 0) {
   return activeBindingCount;
 }
 
-// src/utils/setSafeAttribute.ts
+// src/utils/metaRefresh.ts
+function isAsciiWhitespace(ch) {
+  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f";
+}
+function trimAsciiWhitespace(value) {
+  let start = 0;
+  let end = value.length;
+  while (start < end && isAsciiWhitespace(value[start])) start++;
+  while (end > start && isAsciiWhitespace(value[end - 1])) end--;
+  return value.slice(start, end);
+}
+var forbidden = (reason) => ({ kind: "forbidden", reason });
+function parseMetaRefreshContent(content) {
+  const raw = trimAsciiWhitespace(stripControlChars(content));
+  if (raw === "") return forbidden(DEV ? "empty content" : "");
+  let i2 = 0;
+  while (i2 < raw.length && raw[i2] >= "0" && raw[i2] <= "9") i2++;
+  if (i2 === 0) return forbidden(DEV ? "missing or non-numeric delay" : "");
+  const delay = Number.parseInt(raw.slice(0, i2), 10);
+  if (!Number.isFinite(delay)) return forbidden(DEV ? "unparseable delay" : "");
+  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
+  if (i2 === raw.length) return { kind: "delay-only", delay };
+  if (raw[i2] !== ";" && raw[i2] !== ",") return forbidden(DEV ? "unexpected text after delay" : "");
+  i2++;
+  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
+  const keyStart = i2;
+  while (i2 < raw.length && !isAsciiWhitespace(raw[i2]) && raw[i2] !== "=") i2++;
+  const key = raw.slice(keyStart, i2).toLowerCase();
+  if (key !== "url") return forbidden(DEV ? `unsupported refresh key ${JSON.stringify(key)}` : "");
+  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
+  if (raw[i2] !== "=") return forbidden(DEV ? "missing '=' after url" : "");
+  i2++;
+  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
+  let destination;
+  const quote2 = raw[i2];
+  if (quote2 === '"' || quote2 === "'") {
+    const close = raw.indexOf(quote2, i2 + 1);
+    if (close === -1) return forbidden(DEV ? "unterminated quoted destination" : "");
+    destination = raw.slice(i2 + 1, close);
+    const rest = trimAsciiWhitespace(raw.slice(close + 1));
+    if (rest !== "") return forbidden(DEV ? "trailing text after quoted destination" : "");
+  } else {
+    destination = trimAsciiWhitespace(raw.slice(i2));
+    if (/[;,]/.test(destination)) return forbidden(DEV ? "multiple refresh assignments" : "");
+  }
+  if (destination === "") return forbidden(DEV ? "empty destination" : "");
+  const sanitizedDestination = sanitizeUrl(destination);
+  if (sanitizedDestination === "") return forbidden(DEV ? "destination uses a disallowed protocol" : "");
+  return { kind: "allowed", delay, destination, sanitizedDestination };
+}
+function resolveMetaRefreshPolicy(attributes) {
+  let httpEquiv;
+  let content;
+  let duplicateName;
+  const seen = /* @__PURE__ */ new Set();
+  for (const [key, value] of attributes) {
+    const canonical = canonicalAttrName(key);
+    if (seen.has(canonical)) duplicateName = canonical;
+    seen.add(canonical);
+    if (canonical === "http-equiv") httpEquiv = value;
+    else if (canonical === "content") content = value;
+  }
+  if (duplicateName !== void 0) {
+    return forbidden(DEV ? `duplicate case-insensitive attribute ${JSON.stringify(duplicateName)}` : "");
+  }
+  if (typeof httpEquiv !== "string") return { kind: "not-refresh" };
+  if (trimAsciiWhitespace(stripControlChars(httpEquiv)).toLowerCase() !== "refresh") {
+    return { kind: "not-refresh" };
+  }
+  if (typeof content !== "string") return { kind: "not-refresh" };
+  return parseMetaRefreshContent(content);
+}
+
+// src/utils/elementPolicy.ts
 var HTML_NS = "http://www.w3.org/1999/xhtml";
 var SVG_NS2 = "http://www.w3.org/2000/svg";
+var BLOCKED_ELEMENTS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
+function canonicalTagName(tag) {
+  return canonicalAttrName(tag);
+}
+function isBlockedElement(tag) {
+  return BLOCKED_ELEMENTS.has(canonicalTagName(tag));
+}
+var CODE_TEXT_ELEMENTS = /* @__PURE__ */ new Set(["script", "style"]);
+function isCodeTextElement(tag) {
+  return CODE_TEXT_ELEMENTS.has(canonicalTagName(tag));
+}
+var ContextualRefusal = {
+  None: 0,
+  /** The element would carry a refresh directive the shared policy forbids. */
+  MetaRefreshForbidden: 1,
+  /** A `<meta>` with a reactive binding may not carry any refresh directive. */
+  MetaRefreshReactive: 2,
+  /** A runtime value may not choose which program a `<script>` runs. */
+  ScriptSource: 3,
+  /** An SVG animation may not target a URL, handler or document attribute. */
+  AnimationTarget: 4,
+  /** A runtime-written `href` may not become an applied stylesheet. */
+  StylesheetSource: 5
+};
+var SCRIPT_SOURCE_ATTRIBUTES = /* @__PURE__ */ new Set(["src", "href", "xlink:href", "type", "language"]);
+var SVG_ANIMATION_ELEMENTS = /* @__PURE__ */ new Set(["animate", "set", "animateMotion", "animateTransform", "animateColor"]);
+var reactiveMetaElements = /* @__PURE__ */ new WeakSet();
+function isHtmlNamespace(el) {
+  return el.namespaceURI === HTML_NS || el.namespaceURI === null;
+}
+function metaSnapshot(el, canonical, value) {
+  const snapshot = /* @__PURE__ */ new Map();
+  const attrs = el.attributes;
+  for (let i2 = 0; i2 < attrs.length; i2++) {
+    const attr = attrs[i2];
+    if (attr.name === canonical) continue;
+    snapshot.set(attr.name, attr.value);
+  }
+  if (canonical !== null && value !== null) snapshot.set(canonical, value);
+  return snapshot;
+}
+function claimReactiveMeta(el) {
+  if (reactiveMetaElements.has(el)) return;
+  reactiveMetaElements.add(el);
+  if (el.getAttribute("content") === null) return;
+  if (resolveMetaRefreshPolicy(metaSnapshot(el, null, null)).kind !== "not-refresh") {
+    el.removeAttribute("content");
+  }
+}
+function metaRefusal(el, name, value, origin) {
+  if (!isHtmlNamespace(el)) return ContextualRefusal.None;
+  const canonical = canonicalAttrName(name);
+  if (canonical !== "http-equiv" && canonical !== "content") return ContextualRefusal.None;
+  if (origin === "reactive") claimReactiveMeta(el);
+  if (value === null) return ContextualRefusal.None;
+  if (canonical === "content" && !el.hasAttribute("http-equiv")) return ContextualRefusal.None;
+  const decision = resolveMetaRefreshPolicy(metaSnapshot(el, canonical, value));
+  if (decision.kind === "forbidden") return ContextualRefusal.MetaRefreshForbidden;
+  if (decision.kind !== "not-refresh" && reactiveMetaElements.has(el)) return ContextualRefusal.MetaRefreshReactive;
+  return ContextualRefusal.None;
+}
+function animationRefusal(name, value) {
+  if (value === null || canonicalAttrName(name) !== "attributename") return ContextualRefusal.None;
+  const target = stripControlChars(value);
+  return isUrlAttribute(target) || isEventHandlerAttr(target) || isHtmlContentAttribute(target) ? ContextualRefusal.AnimationTarget : ContextualRefusal.None;
+}
+var runtimeHrefLinks = /* @__PURE__ */ new WeakSet();
+function relHasStylesheet(rel) {
+  if (rel === null) return false;
+  const lower = canonicalAttrName(rel);
+  if (!lower.includes("stylesheet")) return false;
+  const tokens = lower.split(/[\t\n\f\r ]+/);
+  for (let i2 = 0; i2 < tokens.length; i2++) if (tokens[i2] === "stylesheet") return true;
+  return false;
+}
+function stylesheetRefusal(el, name, value, origin) {
+  if (!isHtmlNamespace(el)) return ContextualRefusal.None;
+  const canonical = canonicalAttrName(name);
+  if (canonical === "href") {
+    if (origin === "static" || value === null) return ContextualRefusal.None;
+    if (relHasStylesheet(el.getAttribute("rel"))) return ContextualRefusal.StylesheetSource;
+    runtimeHrefLinks.add(el);
+    return ContextualRefusal.None;
+  }
+  if (canonical === "rel") {
+    if (!relHasStylesheet(value)) return ContextualRefusal.None;
+    return runtimeHrefLinks.has(el) && el.hasAttribute("href") ? ContextualRefusal.StylesheetSource : ContextualRefusal.None;
+  }
+  return ContextualRefusal.None;
+}
+function contextualAttributeRefusal(el, name, value, origin) {
+  const local = el.localName;
+  if (local === "meta") return metaRefusal(el, name, value, origin);
+  if (local === "link") return stylesheetRefusal(el, name, value, origin);
+  if (local === "script") {
+    if (origin === "static" || value === null) return ContextualRefusal.None;
+    return SCRIPT_SOURCE_ATTRIBUTES.has(canonicalAttrName(name)) ? ContextualRefusal.ScriptSource : ContextualRefusal.None;
+  }
+  if (SVG_ANIMATION_ELEMENTS.has(local) && el.namespaceURI === SVG_NS2) return animationRefusal(name, value);
+  return ContextualRefusal.None;
+}
+function settleAttributeProvenance(el, name, origin) {
+  if (el.localName !== "link" || canonicalAttrName(name) !== "href") return;
+  if (origin !== "static" && el.hasAttribute("href")) runtimeHrefLinks.add(el);
+  else runtimeHrefLinks.delete(el);
+}
+
+// src/utils/setSafeAttribute.ts
+var HTML_NS2 = "http://www.w3.org/1999/xhtml";
+var SVG_NS3 = "http://www.w3.org/2000/svg";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 var XML_NS = "http://www.w3.org/XML/1998/namespace";
 var BOOLEAN_IDL_ATTRS = /* @__PURE__ */ new Set(["checked", "disabled", "selected"]);
 function isHtmlElement(el) {
-  return el.namespaceURI === null || el.namespaceURI === HTML_NS;
+  return el.namespaceURI === null || el.namespaceURI === HTML_NS2;
+}
+function warnContextualRefusal(label2, name, refusal) {
+  devWarnLazy(() => {
+    const reasons = [
+      "",
+      'the element would become a <meta http-equiv="refresh"> directive the shared refresh policy forbids (a destination outside the URL allowlist, or a directive too malformed to read unambiguously)',
+      "a <meta> whose http-equiv or content is reactive may never carry a refresh directive: a browser schedules the navigation as soon as the directive is valid, and nothing can withdraw it when the state changes back",
+      "a runtime value may not choose the program a <script> runs; name the script in static template source, or load it through Head({ script }) as an explicit trust decision",
+      "an SVG animation may not target a URL, event-handler or nested-document attribute; its to / values would be written into that attribute without passing the URL policy",
+      'a runtime-chosen href may not become an applied <link rel="stylesheet">: a well-formed URL is not a trusted stylesheet. Name the stylesheet in static template source, or load a runtime-chosen one through Head({ link }) as an explicit trust decision'
+    ];
+    return `${label2}: refusing "${name}" in this element's context \u2014 ${reasons[refusal]}. The write was not performed.`;
+  });
 }
 function setProp(el, key, val) {
   el[key] = val;
 }
 function namespaceFor(el, name) {
-  if (el.namespaceURI !== SVG_NS2) return null;
+  if (el.namespaceURI !== SVG_NS3) return null;
   const lower = name.toLowerCase();
   if (lower.startsWith("xlink:")) return XLINK_NS;
   if (lower.startsWith("xml:")) return XML_NS;
   return null;
 }
 function setSafeAttribute(el, name, value, options = {}) {
+  const written = commitSafeAttribute(el, name, value, options);
+  if (el.localName === "link") settleAttributeProvenance(el, name, options.reactive ? "reactive" : "runtime");
+  return written;
+}
+function commitSafeAttribute(el, name, value, options) {
   const ns = namespaceFor(el, name);
   const localName = ns ? name.slice(name.indexOf(":") + 1) : name;
   if (isEventHandlerAttr(name)) {
@@ -2584,6 +2979,14 @@ function setSafeAttribute(el, name, value, options = {}) {
     else el.removeAttribute(name);
     return false;
   }
+  const pending = value == null || value === false ? null : value === true ? "" : String(value);
+  const refusal = contextualAttributeRefusal(el, name, pending, options.reactive ? "reactive" : "runtime");
+  if (refusal !== ContextualRefusal.None) {
+    warnContextualRefusal(options.label ?? "setSafeAttribute", name, refusal);
+    if (ns) el.removeAttributeNS(ns, localName);
+    else el.removeAttribute(name);
+    return false;
+  }
   if (value == null) {
     if (ns) el.removeAttributeNS(ns, localName);
     else el.removeAttribute(name);
@@ -2627,13 +3030,32 @@ function setSafeAttribute(el, name, value, options = {}) {
     setProp(el, idlName, idlName === "checked" ? Boolean(value) : str);
     return true;
   }
-  const safe = sanitizeAttributeString(name, str, { element: el });
+  const safe = str === "" ? "" : resolveAttributeValue(name, str, { element: el });
+  if (safe === null) {
+    if (ns) el.removeAttributeNS(ns, localName);
+    else el.removeAttribute(name);
+    return true;
+  }
   const current = ns ? el.getAttributeNS(ns, localName) : el.getAttribute(name);
   if (current === safe) return true;
   if (ns) el.setAttributeNS(ns, name, safe);
   else el.setAttribute(name, safe);
   return true;
 }
+function setTrustedAttribute(el, name, value) {
+  if (isHtmlContentAttribute(name)) {
+    if (DEV) devWarn(`html: refusing static attribute "${name}" \u2014 the browser parses it as a nested document.`);
+    return false;
+  }
+  const refusal = contextualAttributeRefusal(el, name, value, "static");
+  if (refusal !== ContextualRefusal.None) {
+    warnContextualRefusal("html (static attribute)", name, refusal);
+    return false;
+  }
+  el.setAttribute(name, value);
+  if (el.localName === "link") settleAttributeProvenance(el, name, "static");
+  return true;
+}
 
 // src/reactivity/track-core.ts
 var POOL_MAX = 4096;
@@ -3126,7 +3548,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.7.0" : "dev";
+var _runtimeVersion = true ? "4.8.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -3197,7 +3619,7 @@ function bindAttribute(el, attr, getter) {
       reportError(err, { phase: "binding", name: `bindAttribute("${attr}")`, node: el });
       return;
     }
-    setSafeAttribute(el, attr, value, { label: `bindAttribute("${attr}")` });
+    setSafeAttribute(el, attr, value, { label: `bindAttribute("${attr}")`, reactive: true });
   }
   return reactiveBinding2(commit, el);
 }
@@ -3222,7 +3644,7 @@ function bindDynamic(el, nameGetter, valueGetter) {
       el.removeAttribute(prevName);
       prevName = null;
     }
-    if (!setSafeAttribute(el, name, value, { label: "bindDynamic" })) return;
+    if (!setSafeAttribute(el, name, value, { label: "bindDynamic", reactive: true })) return;
     prevName = name;
   }
   const teardown = reactiveBinding2(commit, el);
@@ -3403,11 +3825,7 @@ function bindChildNode(placeholder, getter) {
 }
 
 // src/core/rendering/tagFactory.ts
-var SVG_NS3 = "http://www.w3.org/2000/svg";
-var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
-function isBlockedTag(tag) {
-  return BLOCKED_TAGS.has(tag.toLowerCase());
-}
+var SVG_NS4 = "http://www.w3.org/2000/svg";
 var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
   "config",
   "location",
@@ -3452,11 +3870,12 @@ function applyStyle(el, style2) {
       }
       const next = [];
       for (const prop in value) {
+        if (!Object.hasOwn(value, prop)) continue;
         const val = value[prop];
         if (val == null) continue;
         const name = toKebab(prop);
         next.push(name);
-        decl.setProperty(name, sanitizeCSSValue(String(val), { property: name, element: el }));
+        decl.setProperty(name, sanitizeCSSDeclaration(name, String(val), { element: el }));
       }
       for (let i2 = 0; i2 < written.length; i2++) {
         if (next.indexOf(written[i2]) === -1) decl.removeProperty(written[i2]);
@@ -3472,16 +3891,17 @@ function applyStyle(el, style2) {
   }
   const htmlEl = el;
   for (const prop in style2) {
+    if (!Object.hasOwn(style2, prop)) continue;
     const val = style2[prop];
     const name = toKebab(prop);
     if (typeof val === "function") {
       const getter = val;
       const teardown = reactiveBinding2(() => {
-        htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter()), { property: name, element: el }));
+        htmlEl.style.setProperty(name, sanitizeCSSDeclaration(name, String(getter()), { element: el }));
       }, el);
       registerDisposer(el, teardown);
     } else {
-      htmlEl.style.setProperty(name, sanitizeCSSValue(String(val), { property: name, element: el }));
+      htmlEl.style.setProperty(name, sanitizeCSSDeclaration(name, String(val), { element: el }));
     }
   }
 }
@@ -3503,6 +3923,7 @@ function applyClass(el, cls) {
   let hasReactive = false;
   let result = "";
   for (const name in obj) {
+    if (!Object.hasOwn(obj, name)) continue;
     const val = obj[name];
     if (typeof val === "function") {
       hasReactive = true;
@@ -3514,6 +3935,7 @@ function applyClass(el, cls) {
     const update = () => {
       let r = "";
       for (const name in obj) {
+        if (!Object.hasOwn(obj, name)) continue;
         const val = obj[name];
         const active = typeof val === "function" ? val() : val;
         if (active) r = r ? `${r} ${name}` : name;
@@ -3577,7 +3999,7 @@ function appendChildren(el, nodes) {
   }
 }
 function tagFactory(tag, ns) {
-  const blocked = isBlockedTag(tag);
+  const blocked = isBlockedElement(tag);
   return (first, second) => {
     if (blocked) {
       throw new Error(`tagFactory: refusing to create <${tag}> \u2014 tag is blocked for security reasons.`);
@@ -3640,6 +4062,7 @@ function tagFactory(tag, ns) {
     const pOn = props.on;
     if (pOn) {
       for (const ev in pOn) {
+        if (!Object.hasOwn(pOn, ev)) continue;
         const handler = pOn[ev];
         if (typeof handler === "function") {
           el.addEventListener(ev, handler);
@@ -3666,6 +4089,7 @@ function tagFactory(tag, ns) {
           continue;
         // already handled above / below
         default: {
+          if (!Object.hasOwn(props, key)) continue;
           const value = props[key];
           if (value == null) continue;
           if (isEventHandlerAttr(key)) continue;
@@ -3755,7 +4179,7 @@ var param = tagFactory("param");
 var picture = tagFactory("picture");
 var portal = tagFactory("portal");
 var source = tagFactory("source");
-var svg = tagFactory("svg", SVG_NS3);
+var svg = tagFactory("svg", SVG_NS4);
 var math = tagFactory("math");
 var canvas = tagFactory("canvas");
 var noscript = tagFactory("noscript");
@@ -3796,26 +4220,26 @@ var base = tagFactory("base");
 var link = tagFactory("link");
 var meta = tagFactory("meta");
 var style = tagFactory("style");
-var circle = tagFactory("circle", SVG_NS3);
-var ellipse = tagFactory("ellipse", SVG_NS3);
-var g = tagFactory("g", SVG_NS3);
-var line = tagFactory("line", SVG_NS3);
-var path = tagFactory("path", SVG_NS3);
-var polygon = tagFactory("polygon", SVG_NS3);
-var polyline = tagFactory("polyline", SVG_NS3);
-var rect = tagFactory("rect", SVG_NS3);
-var text = tagFactory("text", SVG_NS3);
-var tspan = tagFactory("tspan", SVG_NS3);
-var defs = tagFactory("defs", SVG_NS3);
-var clipPath = tagFactory("clipPath", SVG_NS3);
-var mask = tagFactory("mask", SVG_NS3);
-var pattern = tagFactory("pattern", SVG_NS3);
-var linearGradient = tagFactory("linearGradient", SVG_NS3);
-var radialGradient = tagFactory("radialGradient", SVG_NS3);
-var stop = tagFactory("stop", SVG_NS3);
-var use = tagFactory("use", SVG_NS3);
-var symbol = tagFactory("symbol", SVG_NS3);
-var marker = tagFactory("marker", SVG_NS3);
+var circle = tagFactory("circle", SVG_NS4);
+var ellipse = tagFactory("ellipse", SVG_NS4);
+var g = tagFactory("g", SVG_NS4);
+var line = tagFactory("line", SVG_NS4);
+var path = tagFactory("path", SVG_NS4);
+var polygon = tagFactory("polygon", SVG_NS4);
+var polyline = tagFactory("polyline", SVG_NS4);
+var rect = tagFactory("rect", SVG_NS4);
+var text = tagFactory("text", SVG_NS4);
+var tspan = tagFactory("tspan", SVG_NS4);
+var defs = tagFactory("defs", SVG_NS4);
+var clipPath = tagFactory("clipPath", SVG_NS4);
+var mask = tagFactory("mask", SVG_NS4);
+var pattern = tagFactory("pattern", SVG_NS4);
+var linearGradient = tagFactory("linearGradient", SVG_NS4);
+var radialGradient = tagFactory("radialGradient", SVG_NS4);
+var stop = tagFactory("stop", SVG_NS4);
+var use = tagFactory("use", SVG_NS4);
+var symbol = tagFactory("symbol", SVG_NS4);
+var marker = tagFactory("marker", SVG_NS4);
 var center = tagFactory("center");
 var font = tagFactory("font");
 var marquee = tagFactory("marquee");
@@ -5629,6 +6053,10 @@ function attachBranch(parent, anchor, branch, attachedOnce, where) {
   parent.insertBefore(node, anchor.nextSibling);
   return { node, owned };
 }
+function releaseBranchNode(node, owned) {
+  if (owned) dispose(node);
+  node.parentNode?.removeChild(node);
+}
 function when(condition, thenBranch, elseBranch) {
   const anchor = document.createComment("when");
   let currentNode = null;
@@ -5646,8 +6074,7 @@ function when(condition, thenBranch, elseBranch) {
     lastCondition = show2;
     const focused = currentNode ? captureFocusWithin([currentNode]) : null;
     if (currentNode?.parentNode) {
-      if (currentNodeOwned) dispose(currentNode);
-      currentNode.parentNode.removeChild(currentNode);
+      releaseBranchNode(currentNode, currentNodeOwned);
       currentNode = null;
     }
     const branch = show2 ? thenBranch : elseBranch !== void 0 ? elseBranch : null;
@@ -5661,6 +6088,8 @@ function when(condition, thenBranch, elseBranch) {
   registerDisposer(anchor, () => {
     disposed = true;
     stopBinding();
+    if (currentNode) releaseBranchNode(currentNode, currentNodeOwned);
+    currentNode = null;
   });
   if (!initialized) {
     queueMicrotask(() => {
@@ -5686,8 +6115,7 @@ function match(value, cases, fallback) {
     lastKey = key;
     const focused = currentNode ? captureFocusWithin([currentNode]) : null;
     if (currentNode?.parentNode) {
-      if (currentNodeOwned) dispose(currentNode);
-      currentNode.parentNode.removeChild(currentNode);
+      releaseBranchNode(currentNode, currentNodeOwned);
       currentNode = null;
     }
     const branch = Object.hasOwn(cases, key) ? cases[key] : fallback;
@@ -5701,6 +6129,8 @@ function match(value, cases, fallback) {
   registerDisposer(anchor, () => {
     disposed = true;
     stopBinding();
+    if (currentNode) releaseBranchNode(currentNode, currentNodeOwned);
+    currentNode = null;
   });
   if (!initialized) {
     queueMicrotask(() => {
@@ -6043,7 +6473,6 @@ function appendChild(frag, child) {
 }
 
 // src/core/rendering/htm.ts
-var RAW_TEXT_TAGS2 = /* @__PURE__ */ new Set(["script", "style"]);
 var VOID_ELEMENTS3 = /* @__PURE__ */ new Set([
   "area",
   "base",
@@ -6266,7 +6695,7 @@ function parseTemplate2(strings) {
           children.push({ t: 0, el: { tag, svg: SVG_TAGS2.has(tag), attrs, children: [] } });
         } else {
           const inner = parseChildren();
-          if (RAW_TEXT_TAGS2.has(tag.toLowerCase())) {
+          if (isCodeTextElement(tag)) {
             for (let i2 = 0; i2 < inner.length; i2++) {
               if (inner[i2].t === 2) {
                 throw new Error(
@@ -6292,12 +6721,12 @@ function parseTemplate2(strings) {
   return parseChildren();
 }
 function executeElement(tmpl, values) {
-  const el = tmpl.svg ? document.createElementNS(SVG_NS3, tmpl.tag) : document.createElement(tmpl.tag);
+  const el = tmpl.svg ? document.createElementNS(SVG_NS4, tmpl.tag) : document.createElement(tmpl.tag);
   for (let i2 = 0; i2 < tmpl.attrs.length; i2++) {
     const attr = tmpl.attrs[i2];
     switch (attr.t) {
       case 0:
-        el.setAttribute(attr.name, attr.value);
+        setTrustedAttribute(el, attr.name, attr.value);
         break;
       case 1: {
         const name = attr.name;
@@ -6330,7 +6759,7 @@ function executeElement(tmpl, values) {
         break;
       }
       case 4:
-        el.setAttribute(attr.name, "");
+        setTrustedAttribute(el, attr.name, "");
         break;
     }
   }
@@ -6375,6 +6804,12 @@ function html2(strings, ...values) {
     tmpl = parseTemplate2(strings);
     cache.set(strings, tmpl);
   }
+  return renderTemplate(tmpl, values);
+}
+function __renderParsedTemplate(tree, values) {
+  return renderTemplate(tree, values);
+}
+function renderTemplate(tmpl, values) {
   if (tmpl.length === 1 && tmpl[0].t === 0) {
     return executeElement(tmpl[0].el, values);
   }
@@ -7463,7 +7898,7 @@ function enhance(target, setup) {
           bindNode(el, () => {
             const v = value();
             const next = v == null ? null : String(v);
-            setSafeAttribute(el, name, next, { syncValueProperty: false, label: "enhance attr()" });
+            setSafeAttribute(el, name, next, { syncValueProperty: false, label: "enhance attr()", reactive: true });
           })
         );
       });