Home / File/ ReactFizzConfig.custom.js — react Source File

ReactFizzConfig.custom.js — react Source File

Architecture documentation for ReactFizzConfig.custom.js, a javascript file in the react codebase. 2 imports, 0 dependents.

File javascript 2 imports

Entity Profile

Dependency Diagram

graph LR
  47aaeeec_c9ed_cab5_2c9d_3cf909bb005f["ReactFizzConfig.custom.js"]
  ca40cfc0_4531_f3fa_7600_53b0400a208c["ReactFizzServer"]
  47aaeeec_c9ed_cab5_2c9d_3cf909bb005f --> ca40cfc0_4531_f3fa_7600_53b0400a208c
  95ef6e30_5e15_fea2_4f8e_0f58a4f2ddaa["ReactFiberConfig"]
  47aaeeec_c9ed_cab5_2c9d_3cf909bb005f --> 95ef6e30_5e15_fea2_4f8e_0f58a4f2ddaa
  style 47aaeeec_c9ed_cab5_2c9d_3cf909bb005f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * 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.

import type {Request} from 'react-server/src/ReactFizzServer';
import type {TransitionStatus} from 'react-reconciler/src/ReactFiberConfig';

declare const $$$config: any;
export opaque type Destination = mixed;
export opaque type RenderState = mixed;
export opaque type HoistableState = mixed;
export opaque type ResumableState = mixed;
export opaque type PreambleState = mixed;
export opaque type FormatContext = mixed;
export opaque type HeadersDescriptor = mixed;
export type {TransitionStatus};

export const isPrimaryRenderer = false;

export const supportsClientAPIs = true;

export const supportsRequestStorage = false;
export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);

export const bindToConsole = $$$config.bindToConsole;

export const resetResumableState = $$$config.resetResumableState;
export const completeResumableState = $$$config.completeResumableState;
export const getChildFormatContext = $$$config.getChildFormatContext;
export const getSuspenseFallbackFormatContext =
  $$$config.getSuspenseFallbackFormatContext;
export const getSuspenseContentFormatContext =
  $$$config.getSuspenseContentFormatContext;
export const getViewTransitionFormatContext =
  $$$config.getViewTransitionFormatContext;
export const makeId = $$$config.makeId;
export const pushTextInstance = $$$config.pushTextInstance;
export const pushStartInstance = $$$config.pushStartInstance;
export const pushEndInstance = $$$config.pushEndInstance;
export const pushSegmentFinale = $$$config.pushSegmentFinale;
export const pushFormStateMarkerIsMatching =
  $$$config.pushFormStateMarkerIsMatching;
export const pushFormStateMarkerIsNotMatching =
  $$$config.pushFormStateMarkerIsNotMatching;
export const writeCompletedRoot = $$$config.writeCompletedRoot;
export const writePlaceholder = $$$config.writePlaceholder;
export const pushStartActivityBoundary = $$$config.pushStartActivityBoundary;
export const pushEndActivityBoundary = $$$config.pushEndActivityBoundary;
export const writeStartCompletedSuspenseBoundary =
  $$$config.writeStartCompletedSuspenseBoundary;
export const writeStartPendingSuspenseBoundary =
  $$$config.writeStartPendingSuspenseBoundary;
export const writeStartClientRenderedSuspenseBoundary =
  $$$config.writeStartClientRenderedSuspenseBoundary;
export const writeEndCompletedSuspenseBoundary =
  $$$config.writeEndCompletedSuspenseBoundary;
export const writeEndPendingSuspenseBoundary =
  $$$config.writeEndPendingSuspenseBoundary;
export const writeEndClientRenderedSuspenseBoundary =
  $$$config.writeEndClientRenderedSuspenseBoundary;
export const writeStartSegment = $$$config.writeStartSegment;
export const writeEndSegment = $$$config.writeEndSegment;
export const writeCompletedSegmentInstruction =
  $$$config.writeCompletedSegmentInstruction;
export const writeCompletedBoundaryInstruction =
  $$$config.writeCompletedBoundaryInstruction;
export const writeClientRenderBoundaryInstruction =
  $$$config.writeClientRenderBoundaryInstruction;
export const NotPendingTransition = $$$config.NotPendingTransition;
export const createPreambleState = $$$config.createPreambleState;
export const canHavePreamble = $$$config.canHavePreamble;
export const isPreambleContext = $$$config.isPreambleContext;
export const isPreambleReady = $$$config.isPreambleReady;
export const hoistPreambleState = $$$config.hoistPreambleState;

// -------------------------
//     Resources
// -------------------------
export const writePreambleStart = $$$config.writePreambleStart;
export const writePreambleEnd = $$$config.writePreambleEnd;
export const writeHoistables = $$$config.writeHoistables;
export const writeHoistablesForBoundary = $$$config.writeHoistablesForBoundary;
export const writePostamble = $$$config.writePostamble;
export const hoistHoistables = $$$config.hoistHoistables;
export const createHoistableState = $$$config.createHoistableState;
export const hasSuspenseyContent = $$$config.hasSuspenseyContent;
export const emitEarlyPreloads = $$$config.emitEarlyPreloads;

Dependencies

  • ReactFiberConfig
  • ReactFizzServer

Frequently Asked Questions

What does ReactFizzConfig.custom.js do?
ReactFizzConfig.custom.js is a source file in the react codebase, written in javascript.
What does ReactFizzConfig.custom.js depend on?
ReactFizzConfig.custom.js imports 2 module(s): ReactFiberConfig, ReactFizzServer.
Where is ReactFizzConfig.custom.js in the architecture?
ReactFizzConfig.custom.js is located at packages/react-server/src/forks/ReactFizzConfig.custom.js (directory: packages/react-server/src/forks).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free