rollup-plugin-lib-style 2.0.0 → 2.1.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,11 @@ 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
+
 
 ## Global Styles
 In some cases, we will want to create global class names (without hash)

package/lib/index.es.js

@@ -50,8 +50,7 @@ const postCssLoader = async ({code, fiePath, options}) => {
   const postCssPluginsWithCssModules = [
     postcssModules({
       generateScopedName: (name, filename, css) => {
-        const newClassName = classNamePrefix + ((isInNodeModules || isGlobalStyle) ? name : replaceFormat(scopedName, name, css));
-        return newClassName
+        return isInNodeModules || isGlobalStyle ? name : classNamePrefix + replaceFormat(scopedName, name, css)
       },
       getJSON: (cssFileName, json) => (modulesExported[cssFileName] = json),
     }),
@@ -110,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, 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));
@@ -173,7 +172,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

@@ -52,8 +52,7 @@ const postCssLoader = async ({code, fiePath, options}) => {
   const postCssPluginsWithCssModules = [
     postcssModules({
       generateScopedName: (name, filename, css) => {
-        const newClassName = classNamePrefix + ((isInNodeModules || isGlobalStyle) ? name : replaceFormat(scopedName, name, css));
-        return newClassName
+        return isInNodeModules || isGlobalStyle ? name : classNamePrefix + replaceFormat(scopedName, name, css)
       },
       getJSON: (cssFileName, json) => (modulesExported[cssFileName] = json),
     }),
@@ -112,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, 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));
@@ -175,7 +174,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.0",
+  "version": "2.1.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

@@ -19,6 +19,7 @@ declare interface Options {
   postCssPlugins?: object[]
   classNamePrefix?: string
   scopedName?: string
+  customPath?: string
 }
 
 declare const onwarn: (warning: RollupWarning, defaultHandler: (warning: string | RollupWarning) => void) => void