fix(server-renderer): pipeToWebWritable CF worker compat

fix #4287

packages/server-renderer/README.md

@@ -92,8 +92,7 @@ Renders input as a [Web ReadableStream](https://developer.mozilla.org/en-US/docs
 ```ts
 function renderToWebStream(
   input: App | VNode,
-  context?: SSRContext,
+  context?: SSRContext
-  Ctor?: { new (): ReadableStream }
 ): ReadableStream
 ```
 

packages/server-renderer/src/renderToStream.ts

@@ -74,9 +74,7 @@ export function renderToSimpleStream<T extends SimpleReadable>(
 
   Promise.resolve(renderComponentVNode(vnode))
     .then(buffer => unrollBuffer(buffer, stream))
-    .then(() => {
+    .then(() => stream.push(null))
-      stream.push(null)
-    })
     .catch(error => {
       stream.destroy(error)
     })
@@ -180,20 +178,27 @@ export function pipeToWebWritable(
   const writer = writable.getWriter()
   const encoder = new TextEncoder()
 
-  writer.ready.then(() => {
+  // #4287 CloudFlare workers do not implement `ready` property
-    renderToSimpleStream(input, context, {
+  let hasReady = false
-      push(content) {
+  try {
-        if (content != null) {
+    hasReady = isPromise(writer.ready)
-          writer.write(encoder.encode(content))
+  } catch (e) {}
-        } else {
+
-          writer.close()
+  renderToSimpleStream(input, context, {
-        }
+    async push(content) {
-      },
+      if (hasReady) {
-      destroy(err) {
+        await writer.ready
-        // TODO better error handling?
-        console.log(err)
-        writer.close()
       }
-    })
+      if (content != null) {
+        return writer.write(encoder.encode(content))
+      } else {
+        return writer.close()
+      }
+    },
+    destroy(err) {
+      // TODO better error handling?
+      console.log(err)
+      writer.close()
+    }
   })
 }