what-core 0.6.3 → 0.6.6

package/compiler.d.ts

@@ -1,4 +1,4 @@
-import type { Component, VNodeChild } from './index';
+import type { Component, VNodeChild } from './index.js';
 
 /** @internal Compiler target for component instantiation. */
 export function _$createComponent(

package/dist/compiler.js

@@ -412,6 +412,53 @@ function _setComponentRef(fn) {
   _getCurrentComponentRef = fn;
 }
 
+// packages/core/src/security.js
+var URL_ATTRS = /* @__PURE__ */ new Set([
+  "href",
+  "src",
+  "action",
+  "formaction",
+  "poster",
+  "cite",
+  "background",
+  "xlink:href"
+]);
+var URL_LIST_ATTRS = /* @__PURE__ */ new Set(["srcset"]);
+function normalizeAttrName(name) {
+  return String(name).toLowerCase();
+}
+function normalizeUrlForProtocolCheck(url) {
+  return String(url).trim().replace(/[\s\x00-\x1f\x7f]/g, "").toLowerCase();
+}
+function isSafeUrlValue(value) {
+  if (typeof value !== "string") return true;
+  const normalized = normalizeUrlForProtocolCheck(value);
+  return !(normalized.startsWith("javascript:") || normalized.startsWith("data:") || normalized.startsWith("vbscript:"));
+}
+function isSafeSrcsetValue(value) {
+  if (typeof value !== "string") return true;
+  return value.split(",").every((candidate) => {
+    const url = candidate.trim().split(/\s+/, 1)[0] || "";
+    return url === "" || isSafeUrlValue(url);
+  });
+}
+function isUrlAttribute(name) {
+  return URL_ATTRS.has(normalizeAttrName(name));
+}
+function isUrlListAttribute(name) {
+  return URL_LIST_ATTRS.has(normalizeAttrName(name));
+}
+function isSafeUrlAttributeValue(name, value) {
+  if (isUrlListAttribute(name)) return isSafeSrcsetValue(value);
+  if (isUrlAttribute(name)) return isSafeUrlValue(value);
+  return true;
+}
+function getDomAttributeName(name) {
+  if (name === "className") return "class";
+  if (name === "htmlFor") return "for";
+  return normalizeAttrName(name) === "formaction" ? "formaction" : name;
+}
+
 // packages/core/src/dom.js
 var SVG_ELEMENTS = /* @__PURE__ */ new Set([
   "svg",
@@ -886,6 +933,13 @@ function applyProps(el, newProps, oldProps, isSvg) {
   }
 }
 function setProp(el, key, value, isSvg) {
+  if (!isSafeUrlAttributeValue(key, value)) {
+    if (typeof console !== "undefined") {
+      console.warn(`[what] Blocked unsafe URL in "${key}" attribute: ${value}`);
+    }
+    el.removeAttribute(getDomAttributeName(key));
+    return;
+  }
   if (typeof value === "function" && !(key.startsWith("on") && key.length > 2) && key !== "ref") {
     if (!el._propEffects) el._propEffects = {};
     if (el._propEffects[key]) {
@@ -998,15 +1052,6 @@ function _$createComponent(Component, props, children) {
   }
   return createDOM({ tag: Component, props: props || {}, children: children || [], key: null, _vnode: true });
 }
-var URL_ATTRS = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "formAction"]);
-function isSafeUrl(url) {
-  if (typeof url !== "string") return true;
-  const normalized = url.trim().replace(/[\s\x00-\x1f]/g, "").toLowerCase();
-  if (normalized.startsWith("javascript:")) return false;
-  if (normalized.startsWith("data:")) return false;
-  if (normalized.startsWith("vbscript:")) return false;
-  return true;
-}
 var TABLE_WRAPPERS = {
   tr: { depth: 2, wrap: "<table><tbody>", unwrap: "</tbody></table>" },
   td: { depth: 3, wrap: "<table><tbody><tr>", unwrap: "</tr></tbody></table>" },
@@ -1697,13 +1742,12 @@ function setProp2(el, key, value) {
     return;
   }
   if (key === "key") return;
-  if (URL_ATTRS.has(key) || URL_ATTRS.has(key.toLowerCase())) {
-    if (!isSafeUrl(value)) {
-      if (typeof console !== "undefined") {
-        console.warn(`[what] Blocked unsafe URL in "${key}" attribute: ${value}`);
-      }
-      return;
+  if (!isSafeUrlAttributeValue(key, value)) {
+    if (typeof console !== "undefined") {
+      console.warn(`[what] Blocked unsafe URL in "${key}" attribute: ${value}`);
     }
+    el.removeAttribute(getDomAttributeName(key));
+    return;
   }
   if (key === "class" || key === "className") {
     el.className = value || "";