@solidjs/web 2.0.0-experimental.1 → 2.0.0-experimental.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solidjs/web",
   "description": "Solid's web runtime for the browser and the server",
-  "version": "2.0.0-experimental.1",
+  "version": "2.0.0-experimental.2",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -75,10 +75,10 @@
     "seroval-plugins": "^1.1.0"
   },
   "peerDependencies": {
-    "solid-js": "^2.0.0-experimental.1"
+    "solid-js": "^2.0.0-experimental.2"
   },
   "devDependencies": {
-    "solid-js": "2.0.0-experimental.1"
+    "solid-js": "2.0.0-experimental.2"
   },
   "scripts": {
     "build": "npm-run-all -nl build:*",

package/storage/dist/storage.js

@@ -1,9 +1,9 @@
-import { AsyncLocalStorage } from 'node:async_hooks';
-import { isServer, RequestContext } from '@solidjs/web';
+import { AsyncLocalStorage } from "node:async_hooks";
+import { isServer, RequestContext } from "@solidjs/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/types/client.d.ts

@@ -10,7 +10,11 @@ export function getPropAlias(prop: string, tagName: string): string | undefined;
 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 effect<T>(fn: (prev?: T) => T, effect: (value: T, prev?: T) => void, init?: T): void;
+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;
 export function insert<T>(
@@ -35,7 +39,12 @@ export function setBoolAttribute(node: Element, name: string, value: any): void;
 type ClassList =
   | Record<string, boolean>
   | 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 className(
+  node: Element,
+  value: string | ClassList,
+  isSvg?: boolean,
+  prev?: string | ClassList
+): void;
 export function setProperty(node: Element, name: string, value: any): void;
 export function addEventListener(
   node: Element,

package/types/core.d.ts

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

package/types/index.d.ts

@@ -14,14 +14,30 @@ 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?: Element;
-    children: JSX.Element;
+  mount?: Element;
+  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 component or element with the given props
+ *
+ * This is a lower level version of the `Dynamic` component, useful for
+ * performance optimizations in libraries. Do not use this unless you know
+ * what you are doing.
+ * ```typescript
+ * const element = () => multiline() ? 'textarea' : 'input';
+ * createDynamic(element, { value: value() });
+ * ```
+ * @description https://docs.solidjs.com/reference/components/dynamic
+ */
+export declare function createDynamic<T extends ValidComponent>(
+  component: () => T | undefined,
+  props: ComponentProps<T>
+): JSX.Element;
 /**
  * Renders an arbitrary custom or native component and passes the other props
  * ```typescript

package/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;