rollup-plugin-lib-style 2.0.1 → 2.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Daniel Amenou
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -112,6 +112,16 @@ Type: Array<string | RegExp> | string | RegExp<br />
 Default: null<br />
 Description: exclude files from load by the loader
 
+### customPath
+Type: string<br />
+Default: "."<br />
+Description: Change custom path for starting of reference to CSS file, useful for nested component structure
+
+### customCSSPath
+Type: (id: string) => string<br />
+Default: undefined<br />
+Description: A callback that allows you to transform where to store import the generated CSS file from. For example, `Header.module.scss` transformed to `Header.module.css`, but NextJS treat `.module.scss` as CSS module, so you cannot import it directly. Then you can use `return id.replace(process.cwd(), "").replace(/\\/g, "/").replace('.module', '')` to fix it. This will affect both CSS filename and the `import` statement.
+
 
 ## Global Styles
 In some cases, we will want to create global class names (without hash)

package/lib/index.es.js

@@ -109,10 +109,10 @@ const defaultLoaders = [
   },
 ];
 
-const replaceMagicPath = (fileContent) => fileContent.replace(MAGIC_PATH_REGEX, ".");
+const replaceMagicPath = (fileContent, customPath = ".") => fileContent.replace(MAGIC_PATH_REGEX, customPath);
 
 const libStylePlugin = (options = {}) => {
-  const {loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
+  const {customPath, customCSSPath, 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));
@@ -137,7 +137,11 @@ const libStylePlugin = (options = {}) => {
 
       for (const dependency of postCssResult.dependencies) this.addWatchFile(dependency);
 
-      const cssFilePath = id.replace(process.cwd(), "").replace(/\\/g, "/");
+      const getFilePath = () => {
+        return id.replace(process.cwd(), "").replace(/\\/g, "/")
+      };
+
+      const cssFilePath = customCSSPath ? customCSSPath(id) : getFilePath();
 
       // create a new css file with the generated hash class names
       this.emitFile({
@@ -172,7 +176,7 @@ const libStylePlugin = (options = {}) => {
           fs
             .readFile(currentPath)
             .then((buffer) => buffer.toString())
-            .then(replaceMagicPath)
+            .then((fileContent) => replaceMagicPath(fileContent, customPath))
             .then((fileContent) => fs.writeFile(currentPath, fileContent))
         )
       );

package/lib/index.js

@@ -111,10 +111,10 @@ const defaultLoaders = [
   },
 ];
 
-const replaceMagicPath = (fileContent) => fileContent.replace(MAGIC_PATH_REGEX, ".");
+const replaceMagicPath = (fileContent, customPath = ".") => fileContent.replace(MAGIC_PATH_REGEX, customPath);
 
 const libStylePlugin = (options = {}) => {
-  const {loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
+  const {customPath, customCSSPath, 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));
@@ -139,7 +139,11 @@ const libStylePlugin = (options = {}) => {
 
       for (const dependency of postCssResult.dependencies) this.addWatchFile(dependency);
 
-      const cssFilePath = id.replace(process.cwd(), "").replace(/\\/g, "/");
+      const getFilePath = () => {
+        return id.replace(process.cwd(), "").replace(/\\/g, "/")
+      };
+
+      const cssFilePath = customCSSPath ? customCSSPath(id) : getFilePath();
 
       // create a new css file with the generated hash class names
       this.emitFile({
@@ -174,7 +178,7 @@ const libStylePlugin = (options = {}) => {
           fs
             .readFile(currentPath)
             .then((buffer) => buffer.toString())
-            .then(replaceMagicPath)
+            .then((fileContent) => replaceMagicPath(fileContent, customPath))
             .then((fileContent) => fs.writeFile(currentPath, fileContent))
         )
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rollup-plugin-lib-style",
-  "version": "2.0.1",
+  "version": "2.2.0",
   "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",

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import {PluginImpl, RollupWarning} from "rollup"
+import { PluginImpl, RollupWarning } from "rollup"
 
 declare interface ProcessArgs {
   code: string
@@ -19,10 +19,12 @@ declare interface Options {
   postCssPlugins?: object[]
   classNamePrefix?: string
   scopedName?: string
+  customPath?: string
+  customCSSPath?: (id: string) => string
 }
 
 declare const onwarn: (warning: RollupWarning, defaultHandler: (warning: string | RollupWarning) => void) => void
 
 declare const libStylePlugin: PluginImpl<Options>
 
-export {onwarn, libStylePlugin}
+export { onwarn, libStylePlugin }