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

package/dist/index.js

@@ -30,6 +30,7 @@ var __importStar = (this && this.__importStar) || function (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");
@@ -37,21 +38,21 @@ var component_compiler_utils_1 = require("@vue/component-compiler-utils");
 var escodegen_1 = require("escodegen");
 var ast_utils_1 = require("./ast.utils");
 var getFilenameFromPath = function (filePath) {
-    var parts = filePath.split('/');
-    return parts[parts.length - 1].split('?')[0];
+    var parts = filePath.split("/");
+    return parts[parts.length - 1].split("?")[0];
 };
 var getHashFromPath = function (filePath) {
-    var search = '?scope=';
+    var search = "?scope=";
     var hash = filePath.slice(filePath.indexOf(search) + search.length);
     return hash;
 };
 var generateHash = function (input, seed) {
     if (seed === void 0) { seed = 0; }
-    var hashNum = js_xxhash_1.xxHash32(Buffer.from(input, 'utf8'), seed);
+    var hashNum = (0, js_xxhash_1.xxHash32)(Buffer.from(input, "utf8"), seed);
     return hashNum.toString(16);
 };
 var addAttributesToCss = function (src, fileName, hash) {
-    var code = component_compiler_utils_1.compileStyle({
+    var code = (0, component_compiler_utils_1.compileStyle)({
         source: src,
         filename: fileName,
         id: hash,
@@ -62,38 +63,38 @@ var addAttributesToCss = function (src, fileName, hash) {
 };
 function reactScopedCssPlugin(optionsIn) {
     if (optionsIn === void 0) { optionsIn = {}; }
-    var options = __assign({ hashPrefix: 'v', styleFileSuffix: 'scoped', styleFileExtensions: ['scss', 'css', 'sass', 'less'], jsxFileExtensions: ['jsx', 'tsx'] }, optionsIn);
+    var options = __assign({ 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');
+        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');
+        throw new Error("You need to provide at least one jsx file extension");
     }
-    var filter = pluginutils_1.createFilter(options.include, options.exclude);
+    var filter = (0, pluginutils_1.createFilter)(options.include, options.exclude);
     var scopedCssRegex = options.styleFileSuffix
-        ? new RegExp("." + options.styleFileSuffix + ".(" + options.styleFileExtensions.join('|') + ")$")
-        : new RegExp(".(" + options.styleFileExtensions.join('|') + ")$");
+        ? new RegExp(".".concat(options.styleFileSuffix, ".(").concat(options.styleFileExtensions.join("|"), ")$"))
+        : new RegExp(".(".concat(options.styleFileExtensions.join("|"), ")$"));
     var scopedCssInFileRegex = options.styleFileSuffix
-        ? new RegExp("." + options.styleFileSuffix + ".(" + options.styleFileExtensions.join('|') + ")(\"|')")
-        : new RegExp(".(" + options.styleFileExtensions.join('|') + ")(\"|')");
-    var jsxRegex = new RegExp(".(" + options.jsxFileExtensions.join('|') + ")$");
+        ? new RegExp(".".concat(options.styleFileSuffix, ".(").concat(options.styleFileExtensions.join("|"), ")(\"|')"))
+        : new RegExp(".(".concat(options.styleFileExtensions.join("|"), ")(\"|')"));
+    var jsxRegex = new RegExp(".(".concat(options.jsxFileExtensions.join("|"), ")$"));
     return [
         {
-            name: 'rollup-plugin-react-scoped-css:pre',
+            name: "rollup-plugin-react-scoped-css:pre",
             resolveId: function (source, importer) {
                 if (!importer) {
                     return;
                 }
                 if (scopedCssRegex.test(source) && jsxRegex.test(importer)) {
                     var importerHash = generateHash(importer);
-                    var url = path.resolve(path.dirname(importer), source + "?scope=" + importerHash);
+                    var url = path.resolve(path.dirname(importer), "".concat(source, "?scope=").concat(importerHash));
                     return url;
                 }
             },
-            enforce: 'pre'
+            enforce: "pre",
         },
         {
-            name: 'rollup-plugin-react-scoped-css:post',
+            name: "rollup-plugin-react-scoped-css:post",
             transform: function (code, id) {
                 if (!filter(id)) {
                     return;
@@ -101,15 +102,15 @@ function reactScopedCssPlugin(optionsIn) {
                 if (scopedCssInFileRegex.test(code)) {
                     var importerHash = generateHash(id);
                     var program = this.parse(code);
-                    var newAst = ast_utils_1.addHashAttributesToJsxTagsAst(program, "data-" + options.hashPrefix + "-" + importerHash);
-                    return escodegen_1.generate(newAst);
+                    var newAst = (0, ast_utils_1.addHashAttributesToJsxTagsAst)(program, "data-".concat(options.hashPrefix, "-").concat(importerHash));
+                    return (0, escodegen_1.generate)(newAst);
                 }
                 if (scopedCssRegex.test(getFilenameFromPath(id))) {
                     var importerHash = getHashFromPath(id);
-                    return addAttributesToCss(code, getFilenameFromPath(id), "data-" + options.hashPrefix + "-" + importerHash);
+                    return addAttributesToCss(code, getFilenameFromPath(id), "data-".concat(options.hashPrefix, "-").concat(importerHash));
                 }
-            }
-        }
+            },
+        },
     ];
 }
 exports.default = reactScopedCssPlugin;

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

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

package/dist/parsers/classic-parser.js

@@ -1,38 +1,101 @@
 "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);
+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 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 __());
-    };
-})();
+    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.ClassicJsxParser = void 0;
-var base_parser_1 = require("./base-parser");
-var ClassicJsxParser = /** @class */ (function (_super) {
-    __extends(ClassicJsxParser, _super);
+var ClassicJsxParser = /** @class */ (function () {
     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";
+        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 ((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");
+    };
+    ClassicJsxParser.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([], __read(arg.properties), false), [_this.createAttributeNode(attr)], false) });
+                    }
+                    else if (v.type === "CallExpression" &&
+                        v.callee.name === "_objectSpread") {
+                        var args = __spreadArray([], __read(v.arguments), false);
+                        args[0].properties = __spreadArray(__spreadArray([], __read(args[0].properties), false), [
+                            _this.createAttributeNode(attr),
+                        ], false);
+                        return __assign(__assign({}, v), { arguments: args });
+                    }
+                    else {
+                        return {
+                            type: "ObjectExpression",
+                            properties: [_this.createAttributeNode(attr)],
+                        };
+                    }
+                }
+                return v;
+            }) });
+    };
+    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;
-}(base_parser_1.BaseParser));
+}());
 exports.ClassicJsxParser = ClassicJsxParser;

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

@@ -1,9 +1,6 @@
 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 {

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

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

package/dist/parsers/new-parser.js

@@ -1,37 +1,100 @@
 "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);
+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 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 __());
-    };
-})();
+    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.NewJsxParser = void 0;
-var base_parser_1 = require("./base-parser");
-var NewJsxParser = /** @class */ (function (_super) {
-    __extends(NewJsxParser, _super);
+var NewJsxParser = /** @class */ (function () {
     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";
+        return (((_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));
     };
     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 ((node === null || node === void 0 ? void 0 : node.type) === "CallExpression" &&
+            ["_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));
+    };
+    NewJsxParser.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([], __read(arg.properties), false), [_this.createAttributeNode(attr)], false) });
+                    }
+                    else if (v.type === "CallExpression" &&
+                        v.callee.name === "_objectSpread") {
+                        var args = __spreadArray([], __read(v.arguments), false);
+                        args[0].properties = __spreadArray(__spreadArray([], __read(args[0].properties), false), [
+                            _this.createAttributeNode(attr),
+                        ], false);
+                        return __assign(__assign({}, v), { arguments: args });
+                    }
+                    else {
+                        return {
+                            type: "ObjectExpression",
+                            properties: [_this.createAttributeNode(attr)],
+                        };
+                    }
+                }
+                return v;
+            }) });
+    };
+    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;
-}(base_parser_1.BaseParser));
+}());
 exports.NewJsxParser = NewJsxParser;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "rollup-plugin-react-scoped-css",
-  "version": "0.4.1",
+  "version": "0.6.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",
   "scripts": {
     "build": "tsc",
     "build:watch": "tsc --watch",
-    "prepare": "npm run build && npm test",
+    "lint": "eslint '*/**/*.{js,jsx,ts,tsx}'",
     "test": "jest"
   },
   "repository": {
@@ -42,9 +42,24 @@
   "devDependencies": {
     "@babel/preset-env": "^7.15.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",
     "@types/escodegen": "0.0.7",
     "@types/estree": "0.0.50",
     "@types/jest": "^27.0.1",
-    "jest": "^27.0.6"
+    "@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"
   }
 }

package/src/__mocks__/new-compiled-jsx-with-attr.js

@@ -0,0 +1,101 @@
+import {
+  j as jsxRuntime,
+  r as react,
+  R as ReactDOM,
+  a as React
+} from "./vendor.1137a3d7.js";
+var index = "body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n";
+var App$1 = ".sub {\n  color: green;\n}";
+var App_scoped = ".App {\n  text-align: center;\n}\n\n.sub {\n  color: blue !important;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\nbutton {\n  font-size: calc(10px + 2vmin);\n}\n";
+var logo = "/assets/logo.ecc203fb.svg";
+var Sub_scoped = ".sub {\n  color: red;\n}\n.sub__test {\n  margin: 0;\n}\n.sub h2 {\n  font-weight: 300;\n  font-size: 3rem;\n}\n\nh2 {\n  font-size: 10rem;\n}\n\n.drawer {\n  width: 400px;\n}\n.drawer__list-item {\n  padding: 0;\n}\n.drawer__list-item-icon {\n  margin-right: 1rem;\n}\n.drawer__link {\n  display: flex;\n  width: 300px;\n  padding: 1rem;\n  align-items: center;\n  text-decoration: none;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  font-family: \"Quicksand\", \"Roboto\", sans-serif;\n  font-size: 1rem;\n  font-weight: 400;\n}\n.drawer__link:hover {\n  background-color: #fafafa;\n}";
+const jsx = jsxRuntime.exports.jsx;
+const jsxs = jsxRuntime.exports.jsxs;
+const Fragment = jsxRuntime.exports.Fragment;
+function Sub() {
+  return jsx("div", {
+    className: "sub",
+    children: jsx("h2", {
+      children: "Sub",
+      "data-v-123456": true
+    }),
+    "data-v-123456": true
+  });
+}
+function App() {
+  const [count, setCount] = react.exports.useState(0);
+  return jsx(Fragment, {
+    children: jsxs("div", {
+      className: "App",
+      children: [
+        jsxs("header", {
+          className: "App-header",
+          children: [
+            jsx("img", {
+              src: logo,
+              className: "App-logo",
+              alt: "logo",
+              "data-v-123456": true
+            }),
+            jsx("p", {
+              children: "Hello Vite + React!",
+              "data-v-123456": true
+            }),
+            jsx("p", {
+              children: jsxs("button", {
+                type: "button",
+                onClick: () => setCount(count2 => count2 + 1),
+                children: [
+                  "count is: ",
+                  count
+                ],
+                "data-v-123456": true
+              }),
+              "data-v-123456": true
+            }),
+            jsxs("p", {
+              children: [
+                "Edit ",
+                jsx("code", {
+                  children: "App.jsx",
+                  "data-v-123456": true
+                }),
+                " and save to test HMR updates."
+              ],
+              "data-v-123456": true
+            }),
+            jsxs("p", {
+              children: [
+                jsx("a", {
+                  className: "App-link",
+                  href: "https://reactjs.org",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: "Learn React",
+                  "data-v-123456": true
+                }),
+                " | ",
+                jsx("a", {
+                  className: "App-link",
+                  href: "https://vitejs.dev/guide/features.html",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: "Vite Docs",
+                  "data-v-123456": true
+                })
+              ],
+              "data-v-123456": true
+            })
+          ],
+          "data-v-123456": true
+        }),
+        jsx(Fragment, { children: jsx(Sub, { "data-v-123456": true }) })
+      ],
+      "data-v-123456": true
+    })
+  });
+}
+ReactDOM.render(jsx(React.StrictMode, {
+  children: jsx(App, { "data-v-123456": true }),
+  "data-v-123456": true
+}), document.getElementById("root"));

package/src/__mocks__/new-compiled-jsx.js

@@ -0,0 +1,64 @@
+import { j as jsxRuntime, r as react, R as ReactDOM, a as React } from "./vendor.1137a3d7.js";
+var index = "body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n";
+var App$1 = ".sub {\n  color: green;\n}";
+var App_scoped = ".App {\n  text-align: center;\n}\n\n.sub {\n  color: blue !important;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\nbutton {\n  font-size: calc(10px + 2vmin);\n}\n";
+var logo = "/assets/logo.ecc203fb.svg";
+var Sub_scoped = '.sub {\n  color: red;\n}\n.sub__test {\n  margin: 0;\n}\n.sub h2 {\n  font-weight: 300;\n  font-size: 3rem;\n}\n\nh2 {\n  font-size: 10rem;\n}\n\n.drawer {\n  width: 400px;\n}\n.drawer__list-item {\n  padding: 0;\n}\n.drawer__list-item-icon {\n  margin-right: 1rem;\n}\n.drawer__link {\n  display: flex;\n  width: 300px;\n  padding: 1rem;\n  align-items: center;\n  text-decoration: none;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  font-family: "Quicksand", "Roboto", sans-serif;\n  font-size: 1rem;\n  font-weight: 400;\n}\n.drawer__link:hover {\n  background-color: #fafafa;\n}';
+const jsx = jsxRuntime.exports.jsx;
+const jsxs = jsxRuntime.exports.jsxs;
+const Fragment = jsxRuntime.exports.Fragment;
+function Sub() {
+  return /* @__PURE__ */ jsx("div", {
+    className: "sub",
+    children: /* @__PURE__ */ jsx("h2", {
+      children: "Sub"
+    })
+  });
+}
+function App() {
+  const [count, setCount] = react.exports.useState(0);
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "App",
+      children: [/* @__PURE__ */ jsxs("header", {
+        className: "App-header",
+        children: [/* @__PURE__ */ jsx("img", {
+          src: logo,
+          className: "App-logo",
+          alt: "logo"
+        }), /* @__PURE__ */ jsx("p", {
+          children: "Hello Vite + React!"
+        }), /* @__PURE__ */ jsx("p", {
+          children: /* @__PURE__ */ jsxs("button", {
+            type: "button",
+            onClick: () => setCount((count2) => count2 + 1),
+            children: ["count is: ", count]
+          })
+        }), /* @__PURE__ */ jsxs("p", {
+          children: ["Edit ", /* @__PURE__ */ jsx("code", {
+            children: "App.jsx"
+          }), " and save to test HMR updates."]
+        }), /* @__PURE__ */ jsxs("p", {
+          children: [/* @__PURE__ */ jsx("a", {
+            className: "App-link",
+            href: "https://reactjs.org",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Learn React"
+          }), " | ", /* @__PURE__ */ jsx("a", {
+            className: "App-link",
+            href: "https://vitejs.dev/guide/features.html",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Vite Docs"
+          })]
+        })]
+      }), /* @__PURE__ */ jsx(Fragment, {
+        children: /* @__PURE__ */ jsx(Sub, {})
+      })]
+    })
+  });
+}
+ReactDOM.render(/* @__PURE__ */ jsx(React.StrictMode, {
+  children: /* @__PURE__ */ jsx(App, {})
+}), document.getElementById("root"));

package/src/__mocks__/sample-code-file.js

@@ -0,0 +1,4 @@
+let array = [1, 2, 3];
+
+const multiply = (arr) => arr.map(x => x * 2);
+const newArray = multiply(array);

package/src/ast-iterator.spec.ts

@@ -0,0 +1,22 @@
+import { readFile } from "fs/promises";
+import { resolve } from "path";
+import { parse } from "acorn";
+import { astIterator } from "./ast-iterator";
+
+describe("astIterator", () => {
+  it("should iterate through all nodes", async () => {
+    let iterationCount = 0;
+    const file = await readFile(
+      resolve(__dirname, "./__mocks__/sample-code-file.js"),
+      { encoding: "utf-8" }
+    );
+    const ast = parse(file, { sourceType: "module", ecmaVersion: 2022 });
+
+    for (const node of astIterator(ast)) {
+      iterationCount++;
+      expect(node).toBeTruthy();
+    }
+
+    expect(iterationCount).toBe(28);
+  });
+});