solid-js 1.8.3 → 1.8.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -159,6 +159,10 @@
       "import": "./web/dist/web.js",
       "require": "./web/dist/web.cjs"
     },
+    "./web/storage": {
+      "import": "./web/dist/storage.js",
+      "require": "./web/dist/storage.cjs"
+    },
     "./web/dist/*": "./web/dist/*",
     "./universal": {
       "development": {
@@ -206,7 +210,7 @@
   ],
   "dependencies": {
     "csstype": "^3.1.0",
-    "seroval": "^0.11.6"
+    "seroval": "^0.12.0"
   },
   "scripts": {
     "build": "npm-run-all -nl build:*",
@@ -217,7 +221,7 @@
     "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",
+    "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: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.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,29 +31,20 @@ 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++) {
@@ -67,10 +58,9 @@ 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) {
@@ -80,12 +70,11 @@ 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];
@@ -112,25 +101,12 @@ 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;
   },
@@ -159,7 +135,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);
@@ -205,7 +181,11 @@ 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);
       }
@@ -224,17 +204,14 @@ 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,
@@ -242,9 +219,7 @@ 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];
@@ -252,19 +227,11 @@ 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 = {
@@ -282,24 +249,14 @@ 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;
   },
@@ -318,7 +275,7 @@ 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);
@@ -343,10 +300,7 @@ 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,
@@ -362,39 +316,19 @@ const $ROOT = Symbol("store-root");
 function applyState(target, parent, property, merge, key) {
   const previous = parent[property];
   if (target === previous) return;
-  if (
-    property !== $ROOT &&
-    (!isWrappable(target) || !isWrappable(previous) || (key && target[key] !== previous[key]))
-  ) {
+  if (property !== $ROOT && (!isWrappable(target) || !isWrappable(previous) || key && target[key] !== previous[key])) {
     setProperty(parent, property, target);
     return;
   }
   if (Array.isArray(target)) {
-    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) {
@@ -448,19 +382,16 @@ 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;
   };
 }
@@ -470,10 +401,7 @@ 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));
@@ -489,7 +417,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);
     }
@@ -501,6 +429,6 @@ const DEV = {
   $NODE,
   isWrappable,
   hooks: DevHooks
-};
+} ;
 
 export { $RAW, DEV, createMutable, createStore, modifyMutable, produce, reconcile, unwrap };

package/store/dist/server.js

@@ -1,10 +1,6 @@
 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;
@@ -53,7 +49,11 @@ 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,15 +108,4 @@ 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 };