solid-js 1.7.0 → 1.7.2

package/dist/dev.cjs

@@ -1666,12 +1666,11 @@ function Suspense(props) {
   });
 }
 
-exports.DEV = void 0;
-exports.DEV = {
+const 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.");
 }
@@ -1679,6 +1678,7 @@ if (globalThis) {
 exports.$DEVCOMP = $DEVCOMP;
 exports.$PROXY = $PROXY;
 exports.$TRACK = $TRACK;
+exports.DEV = DEV;
 exports.ErrorBoundary = ErrorBoundary;
 exports.For = For;
 exports.Index = Index;

package/dist/dev.js

@@ -1664,12 +1664,11 @@ function Suspense(props) {
   });
 }
 
-let DEV;
-DEV = {
+const 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.");
 }

package/dist/solid.cjs

@@ -1604,7 +1604,7 @@ function Suspense(props) {
   });
 }
 
-let DEV;
+const DEV = undefined;
 
 exports.$DEVCOMP = $DEVCOMP;
 exports.$PROXY = $PROXY;

package/dist/solid.js

@@ -1602,6 +1602,6 @@ function Suspense(props) {
   });
 }
 
-let DEV;
+const DEV = undefined;
 
 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 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",

package/store/dist/dev.cjs

@@ -59,7 +59,7 @@ function unwrap(item, set = new Set()) {
 function getDataNodes(target) {
   let nodes = target[$NODE];
   if (!nodes) Object.defineProperty(target, $NODE, {
-    value: nodes = {}
+    value: nodes = Object.create(null)
   });
   return nodes;
 }
@@ -101,8 +101,8 @@ const proxyTraps$1 = {
       return receiver;
     }
     const nodes = getDataNodes(target);
-    const tracked = nodes.hasOwnProperty(property);
-    let value = tracked ? nodes[property]() : target[property];
+    const tracked = nodes[property];
+    let value = tracked ? tracked() : target[property];
     if (property === $NODE || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
@@ -239,8 +239,8 @@ const proxyTraps = {
       return receiver;
     }
     const nodes = getDataNodes(target);
-    const tracked = nodes.hasOwnProperty(property);
-    let value = tracked ? nodes[property]() : target[property];
+    const tracked = nodes[property];
+    let value = tracked ? tracked() : target[property];
     if (property === $NODE || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
@@ -421,14 +421,14 @@ function produce(fn) {
   };
 }
 
-exports.DEV = void 0;
-exports.DEV = {
+const DEV = {
   $NODE,
   isWrappable,
   hooks: DevHooks
-};
+} ;
 
 exports.$RAW = $RAW;
+exports.DEV = DEV;
 exports.createMutable = createMutable;
 exports.createStore = createStore;
 exports.modifyMutable = modifyMutable;

package/store/dist/dev.js

@@ -57,7 +57,7 @@ function unwrap(item, set = new Set()) {
 function getDataNodes(target) {
   let nodes = target[$NODE];
   if (!nodes) Object.defineProperty(target, $NODE, {
-    value: nodes = {}
+    value: nodes = Object.create(null)
   });
   return nodes;
 }
@@ -99,8 +99,8 @@ const proxyTraps$1 = {
       return receiver;
     }
     const nodes = getDataNodes(target);
-    const tracked = nodes.hasOwnProperty(property);
-    let value = tracked ? nodes[property]() : target[property];
+    const tracked = nodes[property];
+    let value = tracked ? tracked() : target[property];
     if (property === $NODE || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
@@ -237,8 +237,8 @@ const proxyTraps = {
       return receiver;
     }
     const nodes = getDataNodes(target);
-    const tracked = nodes.hasOwnProperty(property);
-    let value = tracked ? nodes[property]() : target[property];
+    const tracked = nodes[property];
+    let value = tracked ? tracked() : target[property];
     if (property === $NODE || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
@@ -419,11 +419,10 @@ function produce(fn) {
   };
 }
 
-let DEV;
-DEV = {
+const DEV = {
   $NODE,
   isWrappable,
   hooks: DevHooks
-};
+} ;
 
 export { $RAW, DEV, createMutable, createStore, modifyMutable, produce, reconcile, unwrap };

package/store/dist/store.cjs

@@ -56,7 +56,7 @@ function unwrap(item, set = new Set()) {
 function getDataNodes(target) {
   let nodes = target[$NODE];
   if (!nodes) Object.defineProperty(target, $NODE, {
-    value: nodes = {}
+    value: nodes = Object.create(null)
   });
   return nodes;
 }
@@ -98,8 +98,8 @@ const proxyTraps$1 = {
       return receiver;
     }
     const nodes = getDataNodes(target);
-    const tracked = nodes.hasOwnProperty(property);
-    let value = tracked ? nodes[property]() : target[property];
+    const tracked = nodes[property];
+    let value = tracked ? tracked() : target[property];
     if (property === $NODE || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
@@ -228,8 +228,8 @@ const proxyTraps = {
       return receiver;
     }
     const nodes = getDataNodes(target);
-    const tracked = nodes.hasOwnProperty(property);
-    let value = tracked ? nodes[property]() : target[property];
+    const tracked = nodes[property];
+    let value = tracked ? tracked() : target[property];
     if (property === $NODE || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
@@ -405,7 +405,7 @@ function produce(fn) {
   };
 }
 
-let DEV;
+const DEV = undefined;
 
 exports.$RAW = $RAW;
 exports.DEV = DEV;

package/store/dist/store.js

@@ -54,7 +54,7 @@ function unwrap(item, set = new Set()) {
 function getDataNodes(target) {
   let nodes = target[$NODE];
   if (!nodes) Object.defineProperty(target, $NODE, {
-    value: nodes = {}
+    value: nodes = Object.create(null)
   });
   return nodes;
 }
@@ -96,8 +96,8 @@ const proxyTraps$1 = {
       return receiver;
     }
     const nodes = getDataNodes(target);
-    const tracked = nodes.hasOwnProperty(property);
-    let value = tracked ? nodes[property]() : target[property];
+    const tracked = nodes[property];
+    let value = tracked ? tracked() : target[property];
     if (property === $NODE || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
@@ -226,8 +226,8 @@ const proxyTraps = {
       return receiver;
     }
     const nodes = getDataNodes(target);
-    const tracked = nodes.hasOwnProperty(property);
-    let value = tracked ? nodes[property]() : target[property];
+    const tracked = nodes[property];
+    let value = tracked ? tracked() : target[property];
     if (property === $NODE || property === "__proto__") return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
@@ -403,6 +403,6 @@ function produce(fn) {
   };
 }
 
-let DEV;
+const DEV = undefined;
 
 export { $RAW, DEV, createMutable, createStore, modifyMutable, produce, reconcile, unwrap };

package/store/types/index.d.ts

@@ -2,10 +2,12 @@ export { $RAW, createStore, unwrap } from "./store.js";
 export type { ArrayFilterFn, DeepMutable, DeepReadonly, NotWrappable, Part, SetStoreFunction, SolidStore, Store, StoreNode, StorePathRange, StoreSetter } from "./store.js";
 export * from "./mutable.js";
 export * from "./modifiers.js";
-import { $NODE, isWrappable, DevHooks } from "./store.js";
-declare let DEV: {
-    $NODE: typeof $NODE;
-    isWrappable: typeof isWrappable;
-    hooks: typeof DevHooks;
+import { $NODE, isWrappable } from "./store.js";
+declare const DEV: {
+    readonly $NODE: typeof $NODE;
+    readonly isWrappable: typeof isWrappable;
+    readonly hooks: {
+        onStoreNodeUpdate: import("./store.js").OnStoreNodeUpdate | null;
+    };
 } | undefined;
 export { DEV };

package/store/types/store.d.ts

@@ -6,7 +6,7 @@ type DataNode = {
     (): any;
     $(value?: any): void;
 };
-type DataNodes = Record<PropertyKey, DataNode>;
+type DataNodes = Record<PropertyKey, DataNode | undefined>;
 export type OnStoreNodeUpdate = (state: StoreNode, property: PropertyKey, value: StoreNode | NotWrappable, prev: StoreNode | NotWrappable) => void;
 export interface StoreNode {
     [$NODE]?: DataNodes;

package/types/index.d.ts

@@ -7,9 +7,12 @@ export * from "./render/index.js";
 import type { JSX } from "./jsx.js";
 type JSXElement = JSX.Element;
 export type { JSXElement, JSX };
-import { registerGraph, writeSignal, DevHooks } from "./reactive/signal.js";
-declare let DEV: {
-    readonly hooks: typeof DevHooks;
+import { registerGraph, writeSignal } from "./reactive/signal.js";
+declare const DEV: {
+    readonly hooks: {
+        afterUpdate: (() => void) | null;
+        afterCreateOwner: ((owner: import("./reactive/signal.js").Owner) => void) | null;
+    };
     readonly writeSignal: typeof writeSignal;
     readonly registerGraph: typeof registerGraph;
 } | undefined;

package/web/dist/dev.cjs

@@ -573,20 +573,15 @@ function Portal(props) {
     } = props,
     marker = document.createTextNode(""),
     mount = () => props.mount || document.body,
-    content = solidJs.createMemo(renderPortal());
-  function renderPortal() {
-    if (solidJs.sharedConfig.context) {
-      const [s, set] = solidJs.createSignal(false);
-      solidJs.onMount(() => set(true));
-      return () => s() && props.children;
-    } else return () => props.children;
-  }
+    owner = solidJs.getOwner();
+  let content;
   solidJs.createEffect(() => {
+    content || (content = solidJs.runWithOwner(owner, () => props.children));
     const el = mount();
     if (el instanceof HTMLHeadElement) {
       const [clean, setClean] = solidJs.createSignal(false);
       const cleanup = () => setClean(true);
-      solidJs.createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
+      solidJs.createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
       solidJs.onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),

package/web/dist/dev.js

@@ -1,4 +1,4 @@
-import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, createMemo, createSignal, onMount, createEffect, onCleanup, splitProps, $DEVCOMP } from 'solid-js';
+import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, getOwner, createEffect, runWithOwner, createSignal, onCleanup, splitProps, createMemo, $DEVCOMP } from 'solid-js';
 export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, createMemo as memo, mergeProps, untrack } from 'solid-js';
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
@@ -572,20 +572,15 @@ function Portal(props) {
     } = props,
     marker = document.createTextNode(""),
     mount = () => props.mount || document.body,
-    content = createMemo(renderPortal());
-  function renderPortal() {
-    if (sharedConfig.context) {
-      const [s, set] = createSignal(false);
-      onMount(() => set(true));
-      return () => s() && props.children;
-    } else return () => props.children;
-  }
+    owner = getOwner();
+  let content;
   createEffect(() => {
+    content || (content = runWithOwner(owner, () => props.children));
     const el = mount();
     if (el instanceof HTMLHeadElement) {
       const [clean, setClean] = createSignal(false);
       const cleanup = () => setClean(true);
-      createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
+      createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
       onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),

package/web/dist/web.cjs

@@ -573,20 +573,15 @@ function Portal(props) {
     } = props,
     marker = document.createTextNode(""),
     mount = () => props.mount || document.body,
-    content = solidJs.createMemo(renderPortal());
-  function renderPortal() {
-    if (solidJs.sharedConfig.context) {
-      const [s, set] = solidJs.createSignal(false);
-      solidJs.onMount(() => set(true));
-      return () => s() && props.children;
-    } else return () => props.children;
-  }
+    owner = solidJs.getOwner();
+  let content;
   solidJs.createEffect(() => {
+    content || (content = solidJs.runWithOwner(owner, () => props.children));
     const el = mount();
     if (el instanceof HTMLHeadElement) {
       const [clean, setClean] = solidJs.createSignal(false);
       const cleanup = () => setClean(true);
-      solidJs.createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
+      solidJs.createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
       solidJs.onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),

package/web/dist/web.js

@@ -1,4 +1,4 @@
-import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, createMemo, createSignal, onMount, createEffect, onCleanup, splitProps, $DEVCOMP } from 'solid-js';
+import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, getOwner, createEffect, runWithOwner, createSignal, onCleanup, splitProps, createMemo, $DEVCOMP } from 'solid-js';
 export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, createMemo as memo, mergeProps, untrack } from 'solid-js';
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
@@ -572,20 +572,15 @@ function Portal(props) {
     } = props,
     marker = document.createTextNode(""),
     mount = () => props.mount || document.body,
-    content = createMemo(renderPortal());
-  function renderPortal() {
-    if (sharedConfig.context) {
-      const [s, set] = createSignal(false);
-      onMount(() => set(true));
-      return () => s() && props.children;
-    } else return () => props.children;
-  }
+    owner = getOwner();
+  let content;
   createEffect(() => {
+    content || (content = runWithOwner(owner, () => props.children));
     const el = mount();
     if (el instanceof HTMLHeadElement) {
       const [clean, setClean] = createSignal(false);
       const cleanup = () => setClean(true);
-      createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
+      createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
       onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),