@atlaspack/transformer-js 3.2.3-canary.17 → 3.2.3-canary.171

package/lib/JSTransformer.js

@@ -25,6 +25,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 () {
@@ -130,6 +137,9 @@ const CONFIG_SCHEMA = {
         }
       }]
     },
+    addReactDisplayName: {
+      type: 'boolean'
+    },
     magicComments: {
       type: 'boolean'
     },
@@ -160,38 +170,46 @@ var _default = exports.default = new (_plugin().Transformer)({
     config,
     options
   }) {
-    let pkg = await config.getPackage();
+    let packageJson = await config.getPackage();
     let isJSX, pragma, pragmaFrag, jsxImportSource, automaticJSXRuntime, reactRefresh, decorators, useDefineForClassFields;
     if (config.isSource) {
-      var _pkg$dependencies2, _pkg$devDependencies2, _pkg$peerDependencies2, _tsconfig$contents;
+      var _packageJson$dependen2, _packageJson$devDepen2, _packageJson$peerDepe2, _await$config$getConf;
       let reactLib;
-      if (pkg !== null && pkg !== void 0 && pkg.alias && pkg.alias['react']) {
+      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 _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]);
+          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 = 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));
-      let tsconfig = await config.getConfigFrom(options.projectRoot + '/index', ['tsconfig.json', 'jsconfig.json']);
-      let compilerOptions = tsconfig === null || tsconfig === void 0 || (_tsconfig$contents = tsconfig.contents) === null || _tsconfig$contents === void 0 ? void 0 : _tsconfig$contents.compilerOptions;
+      reactRefresh = options.hmrOptions && options.mode === 'development' && 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.
-      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);
+      pragma = (compilerOptions === null || compilerOptions === void 0 ? void 0 : compilerOptions.jsxFactory) || (
+      // @ts-expect-error TS7053
+      reactLib ? JSX_PRAGMA[reactLib].pragma : undefined);
+      pragmaFrag = (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, _pkg$dependencies3, _pkg$devDependencies3, _pkg$peerDependencies3, _semver$minVersion;
-        let effectiveReactLib = pkg !== null && pkg !== void 0 && pkg.alias && pkg.alias['react'] === 'preact/compat' ? 'preact' : 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 = (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]);
+        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 !== '*' ? (_semver$minVersion = _semver().default.minVersion(reactLibVersion)) === null || _semver$minVersion === void 0 ? void 0 : _semver$minVersion.toString() : 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
         });
@@ -215,7 +233,7 @@ 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 ignoreFS = packageJson && packageJson.browser && typeof packageJson.browser === 'object' && packageJson.browser.fs === false;
     let conf = await config.getConfigFrom(options.projectRoot + '/index', [], {
       packageKey: '@atlaspack/transformer-js'
     });
@@ -223,8 +241,9 @@ var _default = exports.default = new (_plugin().Transformer)({
     let inlineFS = !ignoreFS;
     let inlineConstants = false;
     let magicComments = false;
+    let addReactDisplayName = false;
     if (conf && conf.contents) {
-      var _conf$contents, _conf$contents2, _conf$contents3, _conf$contents4;
+      var _conf$contents, _conf$contents2, _conf$contents3, _conf$contents4, _conf$contents5;
       _utils().validateSchema.diagnostic(CONFIG_SCHEMA, {
         data: conf.contents,
         // FIXME
@@ -234,10 +253,18 @@ var _default = exports.default = new (_plugin().Transformer)({
       },
       // 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;
+      addReactDisplayName =
+      // @ts-expect-error TS2339
+      ((_conf$contents = conf.contents) === null || _conf$contents === void 0 ? void 0 : _conf$contents.addReactDisplayName) ?? addReactDisplayName;
+      // @ts-expect-error TS2339
+      magicComments = ((_conf$contents2 = conf.contents) === null || _conf$contents2 === void 0 ? void 0 : _conf$contents2.magicComments) ?? magicComments;
+      // @ts-expect-error TS2339
+      inlineEnvironment = ((_conf$contents3 = conf.contents) === null || _conf$contents3 === void 0 ? void 0 : _conf$contents3.inlineEnvironment) ?? inlineEnvironment;
+      // @ts-expect-error TS2339
+      inlineFS = ((_conf$contents4 = conf.contents) === null || _conf$contents4 === void 0 ? void 0 : _conf$contents4.inlineFS) ?? inlineFS;
+      inlineConstants =
+      // @ts-expect-error TS2339
+      ((_conf$contents5 = conf.contents) === null || _conf$contents5 === void 0 ? void 0 : _conf$contents5.unstable_inlineConstants) ?? inlineConstants;
     }
     return {
       isJSX,
@@ -248,6 +275,7 @@ var _default = exports.default = new (_plugin().Transformer)({
       inlineEnvironment,
       inlineFS,
       inlineConstants,
+      addReactDisplayName,
       reactRefresh,
       decorators,
       useDefineForClassFields,
@@ -280,17 +308,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;
         }
       }
@@ -305,6 +338,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]);
@@ -322,23 +358,40 @@ 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
     } = await (_rust().transformAsync || _rust().transform)({
       filename: asset.filePath,
       code,
@@ -349,7 +402,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,
@@ -358,7 +411,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: asset.env.isBrowser() && !asset.env.isLibrary && !asset.env.isWorker() && !asset.env.isTesseract() && !asset.env.isWorklet() && Boolean(config === null || config === void 0 ? void 0 : config.reactRefresh),
       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,
@@ -373,16 +426,17 @@ 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,
+      computed_properties_fix: options.featureFlags.unusedComputedPropertyFix,
+      add_display_name: Boolean(config.addReactDisplayName),
+      magic_comments: Boolean(config === null || config === void 0 ? void 0 : config.magicComments) || (0, _featureFlags().getFeatureFlag)('supportWebpackChunkName'),
       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
             };
@@ -398,7 +452,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);
@@ -406,6 +460,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++) {
@@ -426,6 +481,7 @@ var _default = exports.default = new (_plugin().Transformer)({
                   }
                   map.addIndexedMappings(mappings);
                   if (originalMap) {
+                    // @ts-expect-error TS2345
                     map.extends(originalMap);
                   } else {
                     map.setSourceContent(asset.filePath, code.toString());
@@ -457,7 +513,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.`);
           }
@@ -479,7 +536,9 @@ var _default = exports.default = new (_plugin().Transformer)({
       } : null
     });
     if ((0, _featureFlags().getFeatureFlag)('conditionalBundlingApi')) {
-      asset.meta.conditions = conditions.map(c => ({
+      asset.meta.conditions = conditions.map(
+      // @ts-expect-error TS7006
+      c => ({
         key: c.key,
         ifTruePlaceholder: c.if_true_placeholder,
         ifFalsePlaceholder: c.if_false_placeholder
@@ -508,12 +567,17 @@ var _default = exports.default = new (_plugin().Transformer)({
       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;
         }
@@ -536,6 +600,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) {
@@ -580,6 +646,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
           },
@@ -629,6 +696,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
@@ -676,6 +750,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.
@@ -695,6 +775,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({
@@ -706,6 +787,7 @@ var _default = exports.default = new (_plugin().Transformer)({
           meta,
           resolveFrom: isHelper ? __filename : undefined,
           range,
+          // @ts-expect-error TS2322
           env
         });
       }
@@ -752,11 +834,14 @@ var _default = exports.default = new (_plugin().Transformer)({
         let dep = deps.get(source);
         if (!dep) continue;
         if (local === '*' && imported === '*') {
+          // @ts-expect-error TS2345
           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}`;
+          // @ts-expect-error TS2345
           asset.symbols.set(local, reExportName);
+          // @ts-expect-error TS2345
           dep.symbols.set(imported, reExportName, convertLoc(loc), true);
         }
       }
@@ -774,7 +859,9 @@ var _default = exports.default = new (_plugin().Transformer)({
         let symbols = new Map();
         for (let name of hoist_result.self_references) {
           // Do not create a self-reference for the `default` symbol unless we have seen an __esModule flag.
-          if (name === 'default' && !asset.symbols.hasExportSymbol('__esModule')) {
+          if (name === 'default' &&
+          // @ts-expect-error TS2345
+          !asset.symbols.hasExportSymbol('__esModule')) {
             continue;
           }
           let local = (0, _nullthrows().default)(asset.symbols.get(name)).local;
@@ -801,7 +888,13 @@ var _default = exports.default = new (_plugin().Transformer)({
       // Add * symbol if there are CJS exports, no imports/exports at all
       // (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 (hoist_result.has_cjs_exports || !hoist_result.is_esm && asset.sideEffects && deps.size === 0 && Object.keys(hoist_result.exported_symbols).length === 0 ||
+      // @ts-expect-error TS2345
+      hoist_result.should_wrap && !asset.symbols.hasExportSymbol('*')) {
+        if (is_empty_or_empty_export) {
+          asset.meta.emptyFileStarReexport = true;
+        }
+        // @ts-expect-error TS2345
         asset.symbols.set('*', `$${asset.id}$exports`);
       }
       asset.meta.hasCJSExports = hoist_result.has_cjs_exports;
@@ -818,10 +911,14 @@ var _default = exports.default = new (_plugin().Transformer)({
           source
         } of symbol_result.exports) {
           let dep = source ? deps.get(source) : undefined;
-          asset.symbols.set(exported, `${(dep === null || dep === void 0 ? void 0 : dep.id) ?? ''}$${local}`, convertLoc(loc));
+          asset.symbols.set(exported,
+          // @ts-expect-error TS2345
+          `${(dep === null || dep === void 0 ? void 0 : dep.id) ?? ''}$${local}`, convertLoc(loc));
           if (dep != null) {
             dep.symbols.ensure();
-            dep.symbols.set(local, `${(dep === null || dep === void 0 ? void 0 : dep.id) ?? ''}$${local}`, convertLoc(loc), true);
+            dep.symbols.set(local,
+            // @ts-expect-error TS2345
+            `${(dep === null || dep === void 0 ? void 0 : dep.id) ?? ''}$${local}`, convertLoc(loc), true);
           }
         }
         for (let {
@@ -842,18 +939,23 @@ var _default = exports.default = new (_plugin().Transformer)({
           let dep = deps.get(source);
           if (!dep) continue;
           dep.symbols.ensure();
+          // @ts-expect-error TS2345
           dep.symbols.set('*', '*', convertLoc(loc), true);
         }
 
         // Add * symbol if there are CJS exports, no imports/exports at all, or the asset is wrapped.
         // This allows accessing symbols that don't exist without errors in symbol propagation.
-        if (symbol_result.has_cjs_exports || !symbol_result.is_esm && deps.size === 0 && symbol_result.exports.length === 0 || symbol_result.should_wrap && !asset.symbols.hasExportSymbol('*')) {
+        if (symbol_result.has_cjs_exports || !symbol_result.is_esm && deps.size === 0 && symbol_result.exports.length === 0 ||
+        // @ts-expect-error TS2345
+        symbol_result.should_wrap && !asset.symbols.hasExportSymbol('*')) {
           asset.symbols.ensure();
+          // @ts-expect-error TS2345
           asset.symbols.set('*', `$${asset.id}$exports`);
         }
       } else {
         // If the asset is wrapped, add * as a fallback
         asset.symbols.ensure();
+        // @ts-expect-error TS2345
         asset.symbols.set('*', `$${asset.id}$exports`);
       }
 
@@ -862,6 +964,7 @@ var _default = exports.default = new (_plugin().Transformer)({
       for (let dep of asset.getDependencies()) {
         if (dep.symbols.isCleared) {
           dep.symbols.ensure();
+          // @ts-expect-error TS2345
           dep.symbols.set('*', `${dep.id}$`);
         }
       }
@@ -884,6 +987,7 @@ var _default = exports.default = new (_plugin().Transformer)({
       let sourceMap = new (_sourceMap().default)(options.projectRoot);
       sourceMap.addVLQMap(JSON.parse(map));
       if (originalMap) {
+        // @ts-expect-error TS2345
         sourceMap.extends(originalMap);
       }
       asset.setMap(sourceMap);

package/lib/types/JSTransformer.d.ts

@@ -0,0 +1,3 @@
+import { Transformer } from '@atlaspack/plugin';
+declare const _default: Transformer<unknown>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/transformer-js",
-  "version": "3.2.3-canary.17+a1773d2a6",
+  "version": "3.2.3-canary.171+f0349a6b9",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -9,10 +9,13 @@
     "type": "git",
     "url": "https://github.com/atlassian-labs/atlaspack.git"
   },
-  "main": "lib/JSTransformer.js",
-  "source": "src/JSTransformer.js",
+  "main": "./lib/JSTransformer.js",
+  "source": "./src/JSTransformer.ts",
+  "types": "./lib/types/JSTransformer.d.ts",
   "scripts": {
-    "test": "mocha"
+    "test": "mocha",
+    "check-ts": "tsc --emitDeclarationOnly --rootDir src",
+    "build:lib": "gulp build --gulpfile ../../../gulpfile.js --cwd ."
   },
   "engines": {
     "node": ">= 16.0.0"
@@ -22,12 +25,12 @@
     "src"
   ],
   "dependencies": {
-    "@atlaspack/diagnostic": "2.14.1-canary.85+a1773d2a6",
-    "@atlaspack/feature-flags": "2.14.1-canary.85+a1773d2a6",
-    "@atlaspack/plugin": "2.14.5-canary.17+a1773d2a6",
-    "@atlaspack/rust": "3.2.1-canary.17+a1773d2a6",
-    "@atlaspack/utils": "2.14.5-canary.17+a1773d2a6",
-    "@atlaspack/workers": "2.14.5-canary.17+a1773d2a6",
+    "@atlaspack/diagnostic": "2.14.1-canary.239+f0349a6b9",
+    "@atlaspack/feature-flags": "2.14.1-canary.239+f0349a6b9",
+    "@atlaspack/plugin": "2.14.5-canary.171+f0349a6b9",
+    "@atlaspack/rust": "3.2.1-canary.171+f0349a6b9",
+    "@atlaspack/utils": "2.14.5-canary.171+f0349a6b9",
+    "@atlaspack/workers": "2.14.5-canary.171+f0349a6b9",
     "@parcel/source-map": "^2.1.1",
     "@swc/helpers": "^0.5.15",
     "browserslist": "^4.6.6",
@@ -36,8 +39,8 @@
     "semver": "^7.5.2"
   },
   "peerDependencies": {
-    "@atlaspack/core": "^2.13.1"
+    "@atlaspack/core": "2.23.3"
   },
   "type": "commonjs",
-  "gitHead": "a1773d2a62d0ef7805ac7524621dcabcc1afe929"
+  "gitHead": "f0349a6b9b04755088f121095ca6301a2ada3767"
 }

package/src/{JSTransformer.js → JSTransformer.ts}

@@ -1,4 +1,3 @@
-// @flow
 import type {
   JSONObject,
   EnvMap,
@@ -12,6 +11,7 @@ import type {Diagnostic} from '@atlaspack/diagnostic';
 import SourceMap from '@parcel/source-map';
 import {Transformer} from '@atlaspack/plugin';
 import {transform, transformAsync} from '@atlaspack/rust';
+import invariant from 'assert';
 import browserslist from 'browserslist';
 import semver from 'semver';
 import nullthrows from 'nullthrows';
@@ -26,7 +26,7 @@ import {getFeatureFlag} from '@atlaspack/feature-flags';
 const JSX_EXTENSIONS = {
   jsx: true,
   tsx: true,
-};
+} as const;
 
 const JSX_PRAGMA = {
   react: {
@@ -49,7 +49,7 @@ const JSX_PRAGMA = {
     pragmaFrag: undefined,
     automatic: undefined,
   },
-};
+} as const;
 
 const BROWSER_MAPPING = {
   and_chr: 'chrome',
@@ -63,7 +63,7 @@ const BROWSER_MAPPING = {
   bb: null,
   kaios: null,
   op_mini: null,
-};
+} as const;
 
 // List of browsers to exclude when the esmodule target is specified.
 // Based on https://caniuse.com/#feat=es6-module
@@ -108,6 +108,9 @@ const CONFIG_SCHEMA: SchemaEntity = {
         },
       ],
     },
+    addReactDisplayName: {
+      type: 'boolean',
+    },
     magicComments: {
       type: 'boolean',
     },
@@ -133,47 +136,45 @@ const SCRIPT_ERRORS = {
       'Service workers cannot have imports or exports without the `type: "module"` option.',
     hint: "Add {type: 'module'} as a second argument to the navigator.serviceWorker.register() call.",
   },
-};
+} as const;
 
 type TSConfig = {
   compilerOptions?: {
     // https://www.typescriptlang.org/tsconfig#jsx
-    jsx?: 'react' | 'react-jsx' | 'react-jsxdev' | 'preserve' | 'react-native',
+    jsx?: 'react' | 'react-jsx' | 'react-jsxdev' | 'preserve' | 'react-native';
     // https://www.typescriptlang.org/tsconfig#jsxFactory
-    jsxFactory?: string,
+    jsxFactory?: string;
     // https://www.typescriptlang.org/tsconfig#jsxFragmentFactory
-    jsxFragmentFactory?: string,
+    jsxFragmentFactory?: string;
     // https://www.typescriptlang.org/tsconfig#jsxImportSource
-    jsxImportSource?: string,
+    jsxImportSource?: string;
     // https://www.typescriptlang.org/tsconfig#experimentalDecorators
-    experimentalDecorators?: boolean,
+    experimentalDecorators?: boolean;
     // https://www.typescriptlang.org/tsconfig#useDefineForClassFields
-    useDefineForClassFields?: boolean,
+    useDefineForClassFields?: boolean;
     // https://www.typescriptlang.org/tsconfig#target
-    target?: string, // 'es3' | 'es5' | 'es6' | 'es2015' | ...  |'es2022' | ... | 'esnext'
-    ...
-  },
-  ...
+    target?: string; // 'es3' | 'es5' | 'es6' | 'es2015' | ...  |'es2022' | ... | 'esnext';
+  };
 };
 
-type MacroAsset = {|
-  type: string,
-  content: string,
-|};
+type MacroAsset = {
+  type: string;
+  content: string;
+};
 
 // NOTE: Make sure this is in sync with the TypeScript definition in the @atlaspack/macros package.
-type MacroContext = {|
-  addAsset(asset: MacroAsset): void,
-  invalidateOnFileChange(FilePath): void,
-  invalidateOnFileCreate(FileCreateInvalidation): void,
-  invalidateOnEnvChange(string): void,
-  invalidateOnStartup(): void,
-  invalidateOnBuild(): void,
-|};
-
-export default (new Transformer({
+type MacroContext = {
+  addAsset(asset: MacroAsset): void;
+  invalidateOnFileChange(arg1: FilePath): void;
+  invalidateOnFileCreate(arg1: FileCreateInvalidation): void;
+  invalidateOnEnvChange(arg1: string): void;
+  invalidateOnStartup(): void;
+  invalidateOnBuild(): void;
+};
+
+export default new Transformer({
   async loadConfig({config, options}) {
-    let pkg = await config.getPackage();
+    let packageJson = await config.getPackage();
     let isJSX,
       pragma,
       pragmaFrag,
@@ -184,16 +185,16 @@ export default (new Transformer({
       useDefineForClassFields;
     if (config.isSource) {
       let reactLib;
-      if (pkg?.alias && pkg.alias['react']) {
+      if (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) =>
-            pkg?.dependencies?.[libName] ||
-            pkg?.devDependencies?.[libName] ||
-            pkg?.peerDependencies?.[libName],
+            packageJson?.dependencies?.[libName] ||
+            packageJson?.devDependencies?.[libName] ||
+            packageJson?.peerDependencies?.[libName],
         );
       }
 
@@ -201,23 +202,29 @@ export default (new Transformer({
         options.hmrOptions &&
         options.mode === 'development' &&
         Boolean(
-          pkg?.dependencies?.react ||
-            pkg?.devDependencies?.react ||
-            pkg?.peerDependencies?.react,
+          packageJson?.dependencies?.react ||
+            packageJson?.devDependencies?.react ||
+            packageJson?.peerDependencies?.react,
         );
 
-      let tsconfig = await config.getConfigFrom<TSConfig>(
-        options.projectRoot + '/index',
-        ['tsconfig.json', 'jsconfig.json'],
-      );
-      let compilerOptions = tsconfig?.contents?.compilerOptions;
+      const compilerOptions: TSConfig['compilerOptions'] = (
+        await config.getConfigFrom<TSConfig>(
+          options.projectRoot + '/index',
+          ['tsconfig.json', 'jsconfig.json'],
+          {
+            readTracking: true,
+          },
+        )
+      )?.contents?.compilerOptions;
 
       // Use explicitly defined JSX options in tsconfig.json over inferred values from dependencies.
       pragma =
         compilerOptions?.jsxFactory ||
+        // @ts-expect-error TS7053
         (reactLib ? JSX_PRAGMA[reactLib].pragma : undefined);
       pragmaFrag =
         compilerOptions?.jsxFragmentFactory ||
+        // @ts-expect-error TS7053
         (reactLib ? JSX_PRAGMA[reactLib].pragmaFrag : undefined);
 
       if (
@@ -229,20 +236,23 @@ export default (new Transformer({
         automaticJSXRuntime = true;
       } else if (reactLib) {
         let effectiveReactLib =
-          pkg?.alias && pkg.alias['react'] === 'preact/compat'
+          packageJson?.alias && packageJson.alias['react'] === 'preact/compat'
             ? 'preact'
             : reactLib;
+        // @ts-expect-error TS7053
         let automaticVersion = JSX_PRAGMA[effectiveReactLib]?.automatic;
         let reactLibVersion =
-          pkg?.dependencies?.[effectiveReactLib] ||
-          pkg?.devDependencies?.[effectiveReactLib] ||
-          pkg?.peerDependencies?.[effectiveReactLib];
+          packageJson?.dependencies?.[effectiveReactLib] ||
+          packageJson?.devDependencies?.[effectiveReactLib] ||
+          packageJson?.peerDependencies?.[effectiveReactLib];
+        // @ts-expect-error TS2322
         reactLibVersion = reactLibVersion
           ? semver.validRange(reactLibVersion)
           : null;
         let minReactLibVersion =
           reactLibVersion !== null && reactLibVersion !== '*'
-            ? semver.minVersion(reactLibVersion)?.toString()
+            ? // @ts-expect-error TS2345
+              semver.minVersion(reactLibVersion)?.toString()
             : null;
 
         automaticJSXRuntime =
@@ -278,10 +288,10 @@ export default (new 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;
+      packageJson &&
+      packageJson.browser &&
+      typeof packageJson.browser === 'object' &&
+      packageJson.browser.fs === false;
 
     let conf = await config.getConfigFrom(options.projectRoot + '/index', [], {
       packageKey: '@atlaspack/transformer-js',
@@ -291,6 +301,7 @@ export default (new Transformer({
     let inlineFS = !ignoreFS;
     let inlineConstants = false;
     let magicComments = false;
+    let addReactDisplayName = false;
 
     if (conf && conf.contents) {
       validateSchema.diagnostic(
@@ -307,10 +318,17 @@ export default (new Transformer({
         'Invalid config for @atlaspack/transformer-js',
       );
 
+      addReactDisplayName =
+        // @ts-expect-error TS2339
+        conf.contents?.addReactDisplayName ?? addReactDisplayName;
+      // @ts-expect-error TS2339
       magicComments = conf.contents?.magicComments ?? magicComments;
+      // @ts-expect-error TS2339
       inlineEnvironment = conf.contents?.inlineEnvironment ?? inlineEnvironment;
+      // @ts-expect-error TS2339
       inlineFS = conf.contents?.inlineFS ?? inlineFS;
       inlineConstants =
+        // @ts-expect-error TS2339
         conf.contents?.unstable_inlineConstants ?? inlineConstants;
     }
 
@@ -323,6 +341,7 @@ export default (new Transformer({
       inlineEnvironment,
       inlineFS,
       inlineConstants,
+      addReactDisplayName,
       reactRefresh,
       decorators,
       useDefineForClassFields,
@@ -357,6 +376,7 @@ export default (new 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;
@@ -366,12 +386,15 @@ export default (new Transformer({
         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.gt(targets[name], semverVersion)) {
+          // @ts-expect-error TS7053
           targets[name] = semverVersion;
         }
       }
@@ -411,24 +434,47 @@ export default (new Transformer({
       if (asset.type === 'ts') {
         isJSX = false;
       } else if (!isJSX) {
+        // @ts-expect-error TS7053
         isJSX = Boolean(JSX_EXTENSIONS[asset.type]);
       }
     }
 
-    let macroAssets = [];
+    let macroAssets: Array<{
+      content: string;
+      // @ts-expect-error TS2552
+      map: undefined | NodeSourceMap;
+      type: string;
+      uniqueKey: string;
+    }> = [];
     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,
+      // @ts-expect-error TS2339
       conditions,
+      // @ts-expect-error TS2339
+      magic_comments,
     } = await (transformAsync || transform)({
       filename: asset.filePath,
       code,
@@ -440,7 +486,7 @@ export default (new Transformer({
         !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,
@@ -453,6 +499,7 @@ export default (new Transformer({
         asset.env.isBrowser() &&
         !asset.env.isLibrary &&
         !asset.env.isWorker() &&
+        !asset.env.isTesseract() &&
         !asset.env.isWorklet() &&
         Boolean(config?.reactRefresh),
       decorators: Boolean(config?.decorators),
@@ -470,9 +517,14 @@ export default (new Transformer({
       standalone: asset.query.has('standalone'),
       inline_constants: config.inlineConstants,
       conditional_bundling: options.featureFlags.conditionalBundlingApi,
-      magic_comments: Boolean(config?.magicComments),
+      hmr_improvements: options.featureFlags.hmrImprovements,
+      computed_properties_fix: options.featureFlags.unusedComputedPropertyFix,
+      add_display_name: Boolean(config.addReactDisplayName),
+      magic_comments:
+        Boolean(config?.magicComments) ||
+        getFeatureFlag('supportWebpackChunkName'),
       callMacro: asset.isSource
-        ? async (err, src, exportName, args, loc) => {
+        ? async (err: any, src: any, exportName: any, args: any, loc: any) => {
             let mod;
             try {
               mod = await options.packageManager.require(src, asset.filePath);
@@ -481,7 +533,6 @@ export default (new Transformer({
               if (
                 exportName === 'default' &&
                 !mod.__esModule &&
-                // $FlowFixMe
                 Object.prototype.toString.call(config) !== '[object Module]'
               ) {
                 mod = {default: mod};
@@ -490,7 +541,7 @@ export default (new Transformer({
               if (!Object.hasOwnProperty.call(mod, exportName)) {
                 throw new Error(`"${src}" does not export "${exportName}".`);
               }
-            } catch (err) {
+            } catch (err: any) {
               throw {
                 kind: 1,
                 message: err.message,
@@ -507,7 +558,8 @@ export default (new Transformer({
                     if (asset.env.sourceMap) {
                       // Generate a source map that maps each line of the asset to the original macro call.
                       map = new SourceMap(options.projectRoot);
-                      let mappings = [];
+                      // @ts-expect-error TS2304
+                      let mappings: Array<IndexedMapping<string>> = [];
                       let line = 1;
                       for (let i = 0; i <= a.content.length; i++) {
                         if (i === a.content.length || a.content[i] === '\n') {
@@ -528,6 +580,7 @@ export default (new Transformer({
 
                       map.addIndexedMappings(mappings);
                       if (originalMap) {
+                        // @ts-expect-error TS2345
                         map.extends(originalMap);
                       } else {
                         map.setSourceContent(asset.filePath, code.toString());
@@ -546,13 +599,13 @@ export default (new Transformer({
                       specifierType: 'esm',
                     });
                   },
-                  invalidateOnFileChange(filePath) {
+                  invalidateOnFileChange(filePath: FilePath) {
                     asset.invalidateOnFileChange(filePath);
                   },
-                  invalidateOnFileCreate(invalidation) {
+                  invalidateOnFileCreate(invalidation: FileCreateInvalidation) {
                     asset.invalidateOnFileCreate(invalidation);
                   },
-                  invalidateOnEnvChange(env) {
+                  invalidateOnEnvChange(env: string) {
                     asset.invalidateOnEnvChange(env);
                   },
                   invalidateOnStartup() {
@@ -569,7 +622,7 @@ export default (new Transformer({
                   `"${exportName}" in "${src}" is not a function.`,
                 );
               }
-            } catch (err) {
+            } catch (err: any) {
               // Remove atlaspack core from stack and build string so Rust can process errors more easily.
               let stack = (err.stack || '').split('\n').slice(1);
               let message = err.message;
@@ -589,18 +642,21 @@ export default (new Transformer({
     });
 
     if (getFeatureFlag('conditionalBundlingApi')) {
-      asset.meta.conditions = conditions.map((c): ConditionMeta => ({
-        key: c.key,
-        ifTruePlaceholder: c.if_true_placeholder,
-        ifFalsePlaceholder: c.if_false_placeholder,
-      }));
+      asset.meta.conditions = conditions.map(
+        // @ts-expect-error TS7006
+        (c): ConditionMeta => ({
+          key: c.key,
+          ifTruePlaceholder: c.if_true_placeholder,
+          ifFalsePlaceholder: c.if_false_placeholder,
+        }),
+      );
     }
 
     if (is_constant_module) {
       asset.meta.isConstantModule = true;
     }
 
-    let convertLoc = (loc): SourceLocation => {
+    let convertLoc = (loc: any): SourceLocation => {
       let location = {
         filePath: asset.filePath,
         start: {
@@ -623,19 +679,22 @@ export default (new Transformer({
 
     if (diagnostics) {
       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) => {
+      let convertDiagnostic = (diagnostic: any) => {
         let message = diagnostic.message;
         if (message === 'SCRIPT_ERROR') {
-          let err = SCRIPT_ERRORS[(asset.env.context: string)];
+          // @ts-expect-error TS7053
+          let err = SCRIPT_ERRORS[asset.env.context as string];
           message = err?.message || SCRIPT_ERRORS.browser.message;
         }
 
@@ -644,11 +703,12 @@ export default (new Transformer({
           codeFrames: [
             {
               filePath: asset.filePath,
-              codeHighlights: diagnostic.code_highlights?.map((highlight) =>
-                convertSourceLocationToHighlight(
-                  convertLoc(highlight.loc),
-                  highlight.message ?? undefined,
-                ),
+              codeHighlights: diagnostic.code_highlights?.map(
+                (highlight: any) =>
+                  convertSourceLocationToHighlight(
+                    convertLoc(highlight.loc),
+                    highlight.message ?? undefined,
+                  ),
               ),
             },
           ],
@@ -672,7 +732,8 @@ export default (new Transformer({
             });
           }
 
-          let err = SCRIPT_ERRORS[(asset.env.context: string)];
+          // @ts-expect-error TS7053
+          let err = SCRIPT_ERRORS[asset.env.context as string];
           if (err) {
             if (!res.hints) {
               res.hints = [err.hint];
@@ -729,6 +790,7 @@ export default (new Transformer({
           env: {
             context: 'web-worker',
             sourceType: dep.source_type === 'Module' ? 'module' : 'script',
+            // @ts-expect-error TS2322
             outputFormat,
             loc,
           },
@@ -776,6 +838,13 @@ export default (new 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 ??= [];
+        invariant(Array.isArray(asset.meta.hmrDeps));
+        asset.meta.hmrDeps.push(dep.specifier);
       } else {
         let meta: JSONObject = {kind: dep.kind};
         if (dep.attributes) {
@@ -839,6 +908,13 @@ export default (new Transformer({
             outputFormat,
             loc: convertLoc(dep.loc),
           };
+
+          if (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.
@@ -863,6 +939,7 @@ export default (new Transformer({
             idx = dep.specifier.indexOf('/', idx + 1);
           }
           let module = idx >= 0 ? dep.specifier.slice(0, idx) : dep.specifier;
+          // @ts-expect-error TS7053
           range = pkg.dependencies[module];
         }
 
@@ -874,12 +951,13 @@ export default (new Transformer({
             dep.kind === 'DynamicImport'
               ? 'lazy'
               : dep.kind === 'ConditionalImport'
-              ? 'conditional'
-              : 'sync',
+                ? 'conditional'
+                : 'sync',
           isOptional: dep.is_optional,
           meta,
           resolveFrom: isHelper ? __filename : undefined,
           range,
+          // @ts-expect-error TS2322
           env,
         });
       }
@@ -926,12 +1004,15 @@ export default (new Transformer({
         let dep = deps.get(source);
         if (!dep) continue;
         if (local === '*' && imported === '*') {
+          // @ts-expect-error TS2345
           dep.symbols.set('*', '*', convertLoc(loc), true);
         } else {
           let reExportName =
             dep.symbols.get(imported)?.local ??
             `$${asset.id}$re_export$${local}`;
+          // @ts-expect-error TS2345
           asset.symbols.set(local, reExportName);
+          // @ts-expect-error TS2345
           dep.symbols.set(imported, reExportName, convertLoc(loc), true);
         }
       }
@@ -954,6 +1035,7 @@ export default (new Transformer({
           // Do not create a self-reference for the `default` symbol unless we have seen an __esModule flag.
           if (
             name === 'default' &&
+            // @ts-expect-error TS2345
             !asset.symbols.hasExportSymbol('__esModule')
           ) {
             continue;
@@ -989,8 +1071,13 @@ export default (new Transformer({
           asset.sideEffects &&
           deps.size === 0 &&
           Object.keys(hoist_result.exported_symbols).length === 0) ||
+        // @ts-expect-error TS2345
         (hoist_result.should_wrap && !asset.symbols.hasExportSymbol('*'))
       ) {
+        if (is_empty_or_empty_export) {
+          asset.meta.emptyFileStarReexport = true;
+        }
+        // @ts-expect-error TS2345
         asset.symbols.set('*', `$${asset.id}$exports`);
       }
 
@@ -1010,6 +1097,7 @@ export default (new Transformer({
           let dep = source ? deps.get(source) : undefined;
           asset.symbols.set(
             exported,
+            // @ts-expect-error TS2345
             `${dep?.id ?? ''}$${local}`,
             convertLoc(loc),
           );
@@ -1017,6 +1105,7 @@ export default (new Transformer({
             dep.symbols.ensure();
             dep.symbols.set(
               local,
+              // @ts-expect-error TS2345
               `${dep?.id ?? ''}$${local}`,
               convertLoc(loc),
               true,
@@ -1035,6 +1124,7 @@ export default (new Transformer({
           let dep = deps.get(source);
           if (!dep) continue;
           dep.symbols.ensure();
+          // @ts-expect-error TS2345
           dep.symbols.set('*', '*', convertLoc(loc), true);
         }
 
@@ -1045,14 +1135,17 @@ export default (new Transformer({
           (!symbol_result.is_esm &&
             deps.size === 0 &&
             symbol_result.exports.length === 0) ||
+          // @ts-expect-error TS2345
           (symbol_result.should_wrap && !asset.symbols.hasExportSymbol('*'))
         ) {
           asset.symbols.ensure();
+          // @ts-expect-error TS2345
           asset.symbols.set('*', `$${asset.id}$exports`);
         }
       } else {
         // If the asset is wrapped, add * as a fallback
         asset.symbols.ensure();
+        // @ts-expect-error TS2345
         asset.symbols.set('*', `$${asset.id}$exports`);
       }
 
@@ -1061,6 +1154,7 @@ export default (new Transformer({
       for (let dep of asset.getDependencies()) {
         if (dep.symbols.isCleared) {
           dep.symbols.ensure();
+          // @ts-expect-error TS2345
           dep.symbols.set('*', `${dep.id}$`);
         }
       }
@@ -1086,6 +1180,7 @@ export default (new Transformer({
       let sourceMap = new SourceMap(options.projectRoot);
       sourceMap.addVLQMap(JSON.parse(map));
       if (originalMap) {
+        // @ts-expect-error TS2345
         sourceMap.extends(originalMap);
       }
       asset.setMap(sourceMap);
@@ -1093,4 +1188,4 @@ export default (new Transformer({
 
     return [asset, ...macroAssets];
   },
-}): Transformer);
+}) as Transformer<unknown>;