@solidjs/web 2.0.0-beta.24 → 2.0.0-beta.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/dev.cjs +11 -8
  2. package/dist/dev.js +11 -8
  3. package/dist/web.cjs +11 -8
  4. package/dist/web.js +11 -8
  5. package/frames/dist/client.cjs +135 -208
  6. package/frames/dist/client.dev.cjs +1408 -0
  7. package/frames/dist/client.dev.js +1396 -0
  8. package/frames/dist/client.js +136 -209
  9. package/frames/dist/server.cjs +106 -78
  10. package/frames/dist/server.js +106 -78
  11. package/package.json +27 -6
  12. package/server-functions/dist/client.cjs +3 -3
  13. package/server-functions/dist/client.js +3 -3
  14. package/server-functions/dist/server.cjs +3 -3
  15. package/server-functions/dist/server.js +3 -3
  16. package/types/frames/client.d.ts +13 -49
  17. package/types/frames/frame-client.d.ts +34 -28
  18. package/types/frames/server.d.ts +1 -20
  19. package/types-cjs/frames/client.d.cts +13 -49
  20. package/types-cjs/frames/frame-client.d.cts +34 -28
  21. package/types-cjs/frames/server.d.cts +1 -20
package/dist/dev.cjs CHANGED
@@ -33,7 +33,6 @@ const DOMWithState = {
33
33
  const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
34
34
  const $$SLOT = /*#__PURE__*/Symbol("slot");
35
35
  const $$HOST = /*#__PURE__*/Symbol("host");
36
- const $$FRAME = /*#__PURE__*/Symbol.for("dom-expressions.frame");
37
36
  const DelegatedEvents = /*#__PURE__*/new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
38
37
  const SVGElements = /*#__PURE__*/new Set([
39
38
  "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
@@ -486,7 +485,17 @@ function installHydrationRuntime() {
486
485
  function stripTextSeparators(nodes) {
487
486
  let j = 0;
488
487
  for (let i = 0; i < nodes.length; i++) {
489
- if (nodes[i].nodeType === 8 && nodes[i].nodeValue === "!$") nodes[i].remove();else nodes[j++] = nodes[i];
488
+ const node = nodes[i],
489
+ t = node.nodeType;
490
+ if (t === 8) {
491
+ const v = node.nodeValue;
492
+ if (v === "!$") {
493
+ node.remove();
494
+ continue;
495
+ }
496
+ if (v.startsWith("pl-")) continue;
497
+ } else if (t === 1 && node.localName === "template" && node.id.startsWith("pl-")) continue;
498
+ nodes[j++] = node;
490
499
  }
491
500
  nodes.length = j;
492
501
  return nodes;
@@ -1025,11 +1034,6 @@ function insertExpression(parent, value, current, marker) {
1025
1034
  parent.appendChild(value);
1026
1035
  }
1027
1036
  if (marker) value[$$SLOT] = marker;
1028
- } else if (value[$$FRAME]) {
1029
- if (current) {
1030
- cleanChildren(parent, Array.isArray(current) ? current : [current], multi ? marker : null);
1031
- }
1032
- value[$$FRAME](parent, multi ? marker : null);
1033
1037
  } else if (Array.isArray(value)) {
1034
1038
  const currentArray = current && Array.isArray(current);
1035
1039
  if (value.length === 0) {
@@ -1050,7 +1054,6 @@ function normalize(value, current, multi, doNotUnwrap) {
1050
1054
  doNotUnwrap
1051
1055
  });
1052
1056
  if (doNotUnwrap && typeof value === "function") return value;
1053
- if (value != null && value[$$FRAME]) return value;
1054
1057
  if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
1055
1058
  if (Array.isArray(value)) {
1056
1059
  for (let i = 0, len = value.length; i < len; i++) {
package/dist/dev.js CHANGED
@@ -32,7 +32,6 @@ const DOMWithState = {
32
32
  const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
33
33
  const $$SLOT = /*#__PURE__*/Symbol("slot");
34
34
  const $$HOST = /*#__PURE__*/Symbol("host");
35
- const $$FRAME = /*#__PURE__*/Symbol.for("dom-expressions.frame");
36
35
  const DelegatedEvents = /*#__PURE__*/new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
37
36
  const SVGElements = /*#__PURE__*/new Set([
38
37
  "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
@@ -485,7 +484,17 @@ function installHydrationRuntime() {
485
484
  function stripTextSeparators(nodes) {
486
485
  let j = 0;
487
486
  for (let i = 0; i < nodes.length; i++) {
488
- if (nodes[i].nodeType === 8 && nodes[i].nodeValue === "!$") nodes[i].remove();else nodes[j++] = nodes[i];
487
+ const node = nodes[i],
488
+ t = node.nodeType;
489
+ if (t === 8) {
490
+ const v = node.nodeValue;
491
+ if (v === "!$") {
492
+ node.remove();
493
+ continue;
494
+ }
495
+ if (v.startsWith("pl-")) continue;
496
+ } else if (t === 1 && node.localName === "template" && node.id.startsWith("pl-")) continue;
497
+ nodes[j++] = node;
489
498
  }
490
499
  nodes.length = j;
491
500
  return nodes;
@@ -1024,11 +1033,6 @@ function insertExpression(parent, value, current, marker) {
1024
1033
  parent.appendChild(value);
1025
1034
  }
1026
1035
  if (marker) value[$$SLOT] = marker;
1027
- } else if (value[$$FRAME]) {
1028
- if (current) {
1029
- cleanChildren(parent, Array.isArray(current) ? current : [current], multi ? marker : null);
1030
- }
1031
- value[$$FRAME](parent, multi ? marker : null);
1032
1036
  } else if (Array.isArray(value)) {
1033
1037
  const currentArray = current && Array.isArray(current);
1034
1038
  if (value.length === 0) {
@@ -1049,7 +1053,6 @@ function normalize(value, current, multi, doNotUnwrap) {
1049
1053
  doNotUnwrap
1050
1054
  });
1051
1055
  if (doNotUnwrap && typeof value === "function") return value;
1052
- if (value != null && value[$$FRAME]) return value;
1053
1056
  if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
1054
1057
  if (Array.isArray(value)) {
1055
1058
  for (let i = 0, len = value.length; i < len; i++) {
package/dist/web.cjs CHANGED
@@ -33,7 +33,6 @@ const DOMWithState = {
33
33
  const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
34
34
  const $$SLOT = /*#__PURE__*/Symbol("slot");
35
35
  const $$HOST = /*#__PURE__*/Symbol("host");
36
- const $$FRAME = /*#__PURE__*/Symbol.for("dom-expressions.frame");
37
36
  const DelegatedEvents = /*#__PURE__*/new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
38
37
  const SVGElements = /*#__PURE__*/new Set([
39
38
  "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
@@ -481,7 +480,17 @@ function installHydrationRuntime() {
481
480
  function stripTextSeparators(nodes) {
482
481
  let j = 0;
483
482
  for (let i = 0; i < nodes.length; i++) {
484
- if (nodes[i].nodeType === 8 && nodes[i].nodeValue === "!$") nodes[i].remove();else nodes[j++] = nodes[i];
483
+ const node = nodes[i],
484
+ t = node.nodeType;
485
+ if (t === 8) {
486
+ const v = node.nodeValue;
487
+ if (v === "!$") {
488
+ node.remove();
489
+ continue;
490
+ }
491
+ if (v.startsWith("pl-")) continue;
492
+ } else if (t === 1 && node.localName === "template" && node.id.startsWith("pl-")) continue;
493
+ nodes[j++] = node;
485
494
  }
486
495
  nodes.length = j;
487
496
  return nodes;
@@ -968,11 +977,6 @@ function insertExpression(parent, value, current, marker) {
968
977
  parent.appendChild(value);
969
978
  }
970
979
  if (marker) value[$$SLOT] = marker;
971
- } else if (value[$$FRAME]) {
972
- if (current) {
973
- cleanChildren(parent, Array.isArray(current) ? current : [current], multi ? marker : null);
974
- }
975
- value[$$FRAME](parent, multi ? marker : null);
976
980
  } else if (Array.isArray(value)) {
977
981
  const currentArray = current && Array.isArray(current);
978
982
  if (value.length === 0) {
@@ -993,7 +997,6 @@ function normalize(value, current, multi, doNotUnwrap) {
993
997
  doNotUnwrap
994
998
  });
995
999
  if (doNotUnwrap && typeof value === "function") return value;
996
- if (value != null && value[$$FRAME]) return value;
997
1000
  if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
998
1001
  if (Array.isArray(value)) {
999
1002
  for (let i = 0, len = value.length; i < len; i++) {
package/dist/web.js CHANGED
@@ -32,7 +32,6 @@ const DOMWithState = {
32
32
  const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
33
33
  const $$SLOT = /*#__PURE__*/Symbol("slot");
34
34
  const $$HOST = /*#__PURE__*/Symbol("host");
35
- const $$FRAME = /*#__PURE__*/Symbol.for("dom-expressions.frame");
36
35
  const DelegatedEvents = /*#__PURE__*/new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
37
36
  const SVGElements = /*#__PURE__*/new Set([
38
37
  "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
@@ -480,7 +479,17 @@ function installHydrationRuntime() {
480
479
  function stripTextSeparators(nodes) {
481
480
  let j = 0;
482
481
  for (let i = 0; i < nodes.length; i++) {
483
- if (nodes[i].nodeType === 8 && nodes[i].nodeValue === "!$") nodes[i].remove();else nodes[j++] = nodes[i];
482
+ const node = nodes[i],
483
+ t = node.nodeType;
484
+ if (t === 8) {
485
+ const v = node.nodeValue;
486
+ if (v === "!$") {
487
+ node.remove();
488
+ continue;
489
+ }
490
+ if (v.startsWith("pl-")) continue;
491
+ } else if (t === 1 && node.localName === "template" && node.id.startsWith("pl-")) continue;
492
+ nodes[j++] = node;
484
493
  }
485
494
  nodes.length = j;
486
495
  return nodes;
@@ -967,11 +976,6 @@ function insertExpression(parent, value, current, marker) {
967
976
  parent.appendChild(value);
968
977
  }
969
978
  if (marker) value[$$SLOT] = marker;
970
- } else if (value[$$FRAME]) {
971
- if (current) {
972
- cleanChildren(parent, Array.isArray(current) ? current : [current], multi ? marker : null);
973
- }
974
- value[$$FRAME](parent, multi ? marker : null);
975
979
  } else if (Array.isArray(value)) {
976
980
  const currentArray = current && Array.isArray(current);
977
981
  if (value.length === 0) {
@@ -992,7 +996,6 @@ function normalize(value, current, multi, doNotUnwrap) {
992
996
  doNotUnwrap
993
997
  });
994
998
  if (doNotUnwrap && typeof value === "function") return value;
995
- if (value != null && value[$$FRAME]) return value;
996
999
  if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
997
1000
  if (Array.isArray(value)) {
998
1001
  for (let i = 0, len = value.length; i < len; i++) {