rollup-plugin-lib-style 1.2.4 → 1.2.6

package/lib/index.es.js

@@ -52,13 +52,13 @@ const postCssLoader = async ({code, fiePath, options}) => {
   const dependencies = [];
   for (const message of result.messages) {
     if (message.type === "dependency") {
-      dependencies.add(message.file);
+      dependencies.push(message.file);
     }
   }
 
   // print postcss warnings
   for (const warning of result.warnings()) {
-    console.warn(warning.message || warning.text);
+    console.warn(`WARNING: ${warning.plugin}:`, warning.text);
   }
 
   return {
@@ -71,101 +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
-
-      // 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);
+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 dependency of postCssResult.dependencies) this.addWatchFile(dependency);
+
+      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

@@ -54,13 +54,13 @@ const postCssLoader = async ({code, fiePath, options}) => {
   const dependencies = [];
   for (const message of result.messages) {
     if (message.type === "dependency") {
-      dependencies.add(message.file);
+      dependencies.push(message.file);
     }
   }
 
   // print postcss warnings
   for (const warning of result.warnings()) {
-    console.warn(warning.message || warning.text);
+    console.warn(`WARNING: ${warning.plugin}:`, warning.text);
   }
 
   return {
@@ -73,101 +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.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);
+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 dependency of postCssResult.dependencies) this.addWatchFile(dependency);
+
+      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,68 +1,69 @@
-{
-  "name": "rollup-plugin-lib-style",
-  "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",
-  "files": [
-    "lib",
-    "types/index.d.ts"
-  ],
-  "scripts": {
-    "build": "rollup --input src/index.js --file lib/index.es.js --format es && rollup --input src/index.js --file lib/index.js --format cjs",
-    "prepublishOnly": "npm run build && npm run test",
-    "postpublish": "git push && git push --tags",
-    "publish:beta": "npm version prerelease --preid=beta -m \"beta version - %s\" && npm publish --tag beta",
-    "publish:patch": "npm version patch -m \"patch version - %s\" && npm publish",
-    "publish:minor": "npm version minor -m \"minor version - %s\" && npm publish",
-    "publish:major": "npm version major -m \"major version - %s\" && npm publish",
-    "lint:fix": "eslint **/*.{js,jsx} --fix",
-    "lint": "eslint **/*.{js,jsx}",
-    "test": "jest",
-    "test:cov": "jest --coverage"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/danielamenou/rollup-plugin-lib-style"
-  },
-  "keywords": [
-    "library",
-    "rollup",
-    "plugin",
-    "style",
-    "sass",
-    "scss",
-    "css"
-  ],
-  "author": "Daniel Amenou <amenou.daniel@gmail.com>",
-  "license": "MIT",
-  "engines": {
-    "node": ">=16"
-  },
-  "types": "./types/index.d.ts",
-  "devDependencies": {
-    "@babel/core": "^7.20.5",
-    "@babel/eslint-parser": "^7.19.1",
-    "@babel/preset-env": "^7.20.2",
-    "@types/jest": "^29.2.3",
-    "babel-core": "^6.26.3",
-    "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.1.1",
-    "fs-extra": "^11.0.0",
-    "jest": "^29.3.1",
-    "jest-environment-node-single-context": "^29.0.0",
-    "prettier": "^2.8.0",
-    "rollup": "^3.5.0"
-  },
-  "dependencies": {
-    "postcss": "^8.4.19",
-    "postcss-modules": "^6.0.0",
-    "rollup-pluginutils": "^2.8.2",
-    "sass": "^1.56.1"
-  }
-}
+{
+  "name": "rollup-plugin-lib-style",
+  "version": "1.2.6",
+  "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",
+  "files": [
+    "lib",
+    "types/index.d.ts"
+  ],
+  "scripts": {
+    "build": "rollup --input src/index.js --file lib/index.es.js --format es && rollup --input src/index.js --file lib/index.js --format cjs",
+    "prepublishOnly": "npm run build && npm run test",
+    "prepack": "npm run build",
+    "postpublish": "git push && git push --tags",
+    "publish:beta": "npm version prerelease --preid=beta -m \"beta version - %s\" && npm publish --tag beta",
+    "publish:patch": "npm version patch -m \"patch version - %s\" && npm publish",
+    "publish:minor": "npm version minor -m \"minor version - %s\" && npm publish",
+    "publish:major": "npm version major -m \"major version - %s\" && npm publish",
+    "lint:fix": "eslint **/*.{js,jsx} --fix",
+    "lint": "eslint **/*.{js,jsx}",
+    "test": "jest",
+    "test:cov": "jest --coverage"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/danielamenou/rollup-plugin-lib-style"
+  },
+  "keywords": [
+    "library",
+    "rollup",
+    "plugin",
+    "style",
+    "sass",
+    "scss",
+    "css"
+  ],
+  "author": "Daniel Amenou <amenou.daniel@gmail.com>",
+  "license": "MIT",
+  "engines": {
+    "node": ">=16"
+  },
+  "types": "./types/index.d.ts",
+  "devDependencies": {
+    "@babel/core": "^7.20.5",
+    "@babel/eslint-parser": "^7.19.1",
+    "@babel/preset-env": "^7.20.2",
+    "@types/jest": "^29.2.3",
+    "babel-core": "^6.26.3",
+    "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.1.1",
+    "fs-extra": "^11.0.0",
+    "jest": "^29.3.1",
+    "jest-environment-node-single-context": "^29.0.0",
+    "prettier": "^2.8.0",
+    "rollup": "^3.5.0"
+  },
+  "dependencies": {
+    "postcss": "^8.4.17",
+    "postcss-modules": "^4.0.0",
+    "rollup-pluginutils": "^2.8.2",
+    "sass": "^1.55.0"
+  }
+}