solid-js 1.8.10 → 1.8.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.8.10",
+  "version": "1.8.12",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",

package/store/dist/dev.cjs

@@ -281,19 +281,29 @@ function wrap(value) {
     });
     const keys = Object.keys(value),
       desc = Object.getOwnPropertyDescriptors(value);
+    const proto = Object.getPrototypeOf(value);
+    const isClass = value !== null && typeof value === "object" && !Array.isArray(value) && proto !== Object.prototype;
+    if (isClass) {
+      const descriptors = Object.getOwnPropertyDescriptors(proto);
+      keys.push(...Object.keys(descriptors));
+      Object.assign(desc, descriptors);
+    }
     for (let i = 0, l = keys.length; i < l; i++) {
       const prop = keys[i];
+      if (isClass && prop === "constructor") continue;
       if (desc[prop].get) {
         const get = desc[prop].get.bind(p);
         Object.defineProperty(value, prop, {
-          get
+          get,
+          configurable: true
         });
       }
       if (desc[prop].set) {
         const og = desc[prop].set,
           set = v => solidJs.batch(() => og.call(p, v));
         Object.defineProperty(value, prop, {
-          set
+          set,
+          configurable: true
         });
       }
     }

package/store/dist/dev.js

@@ -322,19 +322,33 @@ function wrap(value) {
     });
     const keys = Object.keys(value),
       desc = Object.getOwnPropertyDescriptors(value);
+    const proto = Object.getPrototypeOf(value);
+    const isClass =
+      value !== null &&
+      typeof value === "object" &&
+      !Array.isArray(value) &&
+      proto !== Object.prototype;
+    if (isClass) {
+      const descriptors = Object.getOwnPropertyDescriptors(proto);
+      keys.push(...Object.keys(descriptors));
+      Object.assign(desc, descriptors);
+    }
     for (let i = 0, l = keys.length; i < l; i++) {
       const prop = keys[i];
+      if (isClass && prop === "constructor") continue;
       if (desc[prop].get) {
         const get = desc[prop].get.bind(p);
         Object.defineProperty(value, prop, {
-          get
+          get,
+          configurable: true
         });
       }
       if (desc[prop].set) {
         const og = desc[prop].set,
           set = v => batch(() => og.call(p, v));
         Object.defineProperty(value, prop, {
-          set
+          set,
+          configurable: true
         });
       }
     }

package/store/dist/store.cjs

@@ -270,19 +270,29 @@ function wrap(value) {
     });
     const keys = Object.keys(value),
       desc = Object.getOwnPropertyDescriptors(value);
+    const proto = Object.getPrototypeOf(value);
+    const isClass = value !== null && typeof value === "object" && !Array.isArray(value) && proto !== Object.prototype;
+    if (isClass) {
+      const descriptors = Object.getOwnPropertyDescriptors(proto);
+      keys.push(...Object.keys(descriptors));
+      Object.assign(desc, descriptors);
+    }
     for (let i = 0, l = keys.length; i < l; i++) {
       const prop = keys[i];
+      if (isClass && prop === "constructor") continue;
       if (desc[prop].get) {
         const get = desc[prop].get.bind(p);
         Object.defineProperty(value, prop, {
-          get
+          get,
+          configurable: true
         });
       }
       if (desc[prop].set) {
         const og = desc[prop].set,
           set = v => solidJs.batch(() => og.call(p, v));
         Object.defineProperty(value, prop, {
-          set
+          set,
+          configurable: true
         });
       }
     }

package/store/dist/store.js

@@ -308,19 +308,33 @@ function wrap(value) {
     });
     const keys = Object.keys(value),
       desc = Object.getOwnPropertyDescriptors(value);
+    const proto = Object.getPrototypeOf(value);
+    const isClass =
+      value !== null &&
+      typeof value === "object" &&
+      !Array.isArray(value) &&
+      proto !== Object.prototype;
+    if (isClass) {
+      const descriptors = Object.getOwnPropertyDescriptors(proto);
+      keys.push(...Object.keys(descriptors));
+      Object.assign(desc, descriptors);
+    }
     for (let i = 0, l = keys.length; i < l; i++) {
       const prop = keys[i];
+      if (isClass && prop === "constructor") continue;
       if (desc[prop].get) {
         const get = desc[prop].get.bind(p);
         Object.defineProperty(value, prop, {
-          get
+          get,
+          configurable: true
         });
       }
       if (desc[prop].set) {
         const og = desc[prop].set,
           set = v => batch(() => og.call(p, v));
         Object.defineProperty(value, prop, {
-          set
+          set,
+          configurable: true
         });
       }
     }

package/web/dist/dev.cjs

@@ -109,6 +109,9 @@ function reconcileArrays(parentNode, a, b) {
 
 const $$EVENTS = "_$DX_DELEGATE";
 function render(code, element, init, options = {}) {
+  if (!element) {
+    throw new Error("The `element` passed to `render(..., element)` doesn't exist. Make sure `element` exists in the document.");
+  }
   let disposer;
   solidJs.createRoot(dispose => {
     disposer = dispose;
@@ -335,7 +338,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
   let isCE, isProp, isChildProp, propAlias, forceProp;
   if (prop === "style") return style(node, value, prev);
   if (prop === "classList") return classList(node, value, prev);
-  if (value === prev && prop !== "value" && prop !== "checked") return prev;
+  if (value === prev) return prev;
   if (prop === "ref") {
     if (!skipRef) value(node);
   } else if (prop.slice(0, 3) === "on:") {
@@ -418,7 +421,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
     if (multi) {
       let node = current[0];
       if (node && node.nodeType === 3) {
-        node.data = value;
+        node.data !== value && (node.data = value);
       } else node = document.createTextNode(value);
       current = cleanChildren(parent, current, marker, node);
     } else {
@@ -536,7 +539,7 @@ function NoHydration(props) {
 function Hydration(props) {
   return props.children;
 }
-function voidFn() {}
+const voidFn = () => undefined;
 const RequestContext = Symbol();
 function innerHTML(parent, content) {
   !solidJs.sharedConfig.context && (parent.innerHTML = content);

package/web/dist/dev.js

@@ -553,6 +553,11 @@ function reconcileArrays(parentNode, a, b) {
 
 const $$EVENTS = "_$DX_DELEGATE";
 function render(code, element, init, options = {}) {
+  if (!element) {
+    throw new Error(
+      "The `element` passed to `render(..., element)` doesn't exist. Make sure `element` exists in the document."
+    );
+  }
   let disposer;
   createRoot(dispose => {
     disposer = dispose;
@@ -791,7 +796,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
   let isCE, isProp, isChildProp, propAlias, forceProp;
   if (prop === "style") return style(node, value, prev);
   if (prop === "classList") return classList(node, value, prev);
-  if (value === prev && prop !== "value" && prop !== "checked") return prev;
+  if (value === prev) return prev;
   if (prop === "ref") {
     if (!skipRef) value(node);
   } else if (prop.slice(0, 3) === "on:") {
@@ -884,7 +889,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
     if (multi) {
       let node = current[0];
       if (node && node.nodeType === 3) {
-        node.data = value;
+        node.data !== value && (node.data = value);
       } else node = document.createTextNode(value);
       current = cleanChildren(parent, current, marker, node);
     } else {
@@ -1012,7 +1017,7 @@ function NoHydration(props) {
 function Hydration(props) {
   return props.children;
 }
-function voidFn() {}
+const voidFn = () => undefined;
 const RequestContext = Symbol();
 function innerHTML(parent, content) {
   !sharedConfig.context && (parent.innerHTML = content);

package/web/dist/server.cjs

@@ -13,7 +13,6 @@ const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
 });
 
 const ES2017FLAG = seroval.Feature.AggregateError
-| seroval.Feature.BigInt
 | seroval.Feature.BigIntTypedArray;
 const GLOBAL_IDENTIFIER = '_$HY.r';
 function createSerializer({
@@ -133,7 +132,7 @@ function renderToStream(code, options = {}) {
   });
   const flushEnd = () => {
     if (!registry.size) {
-      serializer.flush();
+      queue(() => queue(() => serializer.flush()));
     }
   };
   const registry = new Map();
@@ -198,36 +197,32 @@ function renderToStream(code, options = {}) {
       if (!registry.has(key)) {
         let resolve, reject;
         const p = new Promise((r, rej) => (resolve = r, reject = rej));
-        registry.set(key, {
-          resolve: v => queue(() => queue(() => resolve(v))),
-          reject: e => queue(() => queue(() => reject(e)))
-        });
+        registry.set(key, err => queue(() => queue(() => {
+          err ? reject(err) : resolve(true);
+          queue(flushEnd);
+        })));
         serializer.write(key, p);
       }
       return (value, error) => {
         if (registry.has(key)) {
-          const {
-            resolve,
-            reject
-          } = registry.get(key);
+          const resolve = registry.get(key);
           registry.delete(key);
           if (waitForFragments(registry, key)) {
-            resolve(true);
+            resolve();
             return;
           }
-          if ((value !== undefined || error) && !completed) {
+          if (!completed) {
             if (!firstFlushed) {
               queue(() => html = replacePlaceholder(html, key, value !== undefined ? value : ""));
-              error ? reject(error) : resolve(true);
+              resolve(error);
             } else {
               buffer.write(`<template id="${key}">${value !== undefined ? value : " "}</template>`);
               pushTask(`$df("${key}")${!scriptFlushed ? ";" + REPLACE_SCRIPT : ""}`);
-              error ? reject(error) : resolve(true);
+              resolve(error);
               scriptFlushed = true;
             }
           }
         }
-        if (!registry.size) queue(flushEnd);
         return firstFlushed;
       };
     }

package/web/dist/server.js

@@ -64,7 +64,7 @@ const Aliases = /*#__PURE__*/ Object.assign(Object.create(null), {
   htmlFor: "for"
 });
 
-const ES2017FLAG = Feature.AggregateError | Feature.BigInt | Feature.BigIntTypedArray;
+const ES2017FLAG = Feature.AggregateError | Feature.BigIntTypedArray;
 const GLOBAL_IDENTIFIER = "_$HY.r";
 function createSerializer({ onData, onDone, scopeId, onError }) {
   return new Serializer({
@@ -179,7 +179,7 @@ function renderToStream(code, options = {}) {
   });
   const flushEnd = () => {
     if (!registry.size) {
-      serializer.flush();
+      queue(() => queue(() => serializer.flush()));
     }
   };
   const registry = new Map();
@@ -250,33 +250,36 @@ function renderToStream(code, options = {}) {
       if (!registry.has(key)) {
         let resolve, reject;
         const p = new Promise((r, rej) => ((resolve = r), (reject = rej)));
-        registry.set(key, {
-          resolve: v => queue(() => queue(() => resolve(v))),
-          reject: e => queue(() => queue(() => reject(e)))
-        });
+        registry.set(key, err =>
+          queue(() =>
+            queue(() => {
+              err ? reject(err) : resolve(true);
+              queue(flushEnd);
+            })
+          )
+        );
         serializer.write(key, p);
       }
       return (value, error) => {
         if (registry.has(key)) {
-          const { resolve, reject } = registry.get(key);
+          const resolve = registry.get(key);
           registry.delete(key);
           if (waitForFragments(registry, key)) {
-            resolve(true);
+            resolve();
             return;
           }
-          if ((value !== undefined || error) && !completed) {
+          if (!completed) {
             if (!firstFlushed) {
               queue(() => (html = replacePlaceholder(html, key, value !== undefined ? value : "")));
-              error ? reject(error) : resolve(true);
+              resolve(error);
             } else {
               buffer.write(`<template id="${key}">${value !== undefined ? value : " "}</template>`);
               pushTask(`$df("${key}")${!scriptFlushed ? ";" + REPLACE_SCRIPT : ""}`);
-              error ? reject(error) : resolve(true);
+              resolve(error);
               scriptFlushed = true;
             }
           }
         }
-        if (!registry.size) queue(flushEnd);
         return firstFlushed;
       };
     }

package/web/dist/web.cjs

@@ -333,7 +333,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
   let isCE, isProp, isChildProp, propAlias, forceProp;
   if (prop === "style") return style(node, value, prev);
   if (prop === "classList") return classList(node, value, prev);
-  if (value === prev && prop !== "value" && prop !== "checked") return prev;
+  if (value === prev) return prev;
   if (prop === "ref") {
     if (!skipRef) value(node);
   } else if (prop.slice(0, 3) === "on:") {
@@ -416,7 +416,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
     if (multi) {
       let node = current[0];
       if (node && node.nodeType === 3) {
-        node.data = value;
+        node.data !== value && (node.data = value);
       } else node = document.createTextNode(value);
       current = cleanChildren(parent, current, marker, node);
     } else {
@@ -534,7 +534,7 @@ function NoHydration(props) {
 function Hydration(props) {
   return props.children;
 }
-function voidFn() {}
+const voidFn = () => undefined;
 const RequestContext = Symbol();
 function innerHTML(parent, content) {
   !solidJs.sharedConfig.context && (parent.innerHTML = content);

package/web/dist/web.js

@@ -784,7 +784,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
   let isCE, isProp, isChildProp, propAlias, forceProp;
   if (prop === "style") return style(node, value, prev);
   if (prop === "classList") return classList(node, value, prev);
-  if (value === prev && prop !== "value" && prop !== "checked") return prev;
+  if (value === prev) return prev;
   if (prop === "ref") {
     if (!skipRef) value(node);
   } else if (prop.slice(0, 3) === "on:") {
@@ -877,7 +877,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
     if (multi) {
       let node = current[0];
       if (node && node.nodeType === 3) {
-        node.data = value;
+        node.data !== value && (node.data = value);
       } else node = document.createTextNode(value);
       current = cleanChildren(parent, current, marker, node);
     } else {
@@ -1005,7 +1005,7 @@ function NoHydration(props) {
 function Hydration(props) {
   return props.children;
 }
-function voidFn() {}
+const voidFn = () => undefined;
 const RequestContext = Symbol();
 function innerHTML(parent, content) {
   !sharedConfig.context && (parent.innerHTML = content);