solid-js 1.5.0-beta.0 → 1.5.0-beta.3

package/types/server/rendering.d.ts

@@ -1,5 +1,5 @@
-import { Setter } from "./reactive";
-import type { JSX } from "../jsx";
+import { Setter } from "./reactive.js";
+import type { JSX } from "../jsx.js";
 export declare type Component<P = {}> = (props: P) => JSX.Element;
 export declare type VoidProps<P = {}> = P & {
     children?: never;
@@ -48,9 +48,10 @@ export declare function Index<T>(props: {
     children: (item: () => T, index: number) => string;
 }): string | any[] | undefined;
 export declare function Show<T>(props: {
-    when: T | false;
+    when: T | undefined | null | false;
+    keyed?: boolean;
     fallback?: string;
-    children: string | ((item: T) => string);
+    children: string | ((item: NonNullable<T>) => string);
 }): string;
 export declare function Switch(props: {
     fallback?: string;
@@ -58,6 +59,7 @@ export declare function Switch(props: {
 }): string;
 declare type MatchProps<T> = {
     when: T | false;
+    keyed?: boolean;
     children: string | ((item: T) => string);
 };
 export declare function Match<T>(props: MatchProps<T>): MatchProps<T>;
@@ -65,9 +67,12 @@ export declare function resetErrorBoundaries(): void;
 export declare function ErrorBoundary(props: {
     fallback: string | ((err: any, reset: () => void) => string);
     children: string;
-}): any;
+}): string | ((err: any, reset: () => void) => string) | {
+    t: string;
+};
 export interface Resource<T> {
     (): T | undefined;
+    state: "unresolved" | "pending" | "ready" | "refreshing" | "error";
     loading: boolean;
     error: any;
     latest: T | undefined;
@@ -77,6 +82,7 @@ declare type SuspenseContextType = {
         loading: boolean;
         error: any;
     }>;
+    complete: boolean;
     completed: () => void;
 };
 export declare type ResourceActions<T> = {
@@ -94,11 +100,13 @@ export declare type ResourceOptions<T> = undefined extends T ? {
     initialValue?: T;
     name?: string;
     deferStream?: boolean;
+    useInitialValue?: boolean;
     onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 } : {
     initialValue: T;
     name?: string;
     deferStream?: boolean;
+    useInitialValue?: boolean;
     onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 };
 export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S, T>, options?: ResourceOptions<undefined>): ResourceReturn<T | undefined>;
@@ -119,7 +127,8 @@ export declare function useTransition(): [() => boolean, (fn: () => any) => void
 declare type HydrationContext = {
     id: string;
     count: number;
-    writeResource?: (id: string, v: Promise<any> | any, error?: boolean, deferStream?: boolean) => void;
+    writeResource: (id: string, v: Promise<any> | any, error?: boolean, deferStream?: boolean) => void;
+    replace: (id: string, replacement: () => any) => void;
     resources: Record<string, any>;
     suspense: Record<string, SuspenseContextType>;
     registerFragment: (v: string) => (v?: string, err?: any) => boolean;

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;
       }
@@ -690,3 +694,4 @@ exports.ssrHydrationKey = ssrHydrationKey;
 exports.ssrStyle = ssrStyle;
 exports.style = style;
 exports.template = template;
+exports.use = use;

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;
       }
@@ -591,4 +595,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, 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, use };