@parcel/transformer-css 2.6.2 → 2.8.0

package/lib/CSSTransformer.js

@@ -35,10 +35,10 @@ function _plugin() {
   return data;
 }
 
-function _css() {
-  const data = require("@parcel/css");
+function _lightningcss() {
+  const data = require("lightningcss");
 
-  _css = function () {
+  _lightningcss = function () {
     return data;
   };
 
@@ -105,7 +105,8 @@ var _default = new (_plugin().Transformer)({
   async transform({
     asset,
     config,
-    options
+    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.
@@ -125,9 +126,10 @@ var _default = new (_plugin().Transformer)({
 
     try {
       if (asset.meta.type === 'attr') {
-        res = (0, _css().transformStyleAttribute)({
+        res = (0, _lightningcss().transformStyleAttribute)({
           code,
           analyzeDependencies: true,
+          errorRecovery: (config === null || config === void 0 ? void 0 : config.errorRecovery) || false,
           targets
         });
       } else {
@@ -145,7 +147,7 @@ var _default = new (_plugin().Transformer)({
           }
         }
 
-        res = (0, _css().transform)({
+        res = (0, _lightningcss().transform)({
           filename: _path().default.relative(options.projectRoot, asset.filePath),
           code,
           cssModules,
@@ -153,6 +155,7 @@ var _default = new (_plugin().Transformer)({
           sourceMap: !!asset.env.sourceMap,
           drafts: config === null || config === void 0 ? void 0 : config.drafts,
           pseudoClasses: config === null || config === void 0 ? void 0 : config.pseudoClasses,
+          errorRecovery: (config === null || config === void 0 ? void 0 : config.errorRecovery) || false,
           targets
         });
       }
@@ -175,6 +178,27 @@ var _default = new (_plugin().Transformer)({
       });
     }
 
+    if (res.warnings) {
+      for (let warning of res.warnings) {
+        logger.warn({
+          message: warning.message,
+          codeFrames: [{
+            filePath: asset.filePath,
+            codeHighlights: [{
+              start: {
+                line: warning.loc.line,
+                column: warning.loc.column
+              },
+              end: {
+                line: warning.loc.line,
+                column: warning.loc.column
+              }
+            }]
+          }]
+        });
+      }
+    }
+
     asset.setBuffer(res.code);
 
     if (res.map != null) {
@@ -339,7 +363,7 @@ function getTargets(browsers) {
     return cached;
   }
 
-  let targets = (0, _css().browserslistToTargets)((0, _browserslist().default)(browsers));
+  let targets = (0, _lightningcss().browserslistToTargets)((0, _browserslist().default)(browsers));
   cache.set(browsers, targets);
   return targets;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parcel/transformer-css",
-  "version": "2.6.2",
+  "version": "2.8.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -17,16 +17,16 @@
   "source": "src/CSSTransformer.js",
   "engines": {
     "node": ">= 12.0.0",
-    "parcel": "^2.6.2"
+    "parcel": "^2.8.0"
   },
   "dependencies": {
-    "@parcel/css": "^1.10.1",
-    "@parcel/diagnostic": "2.6.2",
-    "@parcel/plugin": "2.6.2",
-    "@parcel/source-map": "^2.0.0",
-    "@parcel/utils": "2.6.2",
+    "@parcel/diagnostic": "2.8.0",
+    "@parcel/plugin": "2.8.0",
+    "@parcel/source-map": "^2.1.1",
+    "@parcel/utils": "2.8.0",
     "browserslist": "^4.6.6",
+    "lightningcss": "^1.16.1",
     "nullthrows": "^1.1.1"
   },
-  "gitHead": "e10fcfc1e8b71222da90978fb87f1b68e207473e"
+  "gitHead": "c3bbe0a6160186f496ca2f9e9bead9376c0522f1"
 }

package/src/CSSTransformer.js

@@ -7,7 +7,7 @@ import {
   transform,
   transformStyleAttribute,
   browserslistToTargets,
-} from '@parcel/css';
+} from 'lightningcss';
 import {remapSourceLocation, relativePath} from '@parcel/utils';
 import browserslist from 'browserslist';
 import nullthrows from 'nullthrows';
@@ -20,7 +20,7 @@ export default (new Transformer({
     });
     return conf?.contents;
   },
-  async transform({asset, config, options}) {
+  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;
@@ -46,6 +46,7 @@ export default (new Transformer({
         res = transformStyleAttribute({
           code,
           analyzeDependencies: true,
+          errorRecovery: config?.errorRecovery || false,
           targets,
         });
       } else {
@@ -77,6 +78,7 @@ export default (new Transformer({
           sourceMap: !!asset.env.sourceMap,
           drafts: config?.drafts,
           pseudoClasses: config?.pseudoClasses,
+          errorRecovery: config?.errorRecovery || false,
           targets,
         });
       }
@@ -103,6 +105,31 @@ export default (new Transformer({
       });
     }
 
+    if (res.warnings) {
+      for (let warning of res.warnings) {
+        logger.warn({
+          message: warning.message,
+          codeFrames: [
+            {
+              filePath: asset.filePath,
+              codeHighlights: [
+                {
+                  start: {
+                    line: warning.loc.line,
+                    column: warning.loc.column,
+                  },
+                  end: {
+                    line: warning.loc.line,
+                    column: warning.loc.column,
+                  },
+                },
+              ],
+            },
+          ],
+        });
+      }
+    }
+
     asset.setBuffer(res.code);
 
     if (res.map != null) {