solid-js 1.8.22 → 1.9.0

package/html/types/lit.d.ts

@@ -1,41 +1,60 @@
 type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
 interface Runtime {
-    effect<T>(fn: (prev?: T) => T, init?: T): any;
-    untrack<T>(fn: () => T): T;
-    insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
-    spread<T>(node: Element, accessor: (() => T) | T, isSVG?: Boolean, skipChildren?: Boolean): void;
-    createComponent(Comp: (props: any) => any, props: any): any;
-    addEventListener(node: Element, name: string, handler: () => void, delegate: boolean): void;
-    delegateEvents(eventNames: string[]): void;
-    classList(node: Element, value: {
-        [k: string]: boolean;
-    }, prev?: {
-        [k: string]: boolean;
-    }): {
-        [k: string]: boolean;
-    };
-    style(node: Element, value: {
-        [k: string]: string;
-    }, prev?: {
-        [k: string]: string;
-    }): void;
-    mergeProps(...sources: unknown[]): unknown;
-    dynamicProperty(props: any, key: string): any;
-    setAttribute(node: Element, name: string, value: any): void;
-    setAttributeNS(node: Element, namespace: string, name: string, value: any): void;
-    Aliases: Record<string, string>;
-    getPropAlias(prop: string, tagName: string): string | undefined;
-    Properties: Set<string>;
-    ChildProperties: Set<string>;
-    DelegatedEvents: Set<string>;
-    SVGElements: Set<string>;
-    SVGNamespace: Record<string, string>;
+  effect<T>(fn: (prev?: T) => T, init?: T): any;
+  untrack<T>(fn: () => T): T;
+  insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
+  spread<T>(node: Element, accessor: (() => T) | T, isSVG?: Boolean, skipChildren?: Boolean): void;
+  createComponent(Comp: (props: any) => any, props: any): any;
+  addEventListener(
+    node: Element,
+    name: string,
+    handler: EventListener | EventListenerObject | (EventListenerObject & AddEventListenerOptions),
+    delegate: boolean
+  ): void;
+  delegateEvents(eventNames: string[]): void;
+  classList(
+    node: Element,
+    value: {
+      [k: string]: boolean;
+    },
+    prev?: {
+      [k: string]: boolean;
+    }
+  ): {
+    [k: string]: boolean;
+  };
+  style(
+    node: Element,
+    value: {
+      [k: string]: string;
+    },
+    prev?: {
+      [k: string]: string;
+    }
+  ): void;
+  mergeProps(...sources: unknown[]): unknown;
+  dynamicProperty(props: any, key: string): any;
+  setAttribute(node: Element, name: string, value: any): void;
+  setAttributeNS(node: Element, namespace: string, name: string, value: any): void;
+  Aliases: Record<string, string>;
+  getPropAlias(prop: string, tagName: string): string | undefined;
+  Properties: Set<string>;
+  ChildProperties: Set<string>;
+  DelegatedEvents: Set<string>;
+  SVGElements: Set<string>;
+  SVGNamespace: Record<string, string>;
 }
 export type HTMLTag = {
-    (statics: TemplateStringsArray, ...args: unknown[]): Node | Node[];
+  (statics: TemplateStringsArray, ...args: unknown[]): Node | Node[];
 };
-export declare function createHTML(r: Runtime, { delegateEvents, functionBuilder }?: {
+export declare function createHTML(
+  r: Runtime,
+  {
+    delegateEvents,
+    functionBuilder
+  }?: {
     delegateEvents?: boolean;
     functionBuilder?: (...args: string[]) => Function;
-}): HTMLTag;
+  }
+): HTMLTag;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.8.22",
+  "version": "1.9.0",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -11,10 +11,6 @@
   },
   "main": "./dist/server.cjs",
   "module": "./dist/server.js",
-  "browser": {
-    "./dist/server.cjs": "./dist/solid.cjs",
-    "./dist/server.js": "./dist/solid.js"
-  },
   "unpkg": "./dist/solid.cjs",
   "types": "types/index.d.ts",
   "sideEffects": false,

package/store/dist/dev.cjs

@@ -282,7 +282,7 @@ 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;
+    const isClass = proto !== null && value !== null && typeof value === "object" && !Array.isArray(value) && proto !== Object.prototype;
     if (isClass) {
       const descriptors = Object.getOwnPropertyDescriptors(proto);
       keys.push(...Object.keys(descriptors));

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,12 +318,17 @@ 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;
+    const isClass =
+      proto !== null &&
+      value !== null &&
+      typeof value === "object" &&
+      !Array.isArray(value) &&
+      proto !== Object.prototype;
     if (isClass) {
       const descriptors = Object.getOwnPropertyDescriptors(proto);
       keys.push(...Object.keys(descriptors));
@@ -310,7 +358,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,
@@ -327,19 +378,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) {
@@ -393,16 +467,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;
   };
 }
@@ -412,7 +489,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));
@@ -428,7 +508,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);
     }
@@ -440,6 +520,6 @@ const DEV = {
   $NODE,
   isWrappable,
   hooks: DevHooks
-} ;
+};
 
 export { $RAW, DEV, createMutable, createStore, modifyMutable, produce, reconcile, unwrap };

package/store/dist/server.cjs

@@ -87,6 +87,9 @@ function createStore(state) {
 function createMutable(state) {
   return state;
 }
+function modifyMutable(state, modifier) {
+  modifier(state);
+}
 function reconcile(value, options = {}) {
   return state => {
     if (!isWrappable(state) || !isWrappable(value)) return value;
@@ -115,6 +118,7 @@ exports.DEV = DEV;
 exports.createMutable = createMutable;
 exports.createStore = createStore;
 exports.isWrappable = isWrappable;
+exports.modifyMutable = modifyMutable;
 exports.produce = produce;
 exports.reconcile = reconcile;
 exports.setProperty = setProperty;

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);
 }
@@ -85,6 +85,9 @@ function createStore(state) {
 function createMutable(state) {
   return state;
 }
+function modifyMutable(state, modifier) {
+  modifier(state);
+}
 function reconcile(value, options = {}) {
   return state => {
     if (!isWrappable(state) || !isWrappable(value)) return value;
@@ -108,4 +111,16 @@ function produce(fn) {
 }
 const DEV = undefined;
 
-export { $RAW, DEV, createMutable, createStore, isWrappable, produce, reconcile, setProperty, unwrap, updatePath };
+export {
+  $RAW,
+  DEV,
+  createMutable,
+  createStore,
+  isWrappable,
+  modifyMutable,
+  produce,
+  reconcile,
+  setProperty,
+  unwrap,
+  updatePath
+};

package/store/dist/store.cjs

@@ -271,7 +271,7 @@ 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;
+    const isClass = proto !== null && value !== null && typeof value === "object" && !Array.isArray(value) && proto !== Object.prototype;
     if (isClass) {
       const descriptors = Object.getOwnPropertyDescriptors(proto);
       keys.push(...Object.keys(descriptors));