solid-js 1.8.11 → 1.8.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.8.11",
+  "version": "1.8.13",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -27,6 +27,9 @@
     "web/dist",
     "web/types",
     "web/package.json",
+    "web/storage/dist",
+    "web/storage/types",
+    "web/storage/package.json",
     "h/dist",
     "h/types",
     "h/package.json",
@@ -162,8 +165,9 @@
       "require": "./web/dist/web.cjs"
     },
     "./web/storage": {
-      "import": "./web/dist/storage.js",
-      "require": "./web/dist/storage.cjs"
+      "types": "./web/storage/types/index.d.ts",
+      "import": "./web/storage/dist/index.js",
+      "require": "./web/storage/dist/index.cjs"
     },
     "./web/dist/*": "./web/dist/*",
     "./web/types/*": "./web/types/*",
@@ -227,7 +231,8 @@
     "types:copy": "ncp ../../node_modules/dom-expressions/src/jsx.d.ts ./src/jsx.d.ts && ncp ../../node_modules/dom-expressions/src/jsx-h.d.ts ./h/jsx-runtime/src/jsx.d.ts",
     "types:src": "tsc --project ./tsconfig.build.json && ncp ../../node_modules/dom-expressions/src/jsx.d.ts ./types/jsx.d.ts",
     "types:web": "tsc --project ./web/tsconfig.build.json",
-    "types:copy-web": "ncp ../../node_modules/dom-expressions/src/client.d.ts ./web/types/client.d.ts && ncp ../../node_modules/dom-expressions/src/server.d.ts ./web/types/server.d.ts && ncp ./web/storage/storage.d.ts ./web/types/storage.d.ts",
+    "types:web-storage": "tsc --project ./web/storage/tsconfig.build.json",
+    "types:copy-web": "ncp ../../node_modules/dom-expressions/src/client.d.ts ./web/types/client.d.ts && ncp ../../node_modules/dom-expressions/src/server.d.ts ./web/types/server.d.ts",
     "types:store": "tsc --project ./store/tsconfig.build.json",
     "types:html": "tsc --project ./html/tsconfig.json && ncp ../../node_modules/lit-dom-expressions/types/index.d.ts ./html/types/lit.d.ts",
     "types:h": "tsc --project ./h/tsconfig.json && ncp ../../node_modules/hyper-dom-expressions/types/index.d.ts ./h/types/hyperscript.d.ts",

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

@@ -1,4 +1,4 @@
-import { DEV as DEV$1, $PROXY, $TRACK, getListener, batch, createSignal } from 'solid-js';
+import { DEV as DEV$1, $PROXY, $TRACK, getListener, batch, createSignal } from "solid-js";
 
 const $RAW = Symbol("store-raw"),
   $NODE = Symbol("store-node"),
@@ -11,7 +11,7 @@ function wrap$1(value) {
   let p = value[$PROXY];
   if (!p) {
     Object.defineProperty(value, $PROXY, {
-      value: p = new Proxy(value, proxyTraps$1)
+      value: (p = new Proxy(value, proxyTraps$1))
     });
     if (!Array.isArray(value)) {
       const keys = Object.keys(value),
@@ -31,20 +31,29 @@ function wrap$1(value) {
 }
 function isWrappable(obj) {
   let proto;
-  return obj != null && typeof obj === "object" && (obj[$PROXY] || !(proto = Object.getPrototypeOf(obj)) || proto === Object.prototype || Array.isArray(obj));
+  return (
+    obj != null &&
+    typeof obj === "object" &&
+    (obj[$PROXY] ||
+      !(proto = Object.getPrototypeOf(obj)) ||
+      proto === Object.prototype ||
+      Array.isArray(obj))
+  );
 }
 function unwrap(item, set = new Set()) {
   let result, unwrapped, v, prop;
-  if (result = item != null && item[$RAW]) return result;
+  if ((result = item != null && item[$RAW])) return result;
   if (!isWrappable(item) || set.has(item)) return item;
   if (Array.isArray(item)) {
-    if (Object.isFrozen(item)) item = item.slice(0);else set.add(item);
+    if (Object.isFrozen(item)) item = item.slice(0);
+    else set.add(item);
     for (let i = 0, l = item.length; i < l; i++) {
       v = item[i];
       if ((unwrapped = unwrap(v, set)) !== v) item[i] = unwrapped;
     }
   } else {
-    if (Object.isFrozen(item)) item = Object.assign({}, item);else set.add(item);
+    if (Object.isFrozen(item)) item = Object.assign({}, item);
+    else set.add(item);
     const keys = Object.keys(item),
       desc = Object.getOwnPropertyDescriptors(item);
     for (let i = 0, l = keys.length; i < l; i++) {
@@ -58,9 +67,10 @@ function unwrap(item, set = new Set()) {
 }
 function getNodes(target, symbol) {
   let nodes = target[symbol];
-  if (!nodes) Object.defineProperty(target, symbol, {
-    value: nodes = Object.create(null)
-  });
+  if (!nodes)
+    Object.defineProperty(target, symbol, {
+      value: (nodes = Object.create(null))
+    });
   return nodes;
 }
 function getNode(nodes, property, value) {
@@ -70,11 +80,12 @@ function getNode(nodes, property, value) {
     internal: true
   });
   s.$ = set;
-  return nodes[property] = s;
+  return (nodes[property] = s);
 }
 function proxyDescriptor$1(target, property) {
   const desc = Reflect.getOwnPropertyDescriptor(target, property);
-  if (!desc || desc.get || !desc.configurable || property === $PROXY || property === $NODE) return desc;
+  if (!desc || desc.get || !desc.configurable || property === $PROXY || property === $NODE)
+    return desc;
   delete desc.value;
   delete desc.writable;
   desc.get = () => target[$PROXY][property];
@@ -101,12 +112,25 @@ const proxyTraps$1 = {
     if (property === $NODE || property === $HAS || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
-      if (getListener() && (typeof value !== "function" || target.hasOwnProperty(property)) && !(desc && desc.get)) value = getNode(nodes, property, value)();
+      if (
+        getListener() &&
+        (typeof value !== "function" || target.hasOwnProperty(property)) &&
+        !(desc && desc.get)
+      )
+        value = getNode(nodes, property, value)();
     }
     return isWrappable(value) ? wrap$1(value) : value;
   },
   has(target, property) {
-    if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === $HAS || property === "__proto__") return true;
+    if (
+      property === $RAW ||
+      property === $PROXY ||
+      property === $TRACK ||
+      property === $NODE ||
+      property === $HAS ||
+      property === "__proto__"
+    )
+      return true;
     getListener() && getNode(getNodes(target, $HAS), property)();
     return property in target;
   },
@@ -135,7 +159,7 @@ function setProperty(state, property, value, deleting = false) {
   }
   let nodes = getNodes(state, $NODE),
     node;
-  if (node = getNode(nodes, property, prev)) node.$(() => value);
+  if ((node = getNode(nodes, property, prev))) node.$(() => value);
   if (Array.isArray(state) && state.length !== len) {
     for (let i = state.length; i < len; i++) (node = nodes[i]) && node.$();
     (node = getNode(nodes, "length", len)) && node.$(state.length);
@@ -181,11 +205,7 @@ function updatePath(current, path, traversed = []) {
       }
       return;
     } else if (isArray && partType === "object") {
-      const {
-        from = 0,
-        to = current.length - 1,
-        by = 1
-      } = part;
+      const { from = 0, to = current.length - 1, by = 1 } = part;
       for (let i = from; i <= to; i += by) {
         updatePath(current, [i].concat(path), traversed);
       }
@@ -204,14 +224,17 @@ function updatePath(current, path, traversed = []) {
   }
   if (part === undefined && value == undefined) return;
   value = unwrap(value);
-  if (part === undefined || isWrappable(prev) && isWrappable(value) && !Array.isArray(value)) {
+  if (part === undefined || (isWrappable(prev) && isWrappable(value) && !Array.isArray(value))) {
     mergeStoreNode(prev, value);
   } else setProperty(current, part, value);
 }
 function createStore(...[store, options]) {
   const unwrappedStore = unwrap(store || {});
   const isArray = Array.isArray(unwrappedStore);
-  if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createStore'. Expected an object.`);
+  if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function")
+    throw new Error(
+      `Unexpected type ${typeof unwrappedStore} received when initializing 'createStore'. Expected an object.`
+    );
   const wrappedStore = wrap$1(unwrappedStore);
   DEV$1.registerGraph({
     value: unwrappedStore,
@@ -219,7 +242,9 @@ function createStore(...[store, options]) {
   });
   function setStore(...args) {
     batch(() => {
-      isArray && args.length === 1 ? updateArray(unwrappedStore, args[0]) : updatePath(unwrappedStore, args);
+      isArray && args.length === 1
+        ? updateArray(unwrappedStore, args[0])
+        : updatePath(unwrappedStore, args);
     });
   }
   return [wrappedStore, setStore];
@@ -227,11 +252,19 @@ function createStore(...[store, options]) {
 
 function proxyDescriptor(target, property) {
   const desc = Reflect.getOwnPropertyDescriptor(target, property);
-  if (!desc || desc.get || desc.set || !desc.configurable || property === $PROXY || property === $NODE) return desc;
+  if (
+    !desc ||
+    desc.get ||
+    desc.set ||
+    !desc.configurable ||
+    property === $PROXY ||
+    property === $NODE
+  )
+    return desc;
   delete desc.value;
   delete desc.writable;
   desc.get = () => target[$PROXY][property];
-  desc.set = v => target[$PROXY][property] = v;
+  desc.set = v => (target[$PROXY][property] = v);
   return desc;
 }
 const proxyTraps = {
@@ -249,14 +282,24 @@ const proxyTraps = {
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
       const isFunction = typeof value === "function";
-      if (getListener() && (!isFunction || target.hasOwnProperty(property)) && !(desc && desc.get)) value = getNode(nodes, property, value)();else if (value != null && isFunction && value === Array.prototype[property]) {
+      if (getListener() && (!isFunction || target.hasOwnProperty(property)) && !(desc && desc.get))
+        value = getNode(nodes, property, value)();
+      else if (value != null && isFunction && value === Array.prototype[property]) {
         return (...args) => batch(() => Array.prototype[property].apply(receiver, args));
       }
     }
     return isWrappable(value) ? wrap(value) : value;
   },
   has(target, property) {
-    if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === $HAS || property === "__proto__") return true;
+    if (
+      property === $RAW ||
+      property === $PROXY ||
+      property === $TRACK ||
+      property === $NODE ||
+      property === $HAS ||
+      property === "__proto__"
+    )
+      return true;
     getListener() && getNode(getNodes(target, $HAS), property)();
     return property in target;
   },
@@ -275,23 +318,37 @@ function wrap(value) {
   let p = value[$PROXY];
   if (!p) {
     Object.defineProperty(value, $PROXY, {
-      value: p = new Proxy(value, proxyTraps)
+      value: (p = new Proxy(value, proxyTraps))
     });
     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
         });
       }
     }
@@ -300,7 +357,10 @@ function wrap(value) {
 }
 function createMutable(state, options) {
   const unwrappedStore = unwrap(state || {});
-  if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createMutable'. Expected an object.`);
+  if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function")
+    throw new Error(
+      `Unexpected type ${typeof unwrappedStore} received when initializing 'createMutable'. Expected an object.`
+    );
   const wrappedStore = wrap(unwrappedStore);
   DEV$1.registerGraph({
     value: unwrappedStore,
@@ -317,19 +377,42 @@ function applyState(target, parent, property, merge, key) {
   const previous = parent[property];
   if (target === previous) return;
   const isArray = Array.isArray(target);
-  if (property !== $ROOT && (!isWrappable(target) || !isWrappable(previous) || isArray !== Array.isArray(previous) || key && target[key] !== previous[key])) {
+  if (
+    property !== $ROOT &&
+    (!isWrappable(target) ||
+      !isWrappable(previous) ||
+      isArray !== Array.isArray(previous) ||
+      (key && target[key] !== previous[key]))
+  ) {
     setProperty(parent, property, target);
     return;
   }
   if (isArray) {
-    if (target.length && previous.length && (!merge || key && target[0] && target[0][key] != null)) {
+    if (
+      target.length &&
+      previous.length &&
+      (!merge || (key && target[0] && target[0][key] != null))
+    ) {
       let i, j, start, end, newEnd, item, newIndicesNext, keyVal;
-      for (start = 0, end = Math.min(previous.length, target.length); start < end && (previous[start] === target[start] || key && previous[start] && target[start] && previous[start][key] === target[start][key]); start++) {
+      for (
+        start = 0, end = Math.min(previous.length, target.length);
+        start < end &&
+        (previous[start] === target[start] ||
+          (key && previous[start] && target[start] && previous[start][key] === target[start][key]));
+        start++
+      ) {
         applyState(target[start], previous, start, merge, key);
       }
       const temp = new Array(target.length),
         newIndices = new Map();
-      for (end = previous.length - 1, newEnd = target.length - 1; end >= start && newEnd >= start && (previous[end] === target[newEnd] || key && previous[start] && target[start] && previous[end][key] === target[newEnd][key]); end--, newEnd--) {
+      for (
+        end = previous.length - 1, newEnd = target.length - 1;
+        end >= start &&
+        newEnd >= start &&
+        (previous[end] === target[newEnd] ||
+          (key && previous[start] && target[start] && previous[end][key] === target[newEnd][key]));
+        end--, newEnd--
+      ) {
         temp[newEnd] = previous[end];
       }
       if (start > newEnd || start > end) {
@@ -383,16 +466,19 @@ function applyState(target, parent, property, merge, key) {
   }
 }
 function reconcile(value, options = {}) {
-  const {
-      merge,
-      key = "id"
-    } = options,
+  const { merge, key = "id" } = options,
     v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    const res = applyState(v, {
-      [$ROOT]: state
-    }, $ROOT, merge, key);
+    const res = applyState(
+      v,
+      {
+        [$ROOT]: state
+      },
+      $ROOT,
+      merge,
+      key
+    );
     return res === undefined ? state : res;
   };
 }
@@ -402,7 +488,10 @@ const setterTraps = {
     if (property === $RAW) return target;
     const value = target[property];
     let proxy;
-    return isWrappable(value) ? producers.get(value) || (producers.set(value, proxy = new Proxy(value, setterTraps)), proxy) : value;
+    return isWrappable(value)
+      ? producers.get(value) ||
+          (producers.set(value, (proxy = new Proxy(value, setterTraps))), proxy)
+      : value;
   },
   set(target, property, value) {
     setProperty(target, property, unwrap(value));
@@ -418,7 +507,7 @@ function produce(fn) {
     if (isWrappable(state)) {
       let proxy;
       if (!(proxy = producers.get(state))) {
-        producers.set(state, proxy = new Proxy(state, setterTraps));
+        producers.set(state, (proxy = new Proxy(state, setterTraps)));
       }
       fn(proxy);
     }
@@ -430,6 +519,6 @@ const DEV = {
   $NODE,
   isWrappable,
   hooks: DevHooks
-} ;
+};
 
 export { $RAW, DEV, createMutable, createStore, modifyMutable, produce, reconcile, unwrap };

package/store/dist/server.js

@@ -1,6 +1,10 @@
 const $RAW = Symbol("state-raw");
 function isWrappable(obj) {
-  return obj != null && typeof obj === "object" && (Object.getPrototypeOf(obj) === Object.prototype || Array.isArray(obj));
+  return (
+    obj != null &&
+    typeof obj === "object" &&
+    (Object.getPrototypeOf(obj) === Object.prototype || Array.isArray(obj))
+  );
 }
 function unwrap(item) {
   return item;
@@ -49,11 +53,7 @@ function updatePath(current, path, traversed = []) {
       }
       return;
     } else if (isArray && partType === "object") {
-      const {
-        from = 0,
-        to = current.length - 1,
-        by = 1
-      } = part;
+      const { from = 0, to = current.length - 1, by = 1 } = part;
       for (let i = from; i <= to; i += by) {
         updatePath(current, [i].concat(path), traversed);
       }
@@ -71,7 +71,7 @@ function updatePath(current, path, traversed = []) {
     if (value === next) return;
   }
   if (part === undefined && value == undefined) return;
-  if (part === undefined || isWrappable(next) && isWrappable(value) && !Array.isArray(value)) {
+  if (part === undefined || (isWrappable(next) && isWrappable(value) && !Array.isArray(value))) {
     mergeStoreNode(next, value);
   } else setProperty(current, part, value);
 }
@@ -108,4 +108,15 @@ function produce(fn) {
 }
 const DEV = undefined;
 
-export { $RAW, DEV, createMutable, createStore, isWrappable, produce, reconcile, setProperty, unwrap, updatePath };
+export {
+  $RAW,
+  DEV,
+  createMutable,
+  createStore,
+  isWrappable,
+  produce,
+  reconcile,
+  setProperty,
+  unwrap,
+  updatePath
+};

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
         });
       }
     }