rollup-plugin-react-scoped-css 0.4.0 → 0.4.1

package/dist/ast.utils.js

@@ -58,7 +58,7 @@ function isElementWithOldJsxTransform(node) {
 function isElementWithNewJsxTransform(node) {
     var _a;
     return (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' &&
-        ['_jsxDEV', '_jsx'].includes((_a = node === null || node === void 0 ? void 0 : node.callee) === null || _a === void 0 ? void 0 : _a.name);
+        ['_jsxDEV', '_jsx', '_jsxs'].includes((_a = node === null || node === void 0 ? void 0 : node.callee) === null || _a === void 0 ? void 0 : _a.name);
 }
 function isFragmentWithOldJsxTransform(node) {
     var _a, _b, _c, _d, _e, _f;

package/dist/parsers/base-parser.d.ts

@@ -0,0 +1,15 @@
+import { JsxParser, ParserImplementations } from "./jsx-parser.model";
+export declare class BaseParser implements Pick<JsxParser, 'isNode' & 'traverse'> {
+    isNode(obj: any): boolean;
+    /**
+     * Traverses the AST tree and calls callback for each node.
+     * -
+     * @param ast The ast tree
+     * @param callback Callback function to be called for each node
+     * @returns
+     */
+    traverse(ast: any, callback: Function): any;
+    findImplementation(ast: any): ParserImplementations.classic;
+    extendNodeWithAttributes(node: any, attr: string): any;
+    private createAttributeNode;
+}

package/dist/parsers/base-parser.js

@@ -0,0 +1,109 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseParser = void 0;
+var jsx_parser_model_1 = require("./jsx-parser.model");
+var BaseParser = /** @class */ (function () {
+    function BaseParser() {
+    }
+    BaseParser.prototype.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';
+    };
+    /**
+     * Traverses the AST tree and calls callback for each node.
+     * -
+     * @param ast The ast tree
+     * @param callback Callback function to be called for each node
+     * @returns
+     */
+    BaseParser.prototype.traverse = function (ast, callback) {
+        for (var _i = 0, _a = Object.keys(ast); _i < _a.length; _i++) {
+            var key = _a[_i];
+            if (['end', 'start', 'type'].includes(key)) {
+                continue;
+            }
+            if (Array.isArray(ast[key])) {
+                for (var nodeIndex in ast[key]) {
+                    ast[key][nodeIndex] = this.traverse(ast[key][nodeIndex], callback);
+                }
+            }
+            else if (this.isNode(ast[key])) {
+                ast[key] = this.traverse(ast[key], callback);
+            }
+        }
+        var result = callback(ast);
+        return typeof result !== 'undefined' ? result : ast;
+    };
+    BaseParser.prototype.findImplementation = function (ast) {
+        var implementation = jsx_parser_model_1.ParserImplementations.classic;
+        this.traverse(ast, function (node) {
+            if (node.type !== 'ImportDeclaration') {
+                return;
+            }
+            if (node.source.value === 'react/jsx-runtime') {
+                implementation = jsx_parser_model_1.ParserImplementations.new;
+            }
+        });
+        return implementation;
+    };
+    BaseParser.prototype.extendNodeWithAttributes = function (node, attr) {
+        var _this = this;
+        var _a;
+        var arg = (_a = node === null || node === void 0 ? void 0 : node.arguments) === null || _a === void 0 ? void 0 : _a[1];
+        return __assign(__assign({}, node), { arguments: node === null || node === void 0 ? void 0 : node.arguments.map(function (v, i) {
+                if (i === 1) {
+                    if (v.type === 'ObjectExpression') {
+                        return __assign(__assign({}, v), { properties: __spreadArray(__spreadArray([], arg.properties), [
+                                _this.createAttributeNode(attr)
+                            ]) });
+                    }
+                    else {
+                        return {
+                            type: 'ObjectExpression',
+                            properties: [_this.createAttributeNode(attr)]
+                        };
+                    }
+                }
+                return v;
+            }) });
+    };
+    BaseParser.prototype.createAttributeNode = function (attr) {
+        return {
+            type: 'Property',
+            method: false,
+            shorthand: false,
+            computed: false,
+            key: {
+                type: 'Identifier',
+                name: "\"" + attr + "\""
+            },
+            value: {
+                type: 'Literal',
+                value: true,
+                raw: "true"
+            },
+            kind: 'init'
+        };
+    };
+    return BaseParser;
+}());
+exports.BaseParser = BaseParser;

package/dist/parsers/classic-parser.d.ts

@@ -0,0 +1,6 @@
+import { BaseParser } from "./base-parser";
+import { JsxParser } from "./jsx-parser.model";
+export declare class ClassicJsxParser extends BaseParser implements JsxParser {
+    isNodeReactFragment(node: any): boolean;
+    isNodeReactElement(node: any): boolean;
+}

package/dist/parsers/classic-parser.js

@@ -0,0 +1,38 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClassicJsxParser = void 0;
+var base_parser_1 = require("./base-parser");
+var ClassicJsxParser = /** @class */ (function (_super) {
+    __extends(ClassicJsxParser, _super);
+    function ClassicJsxParser() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ClassicJsxParser.prototype.isNodeReactFragment = function (node) {
+        var _a, _b, _c, _d, _e, _f;
+        return ((_c = (_b = (_a = node === null || node === void 0 ? void 0 : node.arguments) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.object) === null || _c === void 0 ? void 0 : _c.name) === "React" &&
+            ((_f = (_e = (_d = node === null || node === void 0 ? void 0 : node.arguments) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.property) === null || _f === void 0 ? void 0 : _f.name) === "Fragment";
+    };
+    ClassicJsxParser.prototype.isNodeReactElement = function (node) {
+        var _a, _b, _c, _d;
+        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' &&
+            ((_d = (_c = node === null || node === void 0 ? void 0 : node.callee) === null || _c === void 0 ? void 0 : _c.property) === null || _d === void 0 ? void 0 : _d.name) === 'createElement';
+    };
+    return ClassicJsxParser;
+}(base_parser_1.BaseParser));
+exports.ClassicJsxParser = ClassicJsxParser;

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

@@ -0,0 +1,6 @@
+export interface JsxParser {
+    isNode: (node: any) => boolean;
+    isNodeReactElement: (node: any) => boolean;
+    isNodeReactFragment: (node: any) => boolean;
+    traverse: (ast: any, callback: (ast: any) => void) => void;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,12 @@
+export interface JsxParser {
+    isNodeReactElement: (node: any) => boolean;
+    isNodeReactFragment: (node: any) => boolean;
+    isNode: (node: any) => boolean;
+    traverse: (ast: any, callback: (ast: any) => void) => void;
+    findImplementation: (ast: any) => ParserImplementations;
+    extendNodeWithAttributes: (node: any, attr: string) => any;
+}
+export declare enum ParserImplementations {
+    new = "new",
+    classic = "classic"
+}

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

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

package/dist/parsers/new-parser.d.ts

@@ -0,0 +1,6 @@
+import { BaseParser } from "./base-parser";
+import { JsxParser } from "./jsx-parser.model";
+export declare class NewJsxParser extends BaseParser implements JsxParser {
+    isNodeReactFragment(node: any): boolean;
+    isNodeReactElement(node: any): boolean;
+}

package/dist/parsers/new-parser.js

@@ -0,0 +1,37 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewJsxParser = void 0;
+var base_parser_1 = require("./base-parser");
+var NewJsxParser = /** @class */ (function (_super) {
+    __extends(NewJsxParser, _super);
+    function NewJsxParser() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    NewJsxParser.prototype.isNodeReactFragment = function (node) {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = node.arguments) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.type) === "Identifier" &&
+            ((_d = (_c = node.arguments) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.name) === "_Fragment";
+    };
+    NewJsxParser.prototype.isNodeReactElement = function (node) {
+        var _a;
+        return (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' &&
+            ['_jsxDEV', '_jsx', '_jsxs'].includes((_a = node === null || node === void 0 ? void 0 : node.callee) === null || _a === void 0 ? void 0 : _a.name);
+    };
+    return NewJsxParser;
+}(base_parser_1.BaseParser));
+exports.NewJsxParser = NewJsxParser;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rollup-plugin-react-scoped-css",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "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",

package/src/ast.utils.ts

@@ -38,7 +38,7 @@ function isElementWithOldJsxTransform(node: any) {
 
 function isElementWithNewJsxTransform(node: any) {
   return node?.type === 'CallExpression' &&
-    ['_jsxDEV', '_jsx'].includes(node?.callee?.name)
+    ['_jsxDEV', '_jsx', '_jsxs'].includes(node?.callee?.name)
 }
 
 function isFragmentWithOldJsxTransform(node: any) {