@parcel/transformer-css 2.13.3 → 2.14.0

package/lib/CSSTransformer.js

@@ -98,9 +98,20 @@ var _default = exports.default = new (_plugin().Transformer)({
   }) {
     // Normalize the asset's environment so that properties that only affect JS don't cause CSS to be duplicated.
     // For example, with ESModule and CommonJS targets, only a single shared CSS bundle should be produced.
-    let env = asset.env;
+    let env = {
+      context: asset.env.context,
+      outputFormat: asset.env.outputFormat,
+      engines: asset.env.engines,
+      includeNodeModules: asset.env.includeNodeModules,
+      sourceType: asset.env.sourceType,
+      isLibrary: asset.env.isLibrary,
+      shouldOptimize: asset.env.shouldOptimize,
+      shouldScopeHoist: asset.env.shouldScopeHoist,
+      sourceMap: asset.env.sourceMap,
+      loc: asset.env.loc
+    };
     asset.setEnvironment({
-      context: 'browser',
+      context: asset.env.context === 'react-server' || asset.env.context === 'react-client' ? 'react-client' : 'browser',
       engines: {
         browsers: asset.env.engines.browsers
       },
@@ -271,7 +282,8 @@ var _default = exports.default = new (_plugin().Transformer)({
                 local: ref.name,
                 isWeak: false,
                 loc: null
-              }]])
+              }]]),
+              env
             });
           } else if (ref.type === 'global') {
             s += ref.name;
@@ -285,7 +297,8 @@ var _default = exports.default = new (_plugin().Transformer)({
               asset.addDependency({
                 specifier: ref.specifier,
                 specifierType: 'esm',
-                packageConditions: ['style']
+                packageConditions: ['style'],
+                env
               });
             }
             s += '${' + `${d}[${JSON.stringify(ref.name)}]` + '}';
@@ -304,7 +317,8 @@ var _default = exports.default = new (_plugin().Transformer)({
               local: exports[key].name,
               isWeak: false,
               loc: null
-            }]])
+            }]]),
+            env
           });
         }
         js += s;
@@ -339,7 +353,8 @@ var _default = exports.default = new (_plugin().Transformer)({
               local: symbol,
               isWeak: false,
               loc: null
-            }]])
+            }]]),
+            env
           });
           asset.meta.hasReferences = true;
           cssImports += `@import "${reference.specifier}";\n`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parcel/transformer-css",
-  "version": "2.13.3",
+  "version": "2.14.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -17,13 +17,13 @@
   "source": "src/CSSTransformer.js",
   "engines": {
     "node": ">= 16.0.0",
-    "parcel": "^2.13.3"
+    "parcel": "^2.14.0"
   },
   "dependencies": {
-    "@parcel/diagnostic": "2.13.3",
-    "@parcel/plugin": "2.13.3",
+    "@parcel/diagnostic": "2.14.0",
+    "@parcel/plugin": "2.14.0",
     "@parcel/source-map": "^2.1.1",
-    "@parcel/utils": "2.13.3",
+    "@parcel/utils": "2.14.0",
     "browserslist": "^4.6.6",
     "lightningcss": "^1.22.1",
     "nullthrows": "^1.1.1"
@@ -34,5 +34,5 @@
   "browser": {
     "lightningcss": "lightningcss-wasm"
   },
-  "gitHead": "d19b1f6bdb05eb5a3085f44daae15c0fe2709ab9"
+  "gitHead": "2306f8f14e8cf7d7c2d94ef5c6e52f9754dd5be8"
 }

package/src/CSSTransformer.js

@@ -44,9 +44,25 @@ export default (new Transformer({
   async transform({asset, config, options, logger}) {
     // Normalize the asset's environment so that properties that only affect JS don't cause CSS to be duplicated.
     // For example, with ESModule and CommonJS targets, only a single shared CSS bundle should be produced.
-    let env = asset.env;
+    let env = {
+      context: asset.env.context,
+      outputFormat: asset.env.outputFormat,
+      engines: asset.env.engines,
+      includeNodeModules: asset.env.includeNodeModules,
+      sourceType: asset.env.sourceType,
+      isLibrary: asset.env.isLibrary,
+      shouldOptimize: asset.env.shouldOptimize,
+      shouldScopeHoist: asset.env.shouldScopeHoist,
+      sourceMap: asset.env.sourceMap,
+      loc: asset.env.loc,
+    };
+
     asset.setEnvironment({
-      context: 'browser',
+      context:
+        asset.env.context === 'react-server' ||
+        asset.env.context === 'react-client'
+          ? 'react-client'
+          : 'browser',
       engines: {
         browsers: asset.env.engines.browsers,
       },
@@ -268,6 +284,7 @@ export default (new Transformer({
               symbols: new Map([
                 [exported, {local: ref.name, isWeak: false, loc: null}],
               ]),
+              env,
             });
           } else if (ref.type === 'global') {
             s += ref.name;
@@ -284,6 +301,7 @@ export default (new Transformer({
                 specifier: ref.specifier,
                 specifierType: 'esm',
                 packageConditions: ['style'],
+                env,
               });
             }
             s += '${' + `${d}[${JSON.stringify(ref.name)}]` + '}';
@@ -302,6 +320,7 @@ export default (new Transformer({
             symbols: new Map([
               [key, {local: exports[key].name, isWeak: false, loc: null}],
             ]),
+            env,
           });
         }
 
@@ -338,6 +357,7 @@ export default (new Transformer({
             symbols: new Map([
               [reference.name, {local: symbol, isWeak: false, loc: null}],
             ]),
+            env,
           });
 
           asset.meta.hasReferences = true;