solid-js 1.5.0-beta.1 → 1.5.0-beta.4

package/universal/dist/dev.cjs

@@ -235,7 +235,10 @@ function createRenderer$1({
     mergeProps,
     effect: solidJs.createRenderEffect,
     memo,
-    createComponent: solidJs.createComponent
+    createComponent: solidJs.createComponent,
+    use(fn, element, arg) {
+      return solidJs.untrack(() => fn(element, arg));
+    }
   };
 }
 function mergeProps(...sources) {

package/universal/dist/dev.js

@@ -1,4 +1,4 @@
-import { createMemo, createRoot, createRenderEffect, createComponent, mergeProps as mergeProps$1 } from 'solid-js';
+import { createMemo, createRoot, createRenderEffect, createComponent, untrack, mergeProps as mergeProps$1 } from 'solid-js';
 
 function memo(fn, equals) {
   return createMemo(fn, undefined, !equals ? {
@@ -231,7 +231,10 @@ function createRenderer$1({
     mergeProps,
     effect: createRenderEffect,
     memo,
-    createComponent
+    createComponent,
+    use(fn, element, arg) {
+      return untrack(() => fn(element, arg));
+    }
   };
 }
 function mergeProps(...sources) {

package/universal/dist/universal.cjs

@@ -235,7 +235,10 @@ function createRenderer$1({
     mergeProps,
     effect: solidJs.createRenderEffect,
     memo,
-    createComponent: solidJs.createComponent
+    createComponent: solidJs.createComponent,
+    use(fn, element, arg) {
+      return solidJs.untrack(() => fn(element, arg));
+    }
   };
 }
 function mergeProps(...sources) {

package/universal/dist/universal.js

@@ -1,4 +1,4 @@
-import { createMemo, createRoot, createRenderEffect, createComponent, mergeProps as mergeProps$1 } from 'solid-js';
+import { createMemo, createRoot, createRenderEffect, createComponent, untrack, mergeProps as mergeProps$1 } from 'solid-js';
 
 function memo(fn, equals) {
   return createMemo(fn, undefined, !equals ? {
@@ -231,7 +231,10 @@ function createRenderer$1({
     mergeProps,
     effect: createRenderEffect,
     memo,
-    createComponent
+    createComponent,
+    use(fn, element, arg) {
+      return untrack(() => fn(element, arg));
+    }
   };
 }
 function mergeProps(...sources) {

package/universal/types/index.d.ts

@@ -1,2 +1,2 @@
-import type { RendererOptions, Renderer } from "./universal";
+import type { RendererOptions, Renderer } from "./universal.js";
 export declare function createRenderer<NodeType>(options: RendererOptions<NodeType>): Renderer<NodeType>;

package/web/dist/dev.cjs

@@ -207,6 +207,9 @@ function dynamicProperty(props, key) {
 function innerHTML(parent, content) {
   !solidJs.sharedConfig.context && (parent.innerHTML = content);
 }
+function use(fn, element, arg) {
+  return solidJs.untrack(() => fn(element, arg));
+}
 function insert(parent, accessor, marker, initial) {
   if (marker !== undefined && !initial) initial = [];
   if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
@@ -414,6 +417,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
       return () => current;
     }
     if (solidJs.sharedConfig.context) {
+      if (!array.length) return current;
       for (let i = 0; i < array.length; i++) {
         if (array[i].parentNode) return current = array;
       }
@@ -498,12 +502,10 @@ function getHydrationKey() {
   const hydrate = solidJs.sharedConfig.context;
   return `${hydrate.id}${hydrate.count++}`;
 }
-function Assets() {
-  return;
-}
 function NoHydration(props) {
   return solidJs.sharedConfig.context ? undefined : props.children;
 }
+function voidFn() {}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -526,7 +528,7 @@ function ssrAttribute(key, value) {}
 function ssrHydrationKey() {}
 function resolveSSRNode(node) {}
 function escape(html) {}
-function generateHydrationScript() {}
+function ssrSpread(props, isSVG, skipChildren) {}
 
 const isServer = false;
 const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
@@ -643,12 +645,12 @@ Object.defineProperty(exports, 'mergeProps', {
   get: function () { return solidJs.mergeProps; }
 });
 exports.Aliases = Aliases;
-exports.Assets = Assets;
+exports.Assets = voidFn;
 exports.ChildProperties = ChildProperties;
 exports.DOMElements = DOMElements;
 exports.DelegatedEvents = DelegatedEvents;
 exports.Dynamic = Dynamic;
-exports.HydrationScript = Assets;
+exports.HydrationScript = voidFn;
 exports.NoHydration = NoHydration;
 exports.Portal = Portal;
 exports.PropAliases = PropAliases;
@@ -663,7 +665,8 @@ exports.clearDelegatedEvents = clearDelegatedEvents;
 exports.delegateEvents = delegateEvents;
 exports.dynamicProperty = dynamicProperty;
 exports.escape = escape;
-exports.generateHydrationScript = generateHydrationScript;
+exports.generateHydrationScript = voidFn;
+exports.getAssets = voidFn;
 exports.getHydrationKey = getHydrationKey;
 exports.getNextElement = getNextElement;
 exports.getNextMarker = getNextMarker;
@@ -687,6 +690,9 @@ exports.ssrAttribute = ssrAttribute;
 exports.ssrClassList = ssrClassList;
 exports.ssrElement = ssrElement;
 exports.ssrHydrationKey = ssrHydrationKey;
+exports.ssrSpread = ssrSpread;
 exports.ssrStyle = ssrStyle;
 exports.style = style;
 exports.template = template;
+exports.use = use;
+exports.useAssets = voidFn;

package/web/dist/dev.js

@@ -1,4 +1,4 @@
-import { createMemo, createRoot, createRenderEffect, sharedConfig, enableHydration, createSignal, onCleanup, splitProps, $DEVCOMP, untrack } from 'solid-js';
+import { createMemo, createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, createSignal, onCleanup, splitProps, $DEVCOMP } from 'solid-js';
 export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, mergeProps } 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"];
@@ -204,6 +204,9 @@ function dynamicProperty(props, key) {
 function innerHTML(parent, content) {
   !sharedConfig.context && (parent.innerHTML = content);
 }
+function use(fn, element, arg) {
+  return untrack(() => fn(element, arg));
+}
 function insert(parent, accessor, marker, initial) {
   if (marker !== undefined && !initial) initial = [];
   if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
@@ -411,6 +414,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
       return () => current;
     }
     if (sharedConfig.context) {
+      if (!array.length) return current;
       for (let i = 0; i < array.length; i++) {
         if (array[i].parentNode) return current = array;
       }
@@ -495,12 +499,10 @@ function getHydrationKey() {
   const hydrate = sharedConfig.context;
   return `${hydrate.id}${hydrate.count++}`;
 }
-function Assets() {
-  return;
-}
 function NoHydration(props) {
   return sharedConfig.context ? undefined : props.children;
 }
+function voidFn() {}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -523,7 +525,7 @@ function ssrAttribute(key, value) {}
 function ssrHydrationKey() {}
 function resolveSSRNode(node) {}
 function escape(html) {}
-function generateHydrationScript() {}
+function ssrSpread(props, isSVG, skipChildren) {}
 
 const isServer = false;
 const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
@@ -591,4 +593,4 @@ function Dynamic(props) {
   });
 }
 
-export { Aliases, Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, innerHTML, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrStyle, style, template };
+export { Aliases, voidFn as Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, voidFn as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, voidFn as generateHydrationScript, voidFn as getAssets, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, innerHTML, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrSpread, ssrStyle, style, template, use, voidFn as useAssets };