@atlaspack/transformer-compiled 0.3.2-canary.4182 → 0.3.2-canary.4183

package/lib/CompiledTransformer.js

@@ -16,6 +16,7 @@ const generator_1 = __importDefault(require("@babel/generator"));
 const plugin_1 = require("@atlaspack/plugin");
 const source_map_1 = __importDefault(require("@atlaspack/source-map"));
 const utils_1 = require("@atlaspack/utils");
+const browserslist_1 = __importDefault(require("browserslist"));
 const utils_2 = require("./utils");
 const babel_plugin_1 = __importDefault(require("@compiled/babel-plugin"));
 const babel_plugin_strip_runtime_1 = __importDefault(require("@compiled/babel-plugin-strip-runtime"));
@@ -46,6 +47,14 @@ exports.default = new plugin_1.Transformer({
             ssr: false,
             importSources: utils_2.DEFAULT_IMPORT_SOURCES,
         };
+        // Pre-load the browserslist config during setup().
+        // If we don't do this, calling transformAsync() will cause Babel's
+        // @babel/helper-compilation-targets to walk up the directory
+        // tree reading package.json files on every transform, causing
+        // cache bailouts for every file.
+        let browserslistConfig = browserslist_1.default.loadConfig({
+            path: options.projectRoot,
+        });
         if (conf) {
             if (conf.filePath.endsWith('.js')) {
                 config.invalidateOnStartup();
@@ -81,6 +90,7 @@ exports.default = new plugin_1.Transformer({
                 compiledConfig: contents,
                 mode: options.mode,
                 projectRoot: options.projectRoot,
+                browserslist: browserslistConfig,
             },
             conditions: {
                 codeMatch: contents.importSources,
@@ -105,6 +115,7 @@ exports.default = new plugin_1.Transformer({
                 'NODE_DEBUG',
                 'CI',
                 'COLORTERM',
+                'TERM',
             ],
             disableCache: hasExternalBabelPlugins,
         };
@@ -141,6 +152,10 @@ exports.default = new plugin_1.Transformer({
             filename: asset.filePath,
             babelrc: false,
             configFile: false,
+            // Disable browserslistConfigFile because we pass the browserslist config via the targets option
+            // to prevent FS reads while resolving browserslist config.
+            browserslistConfigFile: false,
+            targets: config.browserslist ?? {},
             sourceMaps: !!asset.env.sourceMap,
             compact: false,
             plugins: [

package/lib/types/CompiledTransformer.d.ts

@@ -5,6 +5,9 @@ interface Config {
     compiledConfig: CompiledTransformerOpts;
     mode: BuildMode;
     projectRoot: string;
+    browserslist?: Array<string> | {
+        [key: string]: Array<string>;
+    };
 }
 /**
  * Atlaspack Compiled transformer.

package/lib/types/types.d.ts

@@ -69,5 +69,17 @@ export interface CompiledTransformerOpts extends BabelPluginOpts {
      * This will throw an error if used alongside extraction or `extract: true`.
      */
     classHashPrefix?: string;
+    /**
+     * Browserslist configuration for Babel's target resolution.
+     * If not specified, the transformer will try to read it from the nearest package.json.
+     *
+     * This can be a string array of browser queries, or an object mapping environment names
+     * to query arrays (e.g., { production: ["..."], development: ["..."] }).
+     *
+     * Example: ["last 2 Chrome versions", "last 2 Firefox versions"]
+     */
+    browserslist?: string[] | {
+        [env: string]: string[];
+    };
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/transformer-compiled",
-  "version": "0.3.2-canary.4182+2f8349162",
+  "version": "0.3.2-canary.4183+47658d4d2",
   "description": "Atlaspack transformer for Compiled CSS-in-JS (insourced from @compiled/parcel-transformer)",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
@@ -21,9 +21,9 @@
     "src"
   ],
   "dependencies": {
-    "@atlaspack/plugin": "2.14.5-canary.403+2f8349162",
-    "@atlaspack/source-map": "3.2.9-canary.4182+2f8349162",
-    "@atlaspack/utils": "2.14.5-canary.403+2f8349162",
+    "@atlaspack/plugin": "2.14.5-canary.404+47658d4d2",
+    "@atlaspack/source-map": "3.2.9-canary.4183+47658d4d2",
+    "@atlaspack/utils": "2.14.5-canary.404+47658d4d2",
     "@babel/core": "7.24.9",
     "@babel/generator": "^7.22.10",
     "@babel/plugin-syntax-jsx": "^7.27.1",
@@ -31,14 +31,15 @@
     "@compiled/babel-plugin": "^0.36.0",
     "@compiled/babel-plugin-strip-runtime": "^0.36.0",
     "@compiled/utils": "^0.13.1",
+    "browserslist": "^4.28.1",
     "enhanced-resolve": "^5.18.1"
   },
   "devDependencies": {
-    "@atlaspack/types": "2.14.5-canary.403+2f8349162"
+    "@atlaspack/types": "2.14.5-canary.404+47658d4d2"
   },
   "type": "commonjs",
   "scripts": {
     "build:lib": "gulp build --gulpfile ../../../gulpfile.js --cwd ."
   },
-  "gitHead": "2f8349162499babda4d991764489c87f3508987f"
+  "gitHead": "47658d4d250edfa8c45db8048778547025c673a3"
 }

package/src/CompiledTransformer.ts

@@ -17,6 +17,7 @@ import type {
 import {Transformer} from '@atlaspack/plugin';
 import SourceMap from '@atlaspack/source-map';
 import {relativeUrl} from '@atlaspack/utils';
+import browserslist from 'browserslist';
 
 import type {CompiledTransformerOpts} from './types';
 import {
@@ -47,6 +48,11 @@ interface Config {
   compiledConfig: CompiledTransformerOpts;
   mode: BuildMode;
   projectRoot: string;
+  browserslist?:
+    | Array<string>
+    | {
+        [key: string]: Array<string>;
+      };
 }
 
 /**
@@ -69,6 +75,15 @@ export default new Transformer<Config>({
       importSources: DEFAULT_IMPORT_SOURCES,
     };
 
+    // Pre-load the browserslist config during setup().
+    // If we don't do this, calling transformAsync() will cause Babel's
+    // @babel/helper-compilation-targets to walk up the directory
+    // tree reading package.json files on every transform, causing
+    // cache bailouts for every file.
+    let browserslistConfig: string[] | undefined = browserslist.loadConfig({
+      path: options.projectRoot,
+    });
+
     if (conf) {
       if (conf.filePath.endsWith('.js')) {
         config.invalidateOnStartup();
@@ -117,6 +132,7 @@ export default new Transformer<Config>({
         compiledConfig: contents,
         mode: options.mode,
         projectRoot: options.projectRoot,
+        browserslist: browserslistConfig,
       },
       conditions: {
         codeMatch: contents.importSources,
@@ -141,6 +157,7 @@ export default new Transformer<Config>({
         'NODE_DEBUG',
         'CI',
         'COLORTERM',
+        'TERM',
       ],
       disableCache: hasExternalBabelPlugins,
     };
@@ -190,6 +207,10 @@ export default new Transformer<Config>({
       filename: asset.filePath,
       babelrc: false,
       configFile: false,
+      // Disable browserslistConfigFile because we pass the browserslist config via the targets option
+      // to prevent FS reads while resolving browserslist config.
+      browserslistConfigFile: false,
+      targets: config.browserslist ?? {},
       sourceMaps: !!asset.env.sourceMap,
       compact: false,
       plugins: [

package/src/types.ts

@@ -80,4 +80,15 @@ export interface CompiledTransformerOpts extends BabelPluginOpts {
    * This will throw an error if used alongside extraction or `extract: true`.
    */
   classHashPrefix?: string;
+
+  /**
+   * Browserslist configuration for Babel's target resolution.
+   * If not specified, the transformer will try to read it from the nearest package.json.
+   *
+   * This can be a string array of browser queries, or an object mapping environment names
+   * to query arrays (e.g., { production: ["..."], development: ["..."] }).
+   *
+   * Example: ["last 2 Chrome versions", "last 2 Firefox versions"]
+   */
+  browserslist?: string[] | {[env: string]: string[]};
 }