dom-expressions 0.37.3 → 0.37.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dom-expressions",
   "description": "A Fine-Grained Runtime for Performant DOM Rendering",
-  "version": "0.37.3",
+  "version": "0.37.5",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -20,12 +20,12 @@
   },
   "peerDependencies": {
     "csstype": "^3.0",
-    "seroval": "^0.11.4"
+    "seroval": "^0.12.0"
   },
   "devDependencies": {
     "babel-plugin-jsx-dom-expressions": "^0.37.2",
     "csstype": "^3.1",
-    "seroval": "^0.11.4"
+    "seroval": "^0.12.0"
   },
-  "gitHead": "812c7c5e8cd5143c0678ce93bd09f6eb9102b287"
+  "gitHead": "5bb950ad5fdd214d8e5d40a1911c60ea44cb2ef2"
 }

package/src/client.d.ts

@@ -69,4 +69,8 @@ export function HydrationScript(): JSX.Element;
 export function generateHydrationScript(): 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 function NoHydration(props: { children?: JSX.Element }): JSX.Element;
+export interface RequestEvent {
+  request: Request;
+}
+export function getRequestEvent(): RequestEvent | undefined;

package/src/client.js

@@ -41,7 +41,8 @@ export {
   voidFn as getAssets,
   voidFn as Assets,
   voidFn as generateHydrationScript,
-  voidFn as HydrationScript
+  voidFn as HydrationScript,
+  voidFn as getRequestEvent
 };
 
 export function render(code, element, init, options = {}) {

package/src/serializer.js

@@ -7,13 +7,14 @@ const ES2017FLAG =
 
 const GLOBAL_IDENTIFIER = '_$HY.r'; // TODO this is a pending name
 
-export function createSerializer({ onData, onDone, scopeId }) {
+export function createSerializer({ onData, onDone, scopeId, onError }) {
   return new Serializer({
     scopeId,
     globalIdentifier: GLOBAL_IDENTIFIER,
     disabledFeatures: ES2017FLAG,
     onData,
     onDone,
+    onError,
   });
 }
 

package/src/server.d.ts

@@ -3,6 +3,7 @@ export function renderToString<T>(
   options?: {
     nonce?: string;
     renderId?: string;
+    onError: (err: any) => void;
   }
 ): string;
 export function renderToStringAsync<T>(
@@ -11,6 +12,7 @@ export function renderToStringAsync<T>(
     timeoutMs?: number;
     nonce?: string;
     renderId?: string;
+    onError: (err: any) => void;
   }
 ): Promise<string>;
 export function renderToStream<T>(
@@ -20,6 +22,7 @@ export function renderToStream<T>(
     renderId?: string;
     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;
@@ -49,7 +52,11 @@ export function createComponent<T>(Comp: (props: T) => JSX.Element, props: T): J
 export function mergeProps(...sources: unknown[]): unknown;
 export function getOwner(): unknown;
 export function generateHydrationScript(options: { nonce?: string; eventNames?: string[] }): string;
-export function stringify(root: unknown): string;
+export declare const RequestContext: unique symbol;
+export interface RequestEvent {
+  request: Request;
+}
+export function getRequestEvent(): RequestEvent | undefined;
 
 export function Hydration(props: { children?: JSX.Element }): JSX.Element;
 export function NoHydration(props: { children?: JSX.Element }): JSX.Element;

package/src/server.js

@@ -18,7 +18,8 @@ export function renderToString(code, options = {}) {
         scripts = getLocalHeaderScript(renderId);
       }
       scripts += script;
-    }
+    },
+    onError: options.onError
   });
   sharedConfig.context = {
     id: renderId || "",
@@ -27,6 +28,7 @@ export function renderToString(code, options = {}) {
     lazy: {},
     assets: [],
     nonce: options.nonce,
+    event: {},
     serialize(id, p) {
       !sharedConfig.context.noHydrate && serializer.write(id, p);
     }
@@ -85,7 +87,8 @@ export function renderToStream(code, options = {}) {
   const serializer = createSerializer({
     scopeId: options.renderId,
     onData: pushTask,
-    onDone: checkEnd
+    onDone: checkEnd,
+    onError: options.onError
   });
   const flushEnd = () => {
     if (!registry.size) {
@@ -122,6 +125,7 @@ export function renderToStream(code, options = {}) {
     id: renderId || "",
     count: 0,
     async: true,
+    event: {},
     resources: {},
     lazy: {},
     suspense: {},
@@ -538,6 +542,17 @@ function replacePlaceholder(html, key, value) {
   return html.slice(0, first) + value + html.slice(last + close.length);
 }
 
+// experimental
+export const RequestContext = Symbol();
+
+export function getRequestEvent() {
+  return (
+    (globalThis[RequestContext] && globalThis[RequestContext].getStore()) ||
+    (sharedConfig.context && sharedConfig.context.event) ||
+    undefined
+  );
+}
+
 // consider deprecating
 export function Assets(props) {
   useAssets(() => props.children);