global.js — react Source File

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

File javascript BabelCompiler Entrypoint 1 imports 2 functions

Entity Profile

BabelCompiler→ Entrypoint→ global.js — react Source File

Dependency Diagram

graph LR
  50aebae3_345d_ebc8_a535_43013692ac0d["global.js"]
  102f7d62_f771_0080_dd43_d867f5a8bd55["core"]
  50aebae3_345d_ebc8_a535_43013692ac0d --> 102f7d62_f771_0080_dd43_d867f5a8bd55
  style 50aebae3_345d_ebc8_a535_43013692ac0d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import babel from '@babel/core';

const babelOptions = {
  babelrc: false,
  ignore: [/\/(build|node_modules)\//],
  plugins: [
    '@babel/plugin-syntax-import-meta',
    ['@babel/plugin-transform-react-jsx', {runtime: 'automatic'}],
  ],
};

export async function load(url, context, defaultLoad) {
  const {format} = context;
  const result = await defaultLoad(url, context, defaultLoad);
  if (result.format === 'module') {
    const opt = Object.assign({filename: url}, babelOptions);
    const newResult = await babel.transformAsync(result.source, opt);
    if (!newResult) {
      if (typeof result.source === 'string') {
        return result;
      }
      return {
        source: Buffer.from(result.source).toString('utf8'),
        format: 'module',
      };
    }
    return {source: newResult.code, format: 'module'};
  }
  return defaultLoad(url, context, defaultLoad);
}

async function babelTransformSource(source, context, defaultTransformSource) {
  const {format} = context;
  if (format === 'module') {
    const opt = Object.assign({filename: context.url}, babelOptions);
    const newResult = await babel.transformAsync(source, opt);
    if (!newResult) {
      if (typeof source === 'string') {
        return {source};
      }
      return {
        source: Buffer.from(source).toString('utf8'),
      };
    }
    return {source: newResult.code};
  }
  return defaultTransformSource(source, context, defaultTransformSource);
}

export const transformSource =
  process.version < 'v16' ? babelTransformSource : undefined;