constants.js — react Source File

Architecture documentation for constants.js, a javascript file in the react codebase. 1 imports, 2 dependents.

File javascript BabelCompiler 1 imports 2 dependents

Entity Profile

BabelCompiler→ constants.js — react Source File

Dependency Diagram

graph LR
  7b4b1f74_ad9f_b54a_6f0f_61769f9baa4b["constants.js"]
  b1d7398d_66cf_71cb_112a_0a34db8b8c40["./devtools/views/Settings/SettingsContext"]
  7b4b1f74_ad9f_b54a_6f0f_61769f9baa4b --> b1d7398d_66cf_71cb_112a_0a34db8b8c40
  2b861b3e_4cb9_174c_13d4_aec0fc37d1b1["UnsupportedVersionDialog.js"]
  2b861b3e_4cb9_174c_13d4_aec0fc37d1b1 --> 7b4b1f74_ad9f_b54a_6f0f_61769f9baa4b
  018de6d1_d68d_770a_284c_f0863628d125["useThemeStyles.js"]
  018de6d1_d68d_770a_284c_f0863628d125 --> 7b4b1f74_ad9f_b54a_6f0f_61769f9baa4b
  style 7b4b1f74_ad9f_b54a_6f0f_61769f9baa4b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

export const CHANGE_LOG_URL =
  'https://github.com/facebook/react/blob/main/packages/react-devtools/CHANGELOG.md';

export const UNSUPPORTED_VERSION_URL =
  'https://reactjs.org/blog/2019/08/15/new-react-devtools.html#how-do-i-get-the-old-version-back';

export const REACT_DEVTOOLS_WORKPLACE_URL =
  'https://fburl.com/react-devtools-workplace-group';

import type {
  Theme,
  DisplayDensity,
} from './devtools/views/Settings/SettingsContext';

export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
  light: {
    '--color-attribute-name': '#ef6632',
    '--color-attribute-name-not-editable': '#23272f',
    '--color-attribute-name-inverted': 'rgba(255, 255, 255, 0.7)',
    '--color-attribute-value': '#1a1aa6',
    '--color-attribute-value-inverted': '#ffffff',
    '--color-attribute-editable-value': '#1a1aa6',
    '--color-background': '#ffffff',
    '--color-background-hover': 'rgba(0, 136, 250, 0.1)',
    '--color-background-inactive': '#e5e5e5',
    '--color-background-invalid': '#fff0f0',
    '--color-background-selected': '#0088fa',
    '--color-button-background': '#ffffff',
    '--color-button-background-focus': '#ededed',
    '--color-button-background-hover': 'rgba(0, 0, 0, 0.2)',
    '--color-button': '#5f6673',
    '--color-button-disabled': '#cfd1d5',
    '--color-button-active': '#0088fa',
    '--color-button-focus': '#23272f',
    '--color-button-hover': '#23272f',
    '--color-border': '#eeeeee',
    '--color-commit-did-not-render-fill': '#cfd1d5',
    '--color-commit-did-not-render-fill-text': '#000000',
    '--color-commit-did-not-render-pattern': '#cfd1d5',
    '--color-commit-did-not-render-pattern-text': '#333333',
    '--color-commit-gradient-0': '#37afa9',
    '--color-commit-gradient-1': '#63b19e',
    '--color-commit-gradient-2': '#80b393',
    '--color-commit-gradient-3': '#97b488',
    '--color-commit-gradient-4': '#abb67d',
    '--color-commit-gradient-5': '#beb771',
    '--color-commit-gradient-6': '#cfb965',
    '--color-commit-gradient-7': '#dfba57',
    '--color-commit-gradient-8': '#efbb49',
    '--color-commit-gradient-9': '#febc38',
    '--color-commit-gradient-text': '#000000',
    '--color-component-name': '#6a51b2',
    '--color-component-name-inverted': '#ffffff',
    '--color-component-badge-background': '#e6e6e6',
    '--color-component-badge-background-inverted': 'rgba(255, 255, 255, 0.25)',
    '--color-component-badge-count': '#777d88',
    '--color-component-badge-count-inverted': 'rgba(255, 255, 255, 0.7)',
    '--color-console-error-badge-text': '#ffffff',
    '--color-console-error-background': '#fff0f0',
    '--color-console-error-border': '#ffd6d6',
// ... (311 more lines)

Domain

BabelCompiler

Dependencies

./devtools/views/Settings/SettingsContext

Imported By

Source

View on GitHub

Frequently Asked Questions

What does constants.js do?

constants.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.

What does constants.js depend on?

constants.js imports 1 module(s): ./devtools/views/Settings/SettingsContext.

What files import constants.js?

constants.js is imported by 2 file(s): UnsupportedVersionDialog.js, useThemeStyles.js.

Where is constants.js in the architecture?

constants.js is located at packages/react-devtools-shared/src/devtools/constants.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