@parcel/transformer-css 2.0.0-nightly.991 → 2.0.0-nightly.992

package/lib/CSSTransformer.js

@@ -75,26 +75,6 @@ function _postcssValueParser() {
   return data;
 }
 
-function _postcssModules() {
-  const data = _interopRequireDefault(require("postcss-modules"));
-
-  _postcssModules = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _loader() {
-  const data = _interopRequireDefault(require("postcss-modules/build/css-loader-core/loader"));
-
-  _loader = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _semver() {
   const data = _interopRequireDefault(require("semver"));
 
@@ -361,11 +341,16 @@ async function compileCSSModules(asset, env, program, resolve, options) {
     });
   }
 
+  let postcssModules = await options.packageManager.require('postcss-modules', asset.filePath, {
+    range: '^4.3.0',
+    saveDev: true,
+    shouldAutoInstall: options.shouldAutoInstall
+  });
   let {
     root
-  } = await (0, _postcss().default)([(0, _postcssModules().default)({
+  } = await (0, _postcss().default)([postcssModules({
     getJSON: (filename, json) => cssModules = json,
-    Loader: createLoader(asset, resolve),
+    Loader: await createLoader(asset, resolve, options),
     generateScopedName: (name, filename) => `${name}_${(0, _hash().hashString)(_path().default.relative(options.projectRoot, filename)).substr(0, 6)}`
   })]).process(program, {
     from: asset.filePath,
@@ -410,8 +395,11 @@ async function compileCSSModules(asset, env, program, resolve, options) {
   return assets;
 }
 
-function createLoader(asset, resolve) {
-  return class extends _loader().default {
+async function createLoader(asset, resolve, options) {
+  let {
+    default: FileSystemLoader
+  } = await options.packageManager.require('postcss-modules/build/css-loader-core/loader', asset.filePath);
+  return class extends FileSystemLoader {
     async fetch(composesPath, relativeTo) {
       let importPath = composesPath.replace(/^["']|["']$/g, '');
       let resolved = await resolve(relativeTo, importPath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parcel/transformer-css",
-  "version": "2.0.0-nightly.991+c3a28caf",
+  "version": "2.0.0-nightly.992+5b38bdfe",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -17,18 +17,20 @@
   "source": "src/CSSTransformer.js",
   "engines": {
     "node": ">= 12.0.0",
-    "parcel": "2.0.0-nightly.989+c3a28caf"
+    "parcel": "2.0.0-nightly.990+5b38bdfe"
   },
   "dependencies": {
-    "@parcel/hash": "2.2.2-nightly.2614+c3a28caf",
-    "@parcel/plugin": "2.0.0-nightly.991+c3a28caf",
+    "@parcel/hash": "2.2.2-nightly.2615+5b38bdfe",
+    "@parcel/plugin": "2.0.0-nightly.992+5b38bdfe",
     "@parcel/source-map": "^2.0.0",
-    "@parcel/utils": "2.0.0-nightly.991+c3a28caf",
+    "@parcel/utils": "2.0.0-nightly.992+5b38bdfe",
     "nullthrows": "^1.1.1",
     "postcss": "^8.4.5",
-    "postcss-modules": "^4.3.0",
     "postcss-value-parser": "^4.2.0",
     "semver": "^5.7.1"
   },
-  "gitHead": "c3a28caf3dd7cd44a092b3d1361e8d1ac26e04ee"
+  "devDependencies": {
+    "postcss-modules": "^4.3.0"
+  },
+  "gitHead": "5b38bdfe68782c470e23fbc725c86a8d4a25cded"
 }

package/src/CSSTransformer.js

@@ -1,7 +1,7 @@
 // @flow
 
 import type {Root} from 'postcss';
-import type {FilePath, MutableAsset} from '@parcel/types';
+import type {FilePath, MutableAsset, PluginOptions} from '@parcel/types';
 
 import {hashString} from '@parcel/hash';
 import SourceMap from '@parcel/source-map';
@@ -10,8 +10,6 @@ import {createDependencyLocation, remapSourceLocation} from '@parcel/utils';
 import postcss from 'postcss';
 import nullthrows from 'nullthrows';
 import valueParser from 'postcss-value-parser';
-import postcssModules from 'postcss-modules';
-import FileSystemLoader from 'postcss-modules/build/css-loader-core/loader';
 import semver from 'semver';
 import path from 'path';
 
@@ -274,10 +272,20 @@ async function compileCSSModules(asset, env, program, resolve, options) {
     });
   }
 
+  let postcssModules = await options.packageManager.require(
+    'postcss-modules',
+    asset.filePath,
+    {
+      range: '^4.3.0',
+      saveDev: true,
+      shouldAutoInstall: options.shouldAutoInstall,
+    },
+  );
+
   let {root} = await postcss([
     postcssModules({
       getJSON: (filename, json) => (cssModules = json),
-      Loader: createLoader(asset, resolve),
+      Loader: await createLoader(asset, resolve, options),
       generateScopedName: (name, filename) =>
         `${name}_${hashString(
           path.relative(options.projectRoot, filename),
@@ -329,10 +337,15 @@ async function compileCSSModules(asset, env, program, resolve, options) {
   return assets;
 }
 
-function createLoader(
+async function createLoader(
   asset: MutableAsset,
   resolve: (from: FilePath, to: string) => Promise<FilePath>,
+  options: PluginOptions,
 ) {
+  let {default: FileSystemLoader} = await options.packageManager.require(
+    'postcss-modules/build/css-loader-core/loader',
+    asset.filePath,
+  );
   return class ParcelFileSystemLoader extends FileSystemLoader {
     async fetch(composesPath, relativeTo) {
       let importPath = composesPath.replace(/^["']|["']$/g, '');