rollup-plugin-react-scoped-css 1.0.0-alpha.15 → 1.0.0-alpha.17

package/dist/index.js

@@ -8,6 +8,7 @@ const pluginutils_1 = require("@rollup/pluginutils");
 const escodegen_1 = require("escodegen");
 const ast_program_1 = require("./ast-program");
 const scope_css_1 = require("./css/scope-css");
+const getImportDeclarationsValue_1 = require("./utils/getImportDeclarationsValue");
 const getFilenameFromPath = (filePath) => {
     const parts = filePath.split("/");
     return parts[parts.length - 1].split("?")[0];
@@ -41,9 +42,6 @@ function reactScopedCssPlugin(optionsIn = {}) {
     const scopedCssRegex = new RegExp(!scopeStyleByDefault
         ? `([^\.]+\.${scopedStyleSuffix}\.(${styleFileExtensions.join("|")}))$`
         : `([^\.]+\.(${styleFileExtensions.join("|")}))$`);
-    const scopedCssInFileRegex = new RegExp(!scopeStyleByDefault
-        ? `([^\.]+\.${scopedStyleSuffix}\.(${styleFileExtensions.join("|")}))(\"|\')`
-        : `([^\.]+\.(${styleFileExtensions.join("|")}))(\"|\')`);
     const globalCssRegex = new RegExp(`\.${globalStyleSuffix}\.(${styleFileExtensions.join("|")})$`);
     const jsxRegex = new RegExp(`\.(${jsxFileExtensions.join("|")})$`);
     return [
@@ -67,32 +65,41 @@ function reactScopedCssPlugin(optionsIn = {}) {
         {
             name: "rollup-plugin-react-scoped-css:post",
             transform(code, id) {
-                if (!filter(id)) {
+                if (!filter(id) || id.includes("node_modules")) {
                     return;
                 }
-                const matches = code.match(scopedCssInFileRegex);
-                const shouldScope = matches?.some((match) => {
-                    return !(scopeStyleByDefault && globalCssRegex.test(match));
-                });
-                if (shouldScope) {
-                    const importerHash = generateHash(id);
-                    const program = this.parse(code);
-                    const scopedAttr = hashPrefix
-                        ? `data-${hashPrefix}-${importerHash}`
-                        : `data-${importerHash}`;
-                    const newAst = (0, ast_program_1.addHashAttributesToJsxTagsAst)(program, scopedAttr);
-                    const newCode = (0, escodegen_1.generate)(newAst);
-                    return newCode;
+                if (jsxRegex.test(id)) {
+                    const rootNode = this.parse(code);
+                    const imports = (0, getImportDeclarationsValue_1.getImportDeclarationsValue)(rootNode);
+                    const shouldScope = !!imports?.some((match) => {
+                        if (scopeStyleByDefault) {
+                            return scopedCssRegex.test(match) && !globalCssRegex.test(match);
+                        }
+                        else {
+                            return scopedCssRegex.test(match);
+                        }
+                    });
+                    if (shouldScope) {
+                        const importerHash = generateHash(id);
+                        const scopedAttr = hashPrefix
+                            ? `data-${hashPrefix}-${importerHash}`
+                            : `data-${importerHash}`;
+                        const newAst = (0, ast_program_1.addHashAttributesToJsxTagsAst)(rootNode, scopedAttr);
+                        const newCode = (0, escodegen_1.generate)(newAst);
+                        return newCode;
+                    }
                 }
-                if (scopedCssRegex.test(getFilenameFromPath(id))) {
-                    if (scopeStyleByDefault && globalCssRegex.test(id)) {
-                        return;
+                else {
+                    if (scopedCssRegex.test(getFilenameFromPath(id))) {
+                        if (scopeStyleByDefault && globalCssRegex.test(id)) {
+                            return;
+                        }
+                        const importerHash = getHashFromPath(id);
+                        const scopedAttr = options.hashPrefix
+                            ? `data-${options.hashPrefix}-${importerHash}`
+                            : `data-${importerHash}`;
+                        return (0, scope_css_1.scopeCss)(code, getFilenameFromPath(id), scopedAttr);
                     }
-                    const importerHash = getHashFromPath(id);
-                    const scopedAttr = options.hashPrefix
-                        ? `data-${options.hashPrefix}-${importerHash}`
-                        : `data-${importerHash}`;
-                    return (0, scope_css_1.scopeCss)(code, getFilenameFromPath(id), scopedAttr);
                 }
             },
         },

package/dist/utils/getImportDeclarationsValue.d.ts

@@ -0,0 +1,2 @@
+import { AstNode } from "rollup";
+export declare const getImportDeclarationsValue: (root: AstNode) => any[];

package/dist/utils/getImportDeclarationsValue.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getImportDeclarationsValue = void 0;
+const ast_iterator_1 = require("../ast-iterator");
+const ast_utils_1 = require("../ast.utils");
+const getImportDeclarationsValue = (root) => {
+    const urls = [];
+    for (const node of (0, ast_iterator_1.astIterator)(root)) {
+        if (!(0, ast_utils_1.isNodeImportOrRequire)(node)) {
+            continue;
+        }
+        const src = (0, ast_utils_1.getSrcFromImportOrRequire)(node);
+        urls.push(src);
+    }
+    return urls;
+};
+exports.getImportDeclarationsValue = getImportDeclarationsValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rollup-plugin-react-scoped-css",
-  "version": "1.0.0-alpha.15",
+  "version": "1.0.0-alpha.17",
   "description": "A rollup plugin designed to allow scoped css to be run in react (Compatible with vite and rollup)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -63,7 +63,7 @@
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.32.0",
-    "jest": "29.3.1",
+    "jest": "^29.7.0",
     "semantic-release": "22.0.7",
     "typescript": "4.9.4"
   }