solid-js 1.7.0-beta.5 → 1.7.1

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-beta.5",
+  "version": "1.7.1",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",

package/types/index.d.ts

@@ -8,7 +8,7 @@ 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: {
+declare const DEV: {
     readonly hooks: typeof DevHooks;
     readonly writeSignal: typeof writeSignal;
     readonly registerGraph: typeof registerGraph;

package/types/jsx.d.ts

@@ -847,13 +847,13 @@ export namespace JSX {
     allow?: string;
     allowfullscreen?: boolean;
     height?: number | string;
+    loading?: "eager" | "lazy";
     name?: string;
     referrerpolicy?: HTMLReferrerPolicy;
     sandbox?: HTMLIframeSandbox | string;
     src?: string;
     srcdoc?: string;
     width?: number | string;
-    loading?: "eager" | "lazy";
     referrerPolicy?: HTMLReferrerPolicy;
   }
   interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {

package/web/dist/dev.cjs

@@ -573,23 +573,16 @@ 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;
-  }
-  solidJs.createRenderEffect(() => {
+    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.onCleanup(() => {
-        if (solidJs.sharedConfig.context) queueMicrotask(cleanup);else cleanup();
-      });
+      solidJs.createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
+      solidJs.onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
         renderRoot = useShadow && container.attachShadow ? container.attachShadow({

package/web/dist/dev.js

@@ -1,4 +1,4 @@
-import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, createMemo, createSignal, onMount, 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,23 +572,16 @@ 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;
-  }
-  createRenderEffect(() => {
+    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));
-      onCleanup(() => {
-        if (sharedConfig.context) queueMicrotask(cleanup);else cleanup();
-      });
+      createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
+      onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
         renderRoot = useShadow && container.attachShadow ? container.attachShadow({

package/web/dist/web.cjs

@@ -573,23 +573,16 @@ 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;
-  }
-  solidJs.createRenderEffect(() => {
+    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.onCleanup(() => {
-        if (solidJs.sharedConfig.context) queueMicrotask(cleanup);else cleanup();
-      });
+      solidJs.createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
+      solidJs.onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
         renderRoot = useShadow && container.attachShadow ? container.attachShadow({

package/web/dist/web.js

@@ -1,4 +1,4 @@
-import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, createMemo, createSignal, onMount, 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,23 +572,16 @@ 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;
-  }
-  createRenderEffect(() => {
+    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));
-      onCleanup(() => {
-        if (sharedConfig.context) queueMicrotask(cleanup);else cleanup();
-      });
+      createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
+      onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
         renderRoot = useShadow && container.attachShadow ? container.attachShadow({