@lightspeed-js/core 0.4.6 → 0.4.7

package/dist/compile.js

@@ -1019,7 +1019,7 @@ class BindingEvaluator {
         binding.el.innerHTML = value == null ? "" : String(value);
         break;
       case "attr": {
-        const attr = binding.attr;
+        const attr = svgAttributeName(binding.el, binding.attr);
         const aria = attr.startsWith("aria-");
         if (BOOLEAN_ATTRIBUTES.has(attr) && !aria) {
           if (value)
@@ -1132,6 +1132,70 @@ function isPlain(value) {
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
 }
+var SVG_NS = "http://www.w3.org/2000/svg";
+var SVG_ATTRIBUTES = new Map([
+  "attributeName",
+  "attributeType",
+  "baseFrequency",
+  "baseProfile",
+  "calcMode",
+  "clipPathUnits",
+  "diffuseConstant",
+  "edgeMode",
+  "filterUnits",
+  "glyphRef",
+  "gradientTransform",
+  "gradientUnits",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keyPoints",
+  "keySplines",
+  "keyTimes",
+  "lengthAdjust",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerUnits",
+  "markerWidth",
+  "maskContentUnits",
+  "maskUnits",
+  "numOctaves",
+  "pathLength",
+  "patternContentUnits",
+  "patternTransform",
+  "patternUnits",
+  "pointsAtX",
+  "pointsAtY",
+  "pointsAtZ",
+  "preserveAlpha",
+  "preserveAspectRatio",
+  "primitiveUnits",
+  "refX",
+  "refY",
+  "repeatCount",
+  "repeatDur",
+  "requiredExtensions",
+  "requiredFeatures",
+  "specularConstant",
+  "specularExponent",
+  "spreadMethod",
+  "startOffset",
+  "stdDeviation",
+  "stitchTiles",
+  "surfaceScale",
+  "systemLanguage",
+  "tableValues",
+  "targetX",
+  "targetY",
+  "textLength",
+  "viewBox",
+  "viewTarget",
+  "xChannelSelector",
+  "yChannelSelector",
+  "zoomAndPan"
+].map((name) => [name.toLowerCase(), name]));
+function svgAttributeName(el, attr) {
+  return el.namespaceURI === SVG_NS ? SVG_ATTRIBUTES.get(attr) ?? attr : attr;
+}
 // src/runtime/dom/ForBlock.ts
 var TAG_NAME = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;
 var REFUSED_TAGS = new Set([

package/dist/index.js

@@ -591,7 +591,7 @@ class BindingEvaluator {
         binding.el.innerHTML = value == null ? "" : String(value);
         break;
       case "attr": {
-        const attr = binding.attr;
+        const attr = svgAttributeName(binding.el, binding.attr);
         const aria = attr.startsWith("aria-");
         if (BOOLEAN_ATTRIBUTES.has(attr) && !aria) {
           if (value)
@@ -704,6 +704,70 @@ function isPlain(value) {
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
 }
+var SVG_NS = "http://www.w3.org/2000/svg";
+var SVG_ATTRIBUTES = new Map([
+  "attributeName",
+  "attributeType",
+  "baseFrequency",
+  "baseProfile",
+  "calcMode",
+  "clipPathUnits",
+  "diffuseConstant",
+  "edgeMode",
+  "filterUnits",
+  "glyphRef",
+  "gradientTransform",
+  "gradientUnits",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keyPoints",
+  "keySplines",
+  "keyTimes",
+  "lengthAdjust",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerUnits",
+  "markerWidth",
+  "maskContentUnits",
+  "maskUnits",
+  "numOctaves",
+  "pathLength",
+  "patternContentUnits",
+  "patternTransform",
+  "patternUnits",
+  "pointsAtX",
+  "pointsAtY",
+  "pointsAtZ",
+  "preserveAlpha",
+  "preserveAspectRatio",
+  "primitiveUnits",
+  "refX",
+  "refY",
+  "repeatCount",
+  "repeatDur",
+  "requiredExtensions",
+  "requiredFeatures",
+  "specularConstant",
+  "specularExponent",
+  "spreadMethod",
+  "startOffset",
+  "stdDeviation",
+  "stitchTiles",
+  "surfaceScale",
+  "systemLanguage",
+  "tableValues",
+  "targetX",
+  "targetY",
+  "textLength",
+  "viewBox",
+  "viewTarget",
+  "xChannelSelector",
+  "yChannelSelector",
+  "zoomAndPan"
+].map((name) => [name.toLowerCase(), name]));
+function svgAttributeName(el, attr) {
+  return el.namespaceURI === SVG_NS ? SVG_ATTRIBUTES.get(attr) ?? attr : attr;
+}
 // src/runtime/events/EventBinder.ts
 class EventBinder {
   bind(el, eventType, handlerName, owner, cleanupTarget = owner) {
@@ -1687,10 +1751,13 @@ class Mounter {
         }
         if (el.tagName === "SLOT") {
           if (!found[d] || !isSlotStart(found[d])) {
-            if (!this.adoptNodes(Array.from(el.childNodes), found.slice(d), context, markers)) {
+            const fallback = significant(Array.from(el.childNodes));
+            const countable = fallback.every((n) => n.nodeType === 3 || n.nodeType === 1 && !isBlockTemplate(n) && n.tagName !== "SLOT");
+            const share = countable ? found.slice(d, d + fallback.length) : found.slice(d);
+            if (!this.adoptNodes(fallback, share, context, markers)) {
               return false;
             }
-            d = found.length;
+            d += share.length;
             continue;
           }
           const name = found[d].data.slice(SLOT_MARK.length);
@@ -2346,6 +2413,9 @@ function isBlockAnchor(node) {
   const data = node.data.trim();
   return data.startsWith("for:") || data.startsWith("if:") || data.startsWith("tag:");
 }
+function isBlockTemplate(el) {
+  return el.hasAttribute("data-bind-for") || el.hasAttribute("data-bind-if") || el.hasAttribute("data-bind-tag");
+}
 function isInsignificant(node) {
   return node.nodeType === 3 && !(node.textContent ?? "").trim();
 }

package/dist/ssg.js

@@ -610,7 +610,7 @@ class BindingEvaluator {
         binding.el.innerHTML = value == null ? "" : String(value);
         break;
       case "attr": {
-        const attr = binding.attr;
+        const attr = svgAttributeName(binding.el, binding.attr);
         const aria = attr.startsWith("aria-");
         if (BOOLEAN_ATTRIBUTES.has(attr) && !aria) {
           if (value)
@@ -723,6 +723,70 @@ function isPlain(value) {
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
 }
+var SVG_NS = "http://www.w3.org/2000/svg";
+var SVG_ATTRIBUTES = new Map([
+  "attributeName",
+  "attributeType",
+  "baseFrequency",
+  "baseProfile",
+  "calcMode",
+  "clipPathUnits",
+  "diffuseConstant",
+  "edgeMode",
+  "filterUnits",
+  "glyphRef",
+  "gradientTransform",
+  "gradientUnits",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keyPoints",
+  "keySplines",
+  "keyTimes",
+  "lengthAdjust",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerUnits",
+  "markerWidth",
+  "maskContentUnits",
+  "maskUnits",
+  "numOctaves",
+  "pathLength",
+  "patternContentUnits",
+  "patternTransform",
+  "patternUnits",
+  "pointsAtX",
+  "pointsAtY",
+  "pointsAtZ",
+  "preserveAlpha",
+  "preserveAspectRatio",
+  "primitiveUnits",
+  "refX",
+  "refY",
+  "repeatCount",
+  "repeatDur",
+  "requiredExtensions",
+  "requiredFeatures",
+  "specularConstant",
+  "specularExponent",
+  "spreadMethod",
+  "startOffset",
+  "stdDeviation",
+  "stitchTiles",
+  "surfaceScale",
+  "systemLanguage",
+  "tableValues",
+  "targetX",
+  "targetY",
+  "textLength",
+  "viewBox",
+  "viewTarget",
+  "xChannelSelector",
+  "yChannelSelector",
+  "zoomAndPan"
+].map((name) => [name.toLowerCase(), name]));
+function svgAttributeName(el, attr) {
+  return el.namespaceURI === SVG_NS ? SVG_ATTRIBUTES.get(attr) ?? attr : attr;
+}
 // src/runtime/events/EventBinder.ts
 class EventBinder {
   bind(el, eventType, handlerName, owner, cleanupTarget = owner) {
@@ -1710,10 +1774,13 @@ class Mounter {
         }
         if (el.tagName === "SLOT") {
           if (!found[d] || !isSlotStart(found[d])) {
-            if (!this.adoptNodes(Array.from(el.childNodes), found.slice(d), context, markers)) {
+            const fallback = significant(Array.from(el.childNodes));
+            const countable = fallback.every((n) => n.nodeType === 3 || n.nodeType === 1 && !isBlockTemplate(n) && n.tagName !== "SLOT");
+            const share = countable ? found.slice(d, d + fallback.length) : found.slice(d);
+            if (!this.adoptNodes(fallback, share, context, markers)) {
               return false;
             }
-            d = found.length;
+            d += share.length;
             continue;
           }
           const name = found[d].data.slice(SLOT_MARK.length);
@@ -2369,6 +2436,9 @@ function isBlockAnchor(node) {
   const data = node.data.trim();
   return data.startsWith("for:") || data.startsWith("if:") || data.startsWith("tag:");
 }
+function isBlockTemplate(el) {
+  return el.hasAttribute("data-bind-for") || el.hasAttribute("data-bind-if") || el.hasAttribute("data-bind-tag");
+}
 function isInsignificant(node) {
   return node.nodeType === 3 && !(node.textContent ?? "").trim();
 }

package/dist/types/test/slot-fallback-adoption.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/test/svg-attribute-case.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/vite.js

@@ -349,7 +349,7 @@ class BindingEvaluator {
         binding.el.innerHTML = value == null ? "" : String(value);
         break;
       case "attr": {
-        const attr = binding.attr;
+        const attr = svgAttributeName(binding.el, binding.attr);
         const aria = attr.startsWith("aria-");
         if (BOOLEAN_ATTRIBUTES.has(attr) && !aria) {
           if (value)
@@ -462,6 +462,70 @@ function isPlain(value) {
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
 }
+var SVG_NS = "http://www.w3.org/2000/svg";
+var SVG_ATTRIBUTES = new Map([
+  "attributeName",
+  "attributeType",
+  "baseFrequency",
+  "baseProfile",
+  "calcMode",
+  "clipPathUnits",
+  "diffuseConstant",
+  "edgeMode",
+  "filterUnits",
+  "glyphRef",
+  "gradientTransform",
+  "gradientUnits",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keyPoints",
+  "keySplines",
+  "keyTimes",
+  "lengthAdjust",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerUnits",
+  "markerWidth",
+  "maskContentUnits",
+  "maskUnits",
+  "numOctaves",
+  "pathLength",
+  "patternContentUnits",
+  "patternTransform",
+  "patternUnits",
+  "pointsAtX",
+  "pointsAtY",
+  "pointsAtZ",
+  "preserveAlpha",
+  "preserveAspectRatio",
+  "primitiveUnits",
+  "refX",
+  "refY",
+  "repeatCount",
+  "repeatDur",
+  "requiredExtensions",
+  "requiredFeatures",
+  "specularConstant",
+  "specularExponent",
+  "spreadMethod",
+  "startOffset",
+  "stdDeviation",
+  "stitchTiles",
+  "surfaceScale",
+  "systemLanguage",
+  "tableValues",
+  "targetX",
+  "targetY",
+  "textLength",
+  "viewBox",
+  "viewTarget",
+  "xChannelSelector",
+  "yChannelSelector",
+  "zoomAndPan"
+].map((name) => [name.toLowerCase(), name]));
+function svgAttributeName(el, attr) {
+  return el.namespaceURI === SVG_NS ? SVG_ATTRIBUTES.get(attr) ?? attr : attr;
+}
 // src/runtime/dom/ForBlock.ts
 class Row {
   locals;
@@ -1141,10 +1205,13 @@ class Mounter {
         }
         if (el.tagName === "SLOT") {
           if (!found[d] || !isSlotStart(found[d])) {
-            if (!this.adoptNodes(Array.from(el.childNodes), found.slice(d), context, markers)) {
+            const fallback = significant(Array.from(el.childNodes));
+            const countable = fallback.every((n) => n.nodeType === 3 || n.nodeType === 1 && !isBlockTemplate(n) && n.tagName !== "SLOT");
+            const share = countable ? found.slice(d, d + fallback.length) : found.slice(d);
+            if (!this.adoptNodes(fallback, share, context, markers)) {
               return false;
             }
-            d = found.length;
+            d += share.length;
             continue;
           }
           const name = found[d].data.slice(SLOT_MARK.length);
@@ -1800,6 +1867,9 @@ function isBlockAnchor(node) {
   const data = node.data.trim();
   return data.startsWith("for:") || data.startsWith("if:") || data.startsWith("tag:");
 }
+function isBlockTemplate(el) {
+  return el.hasAttribute("data-bind-for") || el.hasAttribute("data-bind-if") || el.hasAttribute("data-bind-tag");
+}
 function isInsignificant(node) {
   return node.nodeType === 3 && !(node.textContent ?? "").trim();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightspeed-js/core",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "Lightspeed: a compile-first framework for islands of reactivity in static HTML.",
   "keywords": [
     "lightspeed",