solid-js 2.0.0-experimental.1 → 2.0.0-experimental.3

package/types/index.d.ts

@@ -1,7 +1,62 @@
-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,
+  $RAW,
+  catchError,
+  createAsync,
+  createEffect,
+  createMemo,
+  createProjection,
+  createRenderEffect,
+  createRoot,
+  createSignal,
+  createStore,
+  flatten,
+  flushSync,
+  getObserver,
+  getOwner,
+  isEqual,
+  isPending,
+  isWrappable,
+  latest,
+  mapArray,
+  merge,
+  omit,
+  onCleanup,
+  reconcile,
+  repeat,
+  resolve,
+  runWithObserver,
+  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 { $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 "./client/observable.js";
 export * from "./client/component.js";
 export * from "./client/flow.js";
@@ -10,10 +65,12 @@ 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;
 }

package/types/jsx.d.ts

@@ -317,7 +317,7 @@ export namespace JSX {
   /** @type {GlobalEventHandlers} */
   interface CustomEventHandlersLowerCase<T> {
     /** @deprecated Use camelCase event handlers */
-    onabort?: EventHandlerUnion<T, UIEvent> | undefined;
+    onabort?: EventHandlerUnion<T, Event> | undefined;
     /** @deprecated Use camelCase event handlers */
     onanimationend?: EventHandlerUnion<T, AnimationEvent> | undefined;
     /** @deprecated Use camelCase event handlers */
@@ -1199,8 +1199,7 @@ export namespace JSX {
     value?: string | string[] | number | undefined;
   }
   interface DetailsHtmlAttributes<T> extends HTMLAttributes<T> {
-    name?: string | undefined;
-    open?: "true" | boolean | undefined;
+    open?: boolean | undefined;
     onToggle?: EventHandlerUnion<T, Event> | undefined;
 
     /** @deprecated Use camelCase event handlers */
@@ -1475,6 +1474,7 @@ export namespace JSX {
       | "time"
       | "url"
       | "week"
+      | (string & {})
       | undefined;
     value?: string | string[] | number | undefined;
     width?: number | string | undefined;
@@ -1574,7 +1574,13 @@ export namespace JSX {
   interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
     autoplay?: "true" | boolean | undefined;
     controls?: "true" | boolean | undefined;
-    controlslist?: string | undefined;
+    controlslist?:
+      | "nodownload"
+      | "nofullscreen"
+      | "noplaybackrate"
+      | "noremoteplayback"
+      | (string & {})
+      | undefined;
     crossorigin?: HTMLCrossorigin | undefined;
     disableremoteplayback?: "true" | boolean | undefined;
     loop?: "true" | boolean | undefined;
@@ -1968,7 +1974,6 @@ export namespace JSX {
     poster?: string | undefined;
     width?: number | string | undefined;
     disablepictureinpicture?: "true" | boolean | undefined;
-    disableremoteplayback?: boolean;
   }
 
   interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {

package/types/server/index.d.ts

@@ -1,4 +1,58 @@
-export { catchError, createRoot, createSignal, createRenderEffect, createEffect, createReaction, createDeferred, createSelector, createMemo, getListener, onMount, onCleanup, onError, untrack, batch, on, children, createContext, useContext, getOwner, runWithOwner, equalFn, requestCallback, mapArray, indexArray, observable, from, $PROXY, $DEVCOMP, $TRACK, DEV, enableExternalSource } from "./reactive.js";
-export { mergeProps, splitProps, createComponent, For, Index, Show, Switch, Match, ErrorBoundary, Suspense, SuspenseList, createResource, resetErrorBoundaries, enableScheduling, enableHydration, startTransition, useTransition, createUniqueId, lazy, sharedConfig } from "./rendering.js";
+export {
+  catchError,
+  createRoot,
+  createSignal,
+  createRenderEffect,
+  createEffect,
+  createReaction,
+  createDeferred,
+  createSelector,
+  createMemo,
+  getListener,
+  onMount,
+  onCleanup,
+  onError,
+  untrack,
+  batch,
+  on,
+  children,
+  createContext,
+  useContext,
+  getOwner,
+  runWithOwner,
+  equalFn,
+  requestCallback,
+  mapArray,
+  indexArray,
+  observable,
+  from,
+  $PROXY,
+  $DEVCOMP,
+  $TRACK,
+  DEV,
+  enableExternalSource
+} from "./reactive.js";
+export {
+  mergeProps,
+  splitProps,
+  createComponent,
+  For,
+  Index,
+  Show,
+  Switch,
+  Match,
+  ErrorBoundary,
+  Suspense,
+  SuspenseList,
+  createResource,
+  resetErrorBoundaries,
+  enableScheduling,
+  enableHydration,
+  startTransition,
+  useTransition,
+  createUniqueId,
+  lazy,
+  sharedConfig
+} from "./rendering.js";
 export type { Component, Resource } from "./rendering.js";
 export * from "./store.js";

package/types/server/reactive.d.ts

@@ -4,92 +4,123 @@ export declare const $TRACK: unique symbol;
 export declare const $DEVCOMP: unique symbol;
 export declare const DEV: undefined;
 export type Accessor<T> = () => T;
-export type Setter<T> = undefined extends T ? <U extends T>(value?: (U extends Function ? never : U) | ((prev?: T) => U)) => U : <U extends T>(value: (U extends Function ? never : U) | ((prev: T) => U)) => U;
+export type Setter<T> = undefined extends T
+  ? <U extends T>(value?: (U extends Function ? never : U) | ((prev?: T) => U)) => U
+  : <U extends T>(value: (U extends Function ? never : U) | ((prev: T) => U)) => U;
 export type Signal<T> = [get: Accessor<T>, set: Setter<T>];
 export declare function castError(err: unknown): Error;
 export declare let Owner: Owner | null;
 interface Owner {
-    owner: Owner | null;
-    context: any | null;
-    owned: Owner[] | null;
-    cleanups: (() => void)[] | null;
+  owner: Owner | null;
+  context: any | null;
+  owned: Owner[] | null;
+  cleanups: (() => void)[] | null;
 }
 export declare function createOwner(): Owner;
-export declare function createRoot<T>(fn: (dispose: () => void) => T, detachedOwner?: typeof Owner): T;
-export declare function createSignal<T>(value: T, options?: {
+export declare function createRoot<T>(
+  fn: (dispose: () => void) => T,
+  detachedOwner?: typeof Owner
+): T;
+export declare function createSignal<T>(
+  value: T,
+  options?: {
     equals?: false | ((prev: T, next: T) => boolean);
     name?: string;
-}): [get: () => T, set: (v: (T extends Function ? never : T) | ((prev: T) => T)) => T];
+  }
+): [get: () => T, set: (v: (T extends Function ? never : T) | ((prev: T) => T)) => T];
 export declare function createComputed<T>(fn: (v?: T) => T, value?: T): void;
 export declare const createRenderEffect: typeof createComputed;
 export declare function createEffect<T>(fn: (v?: T) => T, value?: T): void;
 export declare function createReaction(fn: () => void): (fn: () => void) => void;
 export declare function createMemo<T>(fn: (v?: T) => T, value?: T): () => T;
 export declare function createDeferred<T>(source: () => T): () => T;
-export declare function createSelector<T>(source: () => T, fn?: (k: T, value: T) => boolean): (k: T) => boolean;
+export declare function createSelector<T>(
+  source: () => T,
+  fn?: (k: T, value: T) => boolean
+): (k: T) => boolean;
 export declare function batch<T>(fn: () => T): T;
 export declare const untrack: typeof batch;
-export declare function on<T, U>(deps: Array<() => T> | (() => T), fn: (value: Array<T> | T, prev?: Array<T> | T, prevResults?: U) => U, options?: {
+export declare function on<T, U>(
+  deps: Array<() => T> | (() => T),
+  fn: (value: Array<T> | T, prev?: Array<T> | T, prevResults?: U) => U,
+  options?: {
     defer?: boolean;
-}): (prev?: U) => U | undefined;
+  }
+): (prev?: U) => U | undefined;
 export declare function onMount(fn: () => void): void;
 export declare function onCleanup(fn: () => void): () => void;
 export declare function cleanNode(node: Owner): void;
 export declare function catchError<T>(fn: () => T, handler: (err: Error) => void): T | undefined;
 export declare function getListener(): null;
 export interface Context<T> {
-    id: symbol;
-    Provider: (props: {
-        value: T;
-        children: any;
-    }) => any;
-    defaultValue?: T;
+  id: symbol;
+  Provider: (props: { value: T; children: any }) => any;
+  defaultValue?: T;
 }
 export declare function createContext<T>(defaultValue?: T): Context<T>;
 export declare function useContext<T>(context: Context<T>): T;
 export declare function getOwner(): Owner | null;
 type ChildrenReturn = Accessor<any> & {
-    toArray: () => any[];
+  toArray: () => any[];
 };
 export declare function children(fn: () => any): ChildrenReturn;
 export declare function runWithOwner<T>(o: typeof Owner, fn: () => T): T | undefined;
 export interface Task {
-    id: number;
-    fn: ((didTimeout: boolean) => void) | null;
-    startTime: number;
-    expirationTime: number;
+  id: number;
+  fn: ((didTimeout: boolean) => void) | null;
+  startTime: number;
+  expirationTime: number;
 }
-export declare function requestCallback(fn: () => void, options?: {
+export declare function requestCallback(
+  fn: () => void,
+  options?: {
     timeout: number;
-}): Task;
+  }
+): Task;
 export declare function cancelCallback(task: Task): void;
-export declare function mapArray<T, U>(list: Accessor<readonly T[] | undefined | null | false>, mapFn: (v: T, i: Accessor<number>) => U, options?: {
+export declare function mapArray<T, U>(
+  list: Accessor<readonly T[] | undefined | null | false>,
+  mapFn: (v: T, i: Accessor<number>) => U,
+  options?: {
     fallback?: Accessor<any>;
-}): () => U[];
-export declare function indexArray<T, U>(list: Accessor<readonly T[] | undefined | null | false>, mapFn: (v: Accessor<T>, i: number) => U, options?: {
+  }
+): () => U[];
+export declare function indexArray<T, U>(
+  list: Accessor<readonly T[] | undefined | null | false>,
+  mapFn: (v: Accessor<T>, i: number) => U,
+  options?: {
     fallback?: Accessor<any>;
-}): () => U[];
-export type ObservableObserver<T> = ((v: T) => void) | {
-    next: (v: T) => void;
-    error?: (v: any) => void;
-    complete?: (v: boolean) => void;
-};
+  }
+): () => U[];
+export type ObservableObserver<T> =
+  | ((v: T) => void)
+  | {
+      next: (v: T) => void;
+      error?: (v: any) => void;
+      complete?: (v: boolean) => void;
+    };
 export declare function observable<T>(input: Accessor<T>): {
+  subscribe(observer: ObservableObserver<T>): {
+    unsubscribe(): void;
+  };
+  [Symbol.observable](): {
     subscribe(observer: ObservableObserver<T>): {
-        unsubscribe(): void;
-    };
-    [Symbol.observable](): {
-        subscribe(observer: ObservableObserver<T>): {
-            unsubscribe(): void;
-        };
-        [Symbol.observable](): /*elided*/ any;
+      unsubscribe(): void;
     };
+    [Symbol.observable](): /*elided*/ any;
+  };
 };
-export declare function from<T>(producer: ((setter: Setter<T>) => () => void) | {
-    subscribe: (fn: (v: T) => void) => (() => void) | {
-        unsubscribe: () => void;
-    };
-}): Accessor<T>;
+export declare function from<T>(
+  producer:
+    | ((setter: Setter<T>) => () => void)
+    | {
+        subscribe: (fn: (v: T) => void) =>
+          | (() => void)
+          | {
+              unsubscribe: () => void;
+            };
+      }
+): Accessor<T>;
 export declare function enableExternalSource(factory: any): void;
 /**
  * @deprecated since version 1.7.0 and will be removed in next major - use catchError instead