solid-js 1.6.15 → 1.7.0-beta.1

package/dist/dev.cjs

@@ -154,7 +154,10 @@ let Listener = null;
 let Updates = null;
 let Effects = null;
 let ExecCount = 0;
-let rootCount = 0;
+const DevHooks = {
+  afterUpdate: null,
+  afterCreateOwner: null
+};
 const [transPending, setTransPending] = /*@__PURE__*/createSignal(false);
 function createRoot(fn, detachedOwner) {
   const listener = Listener,
@@ -174,10 +177,7 @@ function createRoot(fn, detachedOwner) {
     updateFn = unowned ? () => fn(() => {
       throw new Error("Dispose method must be an explicit argument to createRoot function");
     })  : () => fn(() => untrack(() => cleanNode(root)));
-  {
-    if (owner) root.name = `${owner.name}-r${rootCount++}`;
-    globalThis._$afterCreateRoot && globalThis._$afterCreateRoot(root);
-  }
+  DevHooks.afterCreateOwner && DevHooks.afterCreateOwner(root);
   Owner = root;
   Listener = null;
   try {
@@ -195,7 +195,10 @@ function createSignal(value, options) {
     observerSlots: null,
     comparator: options.equals || undefined
   };
-  if (!options.internal) s.name = registerGraph(options.name || hashValue(value), s);
+  if (!options.internal) {
+    if (options.name) s.name = options.name;
+    registerGraph(s);
+  }
   const setter = value => {
     if (typeof value === "function") {
       if (Transition && Transition.running && Transition.sources.has(s)) value = value(s.tValue);else value = value(s.value);
@@ -458,6 +461,20 @@ function onCleanup(fn) {
   if (Owner === null) console.warn("cleanups created outside a `createRoot` or `render` will never be run");else if (Owner.cleanups === null) Owner.cleanups = [fn];else Owner.cleanups.push(fn);
   return fn;
 }
+function catchError(fn, handler) {
+  ERROR || (ERROR = Symbol("error"));
+  Owner = createComputation(undefined, undefined, true);
+  Owner.context = {
+    [ERROR]: [handler]
+  };
+  try {
+    return fn();
+  } catch (err) {
+    handleError(err);
+  } finally {
+    Owner = Owner.owner;
+  }
+}
 function onError(fn) {
   ERROR || (ERROR = Symbol("error"));
   if (Owner === null) console.warn("error handlers created outside a `createRoot` or `render` will never be run");else if (Owner.context === null) Owner.context = {
@@ -532,49 +549,15 @@ function devComponent(Comp, props) {
   c.props = props;
   c.observers = null;
   c.observerSlots = null;
-  c.componentName = Comp.name;
+  c.name = Comp.name;
+  c.component = Comp;
   updateComputation(c);
   return c.tValue !== undefined ? c.tValue : c.value;
 }
-function hashValue(v) {
-  const s = new Set();
-  return `s${typeof v === "string" ? hash(v) : hash(untrack(() => JSON.stringify(v, (k, v) => {
-    if (typeof v === "object" && v != null) {
-      if (s.has(v)) return;
-      s.add(v);
-      const keys = Object.keys(v);
-      const desc = Object.getOwnPropertyDescriptors(v);
-      const newDesc = keys.reduce((memo, key) => {
-        const value = desc[key];
-        if (!value.get) memo[key] = value;
-        return memo;
-      }, {});
-      v = Object.create({}, newDesc);
-    }
-    if (typeof v === "bigint") {
-      return `${v.toString()}n`;
-    }
-    return v;
-  }) || ""))}`;
-}
-function registerGraph(name, value) {
-  let tryName = name;
-  if (Owner) {
-    let i = 0;
-    Owner.sourceMap || (Owner.sourceMap = {});
-    while (Owner.sourceMap[tryName]) tryName = `${name}-${++i}`;
-    Owner.sourceMap[tryName] = value;
-    value.graph = Owner;
-  }
-  return tryName;
-}
-function serializeGraph(owner) {
-  owner || (owner = Owner);
-  if (!owner) return {};
-  return {
-    ...serializeValues(owner.sourceMap),
-    ...(owner.owned ? serializeChildren(owner) : {})
-  };
+function registerGraph(value) {
+  if (!Owner) return;
+  if (Owner.sourceMap) Owner.sourceMap.push(value);else Owner.sourceMap = [value];
+  value.graph = Owner;
 }
 function createContext(defaultValue, options) {
   const id = Symbol("context");
@@ -758,8 +741,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
     } else {
       if (!Owner.owned) Owner.owned = [c];else Owner.owned.push(c);
     }
-    c.name = options && options.name || `${Owner.name || "c"}-${(Owner.owned || Owner.tOwned).length}`;
   }
+  if (options && options.name) c.name = options.name;
   if (ExternalSourceFactory) {
     const [track, trigger] = createSignal(undefined, {
       equals: false
@@ -773,6 +756,7 @@ function createComputation(fn, init, pure, state = STALE, options) {
       return Transition && Transition.running ? inTransition.track(x) : ordinary.track(x);
     };
   }
+  DevHooks.afterCreateOwner && DevHooks.afterCreateOwner(c);
   return c;
 }
 function runTop(node) {
@@ -862,7 +846,7 @@ function completeUpdates(wait) {
   }
   const e = Effects;
   Effects = null;
-  if (e.length) runUpdates(() => runEffects(e), false);else globalThis._$afterUpdate && globalThis._$afterUpdate();
+  if (e.length) runUpdates(() => runEffects(e), false);else DevHooks.afterUpdate && DevHooks.afterUpdate();
   if (res) res();
 }
 function runQueue(queue) {
@@ -938,16 +922,16 @@ function cleanNode(node) {
   }
   if (Transition && Transition.running && node.pure) {
     if (node.tOwned) {
-      for (i = 0; i < node.tOwned.length; i++) cleanNode(node.tOwned[i]);
+      for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
       delete node.tOwned;
     }
     reset(node, true);
   } else if (node.owned) {
-    for (i = 0; i < node.owned.length; i++) cleanNode(node.owned[i]);
+    for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
     node.owned = null;
   }
   if (node.cleanups) {
-    for (i = 0; i < node.cleanups.length; i++) node.cleanups[i]();
+    for (i = node.cleanups.length - 1; i >= 0; i--) node.cleanups[i]();
     node.cleanups = null;
   }
   if (Transition && Transition.running) node.tState = 0;else node.state = 0;
@@ -964,22 +948,24 @@ function reset(node, top) {
   }
 }
 function castError(err) {
-  if (err instanceof Error || typeof err === "string") return err;
-  return new Error("Unknown error");
+  if (err instanceof Error) return err;
+  return new Error(typeof err === "string" ? err : "Unknown error", {
+    cause: err
+  });
 }
 function runErrors(fns, err) {
   for (const f of fns) f(err);
 }
 function handleError(err) {
-  err = castError(err);
   const fns = ERROR && lookup(Owner, ERROR);
   if (!fns) throw err;
+  const error = castError(err);
   if (Effects) Effects.push({
     fn() {
-      runErrors(fns, err);
+      runErrors(fns, error);
     },
     state: STALE
-  });else runErrors(fns, err);
+  });else runErrors(fns, error);
 }
 function lookup(owner, key) {
   return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
@@ -1008,30 +994,6 @@ function createProvider(id, options) {
     return res;
   };
 }
-function hash(s) {
-  for (var i = 0, h = 9; i < s.length;) h = Math.imul(h ^ s.charCodeAt(i++), 9 ** 9);
-  return `${h ^ h >>> 9}`;
-}
-function serializeValues(sources = {}) {
-  const k = Object.keys(sources);
-  const result = {};
-  for (let i = 0; i < k.length; i++) {
-    const key = k[i];
-    result[key] = sources[key].value;
-  }
-  return result;
-}
-function serializeChildren(root) {
-  const result = {};
-  for (let i = 0, len = root.owned.length; i < len; i++) {
-    const node = root.owned[i];
-    result[node.componentName ? `${node.componentName}:${node.name}` : node.name] = {
-      ...serializeValues(node.sourceMap),
-      ...(node.owned ? serializeChildren(node) : {})
-    };
-  }
-  return result;
-}
 
 function observable(input) {
   return {
@@ -1451,10 +1413,9 @@ function Index(props) {
   }) ;
 }
 function Show(props) {
-  let strictEqual = false;
   const keyed = props.keyed;
   const condition = createMemo(() => props.when, undefined, {
-    equals: (a, b) => strictEqual ? a === b : !a === !b,
+    equals: (a, b) => keyed ? a === b : !a === !b,
     name: "condition"
   } );
   return createMemo(() => {
@@ -1462,8 +1423,10 @@ function Show(props) {
     if (c) {
       const child = props.children;
       const fn = typeof child === "function" && child.length > 0;
-      strictEqual = keyed || fn;
-      return fn ? untrack(() => child(c)) : child;
+      return fn ? untrack(() => child(keyed ? c : () => {
+        if (true && !untrack(condition)) console.warn("Accessing stale value from Show.");
+        return props.when;
+      })) : child;
     }
     return props.fallback;
   }, undefined, {
@@ -1471,9 +1434,8 @@ function Show(props) {
   } );
 }
 function Switch(props) {
-  let strictEqual = false;
   let keyed = false;
-  const equals = (a, b) => a[0] === b[0] && (strictEqual ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
+  const equals = (a, b) => a[0] === b[0] && (keyed ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
   const conditions = children(() => props.children),
     evalConditions = createMemo(() => {
       let conds = conditions();
@@ -1495,8 +1457,10 @@ function Switch(props) {
     if (index < 0) return props.fallback;
     const c = cond.children;
     const fn = typeof c === "function" && c.length > 0;
-    strictEqual = keyed || fn;
-    return fn ? untrack(() => c(when)) : c;
+    return fn ? untrack(() => c(keyed ? when : () => {
+      if (true && untrack(evalConditions)[0] !== index) console.warn("Accessing stale value from Match.");
+      return cond.when;
+    })) : c;
   }, undefined, {
     name: "value"
   } );
@@ -1523,12 +1487,9 @@ function ErrorBoundary(props) {
     if (e = errored()) {
       const f = props.fallback;
       if ((typeof f !== "function" || f.length == 0)) console.error(e);
-      const res = typeof f === "function" && f.length ? untrack(() => f(e, () => setErrored())) : f;
-      onError(setErrored);
-      return res;
+      return typeof f === "function" && f.length ? untrack(() => f(e, () => setErrored())) : f;
     }
-    onError(setErrored);
-    return props.children;
+    return catchError(() => props.children, setErrored);
   }, undefined, {
     name: "value"
   } );
@@ -1701,14 +1662,11 @@ function Suspense(props) {
 }
 
 exports.DEV = void 0;
-{
-  exports.DEV = {
-    writeSignal,
-    serializeGraph,
-    registerGraph,
-    hashValue
-  };
-}
+exports.DEV = {
+  hooks: DevHooks,
+  writeSignal,
+  registerGraph
+};
 if (globalThis) {
   if (!globalThis.Solid$$) globalThis.Solid$$ = true;else console.warn("You appear to have multiple instances of Solid. This can lead to unexpected behavior.");
 }
@@ -1726,6 +1684,7 @@ exports.SuspenseList = SuspenseList;
 exports.Switch = Switch;
 exports.batch = batch;
 exports.cancelCallback = cancelCallback;
+exports.catchError = catchError;
 exports.children = children;
 exports.createComponent = createComponent;
 exports.createComputed = createComputed;

package/dist/dev.js

@@ -152,7 +152,10 @@ let Listener = null;
 let Updates = null;
 let Effects = null;
 let ExecCount = 0;
-let rootCount = 0;
+const DevHooks = {
+  afterUpdate: null,
+  afterCreateOwner: null
+};
 const [transPending, setTransPending] = /*@__PURE__*/createSignal(false);
 function createRoot(fn, detachedOwner) {
   const listener = Listener,
@@ -172,10 +175,7 @@ function createRoot(fn, detachedOwner) {
     updateFn = unowned ? () => fn(() => {
       throw new Error("Dispose method must be an explicit argument to createRoot function");
     })  : () => fn(() => untrack(() => cleanNode(root)));
-  {
-    if (owner) root.name = `${owner.name}-r${rootCount++}`;
-    globalThis._$afterCreateRoot && globalThis._$afterCreateRoot(root);
-  }
+  DevHooks.afterCreateOwner && DevHooks.afterCreateOwner(root);
   Owner = root;
   Listener = null;
   try {
@@ -193,7 +193,10 @@ function createSignal(value, options) {
     observerSlots: null,
     comparator: options.equals || undefined
   };
-  if (!options.internal) s.name = registerGraph(options.name || hashValue(value), s);
+  if (!options.internal) {
+    if (options.name) s.name = options.name;
+    registerGraph(s);
+  }
   const setter = value => {
     if (typeof value === "function") {
       if (Transition && Transition.running && Transition.sources.has(s)) value = value(s.tValue);else value = value(s.value);
@@ -456,6 +459,20 @@ function onCleanup(fn) {
   if (Owner === null) console.warn("cleanups created outside a `createRoot` or `render` will never be run");else if (Owner.cleanups === null) Owner.cleanups = [fn];else Owner.cleanups.push(fn);
   return fn;
 }
+function catchError(fn, handler) {
+  ERROR || (ERROR = Symbol("error"));
+  Owner = createComputation(undefined, undefined, true);
+  Owner.context = {
+    [ERROR]: [handler]
+  };
+  try {
+    return fn();
+  } catch (err) {
+    handleError(err);
+  } finally {
+    Owner = Owner.owner;
+  }
+}
 function onError(fn) {
   ERROR || (ERROR = Symbol("error"));
   if (Owner === null) console.warn("error handlers created outside a `createRoot` or `render` will never be run");else if (Owner.context === null) Owner.context = {
@@ -530,49 +547,15 @@ function devComponent(Comp, props) {
   c.props = props;
   c.observers = null;
   c.observerSlots = null;
-  c.componentName = Comp.name;
+  c.name = Comp.name;
+  c.component = Comp;
   updateComputation(c);
   return c.tValue !== undefined ? c.tValue : c.value;
 }
-function hashValue(v) {
-  const s = new Set();
-  return `s${typeof v === "string" ? hash(v) : hash(untrack(() => JSON.stringify(v, (k, v) => {
-    if (typeof v === "object" && v != null) {
-      if (s.has(v)) return;
-      s.add(v);
-      const keys = Object.keys(v);
-      const desc = Object.getOwnPropertyDescriptors(v);
-      const newDesc = keys.reduce((memo, key) => {
-        const value = desc[key];
-        if (!value.get) memo[key] = value;
-        return memo;
-      }, {});
-      v = Object.create({}, newDesc);
-    }
-    if (typeof v === "bigint") {
-      return `${v.toString()}n`;
-    }
-    return v;
-  }) || ""))}`;
-}
-function registerGraph(name, value) {
-  let tryName = name;
-  if (Owner) {
-    let i = 0;
-    Owner.sourceMap || (Owner.sourceMap = {});
-    while (Owner.sourceMap[tryName]) tryName = `${name}-${++i}`;
-    Owner.sourceMap[tryName] = value;
-    value.graph = Owner;
-  }
-  return tryName;
-}
-function serializeGraph(owner) {
-  owner || (owner = Owner);
-  if (!owner) return {};
-  return {
-    ...serializeValues(owner.sourceMap),
-    ...(owner.owned ? serializeChildren(owner) : {})
-  };
+function registerGraph(value) {
+  if (!Owner) return;
+  if (Owner.sourceMap) Owner.sourceMap.push(value);else Owner.sourceMap = [value];
+  value.graph = Owner;
 }
 function createContext(defaultValue, options) {
   const id = Symbol("context");
@@ -756,8 +739,8 @@ function createComputation(fn, init, pure, state = STALE, options) {
     } else {
       if (!Owner.owned) Owner.owned = [c];else Owner.owned.push(c);
     }
-    c.name = options && options.name || `${Owner.name || "c"}-${(Owner.owned || Owner.tOwned).length}`;
   }
+  if (options && options.name) c.name = options.name;
   if (ExternalSourceFactory) {
     const [track, trigger] = createSignal(undefined, {
       equals: false
@@ -771,6 +754,7 @@ function createComputation(fn, init, pure, state = STALE, options) {
       return Transition && Transition.running ? inTransition.track(x) : ordinary.track(x);
     };
   }
+  DevHooks.afterCreateOwner && DevHooks.afterCreateOwner(c);
   return c;
 }
 function runTop(node) {
@@ -860,7 +844,7 @@ function completeUpdates(wait) {
   }
   const e = Effects;
   Effects = null;
-  if (e.length) runUpdates(() => runEffects(e), false);else globalThis._$afterUpdate && globalThis._$afterUpdate();
+  if (e.length) runUpdates(() => runEffects(e), false);else DevHooks.afterUpdate && DevHooks.afterUpdate();
   if (res) res();
 }
 function runQueue(queue) {
@@ -936,16 +920,16 @@ function cleanNode(node) {
   }
   if (Transition && Transition.running && node.pure) {
     if (node.tOwned) {
-      for (i = 0; i < node.tOwned.length; i++) cleanNode(node.tOwned[i]);
+      for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
       delete node.tOwned;
     }
     reset(node, true);
   } else if (node.owned) {
-    for (i = 0; i < node.owned.length; i++) cleanNode(node.owned[i]);
+    for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
     node.owned = null;
   }
   if (node.cleanups) {
-    for (i = 0; i < node.cleanups.length; i++) node.cleanups[i]();
+    for (i = node.cleanups.length - 1; i >= 0; i--) node.cleanups[i]();
     node.cleanups = null;
   }
   if (Transition && Transition.running) node.tState = 0;else node.state = 0;
@@ -962,22 +946,24 @@ function reset(node, top) {
   }
 }
 function castError(err) {
-  if (err instanceof Error || typeof err === "string") return err;
-  return new Error("Unknown error");
+  if (err instanceof Error) return err;
+  return new Error(typeof err === "string" ? err : "Unknown error", {
+    cause: err
+  });
 }
 function runErrors(fns, err) {
   for (const f of fns) f(err);
 }
 function handleError(err) {
-  err = castError(err);
   const fns = ERROR && lookup(Owner, ERROR);
   if (!fns) throw err;
+  const error = castError(err);
   if (Effects) Effects.push({
     fn() {
-      runErrors(fns, err);
+      runErrors(fns, error);
     },
     state: STALE
-  });else runErrors(fns, err);
+  });else runErrors(fns, error);
 }
 function lookup(owner, key) {
   return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
@@ -1006,30 +992,6 @@ function createProvider(id, options) {
     return res;
   };
 }
-function hash(s) {
-  for (var i = 0, h = 9; i < s.length;) h = Math.imul(h ^ s.charCodeAt(i++), 9 ** 9);
-  return `${h ^ h >>> 9}`;
-}
-function serializeValues(sources = {}) {
-  const k = Object.keys(sources);
-  const result = {};
-  for (let i = 0; i < k.length; i++) {
-    const key = k[i];
-    result[key] = sources[key].value;
-  }
-  return result;
-}
-function serializeChildren(root) {
-  const result = {};
-  for (let i = 0, len = root.owned.length; i < len; i++) {
-    const node = root.owned[i];
-    result[node.componentName ? `${node.componentName}:${node.name}` : node.name] = {
-      ...serializeValues(node.sourceMap),
-      ...(node.owned ? serializeChildren(node) : {})
-    };
-  }
-  return result;
-}
 
 function observable(input) {
   return {
@@ -1449,10 +1411,9 @@ function Index(props) {
   }) ;
 }
 function Show(props) {
-  let strictEqual = false;
   const keyed = props.keyed;
   const condition = createMemo(() => props.when, undefined, {
-    equals: (a, b) => strictEqual ? a === b : !a === !b,
+    equals: (a, b) => keyed ? a === b : !a === !b,
     name: "condition"
   } );
   return createMemo(() => {
@@ -1460,8 +1421,10 @@ function Show(props) {
     if (c) {
       const child = props.children;
       const fn = typeof child === "function" && child.length > 0;
-      strictEqual = keyed || fn;
-      return fn ? untrack(() => child(c)) : child;
+      return fn ? untrack(() => child(keyed ? c : () => {
+        if (true && !untrack(condition)) console.warn("Accessing stale value from Show.");
+        return props.when;
+      })) : child;
     }
     return props.fallback;
   }, undefined, {
@@ -1469,9 +1432,8 @@ function Show(props) {
   } );
 }
 function Switch(props) {
-  let strictEqual = false;
   let keyed = false;
-  const equals = (a, b) => a[0] === b[0] && (strictEqual ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
+  const equals = (a, b) => a[0] === b[0] && (keyed ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
   const conditions = children(() => props.children),
     evalConditions = createMemo(() => {
       let conds = conditions();
@@ -1493,8 +1455,10 @@ function Switch(props) {
     if (index < 0) return props.fallback;
     const c = cond.children;
     const fn = typeof c === "function" && c.length > 0;
-    strictEqual = keyed || fn;
-    return fn ? untrack(() => c(when)) : c;
+    return fn ? untrack(() => c(keyed ? when : () => {
+      if (true && untrack(evalConditions)[0] !== index) console.warn("Accessing stale value from Match.");
+      return cond.when;
+    })) : c;
   }, undefined, {
     name: "value"
   } );
@@ -1521,12 +1485,9 @@ function ErrorBoundary(props) {
     if (e = errored()) {
       const f = props.fallback;
       if ((typeof f !== "function" || f.length == 0)) console.error(e);
-      const res = typeof f === "function" && f.length ? untrack(() => f(e, () => setErrored())) : f;
-      onError(setErrored);
-      return res;
+      return typeof f === "function" && f.length ? untrack(() => f(e, () => setErrored())) : f;
     }
-    onError(setErrored);
-    return props.children;
+    return catchError(() => props.children, setErrored);
   }, undefined, {
     name: "value"
   } );
@@ -1699,16 +1660,13 @@ function Suspense(props) {
 }
 
 let DEV;
-{
-  DEV = {
-    writeSignal,
-    serializeGraph,
-    registerGraph,
-    hashValue
-  };
-}
+DEV = {
+  hooks: DevHooks,
+  writeSignal,
+  registerGraph
+};
 if (globalThis) {
   if (!globalThis.Solid$$) globalThis.Solid$$ = true;else console.warn("You appear to have multiple instances of Solid. This can lead to unexpected behavior.");
 }
 
-export { $DEVCOMP, $PROXY, $TRACK, DEV, ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, batch, cancelCallback, children, createComponent, createComputed, createContext, createDeferred, createEffect, createMemo, createReaction, createRenderEffect, createResource, createRoot, createSelector, createSignal, createUniqueId, enableExternalSource, enableHydration, enableScheduling, equalFn, from, getListener, getOwner, indexArray, lazy, mapArray, mergeProps, observable, on, onCleanup, onError, onMount, requestCallback, resetErrorBoundaries, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };
+export { $DEVCOMP, $PROXY, $TRACK, DEV, ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, batch, cancelCallback, catchError, children, createComponent, createComputed, createContext, createDeferred, createEffect, createMemo, createReaction, createRenderEffect, createResource, createRoot, createSelector, createSignal, createUniqueId, enableExternalSource, enableHydration, enableScheduling, equalFn, from, getListener, getOwner, indexArray, lazy, mapArray, mergeProps, observable, on, onCleanup, onError, onMount, requestCallback, resetErrorBoundaries, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };