rollup-plugin-react-scoped-css 0.6.1 → 0.8.0

package/README.md

@@ -68,12 +68,12 @@ in vite:
 ```js
 // vite.config.js
 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
-import reactScopedCssPlugin from 'rollup-plugin-react-scoped-css'
+import react from '@vitejs/plugin-react'
+import { reactScopedCssPlugin } from 'rollup-plugin-react-scoped-css'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [reactRefresh(), reactScopedCssPlugin()]
+  plugins: [react(), reactScopedCssPlugin()]
 })
 ```
 

package/babel.config.cjs

@@ -0,0 +1,7 @@
+// eslint-disable-next-line no-undef
+module.exports = {
+  presets: [
+    ["@babel/preset-env", { targets: { node: "current" } }],
+    "@babel/preset-typescript",
+  ],
+};

package/dist/ast-iterator.js

@@ -1,114 +1,29 @@
-"use strict";
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
+const isNode = (key, value) => {
+    if (key === "loc")
+        return false;
+    return (typeof value === "object" &&
+        typeof value?.end === "number" &&
+        typeof value?.start === "number" &&
+        typeof value?.type === "string");
 };
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
+export const astIterator = function* (ast) {
+    if (!ast) {
+        return;
+    }
+    for (const key of Object.keys(ast)) {
+        // Skip useless keys
+        if (["end", "start", "type"].includes(key)) {
+            continue;
         }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.astIterator = void 0;
-var isNode = function (obj) {
-    var _a, _b, _c;
-    return (typeof obj === "object" &&
-        typeof ((_a = obj) === null || _a === void 0 ? void 0 : _a.end) === "number" &&
-        typeof ((_b = obj) === null || _b === void 0 ? void 0 : _b.start) === "number" &&
-        typeof ((_c = obj) === null || _c === void 0 ? void 0 : _c.type) === "string");
-};
-var astIterator = function (ast) {
-    var _a, _b, key, _c, _d, _i, nodeIndex, e_1_1;
-    var e_1, _e;
-    return __generator(this, function (_f) {
-        switch (_f.label) {
-            case 0:
-                if (!ast) {
-                    return [2 /*return*/];
-                }
-                _f.label = 1;
-            case 1:
-                _f.trys.push([1, 11, 12, 13]);
-                _a = __values(Object.keys(ast)), _b = _a.next();
-                _f.label = 2;
-            case 2:
-                if (!!_b.done) return [3 /*break*/, 10];
-                key = _b.value;
-                // Skip useless keys
-                if (["end", "start", "type"].includes(key)) {
-                    return [3 /*break*/, 9];
-                }
-                if (!Array.isArray(ast[key])) return [3 /*break*/, 7];
-                _c = [];
-                for (_d in ast[key])
-                    _c.push(_d);
-                _i = 0;
-                _f.label = 3;
-            case 3:
-                if (!(_i < _c.length)) return [3 /*break*/, 6];
-                nodeIndex = _c[_i];
-                return [5 /*yield**/, __values((0, exports.astIterator)(ast[key][nodeIndex]))];
-            case 4:
-                _f.sent();
-                _f.label = 5;
-            case 5:
-                _i++;
-                return [3 /*break*/, 3];
-            case 6: return [3 /*break*/, 9];
-            case 7:
-                if (!isNode(ast[key])) return [3 /*break*/, 9];
-                return [5 /*yield**/, __values((0, exports.astIterator)(ast[key]))];
-            case 8:
-                _f.sent();
-                _f.label = 9;
-            case 9:
-                _b = _a.next();
-                return [3 /*break*/, 2];
-            case 10: return [3 /*break*/, 13];
-            case 11:
-                e_1_1 = _f.sent();
-                e_1 = { error: e_1_1 };
-                return [3 /*break*/, 13];
-            case 12:
-                try {
-                    if (_b && !_b.done && (_e = _a.return)) _e.call(_a);
-                }
-                finally { if (e_1) throw e_1.error; }
-                return [7 /*endfinally*/];
-            case 13: return [4 /*yield*/, ast];
-            case 14:
-                _f.sent();
-                return [2 /*return*/];
+        // If key value is an array, iterate over it
+        if (Array.isArray(ast[key])) {
+            for (const nodeIndex in ast[key]) {
+                yield* astIterator(ast[key][nodeIndex]);
+            }
         }
-    });
+        else if (isNode(key, ast[key])) {
+            yield* astIterator(ast[key]);
+        }
+    }
+    yield ast;
 };
-exports.astIterator = astIterator;

package/dist/ast-program.js

@@ -1,63 +1,37 @@
-"use strict";
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addHashAttributesToJsxTagsAst = void 0;
-var ast_iterator_1 = require("./ast-iterator");
-var ast_transformer_1 = require("./ast-transformer");
-var ast_utils_1 = require("./ast.utils");
-var classic_parser_1 = require("./parsers/classic-parser");
-var jsx_parser_model_1 = require("./parsers/jsx-parser.model");
-var new_parser_1 = require("./parsers/new-parser");
+import { astIterator } from "./ast-iterator";
+import { astTransformer } from "./ast-transformer";
+import { getSrcFromImportOrRequire, isNodeImportOrRequire } from "./ast.utils";
+import { LegacyJsxParser } from "./parsers/legacy-jsx-parser";
+import { ModernJsxParser } from "./parsers/modern-jsx-parser";
+import { ParserImplementations } from "./parsers/jsx-parser.model";
 global.implementation = null;
-var classicParser = new classic_parser_1.ClassicJsxParser();
-var newParser = new new_parser_1.NewJsxParser();
-var parser = classicParser;
-var findImplementation = function (program) {
-    var e_1, _a;
-    var implementation = jsx_parser_model_1.ParserImplementations.classic;
-    try {
-        for (var _b = __values((0, ast_iterator_1.astIterator)(program)), _c = _b.next(); !_c.done; _c = _b.next()) {
-            var node = _c.value;
-            if (!(0, ast_utils_1.isNodeImportOrRequire)(node)) {
-                continue;
-            }
-            var src = (0, ast_utils_1.getSrcFromImportOrRequire)(node);
-            if (["react/jsx-dev-runtime", "react/jsx-runtime"].includes(src)) {
-                return jsx_parser_model_1.ParserImplementations.new;
-            }
+const legacyJsxParser = new LegacyJsxParser();
+const modernJsxParser = new ModernJsxParser();
+let parser = legacyJsxParser;
+const findImplementation = (program) => {
+    const implementation = ParserImplementations.legacy;
+    for (const node of astIterator(program)) {
+        if (!isNodeImportOrRequire(node)) {
+            continue;
         }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        const src = getSrcFromImportOrRequire(node);
+        if (["react/jsx-dev-runtime", "react/jsx-runtime"].includes(src)) {
+            return ParserImplementations.modern;
         }
-        finally { if (e_1) throw e_1.error; }
     }
     return implementation;
 };
-function addHashAttributesToJsxTagsAst(program, attr) {
+export function addHashAttributesToJsxTagsAst(program, attr) {
     // Once in the program, we can determine which parser to use
     if (global.implementation === null) {
         global.implementation = findImplementation(program);
-        if (global.implementation === jsx_parser_model_1.ParserImplementations.new) {
-            parser = newParser;
+        if (global.implementation === ParserImplementations.modern) {
+            parser = modernJsxParser;
         }
     }
-    return (0, ast_transformer_1.astTransformer)(program, function (node) {
+    return astTransformer(program, (node) => {
         if (parser.isNodeReactElement(node) && !parser.isNodeReactFragment(node)) {
             return parser.extendNodeWithAttributes(node, attr);
         }
     });
 }
-exports.addHashAttributesToJsxTagsAst = addHashAttributesToJsxTagsAst;

package/dist/ast-transformer.js

@@ -1,50 +1,23 @@
-"use strict";
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.astTransformer = void 0;
-var isNode = function (obj) {
-    var _a, _b, _c;
+const isNode = (obj) => {
     return (typeof obj === "object" &&
-        typeof ((_a = obj) === null || _a === void 0 ? void 0 : _a.end) === "number" &&
-        typeof ((_b = obj) === null || _b === void 0 ? void 0 : _b.start) === "number" &&
-        typeof ((_c = obj) === null || _c === void 0 ? void 0 : _c.type) === "string");
+        typeof obj?.end === "number" &&
+        typeof obj?.start === "number" &&
+        typeof obj?.type === "string");
 };
-var astTransformer = function (ast, callback) {
-    var e_1, _a;
-    try {
-        for (var _b = __values(Object.keys(ast)), _c = _b.next(); !_c.done; _c = _b.next()) {
-            var key = _c.value;
-            if (["end", "start", "type"].includes(key)) {
-                continue;
-            }
-            if (Array.isArray(ast[key])) {
-                for (var nodeIndex in ast[key]) {
-                    ast[key][nodeIndex] = (0, exports.astTransformer)(ast[key][nodeIndex], callback);
-                }
-            }
-            else if (isNode(ast[key])) {
-                ast[key] = (0, exports.astTransformer)(ast[key], callback);
+export const astTransformer = (ast, callback) => {
+    for (const key of Object.keys(ast)) {
+        if (["end", "start", "type"].includes(key)) {
+            continue;
+        }
+        if (Array.isArray(ast[key])) {
+            for (const nodeIndex in ast[key]) {
+                ast[key][nodeIndex] = astTransformer(ast[key][nodeIndex], callback);
             }
         }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        else if (isNode(ast[key])) {
+            ast[key] = astTransformer(ast[key], callback);
         }
-        finally { if (e_1) throw e_1.error; }
     }
-    var result = callback(ast);
+    const result = callback(ast);
     return typeof result !== "undefined" ? result : ast;
 };
-exports.astTransformer = astTransformer;

package/dist/ast.utils.js

@@ -1,43 +1,4 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSrcFromImportOrRequire = exports.isNodeImportOrRequire = exports.isNodeRequireCallExpression = exports.isNodeImportDeclaration = exports.isNodeIdentifier = exports.isNodeExtender = exports.isNodeObjectExpression = exports.isNodeCallExpression = exports.hackIntoExtenderCallExpression = exports.extendObjectExpression = exports.createObjectExpressionWithAttr = exports.createObjectAssignCallExpressionWithIdentifier = void 0;
-var createObjectAssignCallExpressionWithIdentifier = function (identifier, objectExpression) {
+export const createObjectAssignCallExpressionWithIdentifier = (identifier, objectExpression) => {
     return {
         type: "CallExpression",
         callee: {
@@ -66,62 +27,57 @@ var createObjectAssignCallExpressionWithIdentifier = function (identifier, objec
         optional: false,
     };
 };
-exports.createObjectAssignCallExpressionWithIdentifier = createObjectAssignCallExpressionWithIdentifier;
-var createObjectExpressionWithAttr = function (attrNode) {
+export const createObjectExpressionWithAttr = (attrNode) => {
     return {
         type: "ObjectExpression",
         properties: [attrNode],
     };
 };
-exports.createObjectExpressionWithAttr = createObjectExpressionWithAttr;
-var extendObjectExpression = function (objectExpression, prop) {
-    return __assign(__assign({}, objectExpression), { properties: __spreadArray(__spreadArray([], __read(objectExpression.properties), false), [prop], false) });
+export const extendObjectExpression = (objectExpression, prop) => {
+    return {
+        ...objectExpression,
+        properties: [...objectExpression.properties, prop],
+    };
 };
-exports.extendObjectExpression = extendObjectExpression;
-var hackIntoExtenderCallExpression = function (callExpression, prop) {
-    return __assign(__assign({}, callExpression), { arguments: __spreadArray(__spreadArray([], __read(callExpression.arguments), false), [
-            (0, exports.createObjectExpressionWithAttr)(prop),
-        ], false) });
+export const hackIntoExtenderCallExpression = (callExpression, prop) => {
+    return {
+        ...callExpression,
+        arguments: [
+            ...callExpression.arguments,
+            createObjectExpressionWithAttr(prop),
+        ],
+    };
 };
-exports.hackIntoExtenderCallExpression = hackIntoExtenderCallExpression;
-var isNodeCallExpression = function (node) {
+export const isNodeCallExpression = (node) => {
     return node.type === "CallExpression";
 };
-exports.isNodeCallExpression = isNodeCallExpression;
-var isNodeObjectExpression = function (node) {
+export const isNodeObjectExpression = (node) => {
     return node.type === "ObjectExpression";
 };
-exports.isNodeObjectExpression = isNodeObjectExpression;
-var isNodeExtender = function (node) {
-    return ((0, exports.isNodeCallExpression)(node) &&
+export const isNodeExtender = (node) => {
+    return (isNodeCallExpression(node) &&
         (node.callee.name === "_objectSpread" || node.callee.name === "_extends"));
 };
-exports.isNodeExtender = isNodeExtender;
-var isNodeIdentifier = function (node) {
+export const isNodeIdentifier = (node) => {
     return node.type === "Identifier";
 };
-exports.isNodeIdentifier = isNodeIdentifier;
-var isNodeImportDeclaration = function (node) {
+export const isNodeImportDeclaration = (node) => {
     return node.type === "ImportDeclaration";
 };
-exports.isNodeImportDeclaration = isNodeImportDeclaration;
-var isNodeRequireCallExpression = function (node) {
-    return ((0, exports.isNodeCallExpression)(node) &&
+export const isNodeRequireCallExpression = (node) => {
+    return (isNodeCallExpression(node) &&
         node.callee.name === "require" &&
         node.arguments.length === 1);
 };
-exports.isNodeRequireCallExpression = isNodeRequireCallExpression;
-var isNodeImportOrRequire = function (node) {
-    return (0, exports.isNodeImportDeclaration)(node) || (0, exports.isNodeRequireCallExpression)(node);
+export const isNodeImportOrRequire = (node) => {
+    return isNodeImportDeclaration(node) || isNodeRequireCallExpression(node);
 };
-exports.isNodeImportOrRequire = isNodeImportOrRequire;
-var getSrcFromImportOrRequire = function (node) {
-    if ((0, exports.isNodeImportDeclaration)(node)) {
+export const getSrcFromImportOrRequire = (node) => {
+    if (isNodeImportDeclaration(node)) {
         return node.source.value;
     }
-    if ((0, exports.isNodeRequireCallExpression)(node)) {
+    if (isNodeRequireCallExpression(node)) {
         return node.arguments[0].value;
     }
     return null;
 };
-exports.getSrcFromImportOrRequire = getSrcFromImportOrRequire;

package/dist/index.d.ts

@@ -36,4 +36,4 @@ export interface ReactScopedCssPluginOptions {
 export interface VitePartialPlugin extends Plugin {
     enforce?: "pre" | "post";
 }
-export default function reactScopedCssPlugin(optionsIn?: ReactScopedCssPluginOptions): VitePartialPlugin[];
+export declare function reactScopedCssPlugin(optionsIn?: ReactScopedCssPluginOptions): VitePartialPlugin[];

package/dist/index.js

@@ -1,93 +1,65 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable no-useless-escape */
-var path = __importStar(require("path"));
-var js_xxhash_1 = require("js-xxhash");
-var pluginutils_1 = require("@rollup/pluginutils");
-var component_compiler_utils_1 = require("@vue/component-compiler-utils");
-var escodegen_1 = require("escodegen");
-var ast_program_1 = require("./ast-program");
-var getFilenameFromPath = function (filePath) {
-    var parts = filePath.split("/");
+import { resolve, dirname } from "path";
+import { xxHash32 } from "js-xxhash";
+import { createFilter } from "@rollup/pluginutils";
+import { compileStyle } from "@vue/component-compiler-utils";
+import { generate } from "escodegen";
+import { addHashAttributesToJsxTagsAst } from "./ast-program";
+const getFilenameFromPath = (filePath) => {
+    const parts = filePath.split("/");
     return parts[parts.length - 1].split("?")[0];
 };
-var getHashFromPath = function (filePath) {
-    var search = "?scope=";
-    var hash = filePath.slice(filePath.indexOf(search) + search.length);
+const getHashFromPath = (filePath) => {
+    const search = "?scope=";
+    const hash = filePath.slice(filePath.indexOf(search) + search.length);
     return hash;
 };
-var generateHash = function (input, seed) {
-    if (seed === void 0) { seed = 0; }
-    var hashNum = (0, js_xxhash_1.xxHash32)(Buffer.from(input, "utf8"), seed);
+const generateHash = (input, seed = 0) => {
+    const hashNum = xxHash32(Buffer.from(input, "utf8"), seed);
     return hashNum.toString(16);
 };
-var addAttributesToCss = function (src, fileName, hash) {
-    var code = (0, component_compiler_utils_1.compileStyle)({
+const addAttributesToCss = (src, fileName, hash) => {
+    const { code } = compileStyle({
         source: src,
         filename: fileName,
         id: hash,
         scoped: true,
         trim: true,
-    }).code;
+    });
     return code;
 };
-function reactScopedCssPlugin(optionsIn) {
-    if (optionsIn === void 0) { optionsIn = {}; }
-    var options = __assign({ hashPrefix: "v", styleFileSuffix: "scoped", styleFileExtensions: ["scss", "css", "sass", "less"], jsxFileExtensions: ["jsx", "tsx"] }, optionsIn);
+export function reactScopedCssPlugin(optionsIn = {}) {
+    const options = {
+        hashPrefix: "v",
+        styleFileSuffix: "scoped",
+        styleFileExtensions: ["scss", "css", "sass", "less"],
+        jsxFileExtensions: ["jsx", "tsx"],
+        ...optionsIn,
+    };
     if (!options.styleFileExtensions || !options.styleFileExtensions.length) {
         throw new Error("You need to provide at least one style file extension");
     }
     if (!options.jsxFileExtensions || !options.jsxFileExtensions.length) {
         throw new Error("You need to provide at least one jsx file extension");
     }
-    var filter = (0, pluginutils_1.createFilter)(options.include, options.exclude);
-    var scopedCssRegex = options.styleFileSuffix
-        ? new RegExp(".".concat(options.styleFileSuffix, ".(").concat(options.styleFileExtensions.join("|"), ")$"))
-        : new RegExp(".(".concat(options.styleFileExtensions.join("|"), ")$"));
-    var scopedCssInFileRegex = options.styleFileSuffix
-        ? new RegExp(".".concat(options.styleFileSuffix, ".(").concat(options.styleFileExtensions.join("|"), ")(\"|')"))
-        : new RegExp(".(".concat(options.styleFileExtensions.join("|"), ")(\"|')"));
-    var jsxRegex = new RegExp(".(".concat(options.jsxFileExtensions.join("|"), ")$"));
+    const filter = createFilter(options.include, options.exclude);
+    const scopedCssRegex = options.styleFileSuffix
+        ? new RegExp(`\.${options.styleFileSuffix}\.(${options.styleFileExtensions.join("|")})$`)
+        : new RegExp(`\.(${options.styleFileExtensions.join("|")})$`);
+    const scopedCssInFileRegex = options.styleFileSuffix
+        ? new RegExp(`\.${options.styleFileSuffix}\.(${options.styleFileExtensions.join("|")})(\"|\')`)
+        : new RegExp(`\.(${options.styleFileExtensions.join("|")})(\"|\')`);
+    const jsxRegex = new RegExp(`\.(${options.jsxFileExtensions.join("|")})$`);
     return [
         {
             name: "rollup-plugin-react-scoped-css:pre",
-            resolveId: function (source, importer) {
+            resolveId(source, importer) {
                 if (!importer) {
                     return;
                 }
                 if (scopedCssRegex.test(source) && jsxRegex.test(importer)) {
-                    var importerHash = generateHash(importer);
-                    var url = path.resolve(path.dirname(importer), "".concat(source, "?scope=").concat(importerHash));
+                    const importerHash = generateHash(importer);
+                    const url = resolve(dirname(importer), `${source}?scope=${importerHash}`);
                     return url;
                 }
             },
@@ -95,22 +67,21 @@ function reactScopedCssPlugin(optionsIn) {
         },
         {
             name: "rollup-plugin-react-scoped-css:post",
-            transform: function (code, id) {
+            transform(code, id) {
                 if (!filter(id)) {
                     return;
                 }
                 if (scopedCssInFileRegex.test(code)) {
-                    var importerHash = generateHash(id);
-                    var program = this.parse(code);
-                    var newAst = (0, ast_program_1.addHashAttributesToJsxTagsAst)(program, "data-".concat(options.hashPrefix, "-").concat(importerHash));
-                    return (0, escodegen_1.generate)(newAst);
+                    const importerHash = generateHash(id);
+                    const program = this.parse(code);
+                    const newAst = addHashAttributesToJsxTagsAst(program, `data-${options.hashPrefix}-${importerHash}`);
+                    return generate(newAst);
                 }
                 if (scopedCssRegex.test(getFilenameFromPath(id))) {
-                    var importerHash = getHashFromPath(id);
-                    return addAttributesToCss(code, getFilenameFromPath(id), "data-".concat(options.hashPrefix, "-").concat(importerHash));
+                    const importerHash = getHashFromPath(id);
+                    return addAttributesToCss(code, getFilenameFromPath(id), `data-${options.hashPrefix}-${importerHash}`);
                 }
             },
         },
     ];
 }
-exports.default = reactScopedCssPlugin;

package/dist/parsers/jsx-parser.model.d.ts

@@ -4,6 +4,6 @@ export interface JsxParser {
     extendNodeWithAttributes: (node: any, attr: string) => any;
 }
 export declare enum ParserImplementations {
-    new = "new",
-    classic = "classic"
+    modern = "modern",
+    legacy = "legacy"
 }

package/dist/parsers/jsx-parser.model.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ParserImplementations = void 0;
-var ParserImplementations;
+export var ParserImplementations;
 (function (ParserImplementations) {
-    ParserImplementations["new"] = "new";
-    ParserImplementations["classic"] = "classic";
-})(ParserImplementations = exports.ParserImplementations || (exports.ParserImplementations = {}));
+    ParserImplementations["modern"] = "modern";
+    ParserImplementations["legacy"] = "legacy";
+})(ParserImplementations || (ParserImplementations = {}));

package/dist/parsers/{new-parser.d.ts → legacy-jsx-parser.d.ts}

@@ -1,5 +1,5 @@
 import { JsxParser } from "./jsx-parser.model";
-export declare class NewJsxParser implements JsxParser {
+export declare class LegacyJsxParser implements JsxParser {
     isNodeReactFragment(node: any): boolean;
     isNodeReactElement(node: any): boolean;
     extendNodeWithAttributes(node: any, attr: string): any;

package/dist/parsers/legacy-jsx-parser.js

@@ -0,0 +1,58 @@
+import { createObjectAssignCallExpressionWithIdentifier, createObjectExpressionWithAttr, extendObjectExpression, hackIntoExtenderCallExpression, isNodeExtender, isNodeIdentifier, isNodeObjectExpression, } from "../ast.utils";
+export class LegacyJsxParser {
+    isNodeReactFragment(node) {
+        return ((node?.callee?.object?.name === "React" ||
+            node?.callee?.object?.object?.name === "_react") &&
+            node?.arguments?.[0]?.property?.name === "Fragment");
+    }
+    isNodeReactElement(node) {
+        return (node?.type === "CallExpression" &&
+            (node?.callee?.object?.name === "React" ||
+                node?.callee?.object?.object?.name === "_react") &&
+            node?.callee?.property?.name === "createElement");
+    }
+    extendNodeWithAttributes(node, attr) {
+        return {
+            ...node,
+            arguments: node?.arguments.map((v, i) => {
+                // Second argument is attributes so ignore others
+                if (i !== 1) {
+                    return v;
+                }
+                const attrNode = this.createAttributeNode(attr);
+                // If it's an object expression, extend it
+                if (isNodeObjectExpression(v)) {
+                    return extendObjectExpression(v, attrNode);
+                }
+                // If it's an extender, hack into it
+                if (isNodeExtender(v)) {
+                    return hackIntoExtenderCallExpression(v, attrNode);
+                }
+                // If it's an identifier, do Object.assign to be safe
+                if (isNodeIdentifier(v)) {
+                    return createObjectAssignCallExpressionWithIdentifier(v, createObjectExpressionWithAttr(attrNode));
+                }
+                // Worst case override with
+                return createObjectExpressionWithAttr(attrNode);
+            }),
+        };
+    }
+    createAttributeNode(attr) {
+        return {
+            type: "Property",
+            method: false,
+            shorthand: false,
+            computed: false,
+            key: {
+                type: "Identifier",
+                name: `"${attr}"`,
+            },
+            value: {
+                type: "Literal",
+                value: true,
+                raw: "true",
+            },
+            kind: "init",
+        };
+    }
+}

package/dist/parsers/{classic-parser.d.ts → modern-jsx-parser.d.ts}

@@ -1,5 +1,6 @@
 import { JsxParser } from "./jsx-parser.model";
-export declare class ClassicJsxParser implements JsxParser {
+export declare class ModernJsxParser implements JsxParser {
+    private reactCalleeNames;
     isNodeReactFragment(node: any): boolean;
     isNodeReactElement(node: any): boolean;
     extendNodeWithAttributes(node: any, attr: string): any;

package/dist/parsers/modern-jsx-parser.js

@@ -0,0 +1,87 @@
+import { createObjectAssignCallExpressionWithIdentifier, createObjectExpressionWithAttr, extendObjectExpression, hackIntoExtenderCallExpression, isNodeExtender, isNodeIdentifier, isNodeObjectExpression, } from "../ast.utils";
+export class ModernJsxParser {
+    constructor() {
+        this.reactCalleeNames = [
+            "_jsxDEV",
+            "_jsx",
+            "_jsxs",
+            "jsxDev",
+            "jsx",
+            "jsxs",
+            "jsxDEV",
+        ];
+    }
+    isNodeReactFragment(node) {
+        // Always a call expression
+        if (node?.type !== "CallExpression") {
+            return false;
+        }
+        if (node.arguments?.[0]?.type === "Identifier" &&
+            ["_Fragment", "Fragment"].includes(node.arguments?.[0]?.name)) {
+            return true;
+        }
+        if (node.arguments?.[0]?.type === "MemberExpression" &&
+            ["_Fragment", "Fragment"].includes(node.arguments?.[0]?.property?.name)) {
+            return true;
+        }
+        return false;
+    }
+    isNodeReactElement(node) {
+        // Always a call expression
+        if (node?.type !== "CallExpression") {
+            return false;
+        }
+        if (this.reactCalleeNames.includes(node?.callee?.name)) {
+            return true;
+        }
+        if (node?.callee?.type === "SequenceExpression" &&
+            this.reactCalleeNames.includes(node?.callee?.expressions?.[1]?.property?.name)) {
+            return true;
+        }
+        return false;
+    }
+    extendNodeWithAttributes(node, attr) {
+        return {
+            ...node,
+            arguments: node?.arguments.map((v, i) => {
+                // Second argument is attributes so ignore others
+                if (i !== 1) {
+                    return v;
+                }
+                const attrNode = this.createAttributeNode(attr);
+                // If it's an object expression, extend it
+                if (isNodeObjectExpression(v)) {
+                    return extendObjectExpression(v, attrNode);
+                }
+                // If it's an extender, hack into it
+                if (isNodeExtender(v)) {
+                    return hackIntoExtenderCallExpression(v, attrNode);
+                }
+                // If it's an identifier, do Object.assign to be safe
+                if (isNodeIdentifier(v)) {
+                    return createObjectAssignCallExpressionWithIdentifier(v, createObjectExpressionWithAttr(attrNode));
+                }
+                // Worst case override with
+                return createObjectExpressionWithAttr(attrNode);
+            }),
+        };
+    }
+    createAttributeNode(attr) {
+        return {
+            type: "Property",
+            method: false,
+            shorthand: false,
+            computed: false,
+            key: {
+                type: "Identifier",
+                name: `"${attr}"`,
+            },
+            value: {
+                type: "Literal",
+                value: true,
+                raw: "true",
+            },
+            kind: "init",
+        };
+    }
+}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "rollup-plugin-react-scoped-css",
-  "version": "0.6.1",
+  "version": "0.8.0",
   "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",
+  "type": "module",
   "scripts": {
     "build": "tsc",
     "build:watch": "tsc --watch",
@@ -33,35 +34,36 @@
   },
   "homepage": "https://github.com/cmseguin/rollup-plugin-react-scoped-css#readme",
   "dependencies": {
-    "@rollup/pluginutils": "^4.1.1",
-    "@vue/component-compiler-utils": "^3.2.2",
-    "escodegen": "^2.0.0",
-    "js-xxhash": "^1.0.4",
-    "rollup": "^2.56.2"
+    "@rollup/pluginutils": "5.0.2",
+    "@vue/component-compiler-utils": "3.2.2",
+    "escodegen": "2.0.0",
+    "js-xxhash": "2.0.0",
+    "rollup": "3.10.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-react": "^7.16.0",
-    "@babel/preset-typescript": "^7.15.0",
-    "@semantic-release/commit-analyzer": "^9.0.2",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^8.0.2",
-    "@semantic-release/npm": "^8.0.3",
-    "@semantic-release/release-notes-generator": "^10.0.3",
+    "@babel/core": "7.20.12",
+    "@babel/preset-env": "7.20.2",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.18.6",
+    "@semantic-release/commit-analyzer": "9.0.2",
+    "@semantic-release/git": "10.0.1",
+    "@semantic-release/github": "8.0.7",
+    "@semantic-release/npm": "9.0.2",
+    "@semantic-release/release-notes-generator": "10.0.3",
     "@types/escodegen": "0.0.7",
-    "@types/estree": "0.0.50",
-    "@types/jest": "^27.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.5.0",
-    "@typescript-eslint/parser": "^5.5.0",
-    "acorn": "^8.6.0",
-    "eslint": "^8.3.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.27.1",
-    "jest": "^27.0.6",
-    "semantic-release": "^18.0.1"
+    "@types/estree": "1.0.0",
+    "@types/jest": "29.2.5",
+    "@typescript-eslint/eslint-plugin": "5.48.1",
+    "@typescript-eslint/parser": "5.48.1",
+    "acorn": "8.8.1",
+    "eslint": "8.32.0",
+    "eslint-config-prettier": "8.6.0",
+    "eslint-plugin-import": "2.27.4",
+    "eslint-plugin-node": "11.1.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "7.32.0",
+    "jest": "29.3.1",
+    "semantic-release": "20.0.2",
+    "typescript": "4.9.4"
   }
 }

package/tsconfig.json

@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
-    "lib": ["es2017", "es7", "es6", "dom"],
+    "target": "ES2021",
+    "module": "ESNext",
+    "moduleResolution": "node",
     "declaration": true,
     "outDir": "dist",
     "strict": true,
@@ -12,6 +12,7 @@
   "exclude": [
     "node_modules",
     "dist",
-    "**/*.spec.*"
+    "**/*.spec.*",
+    "examples/**?*"
   ]
 }

package/dist/parsers/classic-parser.js

@@ -1,76 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClassicJsxParser = void 0;
-var ast_utils_1 = require("../ast.utils");
-var ClassicJsxParser = /** @class */ (function () {
-    function ClassicJsxParser() {
-    }
-    ClassicJsxParser.prototype.isNodeReactFragment = function (node) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return ((((_b = (_a = node === null || node === void 0 ? void 0 : node.callee) === null || _a === void 0 ? void 0 : _a.object) === null || _b === void 0 ? void 0 : _b.name) === "React" ||
-            ((_e = (_d = (_c = node === null || node === void 0 ? void 0 : node.callee) === null || _c === void 0 ? void 0 : _c.object) === null || _d === void 0 ? void 0 : _d.object) === null || _e === void 0 ? void 0 : _e.name) === "_react") &&
-            ((_h = (_g = (_f = node === null || node === void 0 ? void 0 : node.arguments) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.property) === null || _h === void 0 ? void 0 : _h.name) === "Fragment");
-    };
-    ClassicJsxParser.prototype.isNodeReactElement = function (node) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return ((node === null || node === void 0 ? void 0 : node.type) === "CallExpression" &&
-            (((_b = (_a = node === null || node === void 0 ? void 0 : node.callee) === null || _a === void 0 ? void 0 : _a.object) === null || _b === void 0 ? void 0 : _b.name) === "React" ||
-                ((_e = (_d = (_c = node === null || node === void 0 ? void 0 : node.callee) === null || _c === void 0 ? void 0 : _c.object) === null || _d === void 0 ? void 0 : _d.object) === null || _e === void 0 ? void 0 : _e.name) === "_react") &&
-            ((_g = (_f = node === null || node === void 0 ? void 0 : node.callee) === null || _f === void 0 ? void 0 : _f.property) === null || _g === void 0 ? void 0 : _g.name) === "createElement");
-    };
-    ClassicJsxParser.prototype.extendNodeWithAttributes = function (node, attr) {
-        var _this = this;
-        return __assign(__assign({}, node), { arguments: node === null || node === void 0 ? void 0 : node.arguments.map(function (v, i) {
-                // Second argument is attributes so ignore others
-                if (i !== 1) {
-                    return v;
-                }
-                var attrNode = _this.createAttributeNode(attr);
-                // If it's an object expression, extend it
-                if ((0, ast_utils_1.isNodeObjectExpression)(v)) {
-                    return (0, ast_utils_1.extendObjectExpression)(v, attrNode);
-                }
-                // If it's an extender, hack into it
-                if ((0, ast_utils_1.isNodeExtender)(v)) {
-                    return (0, ast_utils_1.hackIntoExtenderCallExpression)(v, attrNode);
-                }
-                // If it's an identifier, do Object.assign to be safe
-                if ((0, ast_utils_1.isNodeIdentifier)(v)) {
-                    return (0, ast_utils_1.createObjectAssignCallExpressionWithIdentifier)(v, (0, ast_utils_1.createObjectExpressionWithAttr)(attrNode));
-                }
-                // Worst case override with
-                return (0, ast_utils_1.createObjectExpressionWithAttr)(attrNode);
-            }) });
-    };
-    ClassicJsxParser.prototype.createAttributeNode = function (attr) {
-        return {
-            type: "Property",
-            method: false,
-            shorthand: false,
-            computed: false,
-            key: {
-                type: "Identifier",
-                name: "\"".concat(attr, "\""),
-            },
-            value: {
-                type: "Literal",
-                value: true,
-                raw: "true",
-            },
-            kind: "init",
-        };
-    };
-    return ClassicJsxParser;
-}());
-exports.ClassicJsxParser = ClassicJsxParser;

package/dist/parsers/new-parser.js

@@ -1,94 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewJsxParser = void 0;
-var ast_utils_1 = require("../ast.utils");
-var NewJsxParser = /** @class */ (function () {
-    function NewJsxParser() {
-    }
-    NewJsxParser.prototype.isNodeReactFragment = function (node) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        // Always a call expression
-        if ((node === null || node === void 0 ? void 0 : node.type) !== "CallExpression") {
-            return false;
-        }
-        if (((_b = (_a = node.arguments) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.type) === "Identifier" &&
-            ["_Fragment", "Fragment"].includes((_d = (_c = node.arguments) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.name)) {
-            return true;
-        }
-        if (((_f = (_e = node.arguments) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.type) === "MemberExpression" &&
-            ["_Fragment", "Fragment"].includes((_j = (_h = (_g = node.arguments) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.property) === null || _j === void 0 ? void 0 : _j.name)) {
-            return true;
-        }
-        return false;
-    };
-    NewJsxParser.prototype.isNodeReactElement = function (node) {
-        var _a, _b, _c, _d, _e, _f;
-        // Always a call expression
-        if ((node === null || node === void 0 ? void 0 : node.type) !== "CallExpression") {
-            return false;
-        }
-        if (["_jsxDEV", "_jsx", "_jsxs", "jsxDev", "jsx", "jsxs"].includes((_a = node === null || node === void 0 ? void 0 : node.callee) === null || _a === void 0 ? void 0 : _a.name)) {
-            return true;
-        }
-        if (((_b = node === null || node === void 0 ? void 0 : node.callee) === null || _b === void 0 ? void 0 : _b.type) === "SequenceExpression" &&
-            ["_jsxDEV", "_jsx", "_jsxs", "jsxDev", "jsx", "jsxs"].includes((_f = (_e = (_d = (_c = node === null || node === void 0 ? void 0 : node.callee) === null || _c === void 0 ? void 0 : _c.expressions) === null || _d === void 0 ? void 0 : _d[1]) === null || _e === void 0 ? void 0 : _e.property) === null || _f === void 0 ? void 0 : _f.name)) {
-            return true;
-        }
-        return false;
-    };
-    NewJsxParser.prototype.extendNodeWithAttributes = function (node, attr) {
-        var _this = this;
-        return __assign(__assign({}, node), { arguments: node === null || node === void 0 ? void 0 : node.arguments.map(function (v, i) {
-                // Second argument is attributes so ignore others
-                if (i !== 1) {
-                    return v;
-                }
-                var attrNode = _this.createAttributeNode(attr);
-                // If it's an object expression, extend it
-                if ((0, ast_utils_1.isNodeObjectExpression)(v)) {
-                    return (0, ast_utils_1.extendObjectExpression)(v, attrNode);
-                }
-                // If it's an extender, hack into it
-                if ((0, ast_utils_1.isNodeExtender)(v)) {
-                    return (0, ast_utils_1.hackIntoExtenderCallExpression)(v, attrNode);
-                }
-                // If it's an identifier, do Object.assign to be safe
-                if ((0, ast_utils_1.isNodeIdentifier)(v)) {
-                    return (0, ast_utils_1.createObjectAssignCallExpressionWithIdentifier)(v, (0, ast_utils_1.createObjectExpressionWithAttr)(attrNode));
-                }
-                // Worst case override with
-                return (0, ast_utils_1.createObjectExpressionWithAttr)(attrNode);
-            }) });
-    };
-    NewJsxParser.prototype.createAttributeNode = function (attr) {
-        return {
-            type: "Property",
-            method: false,
-            shorthand: false,
-            computed: false,
-            key: {
-                type: "Identifier",
-                name: "\"".concat(attr, "\""),
-            },
-            value: {
-                type: "Literal",
-                value: true,
-                raw: "true",
-            },
-            kind: "init",
-        };
-    };
-    return NewJsxParser;
-}());
-exports.NewJsxParser = NewJsxParser;