dom-expressions 0.32.0 → 0.32.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dom-expressions",
   "description": "A Fine-Grained Runtime for Performant DOM Rendering",
-  "version": "0.32.0",
+  "version": "0.32.4",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -22,5 +22,5 @@
   "devDependencies": {
     "babel-plugin-jsx-dom-expressions": "^0.32.0"
   },
-  "gitHead": "6c6759c7f721d1e738b3aead7afb5c3cd0be04fc"
+  "gitHead": "fb410f2b94e8069bf0b5ec737ce1a2a6a1aba7a2"
 }

package/src/client.d.ts

@@ -30,7 +30,7 @@ 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 innerHTML(node: Element, content: string);
+export function innerHTML(node: Element, content: string): void;
 export function addEventListener(
   node: Element,
   name: string,

package/src/client.js

@@ -373,7 +373,8 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
       return current;
     }
     if (array.length === 0) {
-      cleanChildren(parent, current, marker);
+      current = cleanChildren(parent, current, marker);
+      if (multi) return current;
     } else if (Array.isArray(current)) {
       if (current.length === 0) {
         appendNodes(parent, array, marker);
@@ -384,7 +385,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
     }
     current = array;
   } else if (value instanceof Node) {
-    if (sharedConfig.context)
+    if (sharedConfig.context && current && current.length)
       return (current = value.parentNode ? (multi ? [value] : value) : current);
     if (Array.isArray(current)) {
       if (multi) return (current = cleanChildren(parent, current, marker, value));

package/src/jsx.d.ts

@@ -2085,6 +2085,8 @@ export namespace JSX {
   }
   interface DetailsHtmlAttributes<T> extends HTMLAttributes<T> {
     open?: boolean;
+    onToggle?: EventHandlerUnion<T, Event>;
+    ontoggle?: EventHandlerUnion<T, Event>;
   }
   interface DialogHtmlAttributes<T> extends HTMLAttributes<T> {
     open?: boolean;

package/src/server.d.ts

@@ -18,8 +18,8 @@ export function renderToStream<T>(
   options?: {
     nonce?: string;
     renderId?: string;
-    onCompleteShell?: () => void;
-    onCompleteAll?: () => void;
+    onCompleteShell?: (info: { write: (v: string) => void }) => void;
+    onCompleteAll?: (info: { write: (v: string) => void }) => void;
   }
 ): {
   pipe: (writable: { write: (v: string) => void }) => void;
@@ -47,6 +47,7 @@ export function generateHydrationScript(options: { nonce?: string; eventNames?:
 
 // deprecated
 export type LegacyResults = {
+  write: (text: string) => void;
   startWriting: () => void;
 };
 export function pipeToWritable<T>(

package/src/server.js

@@ -96,7 +96,12 @@ export function renderToStream(code, options = {}) {
   const checkEnd = () => {
     if (!registry.size && !completed) {
       writeTasks();
-      onCompleteAll && onCompleteAll(result);
+      onCompleteAll &&
+        onCompleteAll({
+          write(v) {
+            !completed && buffer.write(v);
+          }
+        });
       writable && writable.end();
       completed = true;
     }
@@ -182,7 +187,12 @@ export function renderToStream(code, options = {}) {
     buffer.write(html);
     tasks.length = 0;
     scheduled = false;
-    onCompleteShell && onCompleteShell();
+    onCompleteShell &&
+      onCompleteShell({
+        write(v) {
+          !completed && buffer.write(v);
+        }
+      });
   });
 
   return {
@@ -444,8 +454,9 @@ function serializeSet(registry, key, value) {
  */
 export function pipeToNodeWritable(code, writable, options = {}) {
   if (options.onReady) {
-    options.onCompleteShell = () => {
+    options.onCompleteShell = ({ write }) => {
       options.onReady({
+        write,
         startWriting() {
           stream.pipe(writable);
         }
@@ -462,8 +473,9 @@ export function pipeToNodeWritable(code, writable, options = {}) {
  */
 export function pipeToWritable(code, writable, options = {}) {
   if (options.onReady) {
-    options.onCompleteShell = () => {
+    options.onCompleteShell = ({ write }) => {
       options.onReady({
+        write,
         startWriting() {
           stream.pipeTo(writable);
         }