react Architecture Docs
Home / File/ store.js — react Source File

store.js — react Source File

Architecture documentation for store.js, a javascript file in the react codebase. 19 imports, 17 dependents.

File javascript BabelCompiler 19 imports 17 dependents 1 classes

Entity Profile

Dependency Diagram

graph LR
  bba85af0_a356_d0c5_4d12_914508b89593["store.js"]
  141645a3_e6e3_7211_4514_81e079648b8c["events.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 141645a3_e6e3_7211_4514_81e079648b8c
  bcb71f5e_1ecf_5620_9a9e_55d6ab61dd1f["constants.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> bcb71f5e_1ecf_5620_9a9e_55d6ab61dd1f
  501f1668_e338_41a4_686c_5b2aee4863b8["types.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 501f1668_e338_41a4_686c_5b2aee4863b8
  0de29888_ca49_eb3c_33f7_ab4fff46de0b["utils.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 0de29888_ca49_eb3c_33f7_ab4fff46de0b
  04db4ed0_38d9_2b54_911c_3f20b16c3c86["storage.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 04db4ed0_38d9_2b54_911c_3f20b16c3c86
  a80fea9e_23b2_0200_56fe_ceae98d0e928["localStorageGetItem"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> a80fea9e_23b2_0200_56fe_ceae98d0e928
  24ddba0a_6309_2479_7c69_343cd4dca7c1["localStorageSetItem"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 24ddba0a_6309_2479_7c69_343cd4dca7c1
  fa31bba5_57ed_1039_52bb_4a8cb4382642["utils.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> fa31bba5_57ed_1039_52bb_4a8cb4382642
  d738af75_576c_a12f_4a3a_c9e3cfe329a7["printStore"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> d738af75_576c_a12f_4a3a_c9e3cfe329a7
  85373914_42ee_ed07_c5b1_5dac4e356a82["ProfilerStore.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 85373914_42ee_ed07_c5b1_5dac4e356a82
  3fc29544_4278_4ce9_4b80_afb09671b539["ProfilerStore"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 3fc29544_4278_4ce9_4b80_afb09671b539
  0304bbc8_f110_6643_71c6_d26bddc58fde["types.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 0304bbc8_f110_6643_71c6_d26bddc58fde
  1e290487_2c6f_fbaf_7be9_e14d5df52457["clipboard-js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 1e290487_2c6f_fbaf_7be9_e14d5df52457
  e38503ff_90ab_2fd6_8dbb_f5a5a0bd5a1b["util"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> e38503ff_90ab_2fd6_8dbb_f5a5a0bd5a1b
  style bba85af0_a356_d0c5_4d12_914508b89593 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
 */

import {copy} from 'clipboard-js';
import EventEmitter from '../events';
import {inspect} from 'util';
import {
  PROFILING_FLAG_BASIC_SUPPORT,
  PROFILING_FLAG_TIMELINE_SUPPORT,
  PROFILING_FLAG_PERFORMANCE_TRACKS_SUPPORT,
  TREE_OPERATION_ADD,
  TREE_OPERATION_REMOVE,
  TREE_OPERATION_REORDER_CHILDREN,
  TREE_OPERATION_SET_SUBTREE_MODE,
  TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS,
  TREE_OPERATION_UPDATE_TREE_BASE_DURATION,
  TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE,
  SUSPENSE_TREE_OPERATION_ADD,
  SUSPENSE_TREE_OPERATION_REMOVE,
  SUSPENSE_TREE_OPERATION_REORDER_CHILDREN,
  SUSPENSE_TREE_OPERATION_RESIZE,
  SUSPENSE_TREE_OPERATION_SUSPENDERS,
} from '../constants';
import {
  ElementTypeRoot,
  ElementTypeActivity,
  ComponentFilterActivitySlice,
} from '../frontend/types';
import {
  getSavedComponentFilters,
  setSavedComponentFilters,
  shallowDiffers,
  utfDecodeStringWithRanges,
  parseElementDisplayNameFromBackend,
  unionOfTwoArrays,
} from '../utils';
import {localStorageGetItem, localStorageSetItem} from '../storage';
import {__DEBUG__} from '../constants';
import {printStore} from './utils';
import ProfilerStore from './ProfilerStore';
import {
  BRIDGE_PROTOCOL,
  currentBridgeProtocol,
} from 'react-devtools-shared/src/bridge';
import {StrictMode} from 'react-devtools-shared/src/frontend/types';
import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';

import type {
  Element,
  ComponentFilter,
  ElementType,
  SuspenseNode,
  SuspenseTimelineStep,
  Rect,
// ... (2368 more lines)

Domain

Classes

Dependencies

Imported By

Source

Frequently Asked Questions

What does store.js do?
store.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does store.js depend on?
store.js imports 19 module(s): ProfilerStore, ProfilerStore.js, UnsupportedBridgeOperationError, bridge, clipboard-js, constants.js, events.js, localStorageGetItem, and 11 more.
What files import store.js?
store.js is imported by 17 file(s): DevTools.js, InspectedElementContextTree.js, InspectedElementErrorsAndWarningsTree.js, InspectedElementHooksTree.js, InspectedElementPropsTree.js, InspectedElementStateTree.js, InspectedElementStyleXPlugin.js, InspectedElementSuspendedBy.js, and 9 more.
Where is store.js in the architecture?
store.js is located at packages/react-devtools-shared/src/devtools/store.js (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools).

Analyze Your Own Codebase

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

Try Supermodel Free