@solidjs/web 2.0.0-experimental.13 → 2.0.0-experimental.15

package/storage/types/src/server-mock.d.ts

@@ -0,0 +1,72 @@
+export declare function renderToString<T>(fn: () => T, options?: {
+    nonce?: string;
+    renderId?: string;
+    noScripts?: boolean;
+    plugins?: any[];
+    manifest?: Record<string, {
+        file: string;
+        css?: string[];
+        isEntry?: boolean;
+        isDynamicEntry?: boolean;
+        imports?: string[];
+    }>;
+    onError?: (err: any) => void;
+}): string;
+export declare function renderToStringAsync<T>(fn: () => T, options?: {
+    timeoutMs?: number;
+    nonce?: string;
+    renderId?: string;
+    noScripts?: boolean;
+    plugins?: any[];
+    manifest?: Record<string, {
+        file: string;
+        css?: string[];
+        isEntry?: boolean;
+        isDynamicEntry?: boolean;
+        imports?: string[];
+    }>;
+    onError?: (err: any) => void;
+}): Promise<string>;
+export declare function renderToStream<T>(fn: () => T, options?: {
+    nonce?: string;
+    renderId?: string;
+    noScripts?: boolean;
+    plugins?: any[];
+    manifest?: Record<string, {
+        file: string;
+        css?: string[];
+        isEntry?: boolean;
+        isDynamicEntry?: boolean;
+        imports?: string[];
+    }>;
+    onCompleteShell?: (info: {
+        write: (v: string) => void;
+    }) => void;
+    onCompleteAll?: (info: {
+        write: (v: string) => void;
+    }) => void;
+    onError?: (err: any) => void;
+}): {
+    then: (fn: (html: string) => void) => void;
+    pipe: (writable: {
+        write: (v: string) => void;
+        end: () => void;
+    }) => void;
+    pipeTo: (writable: WritableStream) => Promise<void>;
+};
+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 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;
+export declare function escape(html: string): string;

package/storage/types/storage/src/index.d.ts

@@ -0,0 +1,2 @@
+import type { RequestEvent } from "@solidjs/web";
+export declare function provideRequestEvent<T extends RequestEvent, U>(init: T, cb: () => U): U;

package/types/client.d.ts

@@ -7,8 +7,13 @@ export const SVGElements: Set<string>;
 export const SVGNamespace: Record<string, string>;
 
 type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
-export function render(code: () => JSX.Element, element: MountableElement): () => void;
-export function template(html: string, isCE?: boolean, isSVG?: boolean): () => Element;
+export function render(
+  code: () => JSX.Element,
+  element: MountableElement,
+  init?: JSX.Element,
+  options?: { owner?: unknown }
+): () => void;
+export function template(html: string, isImportNode?: boolean, isSVG?: boolean, isMathML?: boolean): () => Element;
 export function effect<T>(fn: (prev?: T) => T, effect: (value: T, prev?: T) => void, init?: T): void;
 export function memo<T>(fn: () => T, equal: boolean): () => T;
 export function untrack<T>(fn: () => T): T;
@@ -27,7 +32,14 @@ export function spread<T>(
   isSVG?: Boolean,
   skipChildren?: Boolean
 ): void;
-export function assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
+export function assign(
+  node: Element,
+  props: any,
+  isSVG?: Boolean,
+  skipChildren?: Boolean,
+  prevProps?: any,
+  skipRef?: Boolean
+): void;
 export function setAttribute(node: Element, name: string, value: string): void;
 export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
 type ClassList =
@@ -35,6 +47,7 @@ type ClassList =
   | Array<string | number | boolean | null | undefined | Record<string, boolean>>;
 export function className(node: Element, value: string | ClassList, isSvg?: boolean, prev?: string | ClassList): void;
 export function setProperty(node: Element, name: string, value: any): void;
+export function setStyleProperty(node: Element, name: string, value: any): void;
 export function addEventListener(
   node: Element,
   name: string,
@@ -49,25 +62,27 @@ export function style(
 export function getOwner(): unknown;
 export function mergeProps(...sources: unknown[]): unknown;
 export function dynamicProperty(props: unknown, key: string): unknown;
+export function use<Arg, Ret>(fn: (node: Element, arg: Arg) => Ret, node: Element, arg?: Arg): Ret
 
 export function hydrate(
   fn: () => JSX.Element,
   node: MountableElement,
   options?: { renderId?: string; owner?: unknown }
 ): () => void;
-export function getHydrationKey(): string;
-export function getNextElement(template?: HTMLTemplateElement): Element;
+export function getHydrationKey(): string | undefined;
+export function getNextElement(template?: () => Element): Element;
 export function getNextMatch(start: Node, elementName: string): Element;
 export function getNextMarker(start: Node): [Node, Array<Node>];
 export function useAssets(fn: () => JSX.Element): void;
 export function getAssets(): string;
-export function HydrationScript(): JSX.Element;
-export function generateHydrationScript(): string;
+export function HydrationScript(props?: { nonce?: string; eventNames?: string[] }): JSX.Element;
+export function generateHydrationScript(options?: { nonce?: string; eventNames?: string[] }): string;
 export function Assets(props: { children?: JSX.Element }): JSX.Element;
 export function Hydration(props: { children?: JSX.Element }): JSX.Element;
 export function NoHydration(props: { children?: JSX.Element }): JSX.Element;
 export interface RequestEvent {
   request: Request;
+  locals: Record<string | number | symbol, any>;
 }
 export declare const RequestContext: unique symbol;
 export function getRequestEvent(): RequestEvent | undefined;

package/types/server-mock.d.ts

@@ -1,26 +1,58 @@
 export declare function renderToString<T>(fn: () => T, options?: {
     nonce?: string;
     renderId?: string;
+    noScripts?: boolean;
+    plugins?: any[];
+    manifest?: Record<string, {
+        file: string;
+        css?: string[];
+        isEntry?: boolean;
+        isDynamicEntry?: boolean;
+        imports?: string[];
+    }>;
+    onError?: (err: any) => void;
 }): string;
 export declare function renderToStringAsync<T>(fn: () => T, options?: {
     timeoutMs?: number;
     nonce?: string;
     renderId?: string;
+    noScripts?: boolean;
+    plugins?: any[];
+    manifest?: Record<string, {
+        file: string;
+        css?: string[];
+        isEntry?: boolean;
+        isDynamicEntry?: boolean;
+        imports?: string[];
+    }>;
+    onError?: (err: any) => void;
 }): Promise<string>;
 export declare function renderToStream<T>(fn: () => T, options?: {
     nonce?: string;
     renderId?: string;
+    noScripts?: boolean;
+    plugins?: any[];
+    manifest?: Record<string, {
+        file: string;
+        css?: string[];
+        isEntry?: boolean;
+        isDynamicEntry?: boolean;
+        imports?: string[];
+    }>;
     onCompleteShell?: (info: {
         write: (v: string) => void;
     }) => void;
     onCompleteAll?: (info: {
         write: (v: string) => void;
     }) => void;
+    onError?: (err: any) => void;
 }): {
+    then: (fn: (html: string) => void) => void;
     pipe: (writable: {
         write: (v: string) => void;
+        end: () => void;
     }) => void;
-    pipeTo: (writable: WritableStream) => void;
+    pipeTo: (writable: WritableStream) => Promise<void>;
 };
 export declare function ssr(template: string[] | string, ...nodes: any[]): {
     t: string;

package/types/server.d.ts

@@ -13,9 +13,12 @@ export function renderToString<T>(
   options?: {
     nonce?: string;
     renderId?: string;
+    noScripts?: boolean;
+    plugins?: any[];
     onError?: (err: any) => void;
   }
 ): string;
+/** @deprecated use renderToStream which also returns a promise */
 export function renderToStringAsync<T>(
   fn: () => T,
   options?: {
@@ -23,6 +26,7 @@ export function renderToStringAsync<T>(
     nonce?: string;
     renderId?: string;
     noScripts?: boolean;
+    plugins?: any[];
     onError?: (err: any) => void;
   }
 ): Promise<string>;
@@ -31,12 +35,15 @@ export function renderToStream<T>(
   options?: {
     nonce?: string;
     renderId?: string;
+    noScripts?: boolean;
+    plugins?: any[];
     onCompleteShell?: (info: { write: (v: string) => void }) => void;
     onCompleteAll?: (info: { write: (v: string) => void }) => void;
     onError?: (err: any) => void;
   }
 ): {
-  pipe: (writable: { write: (v: string) => void }) => void;
+  then: (fn: (html: string) => void) => void;
+  pipe: (writable: { write: (v: string) => void; end: () => void }) => void;
   pipeTo: (writable: WritableStream) => Promise<void>;
 };
 
@@ -48,21 +55,23 @@ export function ssrElement(
   children: any,
   needsId: boolean
 ): { t: string };
-export function ssrClassList(value: { [k: string]: boolean }): string;
-export function ssrStyle(value: { [k: string]: string }): string;
-export function ssrAttribute(key: string, value: any, isBoolean: boolean): string;
+export function ssrClassName(value: string | { [k: string]: boolean } | Array<any>): string;
+export function ssrStyle(value: string | { [k: string]: string }): string;
+export function ssrStyleProperty(name: string, value: any): string;
+export function ssrAttribute(key: string, value: any): string;
 export function ssrHydrationKey(): string;
-export function resolveSSRNode(node: any): string;
-export function escape(html: string): string;
+export function resolveSSRNode(node: any, result?: any, top?: boolean): any;
+export function escape(s: any, attr?: boolean): any;
 export function useAssets(fn: () => JSX.Element): void;
 export function getAssets(): string;
-export function getHydrationKey(): string;
-export function effect<T>(fn: (prev?: T) => T, init?: T): void;
+export function getHydrationKey(): string | undefined;
+export function effect<T>(fn: (prev?: T) => T, effect: (value: T, prev?: T) => void, init?: T): void;
 export function memo<T>(fn: () => T, equal: boolean): () => T;
 export function createComponent<T>(Comp: (props: T) => JSX.Element, props: T): JSX.Element;
 export function mergeProps(...sources: unknown[]): unknown;
 export function getOwner(): unknown;
-export function generateHydrationScript(options: { nonce?: string; eventNames?: string[] }): string;
+export function ssrRunInScope(fn: () => void, owner: unknown): void;
+export function generateHydrationScript(options?: { nonce?: string; eventNames?: string[] }): string;
 export declare const RequestContext: unique symbol;
 export interface RequestEvent {
   request: Request;
@@ -77,13 +86,6 @@ 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,
@@ -127,7 +129,7 @@ export function addEventListener(
 /** @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;
+export function template(html: string, isImportNode?: boolean, isSVG?: boolean, isMathML?: 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 */
@@ -143,8 +145,10 @@ export function hydrate(
 ): () => void;
 
 /** @deprecated not supported on the server side */
-export function getNextElement(template?: HTMLTemplateElement): Element;
+export function getNextElement(template?: () => Element): 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>];
+/** @deprecated not supported on the server side */
+export function runHydrationEvents(): void;