solid-js 1.8.22 → 1.9.0

package/web/package.json

@@ -2,10 +2,6 @@
   "name": "solid-js/web",
   "main": "./dist/server.cjs",
   "module": "./dist/server.js",
-  "browser": {
-    "./dist/server.cjs": "./dist/web.cjs",
-    "./dist/server.js": "./dist/web.js"
-  },
   "unpkg": "./dist/web.cjs",
   "types": "./types/index.d.ts",
   "type": "module",

package/web/storage/dist/storage.js

@@ -1,9 +1,9 @@
-import { AsyncLocalStorage } from 'node:async_hooks';
-import { isServer, RequestContext } from 'solid-js/web';
+import { AsyncLocalStorage } from "node:async_hooks";
+import { isServer, RequestContext } from "solid-js/web";
 
 function provideRequestEvent(init, cb) {
   if (!isServer) throw new Error("Attempting to use server context in non-server build");
-  const ctx = globalThis[RequestContext] = globalThis[RequestContext] || new AsyncLocalStorage();
+  const ctx = (globalThis[RequestContext] = globalThis[RequestContext] || new AsyncLocalStorage());
   return ctx.run(init, cb);
 }
 

package/web/types/client.d.ts

@@ -32,12 +32,13 @@ export function spread<T>(
 export function assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
 export function setAttribute(node: Element, name: string, value: string): void;
 export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
+export function setBoolAttribute(node: Element, name: string, value: any): void;
 export function className(node: Element, value: string): void;
 export function setProperty(node: Element, name: string, value: any): void;
 export function addEventListener(
   node: Element,
   name: string,
-  handler: () => void,
+  handler: EventListener | EventListenerObject | (EventListenerObject & AddEventListenerOptions),
   delegate: boolean
 ): void;
 export function classList(
@@ -57,7 +58,7 @@ export function dynamicProperty(props: unknown, key: string): unknown;
 export function hydrate(
   fn: () => JSX.Element,
   node: MountableElement,
-  options?: { renderId?: string, owner?: unknown }
+  options?: { renderId?: string; owner?: unknown }
 ): () => void;
 export function getHydrationKey(): string;
 export function getNextElement(template?: HTMLTemplateElement): Element;
@@ -74,4 +75,5 @@ export interface RequestEvent {
   request: Request;
 }
 export declare const RequestContext: unique symbol;
-export function getRequestEvent(): RequestEvent | undefined;
+export function getRequestEvent(): RequestEvent | undefined;
+export function runHydrationEvents(): void;

package/web/types/core.d.ts

@@ -1 +1,10 @@
-export { getOwner, createComponent, createRoot as root, createRenderEffect as effect, createMemo as memo, sharedConfig, untrack, mergeProps } from "solid-js";
+export {
+  getOwner,
+  createComponent,
+  createRoot as root,
+  createRenderEffect as effect,
+  createMemo as memo,
+  sharedConfig,
+  untrack,
+  mergeProps
+} from "solid-js";

package/web/types/index.d.ts

@@ -1,7 +1,17 @@
 import { hydrate as hydrateCore } from "./client.js";
 import { JSX, ComponentProps, ValidComponent } from "solid-js";
 export * from "./client.js";
-export { For, Show, Suspense, SuspenseList, Switch, Match, Index, ErrorBoundary, mergeProps } from "solid-js";
+export {
+  For,
+  Show,
+  Suspense,
+  SuspenseList,
+  Switch,
+  Match,
+  Index,
+  ErrorBoundary,
+  mergeProps
+} from "solid-js";
 export * from "./server-mock.js";
 export declare const isServer: boolean;
 export declare const isDev: boolean;
@@ -14,18 +24,25 @@ export declare const hydrate: typeof hydrateCore;
  * @description https://docs.solidjs.com/reference/components/portal
  */
 export declare function Portal<T extends boolean = false, S extends boolean = false>(props: {
-    mount?: Node;
-    useShadow?: T;
-    isSVG?: S;
-    ref?: (S extends true ? SVGGElement : HTMLDivElement) | ((el: (T extends true ? {
-        readonly shadowRoot: ShadowRoot;
-    } : {}) & (S extends true ? SVGGElement : HTMLDivElement)) => void);
-    children: JSX.Element;
+  mount?: Node;
+  useShadow?: T;
+  isSVG?: S;
+  ref?:
+    | (S extends true ? SVGGElement : HTMLDivElement)
+    | ((
+        el: (T extends true
+          ? {
+              readonly shadowRoot: ShadowRoot;
+            }
+          : {}) &
+          (S extends true ? SVGGElement : HTMLDivElement)
+      ) => void);
+  children: JSX.Element;
 }): Text;
 export type DynamicProps<T extends ValidComponent, P = ComponentProps<T>> = {
-    [K in keyof P]: P[K];
+  [K in keyof P]: P[K];
 } & {
-    component: T | undefined;
+  component: T | undefined;
 };
 /**
  * Renders an arbitrary custom or native component and passes the other props

package/web/types/server-mock.d.ts

@@ -1,39 +1,46 @@
-export declare function renderToString<T>(fn: () => T, options?: {
+export declare function renderToString<T>(
+  fn: () => T,
+  options?: {
     nonce?: string;
     renderId?: string;
-}): string;
-export declare function renderToStringAsync<T>(fn: () => T, options?: {
+  }
+): string;
+export declare function renderToStringAsync<T>(
+  fn: () => T,
+  options?: {
     timeoutMs?: number;
     nonce?: string;
     renderId?: string;
-}): Promise<string>;
-export declare function renderToStream<T>(fn: () => T, options?: {
+  }
+): Promise<string>;
+export declare function renderToStream<T>(
+  fn: () => T,
+  options?: {
     nonce?: string;
     renderId?: string;
-    onCompleteShell?: (info: {
-        write: (v: string) => void;
-    }) => void;
-    onCompleteAll?: (info: {
-        write: (v: string) => void;
-    }) => void;
-}): {
-    pipe: (writable: {
-        write: (v: string) => void;
-    }) => void;
-    pipeTo: (writable: WritableStream) => void;
+    onCompleteShell?: (info: { write: (v: string) => void }) => void;
+    onCompleteAll?: (info: { write: (v: string) => void }) => void;
+  }
+): {
+  pipe: (writable: { write: (v: string) => void }) => void;
+  pipeTo: (writable: WritableStream) => void;
 };
-export declare function ssr(template: string[] | string, ...nodes: any[]): {
-    t: string;
+export declare function ssr(
+  template: string[] | string,
+  ...nodes: any[]
+): {
+  t: string;
 };
-export declare function ssrElement(name: string, props: any, children: any, needsId: boolean): {
-    t: string;
+export declare function ssrElement(
+  name: string,
+  props: any,
+  children: any,
+  needsId: boolean
+): {
+  t: string;
 };
-export declare function ssrClassList(value: {
-    [k: string]: boolean;
-}): string;
-export declare function ssrStyle(value: {
-    [k: string]: string;
-}): string;
+export declare function ssrClassList(value: { [k: string]: boolean }): string;
+export declare function ssrStyle(value: { [k: string]: string }): string;
 export declare function ssrAttribute(key: string, value: boolean): string;
 export declare function ssrHydrationKey(): string;
 export declare function resolveSSRNode(node: any): string;
@@ -43,23 +50,31 @@ export declare function escape(html: string): string;
  */
 export declare function ssrSpread(props: any, isSVG: boolean, skipChildren: boolean): void;
 export type LegacyResults = {
-    startWriting: () => void;
+  startWriting: () => void;
 };
 /**
  * @deprecated Replaced by renderToStream
  */
-export declare function pipeToWritable<T>(fn: () => T, writable: WritableStream, options?: {
+export declare function pipeToWritable<T>(
+  fn: () => T,
+  writable: WritableStream,
+  options?: {
     nonce?: string;
     onReady?: (res: LegacyResults) => void;
     onCompleteAll?: () => void;
-}): void;
+  }
+): void;
 /**
  * @deprecated Replaced by renderToStream
  */
-export declare function pipeToNodeWritable<T>(fn: () => T, writable: {
+export declare function pipeToNodeWritable<T>(
+  fn: () => T,
+  writable: {
     write: (v: string) => void;
-}, options?: {
+  },
+  options?: {
     nonce?: string;
     onReady?: (res: LegacyResults) => void;
     onCompleteAll?: () => void;
-}): void;
+  }
+): void;

package/web/types/server.d.ts

@@ -1,3 +1,15 @@
+import { JSX } from "./jsx.js";
+export const Aliases: Record<string, string>;
+export const Properties: Set<string>;
+export const ChildProperties: Set<string>;
+export const DelegatedEvents: Set<string>;
+export const DOMElements: Set<string>;
+export const SVGElements: Set<string>;
+export const SVGNamespace: Record<string, string>;
+export function getPropAlias(prop: string, tagName: string): string | undefined;
+
+type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
+
 export function renderToString<T>(
   fn: () => T,
   options?: {
@@ -87,3 +99,79 @@ export function pipeToNodeWritable<T>(
     onCompleteAll?: () => void;
   }
 ): void;
+
+export function untrack<T>(fn: () => T): T;
+
+// client-only APIs
+
+/** @deprecated not supported on the server side */
+export function classList(
+  node: Element,
+  value: { [k: string]: boolean },
+  prev?: { [k: string]: boolean }
+): { [k: string]: boolean };
+
+/** @deprecated not supported on the server side */
+export function style(
+  node: Element,
+  value: { [k: string]: string },
+  prev?: { [k: string]: string }
+): void;
+
+/** @deprecated not supported on the server side */
+export function insert<T>(
+  parent: MountableElement,
+  accessor: (() => T) | T,
+  marker?: Node | null,
+  init?: JSX.Element
+): JSX.Element;
+
+/** @deprecated not supported on the server side */
+export function spread<T>(
+  node: Element,
+  accessor: (() => T) | T,
+  isSVG?: Boolean,
+  skipChildren?: Boolean
+): void;
+
+/** @deprecated not supported on the server side */
+export function delegateEvents(eventNames: string[], d?: Document): void;
+/** @deprecated not supported on the server side */
+export function dynamicProperty(props: unknown, key: string): unknown;
+/** @deprecated not supported on the server side */
+export function setAttribute(node: Element, name: string, value: string): void;
+/** @deprecated not supported on the server side */
+export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
+
+/** @deprecated not supported on the server side */
+export function addEventListener(
+  node: Element,
+  name: string,
+  handler: () => void,
+  delegate: boolean
+): void;
+
+/** @deprecated not supported on the server side */
+export function render(code: () => JSX.Element, element: MountableElement): () => void;
+/** @deprecated not supported on the server side */
+export function template(html: string, isCE?: boolean, isSVG?: boolean): () => Element;
+/** @deprecated not supported on the server side */
+export function setProperty(node: Element, name: string, value: any): void;
+/** @deprecated not supported on the server side */
+export function className(node: Element, value: string): void;
+/** @deprecated not supported on the server side */
+export function assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
+
+/** @deprecated not supported on the server side */
+export function hydrate(
+  fn: () => JSX.Element,
+  node: MountableElement,
+  options?: { renderId?: string; owner?: unknown }
+): () => void;
+
+/** @deprecated not supported on the server side */
+export function getNextElement(template?: HTMLTemplateElement): Element;
+/** @deprecated not supported on the server side */
+export function getNextMatch(start: Node, elementName: string): Element;
+/** @deprecated not supported on the server side */
+export function getNextMarker(start: Node): [Node, Array<Node>];