@atlaspack/transformer-js 3.2.3-canary.49 → 3.2.3-canary.491

package/lib/JSTransformer.js

@@ -4,8 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+exports.loadCompiledCssInJsConfig = loadCompiledCssInJsConfig;
+exports.loadTokensConfig = loadTokensConfig;
+function _buildCache() {
+  const data = require("@atlaspack/build-cache");
+  _buildCache = function () {
+    return data;
+  };
+  return data;
+}
 function _sourceMap() {
-  const data = _interopRequireDefault(require("@parcel/source-map"));
+  const data = _interopRequireDefault(require("@atlaspack/source-map"));
   _sourceMap = function () {
     return data;
   };
@@ -25,6 +34,13 @@ function _rust() {
   };
   return data;
 }
+function _assert() {
+  const data = _interopRequireDefault(require("assert"));
+  _assert = function () {
+    return data;
+  };
+  return data;
+}
 function _browserslist() {
   const data = _interopRequireDefault(require("browserslist"));
   _browserslist = function () {
@@ -68,9 +84,15 @@ function _featureFlags() {
   };
   return data;
 }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _path() {
+  const data = _interopRequireWildcard(require("path"));
+  _path = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const JSX_EXTENSIONS = {
   jsx: true,
   tsx: true
@@ -130,15 +152,25 @@ const CONFIG_SCHEMA = {
         }
       }]
     },
+    addReactDisplayName: {
+      type: 'boolean'
+    },
     magicComments: {
       type: 'boolean'
     },
     unstable_inlineConstants: {
       type: 'boolean'
+    },
+    jsx: {
+      type: 'object'
     }
   },
   additionalProperties: false
 };
+
+// Mirrors the CONFIG_SCHEMA
+
+const configCache = (0, _buildCache().createBuildCache)();
 const SCRIPT_ERRORS = {
   browser: {
     message: 'Browser scripts cannot have imports or exports.',
@@ -155,52 +187,165 @@ const SCRIPT_ERRORS = {
 };
 
 // NOTE: Make sure this is in sync with the TypeScript definition in the @atlaspack/macros package.
+
+const TOKENS_CONFIG_SCHEMA = {
+  type: 'object',
+  properties: {
+    shouldUseAutoFallback: {
+      type: 'boolean'
+    },
+    shouldForceAutoFallback: {
+      type: 'boolean'
+    },
+    forceAutoFallbackExemptions: {
+      type: 'array',
+      items: {
+        type: 'string'
+      }
+    },
+    defaultTheme: {
+      type: 'string',
+      enum: ['light', 'legacy-light']
+    },
+    tokenDataPath: {
+      type: 'string'
+    }
+  },
+  additionalProperties: false
+};
+async function legacyDetemineJsxConfig(config, options) {
+  let packageJson = await config.getPackage();
+  let isJSX, jsxPragma, jsxPragmaFrag, jsxImportSource, automaticJSXRuntime, reactRefresh;
+  if (config.isSource) {
+    var _packageJson$dependen2, _packageJson$devDepen2, _packageJson$peerDepe2, _await$config$getConf;
+    let reactLib;
+    if (packageJson !== null && packageJson !== void 0 && packageJson.alias && packageJson.alias['react']) {
+      // e.g.: `{ alias: { "react": "preact/compat" } }`
+      reactLib = 'react';
+    } else {
+      // Find a dependency that we can map to a JSX pragma
+      reactLib = Object.keys(JSX_PRAGMA).find(libName => {
+        var _packageJson$dependen, _packageJson$devDepen, _packageJson$peerDepe;
+        return (packageJson === null || packageJson === void 0 || (_packageJson$dependen = packageJson.dependencies) === null || _packageJson$dependen === void 0 ? void 0 : _packageJson$dependen[libName]) || (packageJson === null || packageJson === void 0 || (_packageJson$devDepen = packageJson.devDependencies) === null || _packageJson$devDepen === void 0 ? void 0 : _packageJson$devDepen[libName]) || (packageJson === null || packageJson === void 0 || (_packageJson$peerDepe = packageJson.peerDependencies) === null || _packageJson$peerDepe === void 0 ? void 0 : _packageJson$peerDepe[libName]);
+      });
+    }
+    reactRefresh = Boolean((packageJson === null || packageJson === void 0 || (_packageJson$dependen2 = packageJson.dependencies) === null || _packageJson$dependen2 === void 0 ? void 0 : _packageJson$dependen2.react) || (packageJson === null || packageJson === void 0 || (_packageJson$devDepen2 = packageJson.devDependencies) === null || _packageJson$devDepen2 === void 0 ? void 0 : _packageJson$devDepen2.react) || (packageJson === null || packageJson === void 0 || (_packageJson$peerDepe2 = packageJson.peerDependencies) === null || _packageJson$peerDepe2 === void 0 ? void 0 : _packageJson$peerDepe2.react));
+    const compilerOptions = (_await$config$getConf = await config.getConfigFrom(options.projectRoot + '/index', ['tsconfig.json', 'jsconfig.json'], {
+      readTracking: true
+    })) === null || _await$config$getConf === void 0 || (_await$config$getConf = _await$config$getConf.contents) === null || _await$config$getConf === void 0 ? void 0 : _await$config$getConf.compilerOptions;
+
+    // Use explicitly defined JSX options in tsconfig.json over inferred values from dependencies.
+    jsxPragma = (compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsxFactory) || (
+    // @ts-expect-error TS7053
+    reactLib ? JSX_PRAGMA[reactLib].pragma : undefined);
+    jsxPragmaFrag = (compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsxFragmentFactory) || (
+    // @ts-expect-error TS7053
+    reactLib ? JSX_PRAGMA[reactLib].pragmaFrag : undefined);
+    if ((compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsx) === 'react-jsx' || (compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsx) === 'react-jsxdev' || compilerOptions !== null && compilerOptions !== void 0 && compilerOptions.jsxImportSource) {
+      jsxImportSource = compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsxImportSource;
+      automaticJSXRuntime = true;
+    } else if (reactLib) {
+      var _JSX_PRAGMA$effective, _packageJson$dependen3, _packageJson$devDepen3, _packageJson$peerDepe3, _semver$minVersion;
+      let effectiveReactLib = packageJson !== null && packageJson !== void 0 && packageJson.alias && packageJson.alias['react'] === 'preact/compat' ? 'preact' : reactLib;
+      // @ts-expect-error TS7053
+      let automaticVersion = (_JSX_PRAGMA$effective = JSX_PRAGMA[effectiveReactLib]) === null || _JSX_PRAGMA$effective === void 0 ? void 0 : _JSX_PRAGMA$effective.automatic;
+      let reactLibVersion = (packageJson === null || packageJson === void 0 || (_packageJson$dependen3 = packageJson.dependencies) === null || _packageJson$dependen3 === void 0 ? void 0 : _packageJson$dependen3[effectiveReactLib]) || (packageJson === null || packageJson === void 0 || (_packageJson$devDepen3 = packageJson.devDependencies) === null || _packageJson$devDepen3 === void 0 ? void 0 : _packageJson$devDepen3[effectiveReactLib]) || (packageJson === null || packageJson === void 0 || (_packageJson$peerDepe3 = packageJson.peerDependencies) === null || _packageJson$peerDepe3 === void 0 ? void 0 : _packageJson$peerDepe3[effectiveReactLib]);
+      // @ts-expect-error TS2322
+      reactLibVersion = reactLibVersion ? _semver().default.validRange(reactLibVersion) : null;
+      let minReactLibVersion = reactLibVersion !== null && reactLibVersion !== '*' ? // @ts-expect-error TS2345
+      (_semver$minVersion = _semver().default.minVersion(reactLibVersion)) === null || _semver$minVersion === void 0 ? void 0 : _semver$minVersion.toString() : null;
+      automaticJSXRuntime = automaticVersion && !(compilerOptions !== null && compilerOptions !== void 0 && compilerOptions.jsxFactory) && minReactLibVersion != null && _semver().default.satisfies(minReactLibVersion, automaticVersion, {
+        includePrerelease: true
+      });
+      if (automaticJSXRuntime) {
+        jsxImportSource = reactLib;
+      }
+    }
+    isJSX = Boolean((compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsx) || jsxPragma);
+  }
+  return {
+    isJSX,
+    jsxPragma,
+    jsxPragmaFrag,
+    jsxImportSource,
+    automaticJSXRuntime,
+    reactRefresh
+  };
+}
+async function loadTokensConfig(config, options) {
+  const conf = await config.getConfigFrom(options.projectRoot + '/index', [], {
+    packageKey: '@atlaspack/transformer-tokens'
+  });
+  if (conf && conf.contents) {
+    _utils().validateSchema.diagnostic(TOKENS_CONFIG_SCHEMA, {
+      data: conf.contents,
+      source: () => options.inputFS.readFileSync(conf.filePath, 'utf8'),
+      filePath: conf.filePath,
+      prependKey: `/${(0, _diagnostic().encodeJSONKeyComponent)('@atlaspack/transformer-tokens')}`
+    }, '@atlaspack/transformer-tokens', 'Invalid config for @atlaspack/transformer-tokens');
+
+    // @ts-expect-error TS2339
+    const tokensConfig = conf.contents;
+    let resolvedConfig = {
+      shouldUseAutoFallback: tokensConfig.shouldUseAutoFallback ?? true,
+      shouldForceAutoFallback: tokensConfig.shouldForceAutoFallback ?? true,
+      forceAutoFallbackExemptions: tokensConfig.forceAutoFallbackExemptions ?? [],
+      defaultTheme: tokensConfig.defaultTheme ?? 'light',
+      tokenDataPath: _path().default.join(options.projectRoot, tokensConfig.tokenDataPath)
+    };
+    return resolvedConfig;
+  }
+}
+async function loadCompiledCssInJsConfig(config, options) {
+  const DEFAULT_IMPORT_SOURCES = ['@compiled/react', '@atlaskit/css'];
+  const conf = await config.getConfigFrom((0, _path().join)(options.projectRoot, 'index'), ['.compiledcssrc', '.compiledcssrc.json'], {
+    packageKey: '@atlaspack/transformer-compiled-css-in-js'
+  });
+  const resolvedBrowserslistEnv = (conf === null || conf === void 0 ? void 0 : conf.contents.browserslistEnv) ?? process.env.BROWSERSLIST_ENV ?? process.env.NODE_ENV ?? 'production';
+  const contents = {
+    ...(conf === null || conf === void 0 ? void 0 : conf.contents),
+    importSources: [...DEFAULT_IMPORT_SOURCES, ...((conf === null || conf === void 0 ? void 0 : conf.contents.importSources) ?? [])],
+    extract: (conf === null || conf === void 0 ? void 0 : conf.contents.extract) && options.mode !== 'development',
+    // Use explicit env or process env (BROWSERSLIST_ENV/NODE_ENV). Default to "production"
+    // to match browserslist/caniuse defaults and the legacy Babel plugin behavior.
+    browserslistEnv: resolvedBrowserslistEnv
+  };
+  return contents;
+}
 var _default = exports.default = new (_plugin().Transformer)({
   async loadConfig({
     config,
     options
   }) {
-    let pkg = await config.getPackage();
-    let isJSX, pragma, pragmaFrag, jsxImportSource, automaticJSXRuntime, reactRefresh, decorators, useDefineForClassFields;
+    var _conf$contents;
+    let conf = await config.getConfigFrom(options.projectRoot + '/index', [], {
+      packageKey: '@atlaspack/transformer-js'
+    });
+    if (conf && conf.contents) {
+      _utils().validateSchema.diagnostic(CONFIG_SCHEMA, {
+        data: conf.contents,
+        source: () => options.inputFS.readFileSync(conf.filePath, 'utf8'),
+        filePath: conf.filePath,
+        prependKey: `/${(0, _diagnostic().encodeJSONKeyComponent)('@atlaspack/transformer-js')}`
+      },
+      // FIXME
+      '@atlaspack/transformer-js', 'Invalid config for @atlaspack/transformer-js');
+    }
+    let packageJson = await config.getPackage();
+    let decorators, useDefineForClassFields;
+    let {
+      isJSX,
+      jsxPragma,
+      jsxPragmaFrag,
+      jsxImportSource,
+      automaticJSXRuntime,
+      reactRefresh
+    } = options.featureFlags.newJsxConfig ? (0, _rust().determineJsxConfiguration)(config.searchPath, config.isSource, conf === null || conf === void 0 || (_conf$contents = conf.contents) === null || _conf$contents === void 0 ? void 0 : _conf$contents.jsx, options.projectRoot) : await legacyDetemineJsxConfig(config, options);
     if (config.isSource) {
-      var _pkg$dependencies2, _pkg$devDependencies2, _pkg$peerDependencies2, _await$config$getConf, _await$config$getConf2;
-      let reactLib;
-      if (pkg !== null && pkg !== void 0 && pkg.alias && pkg.alias['react']) {
-        // e.g.: `{ alias: { "react": "preact/compat" } }`
-        reactLib = 'react';
-      } else {
-        // Find a dependency that we can map to a JSX pragma
-        reactLib = Object.keys(JSX_PRAGMA).find(libName => {
-          var _pkg$dependencies, _pkg$devDependencies, _pkg$peerDependencies;
-          return (pkg === null || pkg === void 0 || (_pkg$dependencies = pkg.dependencies) === null || _pkg$dependencies === void 0 ? void 0 : _pkg$dependencies[libName]) || (pkg === null || pkg === void 0 || (_pkg$devDependencies = pkg.devDependencies) === null || _pkg$devDependencies === void 0 ? void 0 : _pkg$devDependencies[libName]) || (pkg === null || pkg === void 0 || (_pkg$peerDependencies = pkg.peerDependencies) === null || _pkg$peerDependencies === void 0 ? void 0 : _pkg$peerDependencies[libName]);
-        });
-      }
-      reactRefresh = options.hmrOptions && options.mode === 'development' && Boolean((pkg === null || pkg === void 0 || (_pkg$dependencies2 = pkg.dependencies) === null || _pkg$dependencies2 === void 0 ? void 0 : _pkg$dependencies2.react) || (pkg === null || pkg === void 0 || (_pkg$devDependencies2 = pkg.devDependencies) === null || _pkg$devDependencies2 === void 0 ? void 0 : _pkg$devDependencies2.react) || (pkg === null || pkg === void 0 || (_pkg$peerDependencies2 = pkg.peerDependencies) === null || _pkg$peerDependencies2 === void 0 ? void 0 : _pkg$peerDependencies2.react));
-      const compilerOptions = (0, _featureFlags().getFeatureFlag)('granularTsConfigInvalidation') ? (_await$config$getConf = await config.getConfigFrom(options.projectRoot + '/index', ['tsconfig.json', 'jsconfig.json'], {
-        configKey: 'compilerOptions'
-      })) === null || _await$config$getConf === void 0 ? void 0 : _await$config$getConf.contents : (_await$config$getConf2 = await config.getConfigFrom(options.projectRoot + '/index', ['tsconfig.json', 'jsconfig.json'])) === null || _await$config$getConf2 === void 0 || (_await$config$getConf2 = _await$config$getConf2.contents) === null || _await$config$getConf2 === void 0 ? void 0 : _await$config$getConf2.compilerOptions;
-
-      // Use explicitly defined JSX options in tsconfig.json over inferred values from dependencies.
-      pragma = (compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsxFactory) || (reactLib ? JSX_PRAGMA[reactLib].pragma : undefined);
-      pragmaFrag = (compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsxFragmentFactory) || (reactLib ? JSX_PRAGMA[reactLib].pragmaFrag : undefined);
-      if ((compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsx) === 'react-jsx' || (compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsx) === 'react-jsxdev' || compilerOptions !== null && compilerOptions !== void 0 && compilerOptions.jsxImportSource) {
-        jsxImportSource = compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsxImportSource;
-        automaticJSXRuntime = true;
-      } else if (reactLib) {
-        var _JSX_PRAGMA$effective, _pkg$dependencies3, _pkg$devDependencies3, _pkg$peerDependencies3, _semver$minVersion;
-        let effectiveReactLib = pkg !== null && pkg !== void 0 && pkg.alias && pkg.alias['react'] === 'preact/compat' ? 'preact' : reactLib;
-        let automaticVersion = (_JSX_PRAGMA$effective = JSX_PRAGMA[effectiveReactLib]) === null || _JSX_PRAGMA$effective === void 0 ? void 0 : _JSX_PRAGMA$effective.automatic;
-        let reactLibVersion = (pkg === null || pkg === void 0 || (_pkg$dependencies3 = pkg.dependencies) === null || _pkg$dependencies3 === void 0 ? void 0 : _pkg$dependencies3[effectiveReactLib]) || (pkg === null || pkg === void 0 || (_pkg$devDependencies3 = pkg.devDependencies) === null || _pkg$devDependencies3 === void 0 ? void 0 : _pkg$devDependencies3[effectiveReactLib]) || (pkg === null || pkg === void 0 || (_pkg$peerDependencies3 = pkg.peerDependencies) === null || _pkg$peerDependencies3 === void 0 ? void 0 : _pkg$peerDependencies3[effectiveReactLib]);
-        reactLibVersion = reactLibVersion ? _semver().default.validRange(reactLibVersion) : null;
-        let minReactLibVersion = reactLibVersion !== null && reactLibVersion !== '*' ? (_semver$minVersion = _semver().default.minVersion(reactLibVersion)) === null || _semver$minVersion === void 0 ? void 0 : _semver$minVersion.toString() : null;
-        automaticJSXRuntime = automaticVersion && !(compilerOptions !== null && compilerOptions !== void 0 && compilerOptions.jsxFactory) && minReactLibVersion != null && _semver().default.satisfies(minReactLibVersion, automaticVersion, {
-          includePrerelease: true
-        });
-        if (automaticJSXRuntime) {
-          jsxImportSource = reactLib;
-        }
-      }
-      isJSX = Boolean((compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsx) || pragma);
+      var _await$config$getConf2;
+      const compilerOptions = (_await$config$getConf2 = await config.getConfigFrom(options.projectRoot + '/index', ['tsconfig.json', 'jsconfig.json'], {
+        readTracking: true
+      })) === null || _await$config$getConf2 === void 0 || (_await$config$getConf2 = _await$config$getConf2.contents) === null || _await$config$getConf2 === void 0 ? void 0 : _await$config$getConf2.compilerOptions;
       decorators = compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.experimentalDecorators;
       useDefineForClassFields = compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.useDefineForClassFields;
       if (useDefineForClassFields === undefined && (compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.target) != null) {
@@ -216,43 +361,88 @@ var _default = exports.default = new (_plugin().Transformer)({
 
     // Check if we should ignore fs calls
     // See https://github.com/defunctzombie/node-browser-resolve#skip
-    let ignoreFS = pkg && pkg.browser && typeof pkg.browser === 'object' && pkg.browser.fs === false;
-    let conf = await config.getConfigFrom(options.projectRoot + '/index', [], {
-      packageKey: '@atlaspack/transformer-js'
-    });
+    let ignoreFS = packageJson && packageJson.browser && typeof packageJson.browser === 'object' && packageJson.browser.fs === false;
     let inlineEnvironment = config.isSource;
     let inlineFS = !ignoreFS;
     let inlineConstants = false;
     let magicComments = false;
+    let addReactDisplayName = false;
+    let enableSsrTypeofReplacement = options.env.NATIVE_SSR_TYPEOF_REPLACEMENT === 'true';
+    let globalAliasingConfig = options.env.NATIVE_GLOBAL_ALIASING && JSON.parse(options.env.NATIVE_GLOBAL_ALIASING);
+    let enableLazyLoading = options.env.NATIVE_LAZY_LOADING === 'true';
+    let enableReactHooksRemoval = options.env.NATIVE_REACT_HOOKS_REMOVAL === 'true';
+    let enableReactAsyncImportLift = options.env.NATIVE_REACT_ASYNC_IMPORT_LIFT === 'true';
+    let reactAsyncLiftByDefault = options.env.REACT_ASYNC_IMPORT_LIFTING_BY_DEFAULT === 'true';
+    let reactAsyncLiftReportLevel = options.env.REACT_ASYNC_LIFT_REPORT_LEVEL || 'none';
+    let enableStaticPrevaluation = options.env.NATIVE_PREVALUATION === 'true';
+    let enableDeadReturnsRemoval = options.env.NATIVE_DEAD_RETURNS_REMOVAL === 'true';
+    let enableUnusedBindingsRemoval = options.env.NATIVE_UNUSED_BINDINGS_REMOVAL === 'true';
+    let syncDynamicImportConfig;
+    if (config.env.isTesseract() && options.env.SYNC_DYNAMIC_IMPORT_CONFIG) {
+      try {
+        let config = configCache.get('SYNC_DYNAMIC_IMPORT_CONFIG');
+        if (!config) {
+          var _config;
+          config = JSON.parse(options.env.SYNC_DYNAMIC_IMPORT_CONFIG);
+          (0, _assert().default)(typeof ((_config = config) === null || _config === void 0 ? void 0 : _config.entrypoint_filepath_suffix) === 'string');
+          (0, _assert().default)(Array.isArray(config.actual_require_paths));
+          (0, _assert().default)(typeof (config.activate_reject_on_unresolved_imports ?? false) === 'boolean');
+          configCache.set('SYNC_DYNAMIC_IMPORT_CONFIG', config);
+        }
+        syncDynamicImportConfig = config;
+      } catch {
+        // eslint-disable-next-line no-console
+        console.warn('Failed to parse SYNC_DYNAMIC_IMPORT_CONFIG to JSON or config shape did not match. Config will not be applied.');
+        const fallback = {
+          entrypoint_filepath_suffix: '__NO_MATCH__',
+          actual_require_paths: [],
+          activate_reject_on_unresolved_imports: false
+        };
+
+        // Set cache to fallback so we don't keep trying to parse.
+        configCache.set('SYNC_DYNAMIC_IMPORT_CONFIG', fallback);
+        syncDynamicImportConfig = fallback;
+      }
+    }
+    config.invalidateOnEnvChange('SYNC_DYNAMIC_IMPORT_CONFIG');
+    const tokensConfig = (0, _featureFlags().getFeatureFlag)('coreTokensAndCompiledCssInJsTransform') ? await loadTokensConfig(config, options) : undefined;
+    const compiledCssInJsConfig = (0, _featureFlags().getFeatureFlag)('coreTokensAndCompiledCssInJsTransform') ? await loadCompiledCssInJsConfig(config, options) : undefined;
     if (conf && conf.contents) {
-      var _conf$contents, _conf$contents2, _conf$contents3, _conf$contents4;
-      _utils().validateSchema.diagnostic(CONFIG_SCHEMA, {
-        data: conf.contents,
-        // FIXME
-        source: await options.inputFS.readFile(conf.filePath, 'utf8'),
-        filePath: conf.filePath,
-        prependKey: `/${(0, _diagnostic().encodeJSONKeyComponent)('@atlaspack/transformer-js')}`
-      },
-      // FIXME
-      '@atlaspack/transformer-js', 'Invalid config for @atlaspack/transformer-js');
-      magicComments = ((_conf$contents = conf.contents) === null || _conf$contents === void 0 ? void 0 : _conf$contents.magicComments) ?? magicComments;
-      inlineEnvironment = ((_conf$contents2 = conf.contents) === null || _conf$contents2 === void 0 ? void 0 : _conf$contents2.inlineEnvironment) ?? inlineEnvironment;
-      inlineFS = ((_conf$contents3 = conf.contents) === null || _conf$contents3 === void 0 ? void 0 : _conf$contents3.inlineFS) ?? inlineFS;
-      inlineConstants = ((_conf$contents4 = conf.contents) === null || _conf$contents4 === void 0 ? void 0 : _conf$contents4.unstable_inlineConstants) ?? inlineConstants;
+      var _conf$contents2, _conf$contents3, _conf$contents4, _conf$contents5, _conf$contents6;
+      addReactDisplayName = ((_conf$contents2 = conf.contents) === null || _conf$contents2 === void 0 ? void 0 : _conf$contents2.addReactDisplayName) ?? addReactDisplayName;
+      magicComments = ((_conf$contents3 = conf.contents) === null || _conf$contents3 === void 0 ? void 0 : _conf$contents3.magicComments) ?? magicComments;
+      // @ts-expect-error TS2322
+      inlineEnvironment = ((_conf$contents4 = conf.contents) === null || _conf$contents4 === void 0 ? void 0 : _conf$contents4.inlineEnvironment) ?? inlineEnvironment;
+      inlineFS = ((_conf$contents5 = conf.contents) === null || _conf$contents5 === void 0 ? void 0 : _conf$contents5.inlineFS) ?? inlineFS;
+      inlineConstants = ((_conf$contents6 = conf.contents) === null || _conf$contents6 === void 0 ? void 0 : _conf$contents6.unstable_inlineConstants) ?? inlineConstants;
     }
     return {
       isJSX,
       automaticJSXRuntime,
       jsxImportSource,
-      pragma,
-      pragmaFrag,
+      pragma: jsxPragma,
+      pragmaFrag: jsxPragmaFrag,
       inlineEnvironment,
       inlineFS,
       inlineConstants,
+      addReactDisplayName,
       reactRefresh,
       decorators,
       useDefineForClassFields,
-      magicComments
+      magicComments,
+      globalAliasingConfig,
+      enableSsrTypeofReplacement,
+      enableLazyLoading,
+      enableDeadReturnsRemoval,
+      enableUnusedBindingsRemoval,
+      enableStaticPrevaluation,
+      enableReactHooksRemoval,
+      syncDynamicImportConfig,
+      enableReactAsyncImportLift,
+      reactAsyncLiftByDefault,
+      reactAsyncLiftReportLevel,
+      tokensConfig,
+      compiledCssInJsConfig
     };
   },
   async transform({
@@ -281,17 +471,22 @@ var _default = exports.default = new (_plugin().Transformer)({
       for (let browser of browsers) {
         let [name, version] = browser.split(' ');
         if (BROWSER_MAPPING.hasOwnProperty(name)) {
+          // @ts-expect-error TS7053
           name = BROWSER_MAPPING[name];
           if (!name) {
             continue;
           }
         }
         let [major, minor = '0', patch = '0'] = version.split('-')[0].split('.');
+        // @ts-expect-error TS2345
         if (isNaN(major) || isNaN(minor) || isNaN(patch)) {
           continue;
         }
         let semverVersion = `${major}.${minor}.${patch}`;
+
+        // @ts-expect-error TS2345
         if (targets[name] == null || _semver().default.gt(targets[name], semverVersion)) {
+          // @ts-expect-error TS7053
           targets[name] = semverVersion;
         }
       }
@@ -306,6 +501,9 @@ var _default = exports.default = new (_plugin().Transformer)({
       if (options.env.NODE_ENV != null) {
         env.NODE_ENV = options.env.NODE_ENV;
       }
+      if (process.env.ATLASPACK_BUILD_ENV === 'test') {
+        env.ATLASPACK_BUILD_ENV = 'test';
+      }
     } else if (Array.isArray(config === null || config === void 0 ? void 0 : config.inlineEnvironment)) {
       for (let match of (0, _utils().globMatch)(Object.keys(options.env), config.inlineEnvironment)) {
         env[match] = String(options.env[match]);
@@ -323,23 +521,42 @@ var _default = exports.default = new (_plugin().Transformer)({
       if (asset.type === 'ts') {
         isJSX = false;
       } else if (!isJSX) {
+        // @ts-expect-error TS7053
         isJSX = Boolean(JSX_EXTENSIONS[asset.type]);
       }
     }
     let macroAssets = [];
     let {
+      // @ts-expect-error TS2339
       dependencies,
+      // @ts-expect-error TS2339
       code: compiledCode,
+      // @ts-expect-error TS2339
       map,
+      // @ts-expect-error TS2339
       shebang,
+      // @ts-expect-error TS2339
       hoist_result,
+      // @ts-expect-error TS2339
       symbol_result,
+      // @ts-expect-error TS2339
+      is_empty_or_empty_export,
+      // @ts-expect-error TS2339
       needs_esm_helpers,
+      // @ts-expect-error TS2339
       diagnostics,
+      // @ts-expect-error TS2339
       used_env,
+      // @ts-expect-error TS2339
       has_node_replacements,
+      // @ts-expect-error TS2339
       is_constant_module,
-      conditions
+      // @ts-expect-error TS2339
+      conditions,
+      // @ts-expect-error TS2339
+      magic_comments,
+      // @ts-expect-error TS2339
+      style_rules
     } = await (_rust().transformAsync || _rust().transform)({
       filename: asset.filePath,
       code,
@@ -350,7 +567,7 @@ var _default = exports.default = new (_plugin().Transformer)({
       insert_node_globals: !asset.env.isNode() && asset.env.sourceType !== 'script',
       node_replacer: asset.env.isNode(),
       is_browser: asset.env.isBrowser(),
-      is_worker: asset.env.isWorker(),
+      is_worker: asset.env.isWorker() || asset.env.isTesseract(),
       env,
       is_type_script: asset.type === 'ts' || asset.type === 'tsx',
       is_jsx: isJSX,
@@ -359,7 +576,7 @@ var _default = exports.default = new (_plugin().Transformer)({
       automatic_jsx_runtime: Boolean(config === null || config === void 0 ? void 0 : config.automaticJSXRuntime),
       jsx_import_source: config === null || config === void 0 ? void 0 : config.jsxImportSource,
       is_development: options.mode === 'development',
-      react_refresh: asset.env.isBrowser() && !asset.env.isLibrary && !asset.env.isWorker() && !asset.env.isWorklet() && Boolean(config === null || config === void 0 ? void 0 : config.reactRefresh),
+      react_refresh: Boolean(asset.env.isBrowser() && !asset.env.isLibrary && !asset.env.isWorker() && !asset.env.isTesseract() && !asset.env.isWorklet() && (config === null || config === void 0 ? void 0 : config.reactRefresh) && options.hmrOptions && options.mode === 'development'),
       decorators: Boolean(config === null || config === void 0 ? void 0 : config.decorators),
       use_define_for_class_fields: Boolean(config === null || config === void 0 ? void 0 : config.useDefineForClassFields),
       targets,
@@ -374,16 +591,33 @@ var _default = exports.default = new (_plugin().Transformer)({
       standalone: asset.query.has('standalone'),
       inline_constants: config.inlineConstants,
       conditional_bundling: options.featureFlags.conditionalBundlingApi,
-      magic_comments: Boolean(config === null || config === void 0 ? void 0 : config.magicComments),
+      hmr_improvements: options.featureFlags.hmrImprovements,
+      add_display_name: Boolean(config.addReactDisplayName),
+      exports_rebinding_optimisation: options.featureFlags.exportsRebindingOptimisation,
+      magic_comments: Boolean(config === null || config === void 0 ? void 0 : config.magicComments) || (0, _featureFlags().getFeatureFlag)('supportWebpackChunkName'),
+      is_source: asset.isSource,
+      nested_promise_import_fix: options.featureFlags.nestedPromiseImportFix,
+      global_aliasing_config: config.globalAliasingConfig,
+      enable_ssr_typeof_replacement: Boolean(config.enableSsrTypeofReplacement),
+      enable_lazy_loading: Boolean(config.enableLazyLoading),
+      enable_dead_returns_removal: Boolean(config.enableDeadReturnsRemoval),
+      enable_unused_bindings_removal: Boolean(config.enableUnusedBindingsRemoval),
+      enable_static_prevaluation: Boolean(config.enableStaticPrevaluation),
+      enable_react_hooks_removal: Boolean(config.enableReactHooksRemoval),
+      enable_react_async_import_lift: Boolean(config.enableReactAsyncImportLift),
+      react_async_lift_by_default: Boolean(config.reactAsyncLiftByDefault),
+      react_async_lift_report_level: String(config.reactAsyncLiftReportLevel),
+      sync_dynamic_import_config: config.syncDynamicImportConfig,
+      enable_tokens_and_compiled_css_in_js_transform: (0, _featureFlags().getFeatureFlag)('coreTokensAndCompiledCssInJsTransform'),
+      tokens_config: config.tokensConfig,
+      compiled_css_in_js_config: config.compiledCssInJsConfig,
       callMacro: asset.isSource ? async (err, src, exportName, args, loc) => {
         let mod;
         try {
           mod = await options.packageManager.require(src, asset.filePath);
 
           // Default interop for CommonJS modules.
-          if (exportName === 'default' && !mod.__esModule &&
-          // $FlowFixMe
-          Object.prototype.toString.call(config) !== '[object Module]') {
+          if (exportName === 'default' && !mod.__esModule && Object.prototype.toString.call(config) !== '[object Module]') {
             mod = {
               default: mod
             };
@@ -399,7 +633,7 @@ var _default = exports.default = new (_plugin().Transformer)({
         }
         try {
           if (typeof mod[exportName] === 'function') {
-            return mod[exportName].apply({
+            let ctx = {
               // Allows macros to emit additional assets to add as dependencies (e.g. css).
               addAsset(a) {
                 let k = String(macroAssets.length);
@@ -407,6 +641,7 @@ var _default = exports.default = new (_plugin().Transformer)({
                 if (asset.env.sourceMap) {
                   // Generate a source map that maps each line of the asset to the original macro call.
                   map = new (_sourceMap().default)(options.projectRoot);
+                  // @ts-expect-error TS2304
                   let mappings = [];
                   let line = 1;
                   for (let i = 0; i <= a.content.length; i++) {
@@ -429,7 +664,9 @@ var _default = exports.default = new (_plugin().Transformer)({
                   if (originalMap) {
                     map.extends(originalMap);
                   } else {
-                    map.setSourceContent(asset.filePath, code.toString());
+                    if (!(0, _featureFlags().getFeatureFlag)('omitSourcesContentInMemory')) {
+                      map.setSourceContent(asset.filePath, code.toString());
+                    }
                   }
                 }
                 macroAssets.push({
@@ -458,7 +695,8 @@ var _default = exports.default = new (_plugin().Transformer)({
               invalidateOnBuild() {
                 asset.invalidateOnBuild();
               }
-            }, args);
+            };
+            return mod[exportName].apply(ctx, args);
           } else {
             throw new Error(`"${exportName}" in "${src}" is not a function.`);
           }
@@ -480,11 +718,10 @@ var _default = exports.default = new (_plugin().Transformer)({
       } : null
     });
     if ((0, _featureFlags().getFeatureFlag)('conditionalBundlingApi')) {
-      asset.meta.conditions = conditions.map(c => ({
-        key: c.key,
-        ifTruePlaceholder: c.if_true_placeholder,
-        ifFalsePlaceholder: c.if_false_placeholder
-      }));
+      asset.meta.conditions = conditions;
+    }
+    if (style_rules) {
+      asset.meta.styleRules = style_rules;
     }
     if (is_constant_module) {
       asset.meta.isConstantModule = true;
@@ -504,17 +741,22 @@ var _default = exports.default = new (_plugin().Transformer)({
 
       // If there is an original source map, use it to remap to the original source location.
       if (originalMap) {
-        location = (0, _utils().remapSourceLocation)(location, originalMap);
+        location = (0, _utils().remapSourceLocation)(location, originalMap, options.projectRoot);
       }
       return location;
     };
     if (diagnostics) {
-      let errors = diagnostics.filter(d => d.severity === 'Error' || d.severity === 'SourceError' && asset.isSource);
-      let warnings = diagnostics.filter(d => d.severity === 'Warning' || d.severity === 'SourceError' && !asset.isSource);
+      let errors = diagnostics.filter(
+      // @ts-expect-error TS7006
+      d => d.severity === 'Error' || d.severity === 'SourceError' && asset.isSource);
+      let warnings = diagnostics.filter(
+      // @ts-expect-error TS7006
+      d => d.severity === 'Warning' || d.severity === 'SourceError' && !asset.isSource);
       let convertDiagnostic = diagnostic => {
         var _diagnostic$code_high;
         let message = diagnostic.message;
         if (message === 'SCRIPT_ERROR') {
+          // @ts-expect-error TS7053
           let err = SCRIPT_ERRORS[asset.env.context];
           message = (err === null || err === void 0 ? void 0 : err.message) || SCRIPT_ERRORS.browser.message;
         }
@@ -526,6 +768,9 @@ var _default = exports.default = new (_plugin().Transformer)({
           }],
           hints: diagnostic.hints
         };
+        if (diagnostic.name) {
+          res.name = diagnostic.name;
+        }
         if (diagnostic.documentation_url) {
           res.documentationURL = diagnostic.documentation_url;
         }
@@ -537,6 +782,8 @@ var _default = exports.default = new (_plugin().Transformer)({
               codeHighlights: [(0, _diagnostic().convertSourceLocationToHighlight)(asset.env.loc, 'The environment was originally created here')]
             });
           }
+
+          // @ts-expect-error TS7053
           let err = SCRIPT_ERRORS[asset.env.context];
           if (err) {
             if (!res.hints) {
@@ -581,6 +828,7 @@ var _default = exports.default = new (_plugin().Transformer)({
           env: {
             context: 'web-worker',
             sourceType: dep.source_type === 'Module' ? 'module' : 'script',
+            // @ts-expect-error TS2322
             outputFormat,
             loc
           },
@@ -630,6 +878,13 @@ var _default = exports.default = new (_plugin().Transformer)({
         });
       } else if (dep.kind === 'File') {
         asset.invalidateOnFileChange(dep.specifier);
+      } else if (dep.kind === 'Id') {
+        // Record parcelRequire calls so that the dev packager can add them as dependencies.
+        // This allows the HMR runtime to collect parents across async boundaries (through runtimes).
+        // TODO: ideally this would result as an actual dep in the graph rather than asset.meta.
+        asset.meta.hmrDeps ??= [];
+        (0, _assert().default)(Array.isArray(asset.meta.hmrDeps));
+        asset.meta.hmrDeps.push(dep.specifier);
       } else {
         let meta = {
           kind: dep.kind
@@ -677,6 +932,12 @@ var _default = exports.default = new (_plugin().Transformer)({
             outputFormat,
             loc: convertLoc(dep.loc)
           };
+          if ((0, _featureFlags().getFeatureFlag)('supportWebpackChunkName')) {
+            let chunkName = magic_comments[dep.specifier];
+            if (chunkName) {
+              meta.chunkName = chunkName;
+            }
+          }
         }
 
         // Always bundle helpers, even with includeNodeModules: false, except if this is a library.
@@ -696,6 +957,7 @@ var _default = exports.default = new (_plugin().Transformer)({
             idx = dep.specifier.indexOf('/', idx + 1);
           }
           let module = idx >= 0 ? dep.specifier.slice(0, idx) : dep.specifier;
+          // @ts-expect-error TS7053
           range = _package.default.dependencies[module];
         }
         asset.addDependency({
@@ -707,6 +969,7 @@ var _default = exports.default = new (_plugin().Transformer)({
           meta,
           resolveFrom: isHelper ? __filename : undefined,
           range,
+          // @ts-expect-error TS2322
           env
         });
       }
@@ -718,10 +981,12 @@ var _default = exports.default = new (_plugin().Transformer)({
         exported,
         local,
         loc,
-        is_esm
+        is_esm,
+        is_static_binding_safe
       } of hoist_result.exported_symbols) {
         asset.symbols.set(exported, local, convertLoc(loc), {
-          isEsm: is_esm
+          isEsm: is_esm,
+          isStaticBindingSafe: is_static_binding_safe
         });
       }
 
@@ -753,7 +1018,20 @@ var _default = exports.default = new (_plugin().Transformer)({
         let dep = deps.get(source);
         if (!dep) continue;
         if (local === '*' && imported === '*') {
-          dep.symbols.set('*', '*', convertLoc(loc), true);
+          // When a module has both `import * as ns from 'x'` and
+          // `export * from 'x'`, they share a single dep (merged by the
+          // core). The namespace import binding ('*' → local, isWeak:false)
+          // set by imported_symbols is strictly more inclusive than the
+          // wildcard re-export ('*' → '*', isWeak:true) for symbol
+          // propagation, so don't overwrite it. Instead, flag the dep so
+          // that symbol propagation still treats it as a wildcard
+          // re-exporter.
+          let existingStar = dep.symbols.get('*');
+          if ((0, _featureFlags().getFeatureFlag)('fixExportStarNamespaceOverwrite') && existingStar && existingStar.local !== '*') {
+            dep.meta.hasExportStar = true;
+          } else {
+            dep.symbols.set('*', '*', convertLoc(loc), true);
+          }
         } else {
           var _dep$symbols$get;
           let reExportName = ((_dep$symbols$get = dep.symbols.get(imported)) === null || _dep$symbols$get === void 0 ? void 0 : _dep$symbols$get.local) ?? `$${asset.id}$re_export$${local}`;
@@ -803,6 +1081,9 @@ var _default = exports.default = new (_plugin().Transformer)({
       // (and the asset has side effects), or the asset is wrapped.
       // This allows accessing symbols that don't exist without errors in symbol propagation.
       if (hoist_result.has_cjs_exports || !hoist_result.is_esm && asset.sideEffects && deps.size === 0 && Object.keys(hoist_result.exported_symbols).length === 0 || hoist_result.should_wrap && !asset.symbols.hasExportSymbol('*')) {
+        if (is_empty_or_empty_export) {
+          asset.meta.emptyFileStarReexport = true;
+        }
         asset.symbols.set('*', `$${asset.id}$exports`);
       }
       asset.meta.hasCJSExports = hoist_result.has_cjs_exports;
@@ -843,7 +1124,16 @@ var _default = exports.default = new (_plugin().Transformer)({
           let dep = deps.get(source);
           if (!dep) continue;
           dep.symbols.ensure();
-          dep.symbols.set('*', '*', convertLoc(loc), true);
+          // When a module has both `import * as ns from 'x'` and
+          // `export * from 'x'`, they share a single dep. Don't overwrite
+          // the namespace import binding — flag the dep instead so symbol
+          // propagation still treats it as a wildcard re-exporter.
+          let existingStar = dep.symbols.get('*');
+          if ((0, _featureFlags().getFeatureFlag)('fixExportStarNamespaceOverwrite') && existingStar && existingStar.local !== '*') {
+            dep.meta.hasExportStar = true;
+          } else {
+            dep.symbols.set('*', '*', convertLoc(loc), true);
+          }
         }
 
         // Add * symbol if there are CJS exports, no imports/exports at all, or the asset is wrapped.