mirror of
https://github.com/hanzoai/react.git
synced 2026-09-24 17:02:27 +00:00
Andrew ClarkandGitHub
6cbc8ab933
To support MPA-style form submissions, useFormState sends down a key that represents the identity of the hook on the page. It's based on the key path of the component within the React tree; for deeply nested hooks, this keypath can become very long. We can hash the key to make it shorter. Adds a method called createFastHash to the Stream Config interface. We're not using this for security or obfuscation, only to generate a more compact key without sacrificing too much collision resistance. - In Node.js builds, createFastHash uses the built-in crypto module. - In Bun builds, createFastHash uses Bun.hash. See: https://bun.sh/docs/api/hashing#bun-hash I have not yet implemented createFastHash in the Edge, Browser, or FB (Hermes) stream configs because those environments do not have a built-in hashing function that meets our requirements. (We can't use the web standard `crypto` API because those methods are async, and yielding to the main thread is too costly to be worth it for this particular use case.) We'll likely use a pure JS implementation in those environments; for now, they just return the original string without hashing it. I'll address this in separate PRs.
48 lines
1.9 KiB
JavaScript
48 lines
1.9 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
// This is a host config that's used for the `react-server` package on npm.
|
|
// It is only used by third-party renderers.
|
|
//
|
|
// Its API lets you pass the host config as an argument.
|
|
// However, inside the `react-server` we treat host config as a module.
|
|
// This file is a shim between two worlds.
|
|
//
|
|
// It works because the `react-server` bundle is wrapped in something like:
|
|
//
|
|
// module.exports = function ($$$config) {
|
|
// /* renderer code */
|
|
// }
|
|
//
|
|
// So `$$$config` looks like a global variable, but it's
|
|
// really an argument to a top-level wrapping function.
|
|
|
|
declare var $$$config: any;
|
|
export opaque type Destination = mixed; // eslint-disable-line no-undef
|
|
|
|
export opaque type PrecomputedChunk = mixed; // eslint-disable-line no-undef
|
|
export opaque type Chunk = mixed; // eslint-disable-line no-undef
|
|
export opaque type BinaryChunk = mixed; // eslint-disable-line no-undef
|
|
|
|
export const scheduleWork = $$$config.scheduleWork;
|
|
export const beginWriting = $$$config.beginWriting;
|
|
export const writeChunk = $$$config.writeChunk;
|
|
export const writeChunkAndReturn = $$$config.writeChunkAndReturn;
|
|
export const completeWriting = $$$config.completeWriting;
|
|
export const flushBuffered = $$$config.flushBuffered;
|
|
export const close = $$$config.close;
|
|
export const closeWithError = $$$config.closeWithError;
|
|
export const stringToChunk = $$$config.stringToChunk;
|
|
export const stringToPrecomputedChunk = $$$config.stringToPrecomputedChunk;
|
|
export const typedArrayToBinaryChunk = $$$config.typedArrayToBinaryChunk;
|
|
export const clonePrecomputedChunk = $$$config.clonePrecomputedChunk;
|
|
export const byteLengthOfChunk = $$$config.byteLengthOfChunk;
|
|
export const byteLengthOfBinaryChunk = $$$config.byteLengthOfBinaryChunk;
|
|
export const createFastHash = $$$config.createFastHash;
|