solid-js 2.0.0-experimental.0 → 2.0.0-experimental.10

package/types/client/flow.d.ts

@@ -1,4 +1,4 @@
-import type { Accessor } from "@solidjs/signals";
+import type { Accessor, BoundaryMode } from "@solidjs/signals";
 import type { JSX } from "../jsx.js";
 /**
  * Creates a list of elements from a list
@@ -13,10 +13,10 @@ import type { JSX } from "../jsx.js";
  * @description https://docs.solidjs.com/reference/components/for
  */
 export declare function For<T extends readonly any[], U extends JSX.Element>(props: {
-  each: T | undefined | null | false;
-  fallback?: JSX.Element;
-  keyed?: boolean | ((item: T) => any);
-  children: (item: Accessor<T[number]>, index: Accessor<number>) => U;
+    each: T | undefined | null | false;
+    fallback?: JSX.Element;
+    keyed?: boolean | ((item: T[number]) => any);
+    children: (item: Accessor<T[number]>, index: Accessor<number>) => U;
 }): JSX.Element;
 /**
  * Creates a list elements from a count
@@ -31,19 +31,20 @@ export declare function For<T extends readonly any[], U extends JSX.Element>(pro
  * @description https://docs.solidjs.com/reference/components/repeat
  */
 export declare function Repeat<T extends JSX.Element>(props: {
-  count: number;
-  fallback?: JSX.Element;
-  children: ((index: number) => T) | T;
+    count: number;
+    from?: number | undefined;
+    fallback?: JSX.Element;
+    children: ((index: number) => T) | T;
 }): JSX.Element;
 /**
  * Conditionally render its children or an optional fallback component
  * @description https://docs.solidjs.com/reference/components/show
  */
 export declare function Show<T>(props: {
-  when: T | undefined | null | false;
-  keyed?: boolean;
-  fallback?: JSX.Element;
-  children: JSX.Element | ((item: Accessor<NonNullable<T>>) => JSX.Element);
+    when: T | undefined | null | false;
+    keyed?: boolean;
+    fallback?: JSX.Element;
+    children: JSX.Element | ((item: Accessor<NonNullable<T>>) => JSX.Element);
 }): JSX.Element;
 /**
  * Switches between content based on mutually exclusive conditions
@@ -60,13 +61,13 @@ export declare function Show<T>(props: {
  * @description https://docs.solidjs.com/reference/components/switch-and-match
  */
 export declare function Switch(props: {
-  fallback?: JSX.Element;
-  children: JSX.Element;
+    fallback?: JSX.Element;
+    children: JSX.Element;
 }): JSX.Element;
 export type MatchProps<T> = {
-  when: T | undefined | null | false;
-  keyed?: boolean;
-  children: JSX.Element | ((item: Accessor<NonNullable<T>>) => JSX.Element);
+    when: T | undefined | null | false;
+    keyed?: boolean;
+    children: JSX.Element | ((item: Accessor<NonNullable<T>>) => JSX.Element);
 };
 /**
  * Selects a content based on condition when inside a `<Switch>` control flow
@@ -94,21 +95,10 @@ export declare function Match<T>(props: MatchProps<T>): JSX.Element;
  * @description https://docs.solidjs.com/reference/components/error-boundary
  */
 export declare function ErrorBoundary(props: {
-  fallback: JSX.Element | ((err: any, reset: () => void) => JSX.Element);
-  children: JSX.Element;
+    fallback: JSX.Element | ((err: any, reset: () => void) => JSX.Element);
+    children: JSX.Element;
 }): JSX.Element;
-/**
- * Tracks all resources inside a component and renders a fallback until they are all resolved
- * ```typescript
- * const AsyncComponent = lazy(() => import('./component'));
- *
- * <Suspense fallback={<LoadingIndicator />}>
- *   <AsyncComponent />
- * </Suspense>
- * ```
- * @description https://docs.solidjs.com/reference/components/suspense
- */
-export declare function Suspense(props: {
-  fallback?: JSX.Element;
-  children: JSX.Element;
+export declare function Boundary(props: {
+    mode: BoundaryMode;
+    children: JSX.Element;
 }): JSX.Element;

package/types/client/hydration.d.ts

@@ -1,22 +1,50 @@
-export type HydrationContext = {
-  id: string;
-  count: number;
-};
+import { MemoOptions } from "@solidjs/signals";
+import { JSX } from "../jsx.js";
+export type HydrationContext = {};
 type SharedConfig = {
-  context?: HydrationContext;
-  resources?: {
-    [key: string]: any;
-  };
-  load?: (id: string) => Promise<any> | any;
-  has?: (id: string) => boolean;
-  gather?: (key: string) => void;
-  registry?: Map<string, Element>;
-  done?: boolean;
-  count?: number;
-  getContextId(): string;
-  getNextContextId(): string;
+    hydrating: boolean;
+    resources?: {
+        [key: string]: any;
+    };
+    load?: (id: string) => Promise<any> | any;
+    has?: (id: string) => boolean;
+    gather?: (key: string) => void;
+    registry?: Map<string, Element>;
+    done: boolean;
+    getNextContextId(): string;
 };
 export declare const sharedConfig: SharedConfig;
-export declare function setHydrateContext(context?: HydrationContext): void;
-export declare function nextHydrateContext(): HydrationContext | undefined;
+/**
+ * Tracks all resources inside a component and renders a fallback until they are all resolved
+ * ```typescript
+ * const AsyncComponent = lazy(() => import('./component'));
+ *
+ * <Suspense fallback={<LoadingIndicator />}>
+ *   <AsyncComponent />
+ * </Suspense>
+ * ```
+ * @description https://docs.solidjs.com/reference/components/suspense
+ */
+export declare function Suspense(props: {
+    fallback?: JSX.Element;
+    children: JSX.Element;
+}): JSX.Element;
+/**
+ * Creates a readonly derived async reactive memoized signal
+ * ```typescript
+ * export function createAsync<T>(
+ *   compute: (v: T) => Promise<T> | T,
+ *   value?: T,
+ *   options?: { name?: string, equals?: false | ((prev: T, next: T) => boolean) }
+ * ): () => T & { refresh: () => void };
+ * ```
+ * @param compute a function that receives its previous or the initial value, if set, and returns a new value used to react on a computation
+ * @param value an optional initial value for the computation; if set, fn will never receive undefined as first argument
+ * @param options allows to set a name in dev mode for debugging purposes and use a custom comparison function in equals
+ *
+ * @description https://docs.solidjs.com/reference/basic-reactivity/create-async
+ */
+export declare function createAsync<T>(compute: (prev?: T) => Promise<T> | AsyncIterable<T> | T, value?: T, options?: MemoOptions<T>): import("@solidjs/signals").Accessor<T> & {
+    refresh: () => void;
+};
 export {};

package/types/client/observable.d.ts

@@ -1,22 +1,20 @@
 import { Accessor, Setter } from "@solidjs/signals";
 declare global {
-  interface SymbolConstructor {
-    readonly observable: symbol;
-  }
+    interface SymbolConstructor {
+        readonly observable: symbol;
+    }
 }
 interface Observable<T> {
-  subscribe(observer: ObservableObserver<T>): {
-    unsubscribe(): void;
-  };
-  [Symbol.observable](): Observable<T>;
-}
-export type ObservableObserver<T> =
-  | ((v: T) => void)
-  | {
-      next?: (v: T) => void;
-      error?: (v: any) => void;
-      complete?: (v: boolean) => void;
+    subscribe(observer: ObservableObserver<T>): {
+        unsubscribe(): void;
     };
+    [Symbol.observable](): Observable<T>;
+}
+export type ObservableObserver<T> = ((v: T) => void) | {
+    next?: (v: T) => void;
+    error?: (v: any) => void;
+    complete?: (v: boolean) => void;
+};
 /**
  * Creates a simple observable from a signal's accessor to be used with the `from` operator of observable libraries like e.g. rxjs
  * ```typescript
@@ -28,15 +26,11 @@ export type ObservableObserver<T> =
  * description https://docs.solidjs.com/reference/reactive-utilities/observable
  */
 export declare function observable<T>(input: Accessor<T>): Observable<T>;
-export declare function from<T>(
-  producer:
-    | ((setter: Setter<T | undefined>) => () => void)
-    | {
-        subscribe: (fn: (v: T) => void) =>
-          | (() => void)
-          | {
-              unsubscribe: () => void;
-            };
-      }
-): Accessor<T | undefined>;
+type Producer<T> = ((setter: Setter<T>) => () => void) | {
+    subscribe: (fn: (v: T) => void) => (() => void) | {
+        unsubscribe: () => void;
+    };
+};
+export declare function from<T>(producer: Producer<T>, initalValue: T): Accessor<T>;
+export declare function from<T>(producer: Producer<T | undefined>): Accessor<T | undefined>;
 export {};

package/types/index.d.ts

@@ -1,76 +1,22 @@
-export {
-  $PROXY,
-  $TRACK,
-  $RAW,
-  catchError,
-  createAsync,
-  createEffect,
-  createMemo,
-  createProjection,
-  createReaction,
-  createRenderEffect,
-  createRoot,
-  createSignal,
-  createStore,
-  flatten,
-  flushSync,
-  getObserver,
-  getOwner,
-  isEqual,
-  isStale,
-  isWrappable,
-  latest,
-  mapArray,
-  merge,
-  omit,
-  onCleanup,
-  reconcile,
-  repeat,
-  resolve,
-  runWithOwner,
-  untrack,
-  unwrap
-} from "@solidjs/signals";
-export type {
-  Accessor,
-  ComputeFunction,
-  EffectFunction,
-  EffectOptions,
-  Merge,
-  NoInfer,
-  NotWrappable,
-  Omit,
-  Owner,
-  Signal,
-  SignalOptions,
-  Setter,
-  Store,
-  SolidStore,
-  StoreNode,
-  StoreSetter
-} from "@solidjs/signals";
+export { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, createOptimisticStore, createProjection, createReaction, createRenderEffect, createRoot, createSignal, createStore, createTrackedEffect, deep, flatten, flush, getObserver, getOwner, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, reconcile, repeat, resolve, runWithOwner, snapshot, transition, untrack, useTransition } from "@solidjs/signals";
+export type { Accessor, BoundaryMode, ComputeFunction, EffectFunction, EffectOptions, Merge, NoInfer, NotWrappable, Omit, Owner, Signal, SignalOptions, Setter, Store, SolidStore, StoreNode, StoreSetter } from "@solidjs/signals";
 export { $DEVCOMP, children, createContext, onMount, useContext } from "./client/core.js";
-export type {
-  ChildrenReturn,
-  Context,
-  ContextProviderComponent,
-  ResolvedChildren,
-  ResolvedJSXElement
-} from "./client/core.js";
+export type { ChildrenReturn, Context, ContextProviderComponent, ResolvedChildren, ResolvedJSXElement } from "./client/core.js";
+export * from "./utilities.js";
 export * from "./client/observable.js";
 export * from "./client/component.js";
 export * from "./client/flow.js";
-export { sharedConfig } from "./client/hydration.js";
+export { sharedConfig, createAsync, Suspense } from "./client/hydration.js";
+export declare function ssrHandleError(): void;
+export declare function ssrRunInScope(): void;
 import type { JSX } from "./jsx.js";
 type JSXElement = JSX.Element;
 export type { JSXElement, JSX };
 import { registerGraph } from "./client/core.js";
-export declare const DEV:
-  | {
-      readonly hooks: {};
-      readonly registerGraph: typeof registerGraph;
-    }
-  | undefined;
+export declare const DEV: {
+    readonly hooks: {};
+    readonly registerGraph: typeof registerGraph;
+} | undefined;
 declare global {
-  var Solid$$: boolean;
+    var Solid$$: boolean;
 }