Encode strings

Author: sebmarkbage

packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMNode-test.js

@@ -97,11 +97,13 @@ describe('ReactFlightDOMNode', () => {
     function Text({children}) {
       return <span>{children}</span>;
     }
+    // Large strings can get encoded differently so we need to test that.
+    const largeString = 'world'.repeat(1000);
     function HTML() {
       return (
         <div>
           <Text>hello</Text>
-          <Text>world</Text>
+          <Text>{largeString}</Text>
         </div>
       );
     }
@@ -127,7 +129,7 @@ describe('ReactFlightDOMNode', () => {
       html: (
         <div>
           <span>hello</span>
-          <span>world</span>
+          <span>{largeString}</span>
         </div>
       ),
     });

packages/react-server-dom-webpack/src/server/ReactFlightDOMServerNode.js

@@ -54,6 +54,8 @@ export {
   createClientModuleProxy,
 } from '../ReactFlightWebpackReferences';
 
+import {textEncoder} from 'react-server/src/ReactServerStreamConfigNode';
+
 import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
 
 export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
@@ -138,6 +140,9 @@ function createFakeWritableFromReadableStreamController(
   // a fake writable for now to push into the Readable.
   return ({
     write(chunk: string | Uint8Array) {
+      if (typeof chunk === 'string') {
+        chunk = textEncoder.encode(chunk);
+      }
       controller.enqueue(chunk);
       // in web streams there is no backpressure so we can alwas write more
       return true;

packages/react-server/src/ReactServerStreamConfigNode.js

@@ -189,7 +189,7 @@ export function close(destination: Destination) {
   destination.end();
 }
 
-const textEncoder = new TextEncoder();
+export const textEncoder: TextEncoder = new TextEncoder();
 
 export function stringToChunk(content: string): Chunk {
   return content;