solid-js 1.4.3 → 1.4.6

package/dist/solid.js

@@ -156,16 +156,18 @@ let ExecCount = 0;
 function createRoot(fn, detachedOwner) {
   const listener = Listener,
         owner = Owner,
-        root = fn.length === 0 && !false ? UNOWNED : {
+        unowned = fn.length === 0,
+        root = unowned && !false ? UNOWNED : {
     owned: null,
     cleanups: null,
     context: null,
     owner: detachedOwner || owner
-  };
+  },
+        updateFn = unowned ? fn : () => fn(() => cleanNode(root));
   Owner = root;
   Listener = null;
   try {
-    return runUpdates(() => fn(() => cleanNode(root)), true);
+    return runUpdates(updateFn, true);
   } finally {
     Listener = listener;
     Owner = owner;
@@ -741,10 +743,8 @@ function runUpdates(fn, init) {
     completeUpdates(wait);
     return res;
   } catch (err) {
+    if (!Updates) Effects = null;
     handleError(err);
-  } finally {
-    Updates = null;
-    if (!wait) Effects = null;
   }
 }
 function completeUpdates(wait) {
@@ -763,14 +763,16 @@ function completeUpdates(wait) {
       return;
     }
     const sources = Transition.sources;
+    const disposed = Transition.disposed;
     res = Transition.resolve;
-    Effects.forEach(e => {
+    for (const e of Effects) {
       "tState" in e && (e.state = e.tState);
       delete e.tState;
-    });
+    }
     Transition = null;
     batch(() => {
-      sources.forEach(v => {
+      for (const d of disposed) cleanNode(d);
+      for (const v of sources) {
         v.value = v.tValue;
         if (v.owned) {
           for (let i = 0, len = v.owned.length; i < len; i++) cleanNode(v.owned[i]);
@@ -779,7 +781,7 @@ function completeUpdates(wait) {
         delete v.tValue;
         delete v.tOwned;
         v.tState = 0;
-      });
+      }
       setTransPending(false);
     });
   }
@@ -897,7 +899,7 @@ function reset(node, top) {
 function handleError(err) {
   const fns = ERROR && lookup(Owner, ERROR);
   if (!fns) throw err;
-  fns.forEach(f => f(err));
+  for (const f of fns) f(err);
 }
 function lookup(owner, key) {
   return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
@@ -1353,27 +1355,24 @@ function ErrorBoundary(props) {
 
 const SuspenseListContext = createContext();
 function SuspenseList(props) {
-  let index = 0,
-      suspenseSetter,
-      showContent,
-      showFallback;
+  let suspenseSetter, showContent, showFallback;
   const listContext = useContext(SuspenseListContext);
   if (listContext) {
     const [inFallback, setFallback] = createSignal(false);
     suspenseSetter = setFallback;
     [showContent, showFallback] = listContext.register(inFallback);
   }
-  const registry = [],
+  const [registry, setRegistry] = createSignal([]),
         comp = createComponent(SuspenseListContext.Provider, {
     value: {
       register: inFallback => {
         const [showingContent, showContent] = createSignal(false),
               [showingFallback, showFallback] = createSignal(false);
-        registry[index++] = {
+        setRegistry(registry => [...registry, {
           inFallback,
           showContent,
           showFallback
-        };
+        }]);
         return [showingContent, showingFallback];
       }
     },
@@ -1386,31 +1385,32 @@ function SuspenseList(props) {
           tail = props.tail,
           visibleContent = showContent ? showContent() : true,
           visibleFallback = showFallback ? showFallback() : true,
+          reg = registry(),
           reverse = reveal === "backwards";
     if (reveal === "together") {
-      const all = registry.every(i => !i.inFallback());
+      const all = reg.every(i => !i.inFallback());
       suspenseSetter && suspenseSetter(!all);
-      registry.forEach(i => {
+      reg.forEach(i => {
         i.showContent(all && visibleContent);
         i.showFallback(visibleFallback);
       });
       return;
     }
     let stop = false;
-    for (let i = 0, len = registry.length; i < len; i++) {
+    for (let i = 0, len = reg.length; i < len; i++) {
       const n = reverse ? len - i - 1 : i,
-            s = registry[n].inFallback();
+            s = reg[n].inFallback();
       if (!stop && !s) {
-        registry[n].showContent(visibleContent);
-        registry[n].showFallback(visibleFallback);
+        reg[n].showContent(visibleContent);
+        reg[n].showFallback(visibleFallback);
       } else {
         const next = !stop;
         if (next && suspenseSetter) suspenseSetter(true);
         if (!tail || next && tail === "collapsed") {
-          registry[n].showFallback(visibleFallback);
-        } else registry[n].showFallback(false);
+          reg[n].showFallback(visibleFallback);
+        } else reg[n].showFallback(false);
         stop = true;
-        registry[n].showContent(next);
+        reg[n].showContent(next);
       }
     }
     if (!stop && suspenseSetter) suspenseSetter(false);
@@ -1439,7 +1439,7 @@ function Suspense(props) {
     resolved: false
   },
         owner = getOwner();
-  if (sharedConfig.context) {
+  if (sharedConfig.context && sharedConfig.load) {
     const key = sharedConfig.context.id + sharedConfig.context.count;
     p = sharedConfig.load(key);
     if (p) {
@@ -1472,7 +1472,7 @@ function Suspense(props) {
           return flicker = undefined;
         }
         if (ctx && p === undefined) setHydrateContext();
-        const rendered = untrack(() => props.children);
+        const rendered = createMemo(() => props.children);
         return createMemo(() => {
           const inFallback = store.inFallback(),
                 visibleContent = showContent ? showContent() : true,
@@ -1482,7 +1482,7 @@ function Suspense(props) {
             store.resolved = true;
             ctx = p = undefined;
             resumeEffects(store.effects);
-            return rendered;
+            return rendered();
           }
           if (!visibleFallback) return;
           return createRoot(disposer => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.4.3",
+  "version": "1.4.6",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -151,5 +151,5 @@
     "compiler",
     "performance"
   ],
-  "gitHead": "44197a3f304400b055baef40da9ac661c0585b85"
+  "gitHead": "9dc1ba00f653c924cae926ef8a1f1c3da8f41bb5"
 }

package/store/dist/dev.cjs

@@ -31,7 +31,8 @@ function wrap$1(value, name) {
   return p;
 }
 function isWrappable(obj) {
-  return obj != null && typeof obj === "object" && (obj[solidJs.$PROXY] || !obj.__proto__ || obj.__proto__ === Object.prototype || Array.isArray(obj));
+  let proto;
+  return obj != null && typeof obj === "object" && (obj[solidJs.$PROXY] || !(proto = Object.getPrototypeOf(obj)) || proto === Object.prototype || Array.isArray(obj));
 }
 function unwrap(item, set = new Set()) {
   let result, unwrapped, v, prop;
@@ -199,7 +200,7 @@ function updatePath(current, path, traversed = []) {
     mergeStoreNode(prev, value);
   } else setProperty(current, part, value);
 }
-function createStore(store, options) {
+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.`);
@@ -237,11 +238,11 @@ const proxyTraps = {
     return isWrappable(value) ? wrap(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
   },
   set(target, property, value) {
-    setProperty(target, property, unwrap(value));
+    solidJs.batch(() => setProperty(target, property, unwrap(value)));
     return true;
   },
   deleteProperty(target, property) {
-    setProperty(target, property, undefined);
+    solidJs.batch(() => setProperty(target, property, undefined));
     return true;
   },
   ownKeys: ownKeys,
@@ -293,11 +294,15 @@ function modifyMutable(state, modifier) {
   solidJs.batch(() => modifier(unwrap(state)));
 }
 
+const $ROOT = Symbol("store-root");
 function applyState(target, parent, property, merge, key) {
   const previous = parent[property];
   if (target === previous) return;
   if (!isWrappable(target) || !isWrappable(previous) || key && target[key] !== previous[key]) {
-    target !== previous && setProperty(parent, property, target);
+    if (target !== previous) {
+      if (property === $ROOT) return target;
+      setProperty(parent, property, target);
+    }
     return;
   }
   if (Array.isArray(target)) {
@@ -369,10 +374,10 @@ function reconcile(value, options = {}) {
         v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    solidJs.batch(() => applyState(v, {
-      state
-    }, "state", merge, key));
-    return state;
+    const res = applyState(v, {
+      [$ROOT]: state
+    }, $ROOT, merge, key);
+    return res === undefined ? state : res;
   };
 }
 const producers = new WeakMap();

package/store/dist/dev.js

@@ -27,7 +27,8 @@ function wrap$1(value, name) {
   return p;
 }
 function isWrappable(obj) {
-  return obj != null && typeof obj === "object" && (obj[$PROXY] || !obj.__proto__ || obj.__proto__ === Object.prototype || Array.isArray(obj));
+  let proto;
+  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;
@@ -195,7 +196,7 @@ function updatePath(current, path, traversed = []) {
     mergeStoreNode(prev, value);
   } else setProperty(current, part, value);
 }
-function createStore(store, options) {
+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.`);
@@ -233,11 +234,11 @@ const proxyTraps = {
     return isWrappable(value) ? wrap(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
   },
   set(target, property, value) {
-    setProperty(target, property, unwrap(value));
+    batch(() => setProperty(target, property, unwrap(value)));
     return true;
   },
   deleteProperty(target, property) {
-    setProperty(target, property, undefined);
+    batch(() => setProperty(target, property, undefined));
     return true;
   },
   ownKeys: ownKeys,
@@ -289,11 +290,15 @@ function modifyMutable(state, modifier) {
   batch(() => modifier(unwrap(state)));
 }
 
+const $ROOT = Symbol("store-root");
 function applyState(target, parent, property, merge, key) {
   const previous = parent[property];
   if (target === previous) return;
   if (!isWrappable(target) || !isWrappable(previous) || key && target[key] !== previous[key]) {
-    target !== previous && setProperty(parent, property, target);
+    if (target !== previous) {
+      if (property === $ROOT) return target;
+      setProperty(parent, property, target);
+    }
     return;
   }
   if (Array.isArray(target)) {
@@ -365,10 +370,10 @@ function reconcile(value, options = {}) {
         v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    batch(() => applyState(v, {
-      state
-    }, "state", merge, key));
-    return state;
+    const res = applyState(v, {
+      [$ROOT]: state
+    }, $ROOT, merge, key);
+    return res === undefined ? state : res;
   };
 }
 const producers = new WeakMap();

package/store/dist/server.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const $RAW = Symbol("state-raw");
 function isWrappable(obj) {
-  return obj != null && typeof obj === "object" && (obj.__proto__ === Object.prototype || Array.isArray(obj));
+  return obj != null && typeof obj === "object" && (Object.getPrototypeOf(obj) === Object.prototype || Array.isArray(obj));
 }
 function unwrap(item) {
   return item;
@@ -22,6 +22,19 @@ function mergeStoreNode(state, value, force) {
     setProperty(state, key, value[key], force);
   }
 }
+function updateArray(current, next) {
+  if (typeof next === "function") next = next(current);
+  if (Array.isArray(next)) {
+    if (current === next) return;
+    let i = 0,
+        len = next.length;
+    for (; i < len; i++) {
+      const value = next[i];
+      if (current[i] !== value) setProperty(current, i, value);
+    }
+    setProperty(current, "length", len);
+  } else mergeStoreNode(current, next);
+}
 function updatePath(current, path, traversed = []) {
   let part,
       next = current;
@@ -67,8 +80,9 @@ function updatePath(current, path, traversed = []) {
   } else setProperty(current, part, value);
 }
 function createStore(state) {
+  const isArray = Array.isArray(state);
   function setStore(...args) {
-    updatePath(state, args);
+    isArray && args.length === 1 ? updateArray(state, args[0]) : updatePath(state, args);
   }
   return [state, setStore];
 }

package/store/dist/server.js

@@ -1,6 +1,6 @@
 const $RAW = Symbol("state-raw");
 function isWrappable(obj) {
-  return obj != null && typeof obj === "object" && (obj.__proto__ === Object.prototype || Array.isArray(obj));
+  return obj != null && typeof obj === "object" && (Object.getPrototypeOf(obj) === Object.prototype || Array.isArray(obj));
 }
 function unwrap(item) {
   return item;
@@ -18,6 +18,19 @@ function mergeStoreNode(state, value, force) {
     setProperty(state, key, value[key], force);
   }
 }
+function updateArray(current, next) {
+  if (typeof next === "function") next = next(current);
+  if (Array.isArray(next)) {
+    if (current === next) return;
+    let i = 0,
+        len = next.length;
+    for (; i < len; i++) {
+      const value = next[i];
+      if (current[i] !== value) setProperty(current, i, value);
+    }
+    setProperty(current, "length", len);
+  } else mergeStoreNode(current, next);
+}
 function updatePath(current, path, traversed = []) {
   let part,
       next = current;
@@ -63,8 +76,9 @@ function updatePath(current, path, traversed = []) {
   } else setProperty(current, part, value);
 }
 function createStore(state) {
+  const isArray = Array.isArray(state);
   function setStore(...args) {
-    updatePath(state, args);
+    isArray && args.length === 1 ? updateArray(state, args[0]) : updatePath(state, args);
   }
   return [state, setStore];
 }

package/store/dist/store.cjs

@@ -28,7 +28,8 @@ function wrap$1(value, name) {
   return p;
 }
 function isWrappable(obj) {
-  return obj != null && typeof obj === "object" && (obj[solidJs.$PROXY] || !obj.__proto__ || obj.__proto__ === Object.prototype || Array.isArray(obj));
+  let proto;
+  return obj != null && typeof obj === "object" && (obj[solidJs.$PROXY] || !(proto = Object.getPrototypeOf(obj)) || proto === Object.prototype || Array.isArray(obj));
 }
 function unwrap(item, set = new Set()) {
   let result, unwrapped, v, prop;
@@ -194,7 +195,7 @@ function updatePath(current, path, traversed = []) {
     mergeStoreNode(prev, value);
   } else setProperty(current, part, value);
 }
-function createStore(store, options) {
+function createStore(...[store, options]) {
   const unwrappedStore = unwrap(store || {});
   const isArray = Array.isArray(unwrappedStore);
   const wrappedStore = wrap$1(unwrappedStore);
@@ -225,11 +226,11 @@ const proxyTraps = {
     return isWrappable(value) ? wrap(value) : value;
   },
   set(target, property, value) {
-    setProperty(target, property, unwrap(value));
+    solidJs.batch(() => setProperty(target, property, unwrap(value)));
     return true;
   },
   deleteProperty(target, property) {
-    setProperty(target, property, undefined);
+    solidJs.batch(() => setProperty(target, property, undefined));
     return true;
   },
   ownKeys: ownKeys,
@@ -271,11 +272,15 @@ function modifyMutable(state, modifier) {
   solidJs.batch(() => modifier(unwrap(state)));
 }
 
+const $ROOT = Symbol("store-root");
 function applyState(target, parent, property, merge, key) {
   const previous = parent[property];
   if (target === previous) return;
   if (!isWrappable(target) || !isWrappable(previous) || key && target[key] !== previous[key]) {
-    target !== previous && setProperty(parent, property, target);
+    if (target !== previous) {
+      if (property === $ROOT) return target;
+      setProperty(parent, property, target);
+    }
     return;
   }
   if (Array.isArray(target)) {
@@ -347,10 +352,10 @@ function reconcile(value, options = {}) {
         v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    solidJs.batch(() => applyState(v, {
-      state
-    }, "state", merge, key));
-    return state;
+    const res = applyState(v, {
+      [$ROOT]: state
+    }, $ROOT, merge, key);
+    return res === undefined ? state : res;
   };
 }
 const producers = new WeakMap();

package/store/dist/store.js

@@ -24,7 +24,8 @@ function wrap$1(value, name) {
   return p;
 }
 function isWrappable(obj) {
-  return obj != null && typeof obj === "object" && (obj[$PROXY] || !obj.__proto__ || obj.__proto__ === Object.prototype || Array.isArray(obj));
+  let proto;
+  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;
@@ -190,7 +191,7 @@ function updatePath(current, path, traversed = []) {
     mergeStoreNode(prev, value);
   } else setProperty(current, part, value);
 }
-function createStore(store, options) {
+function createStore(...[store, options]) {
   const unwrappedStore = unwrap(store || {});
   const isArray = Array.isArray(unwrappedStore);
   const wrappedStore = wrap$1(unwrappedStore);
@@ -221,11 +222,11 @@ const proxyTraps = {
     return isWrappable(value) ? wrap(value) : value;
   },
   set(target, property, value) {
-    setProperty(target, property, unwrap(value));
+    batch(() => setProperty(target, property, unwrap(value)));
     return true;
   },
   deleteProperty(target, property) {
-    setProperty(target, property, undefined);
+    batch(() => setProperty(target, property, undefined));
     return true;
   },
   ownKeys: ownKeys,
@@ -267,11 +268,15 @@ function modifyMutable(state, modifier) {
   batch(() => modifier(unwrap(state)));
 }
 
+const $ROOT = Symbol("store-root");
 function applyState(target, parent, property, merge, key) {
   const previous = parent[property];
   if (target === previous) return;
   if (!isWrappable(target) || !isWrappable(previous) || key && target[key] !== previous[key]) {
-    target !== previous && setProperty(parent, property, target);
+    if (target !== previous) {
+      if (property === $ROOT) return target;
+      setProperty(parent, property, target);
+    }
     return;
   }
   if (Array.isArray(target)) {
@@ -343,10 +348,10 @@ function reconcile(value, options = {}) {
         v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    batch(() => applyState(v, {
-      state
-    }, "state", merge, key));
-    return state;
+    const res = applyState(v, {
+      [$ROOT]: state
+    }, $ROOT, merge, key);
+    return res === undefined ? state : res;
   };
 }
 const producers = new WeakMap();

package/store/types/store.d.ts

@@ -34,8 +34,8 @@ export declare type StorePathRange = {
     by?: number;
 };
 export declare type ArrayFilterFn<T> = (item: T, index: number) => boolean;
-export declare type StoreSetter<T, U extends PropertyKey[] = []> = ((prevState: T, traversed: U) => T | CustomPartial<T> | void) | T | CustomPartial<T>;
-export declare type Part<T, K extends KeyOf<T> = KeyOf<T>> = [K] extends [never] ? never : K | readonly K[] | ([T] extends [readonly unknown[]] ? ArrayFilterFn<T[number]> | StorePathRange : never);
+export declare type StoreSetter<T, U extends PropertyKey[] = []> = ((prevState: T, traversed: U) => T | CustomPartial<T>) | T | CustomPartial<T>;
+export declare type Part<T, K extends KeyOf<T> = KeyOf<T>> = K | ([K] extends [never] ? never : readonly K[]) | ([T] extends [readonly unknown[]] ? ArrayFilterFn<T[number]> | StorePathRange : never);
 declare type W<T> = Exclude<T, NotWrappable>;
 declare type KeyOf<T> = number extends keyof T ? 0 extends 1 & T ? keyof T : [T] extends [readonly unknown[]] ? number : [T] extends [never] ? never : keyof T : keyof T;
 declare type Rest<T, U extends PropertyKey[]> = [StoreSetter<T, U>] | (0 extends 1 & T ? [...Part<any>[], StoreSetter<any, PropertyKey[]>] : DistributeRest<W<T>, KeyOf<W<T>>, U>);
@@ -55,7 +55,9 @@ export interface SetStoreFunction<T> {
  *
  * @description https://www.solidjs.com/docs/latest/api#createstore
  */
-export declare function createStore<T extends StoreNode>(store: T | Store<T>, options?: {
+export declare function createStore<T extends {}>(...[store, options]: {} extends T ? [store?: T | Store<T>, options?: {
     name?: string;
-}): [get: Store<T>, set: SetStoreFunction<T>];
+}] : [store: object & (T | Store<T>), options?: {
+    name?: string;
+}]): [get: Store<T>, set: SetStoreFunction<T>];
 export {};

package/types/index.d.ts

@@ -1,5 +1,5 @@
 export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createReaction, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $DEVCOMP, $PROXY, $TRACK } from "./reactive/signal";
-export type { Accessor, Setter, Signal, Resource, ResourceReturn, ResourceFetcher, ResourceFetcherInfo, Context, ReturnTypes } from "./reactive/signal";
+export type { Accessor, Setter, Signal, Resource, ResourceOptions, ResourceReturn, ResourceFetcher, ResourceFetcherInfo, Context, ReturnTypes, Owner } from "./reactive/signal";
 export * from "./reactive/observable";
 export * from "./reactive/scheduler";
 export * from "./reactive/array";

package/types/reactive/signal.d.ts

@@ -11,6 +11,7 @@ export declare let Transition: TransitionState | null;
 declare let ExternalSourceFactory: ExternalSourceFactory | null;
 declare global {
     var _$afterUpdate: () => void;
+    var _$afterCreateRoot: (root: Owner) => void;
 }
 export interface SignalState<T> {
     value?: T;