rollup-plugin-lib-style 1.2.2 → 1.2.4

package/lib/index.es.js

@@ -3,7 +3,6 @@ import postcss from 'postcss';
 import postcssModules from 'postcss-modules';
 import fs from 'fs-extra';
 import sass from 'sass';
-import path from 'path';
 import glob from 'glob';
 
 const defaultScopedName = "[local]_[hash:base64:6]";
@@ -72,104 +71,101 @@ const postCssLoader = async ({code, fiePath, options}) => {
   }
 };
 
-const PLUGIN_NAME = "rollup-plugin-lib-style";
-const MAGIC_PATH_REGEX = /@@_MAGIC_PATH_@@/g;
-const MAGIC_PATH = "@@_MAGIC_PATH_@@";
-
-const modulesIds = new Set();
-
-const outputPaths = [];
-
-const defaultLoaders = [
-  {
-    name: "sass",
-    regex: /\.(sass|scss)$/,
-    process: ({filePath}) => ({code: sass.compile(filePath).css.toString()}),
-  },
-  {
-    name: "css",
-    regex: /\.(css)$/,
-    process: ({code}) => ({code}),
-  },
-];
-
-const replaceMagicPath = (fileContent) => fileContent.replace(MAGIC_PATH_REGEX, ".");
-
-const libStylePlugin = (options = {}) => {
-  const {loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
-  const allLoaders = [...(loaders || []), ...defaultLoaders];
-  const filter = createFilter(include, exclude);
-  const getLoader = (filepath) => allLoaders.find((loader) => loader.regex.test(filepath));
-
-  return {
-    name: PLUGIN_NAME,
-
-    options(options) {
-      if (!options.output) console.error("missing output options");
-      else options.output.forEach((outputOptions) => outputPaths.push(outputOptions.dir));
-    },
-
-    async transform(code, id) {
-      const loader = getLoader(id);
-      if (!filter(id) || !loader) return null
-
-      modulesIds.add(id);
-
-      const rawCss = await loader.process({filePath: id, code});
-
-      const postCssResult = await postCssLoader({code: rawCss.code, fiePath: id, options: postCssOptions});
-
-      for (const dependence of postCssResult.dependencies) this.addWatchFile(dependence);
-
-      const cssFilePath = id.replace(process.cwd(), "").replace(/\\/g, "/");
-
-      // create a new css file with the generated hash class names
-      this.emitFile({
-        type: "asset",
-        fileName: cssFilePath.replace("/", "").replace(loader.regex, ".css"),
-        source: postCssResult.extracted.code,
-      });
-
-      const importStr = importCSS ? `import "${MAGIC_PATH}${cssFilePath.replace(loader.regex, ".css")}";\n` : "";
-
-      // create a new js file with css module
-      return {
-        code: importStr + postCssResult.code,
-        map: {mappings: ""},
-      }
-    },
-
-    async closeBundle() {
-      if (!importCSS) return
-
-      const importers = [];
-      modulesIds.forEach((id) => this.getModuleInfo(id).importers.forEach((importer) => importers.push(path.parse(importer).name + ".js"))); // TODO - add number pattern for duplicate name files
-
-      // get all the modules that import CSS files
-      const importersPaths = outputPaths
-        .reduce((result, currentPath) => {
-          result.push(glob.sync(`${currentPath}/**/*(${importers.join("|")})`));
-          return result
-        }, [])
-        .flat();
-
-      // replace magic path with relative path
-      await Promise.all(
-        importersPaths.map((currentPath) =>
-          fs
-            .readFile(currentPath)
-            .then((buffer) => buffer.toString())
-            .then(replaceMagicPath)
-            .then((fileContent) => fs.writeFile(currentPath, fileContent))
-        )
-      );
-    },
-  }
-};
-
-const onwarn = (warning, warn) => {
-  if (warning.code === "UNRESOLVED_IMPORT" && warning.message.includes(MAGIC_PATH)) return
-  warn(warning);
+const PLUGIN_NAME = "rollup-plugin-lib-style";
+const MAGIC_PATH_REGEX = /@@_MAGIC_PATH_@@/g;
+const MAGIC_PATH = "@@_MAGIC_PATH_@@";
+
+const modulesIds = new Set();
+
+const outputPaths = [];
+
+const defaultLoaders = [
+  {
+    name: "sass",
+    regex: /\.(sass|scss)$/,
+    process: ({filePath}) => ({code: sass.compile(filePath).css.toString()}),
+  },
+  {
+    name: "css",
+    regex: /\.(css)$/,
+    process: ({code}) => ({code}),
+  },
+];
+
+const replaceMagicPath = (fileContent) => fileContent.replace(MAGIC_PATH_REGEX, ".");
+
+const libStylePlugin = (options = {}) => {
+  const {loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
+  const allLoaders = [...(loaders || []), ...defaultLoaders];
+  const filter = createFilter(include, exclude);
+  const getLoader = (filepath) => allLoaders.find((loader) => loader.regex.test(filepath));
+
+  return {
+    name: PLUGIN_NAME,
+
+    options(options) {
+      if (!options.output) console.error("missing output options");
+      else options.output.forEach((outputOptions) => outputPaths.push(outputOptions.dir));
+    },
+
+    async transform(code, id) {
+      const loader = getLoader(id);
+      if (!filter(id) || !loader) return null
+
+      modulesIds.add(id);
+
+      const rawCss = await loader.process({filePath: id, code});
+
+      const postCssResult = await postCssLoader({code: rawCss.code, fiePath: id, options: postCssOptions});
+
+      for (const dependence of postCssResult.dependencies) this.addWatchFile(dependence);
+
+      const cssFilePath = id.replace(process.cwd(), "").replace(/\\/g, "/");
+
+      // create a new css file with the generated hash class names
+      this.emitFile({
+        type: "asset",
+        fileName: cssFilePath.replace("/", "").replace(loader.regex, ".css"),
+        source: postCssResult.extracted.code,
+      });
+
+      const importStr = importCSS ? `import "${MAGIC_PATH}${cssFilePath.replace(loader.regex, ".css")}";\n` : "";
+
+      // create a new js file with css module
+      return {
+        code: importStr + postCssResult.code,
+        map: {mappings: ""},
+      }
+    },
+
+    async closeBundle() {
+      if (!importCSS) return
+
+      // get all the modules that import CSS files
+      const importersPaths = outputPaths
+        .reduce((result, currentPath) => {
+          result.push(glob.sync(`${currentPath}/**/*.js`));
+          return result
+        }, [])
+        .flat();
+
+      // replace magic path with relative path
+      await Promise.all(
+        importersPaths.map((currentPath) =>
+          fs
+            .readFile(currentPath)
+            .then((buffer) => buffer.toString())
+            .then(replaceMagicPath)
+            .then((fileContent) => fs.writeFile(currentPath, fileContent))
+        )
+      );
+    },
+  }
+};
+
+const onwarn = (warning, warn) => {
+  if (warning.code === "UNRESOLVED_IMPORT" && warning.message.includes(MAGIC_PATH)) return
+  warn(warning);
 };
 
 export { libStylePlugin, onwarn };

package/lib/index.js

@@ -1,24 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var rollupPluginutils = require('rollup-pluginutils');
 var postcss = require('postcss');
 var postcssModules = require('postcss-modules');
 var fs = require('fs-extra');
 var sass = require('sass');
-var path = require('path');
 var glob = require('glob');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var postcss__default = /*#__PURE__*/_interopDefaultLegacy(postcss);
-var postcssModules__default = /*#__PURE__*/_interopDefaultLegacy(postcssModules);
-var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
-var sass__default = /*#__PURE__*/_interopDefaultLegacy(sass);
-var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
-var glob__default = /*#__PURE__*/_interopDefaultLegacy(glob);
-
 const defaultScopedName = "[local]_[hash:base64:6]";
 
 /**
@@ -48,7 +36,7 @@ const postCssLoader = async ({code, fiePath, options}) => {
   const isGlobalStyle = /\.global.(css|scss|sass|less|stylus)$/.test(fiePath);
 
   postCssPlugins.unshift(
-    postcssModules__default["default"]({
+    postcssModules({
       generateScopedName: isGlobalStyle ? "[local]" : classNamePrefix + scopedName,
       getJSON: (cssFileName, json) => (modulesExported[cssFileName] = json),
     })
@@ -60,7 +48,7 @@ const postCssLoader = async ({code, fiePath, options}) => {
     map: false,
   };
 
-  const result = await postcss__default["default"](postCssPlugins).process(code, postcssOptions);
+  const result = await postcss(postCssPlugins).process(code, postcssOptions);
 
   // collect dependencies
   const dependencies = [];
@@ -85,104 +73,101 @@ const postCssLoader = async ({code, fiePath, options}) => {
   }
 };
 
-const PLUGIN_NAME = "rollup-plugin-lib-style";
-const MAGIC_PATH_REGEX = /@@_MAGIC_PATH_@@/g;
-const MAGIC_PATH = "@@_MAGIC_PATH_@@";
-
-const modulesIds = new Set();
-
-const outputPaths = [];
-
-const defaultLoaders = [
-  {
-    name: "sass",
-    regex: /\.(sass|scss)$/,
-    process: ({filePath}) => ({code: sass__default["default"].compile(filePath).css.toString()}),
-  },
-  {
-    name: "css",
-    regex: /\.(css)$/,
-    process: ({code}) => ({code}),
-  },
-];
-
-const replaceMagicPath = (fileContent) => fileContent.replace(MAGIC_PATH_REGEX, ".");
-
-const libStylePlugin = (options = {}) => {
-  const {loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
-  const allLoaders = [...(loaders || []), ...defaultLoaders];
-  const filter = rollupPluginutils.createFilter(include, exclude);
-  const getLoader = (filepath) => allLoaders.find((loader) => loader.regex.test(filepath));
-
-  return {
-    name: PLUGIN_NAME,
-
-    options(options) {
-      if (!options.output) console.error("missing output options");
-      else options.output.forEach((outputOptions) => outputPaths.push(outputOptions.dir));
-    },
-
-    async transform(code, id) {
-      const loader = getLoader(id);
-      if (!filter(id) || !loader) return null
-
-      modulesIds.add(id);
-
-      const rawCss = await loader.process({filePath: id, code});
-
-      const postCssResult = await postCssLoader({code: rawCss.code, fiePath: id, options: postCssOptions});
-
-      for (const dependence of postCssResult.dependencies) this.addWatchFile(dependence);
-
-      const cssFilePath = id.replace(process.cwd(), "").replace(/\\/g, "/");
-
-      // create a new css file with the generated hash class names
-      this.emitFile({
-        type: "asset",
-        fileName: cssFilePath.replace("/", "").replace(loader.regex, ".css"),
-        source: postCssResult.extracted.code,
-      });
-
-      const importStr = importCSS ? `import "${MAGIC_PATH}${cssFilePath.replace(loader.regex, ".css")}";\n` : "";
-
-      // create a new js file with css module
-      return {
-        code: importStr + postCssResult.code,
-        map: {mappings: ""},
-      }
-    },
-
-    async closeBundle() {
-      if (!importCSS) return
-
-      const importers = [];
-      modulesIds.forEach((id) => this.getModuleInfo(id).importers.forEach((importer) => importers.push(path__default["default"].parse(importer).name + ".js"))); // TODO - add number pattern for duplicate name files
-
-      // get all the modules that import CSS files
-      const importersPaths = outputPaths
-        .reduce((result, currentPath) => {
-          result.push(glob__default["default"].sync(`${currentPath}/**/*(${importers.join("|")})`));
-          return result
-        }, [])
-        .flat();
-
-      // replace magic path with relative path
-      await Promise.all(
-        importersPaths.map((currentPath) =>
-          fs__default["default"]
-            .readFile(currentPath)
-            .then((buffer) => buffer.toString())
-            .then(replaceMagicPath)
-            .then((fileContent) => fs__default["default"].writeFile(currentPath, fileContent))
-        )
-      );
-    },
-  }
-};
-
-const onwarn = (warning, warn) => {
-  if (warning.code === "UNRESOLVED_IMPORT" && warning.message.includes(MAGIC_PATH)) return
-  warn(warning);
+const PLUGIN_NAME = "rollup-plugin-lib-style";
+const MAGIC_PATH_REGEX = /@@_MAGIC_PATH_@@/g;
+const MAGIC_PATH = "@@_MAGIC_PATH_@@";
+
+const modulesIds = new Set();
+
+const outputPaths = [];
+
+const defaultLoaders = [
+  {
+    name: "sass",
+    regex: /\.(sass|scss)$/,
+    process: ({filePath}) => ({code: sass.compile(filePath).css.toString()}),
+  },
+  {
+    name: "css",
+    regex: /\.(css)$/,
+    process: ({code}) => ({code}),
+  },
+];
+
+const replaceMagicPath = (fileContent) => fileContent.replace(MAGIC_PATH_REGEX, ".");
+
+const libStylePlugin = (options = {}) => {
+  const {loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
+  const allLoaders = [...(loaders || []), ...defaultLoaders];
+  const filter = rollupPluginutils.createFilter(include, exclude);
+  const getLoader = (filepath) => allLoaders.find((loader) => loader.regex.test(filepath));
+
+  return {
+    name: PLUGIN_NAME,
+
+    options(options) {
+      if (!options.output) console.error("missing output options");
+      else options.output.forEach((outputOptions) => outputPaths.push(outputOptions.dir));
+    },
+
+    async transform(code, id) {
+      const loader = getLoader(id);
+      if (!filter(id) || !loader) return null
+
+      modulesIds.add(id);
+
+      const rawCss = await loader.process({filePath: id, code});
+
+      const postCssResult = await postCssLoader({code: rawCss.code, fiePath: id, options: postCssOptions});
+
+      for (const dependence of postCssResult.dependencies) this.addWatchFile(dependence);
+
+      const cssFilePath = id.replace(process.cwd(), "").replace(/\\/g, "/");
+
+      // create a new css file with the generated hash class names
+      this.emitFile({
+        type: "asset",
+        fileName: cssFilePath.replace("/", "").replace(loader.regex, ".css"),
+        source: postCssResult.extracted.code,
+      });
+
+      const importStr = importCSS ? `import "${MAGIC_PATH}${cssFilePath.replace(loader.regex, ".css")}";\n` : "";
+
+      // create a new js file with css module
+      return {
+        code: importStr + postCssResult.code,
+        map: {mappings: ""},
+      }
+    },
+
+    async closeBundle() {
+      if (!importCSS) return
+
+      // get all the modules that import CSS files
+      const importersPaths = outputPaths
+        .reduce((result, currentPath) => {
+          result.push(glob.sync(`${currentPath}/**/*.js`));
+          return result
+        }, [])
+        .flat();
+
+      // replace magic path with relative path
+      await Promise.all(
+        importersPaths.map((currentPath) =>
+          fs
+            .readFile(currentPath)
+            .then((buffer) => buffer.toString())
+            .then(replaceMagicPath)
+            .then((fileContent) => fs.writeFile(currentPath, fileContent))
+        )
+      );
+    },
+  }
+};
+
+const onwarn = (warning, warn) => {
+  if (warning.code === "UNRESOLVED_IMPORT" && warning.message.includes(MAGIC_PATH)) return
+  warn(warning);
 };
 
 exports.libStylePlugin = libStylePlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rollup-plugin-lib-style",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "A Rollup plugin that converts CSS and extensions for CSS into CSS modules and imports the generated CSS files",
   "main": "lib/index.js",
   "module": "lib/index.es.js",
@@ -41,28 +41,28 @@
   },
   "types": "./types/index.d.ts",
   "devDependencies": {
-    "@babel/core": "^7.19.3",
+    "@babel/core": "^7.20.5",
     "@babel/eslint-parser": "^7.19.1",
-    "@babel/preset-env": "^7.19.3",
-    "@types/jest": "^29.1.2",
+    "@babel/preset-env": "^7.20.2",
+    "@types/jest": "^29.2.3",
     "babel-core": "^6.26.3",
-    "babel-jest": "^29.1.2",
-    "eslint": "^8.25.0",
+    "babel-jest": "^29.3.1",
+    "eslint": "^8.28.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-rem": "^4.0.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.1",
-    "fs-extra": "^10.1.0",
-    "jest": "^29.1.2",
+    "eslint-plugin-promise": "^6.1.1",
+    "fs-extra": "^11.0.0",
+    "jest": "^29.3.1",
     "jest-environment-node-single-context": "^29.0.0",
-    "prettier": "^2.7.1",
-    "rollup": "^2.79.1"
+    "prettier": "^2.8.0",
+    "rollup": "^3.5.0"
   },
   "dependencies": {
-    "postcss": "^8.4.17",
-    "postcss-modules": "^4.0.0",
+    "postcss": "^8.4.19",
+    "postcss-modules": "^6.0.0",
     "rollup-pluginutils": "^2.8.2",
-    "sass": "^1.55.0"
+    "sass": "^1.56.1"
   }
 }