@parcel/transformer-css 2.10.3 → 2.12.0

package/lib/CSSTransformer.js

@@ -60,15 +60,15 @@ function _diagnostic() {
   };
   return data;
 }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 }; }
 const {
   transform,
   transformStyleAttribute,
   browserslistToTargets
 } = native();
-var _default = new (_plugin().Transformer)({
+var _default = exports.default = new (_plugin().Transformer)({
   async loadConfig({
     config,
     options
@@ -151,7 +151,9 @@ var _default = new (_plugin().Transformer)({
           filename: (0, _utils().normalizeSeparators)(_path().default.relative(options.projectRoot, asset.filePath)),
           code,
           cssModules,
-          analyzeDependencies: asset.meta.hasDependencies !== false,
+          analyzeDependencies: asset.meta.hasDependencies !== false ? {
+            preserveImports: true
+          } : false,
           sourceMap: !!asset.env.sourceMap,
           drafts: config === null || config === void 0 ? void 0 : config.drafts,
           pseudoClasses: config === null || config === void 0 ? void 0 : config.pseudoClasses,
@@ -194,9 +196,8 @@ var _default = new (_plugin().Transformer)({
         });
       }
     }
-    asset.setBuffer(res.code);
     if (res.map != null) {
-      let vlqMap = JSON.parse(res.map.toString());
+      let vlqMap = JSON.parse(Buffer.from(res.map).toString());
       let map = new (_sourceMap().default)(options.projectRoot);
       map.addVLQMap(vlqMap);
       if (originalMap) {
@@ -219,7 +220,8 @@ var _default = new (_plugin().Transformer)({
             meta: {
               // For the glob resolver to distinguish between `@import` and other URL dependencies.
               isCSSImport: true,
-              media: dep.media
+              media: dep.media,
+              placeholder: dep.placeholder
             }
           });
         } else if (dep.type === 'url') {
@@ -233,6 +235,7 @@ var _default = new (_plugin().Transformer)({
       }
     }
     let assets = [asset];
+    let buffer = Buffer.from(res.code);
     if (res.exports != null) {
       var _asset$uniqueKey;
       let exports = res.exports;
@@ -243,6 +246,7 @@ var _default = new (_plugin().Transformer)({
       let c = 0;
       let depjs = '';
       let js = '';
+      let cssImports = '';
       for (let key in exports) {
         locals.set(exports[key].name, key);
       }
@@ -278,6 +282,7 @@ var _default = new (_plugin().Transformer)({
               d = `dep_${c++}`;
               depjs += `import * as ${d} from ${JSON.stringify(ref.specifier)};\n`;
               dependencies.set(ref.specifier, d);
+              cssImports += `@import "${ref.specifier}";\n`;
               asset.addDependency({
                 specifier: ref.specifier,
                 specifierType: 'esm',
@@ -338,6 +343,7 @@ var _default = new (_plugin().Transformer)({
             }]])
           });
           asset.meta.hasReferences = true;
+          cssImports += `@import "${reference.specifier}";\n`;
         }
       }
       assets.push({
@@ -346,11 +352,16 @@ var _default = new (_plugin().Transformer)({
         dependencies: [],
         env
       });
+
+      // Prepend @import rules for each composes dependency so packager knows where to insert them.
+      if (cssImports.length > 0) {
+        buffer = Buffer.concat([Buffer.from(cssImports), buffer]);
+      }
     }
+    asset.setBuffer(buffer);
     return assets;
   }
 });
-exports.default = _default;
 let cache = new Map();
 function getTargets(browsers) {
   if (browsers == null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parcel/transformer-css",
-  "version": "2.10.3",
+  "version": "2.12.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -17,22 +17,22 @@
   "source": "src/CSSTransformer.js",
   "engines": {
     "node": ">= 12.0.0",
-    "parcel": "^2.10.3"
+    "parcel": "^2.12.0"
   },
   "dependencies": {
-    "@parcel/diagnostic": "2.10.3",
-    "@parcel/plugin": "2.10.3",
+    "@parcel/diagnostic": "2.12.0",
+    "@parcel/plugin": "2.12.0",
     "@parcel/source-map": "^2.1.1",
-    "@parcel/utils": "2.10.3",
+    "@parcel/utils": "2.12.0",
     "browserslist": "^4.6.6",
-    "lightningcss": "^1.16.1",
+    "lightningcss": "^1.22.1",
     "nullthrows": "^1.1.1"
   },
   "devDependencies": {
-    "lightningcss-wasm": "^1.16.1"
+    "lightningcss-wasm": "^1.22.1"
   },
   "browser": {
-    "lightningcss": "./wasm-wrapper.js"
+    "lightningcss": "lightningcss-wasm"
   },
-  "gitHead": "65d42a955db665a04817fa9be55df16f588593d4"
+  "gitHead": "2059029ee91e5f03a273b0954d3e629d7375f986"
 }

package/src/CSSTransformer.js

@@ -119,7 +119,12 @@ export default (new Transformer({
           ),
           code,
           cssModules,
-          analyzeDependencies: asset.meta.hasDependencies !== false,
+          analyzeDependencies:
+            asset.meta.hasDependencies !== false
+              ? {
+                  preserveImports: true,
+                }
+              : false,
           sourceMap: !!asset.env.sourceMap,
           drafts: config?.drafts,
           pseudoClasses: config?.pseudoClasses,
@@ -175,10 +180,8 @@ export default (new Transformer({
       }
     }
 
-    asset.setBuffer(res.code);
-
     if (res.map != null) {
-      let vlqMap = JSON.parse(res.map.toString());
+      let vlqMap = JSON.parse(Buffer.from(res.map).toString());
       let map = new SourceMap(options.projectRoot);
       map.addVLQMap(vlqMap);
 
@@ -206,6 +209,7 @@ export default (new Transformer({
               // For the glob resolver to distinguish between `@import` and other URL dependencies.
               isCSSImport: true,
               media: dep.media,
+              placeholder: dep.placeholder,
             },
           });
         } else if (dep.type === 'url') {
@@ -220,6 +224,7 @@ export default (new Transformer({
     }
 
     let assets = [asset];
+    let buffer = Buffer.from(res.code);
 
     if (res.exports != null) {
       let exports = res.exports;
@@ -231,6 +236,7 @@ export default (new Transformer({
       let c = 0;
       let depjs = '';
       let js = '';
+      let cssImports = '';
 
       let jsDeps = [];
 
@@ -273,6 +279,7 @@ export default (new Transformer({
                 ref.specifier,
               )};\n`;
               dependencies.set(ref.specifier, d);
+              cssImports += `@import "${ref.specifier}";\n`;
               asset.addDependency({
                 specifier: ref.specifier,
                 specifierType: 'esm',
@@ -334,6 +341,7 @@ export default (new Transformer({
           });
 
           asset.meta.hasReferences = true;
+          cssImports += `@import "${reference.specifier}";\n`;
         }
       }
 
@@ -343,8 +351,14 @@ export default (new Transformer({
         dependencies: jsDeps,
         env,
       });
+
+      // Prepend @import rules for each composes dependency so packager knows where to insert them.
+      if (cssImports.length > 0) {
+        buffer = Buffer.concat([Buffer.from(cssImports), buffer]);
+      }
     }
 
+    asset.setBuffer(buffer);
     return assets;
   },
 }): Transformer);

package/wasm-wrapper.js

@@ -1,26 +0,0 @@
-import {transform, transformStyleAttribute} from 'lightningcss-wasm';
-
-export {default, browserslistToTargets} from 'lightningcss-wasm';
-
-// Hydrate Uint8Array into Buffer
-
-function transformWrapper(config) {
-  let result = transform(config);
-  return {
-    ...result,
-    code: Buffer.from(result.code),
-    map: result.map ? Buffer.from(result.map) : result.map,
-  };
-}
-function transformStyleAttributeWrapper(config) {
-  let result = transformStyleAttribute(config);
-  return {
-    ...result,
-    code: Buffer.from(result.code),
-  };
-}
-
-export {
-  transformWrapper as transform,
-  transformStyleAttributeWrapper as transformStyleAttribute,
-};