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

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

@@ -1,37 +0,0 @@
-import "./App.css";
-import "./App.scoped.css";
-import React, { useState } from "react";
-import logo from "./logo.svg";
-import Sub from "./Sub";
-function App() {
-  const [count, setCount] = useState(0);
-  return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "App",
-    "data-v-123456": true
-  }, React.createElement("header", {
-    className: "App-header",
-    "data-v-123456": true
-  }, React.createElement("img", {
-    src: logo,
-    className: "App-logo",
-    alt: "logo",
-    "data-v-123456": true
-  }), React.createElement("p", { "data-v-123456": true }, "Hello Vite + React!"), React.createElement("p", { "data-v-123456": true }, React.createElement("button", {
-    type: "button",
-    onClick: () => setCount(count2 => count2 + 1),
-    "data-v-123456": true
-  }, "count is: ", count)), React.createElement("p", { "data-v-123456": true }, "Edit ", React.createElement("code", { "data-v-123456": true }, "App.jsx"), " and save to test HMR updates."), React.createElement("p", { "data-v-123456": true }, React.createElement("a", {
-    className: "App-link",
-    href: "https://reactjs.org",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "data-v-123456": true
-  }, "Learn React"), " | ", React.createElement("a", {
-    className: "App-link",
-    href: "https://vitejs.dev/guide/features.html",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "data-v-123456": true
-  }, "Vite Docs"))), React.createElement(Sub, { "data-v-123456": true })));
-}
-export default App;

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

@@ -1,31 +0,0 @@
-import "./App.css";
-import "./App.scoped.css";
-import React, { useState } from "react";
-import logo from "./logo.svg";
-import Sub from "./Sub";
-function App() {
-  const [count, setCount] = useState(0);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-    className: "App"
-  }, /* @__PURE__ */ React.createElement("header", {
-    className: "App-header"
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: logo,
-    className: "App-logo",
-    alt: "logo"
-  }), /* @__PURE__ */ React.createElement("p", null, "Hello Vite + React!"), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    onClick: () => setCount((count2) => count2 + 1)
-  }, "count is: ", count)), /* @__PURE__ */ React.createElement("p", null, "Edit ", /* @__PURE__ */ React.createElement("code", null, "App.jsx"), " and save to test HMR updates."), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("a", {
-    className: "App-link",
-    href: "https://reactjs.org",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, "Learn React"), " | ", /* @__PURE__ */ React.createElement("a", {
-    className: "App-link",
-    href: "https://vitejs.dev/guide/features.html",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, "Vite Docs"))), /* @__PURE__ */ React.createElement(Sub, null)));
-}
-export default App;

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

@@ -1,101 +0,0 @@
-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

@@ -1,64 +0,0 @@
-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

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

package/src/ast-iterator.spec.ts

@@ -1,22 +0,0 @@
-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);
-  });
-});

package/src/ast-iterator.ts

@@ -1,32 +0,0 @@
-const isNode = (obj: any) => {
-  return (
-    typeof obj === "object" &&
-    typeof (obj as any)?.end === "number" &&
-    typeof (obj as any)?.start === "number" &&
-    typeof (obj as any)?.type === "string"
-  );
-};
-
-export const astIterator = function* (ast: any): IterableIterator<any> {
-  if (!ast) {
-    return;
-  }
-
-  for (const key of Object.keys(ast)) {
-    // Skip useless keys
-    if (["end", "start", "type"].includes(key)) {
-      continue;
-    }
-
-    // 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(ast[key])) {
-      yield* astIterator(ast[key]);
-    }
-  }
-
-  yield ast;
-};

package/src/ast-transformer.spec.ts

@@ -1,23 +0,0 @@
-import { readFile } from "fs/promises";
-import { resolve } from "path";
-import { parse } from "acorn";
-import { astTransformer } from "./ast-transformer";
-
-describe("astTransformer", () => {
-  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 });
-
-    const newAst = astTransformer(ast, (node) => {
-      iterationCount++;
-      expect(node).toBeTruthy();
-    });
-
-    expect(newAst).toBeDefined();
-    expect(iterationCount).toBe(28);
-  });
-});

package/src/ast-transformer.ts

@@ -1,28 +0,0 @@
-const isNode = (obj: any) => {
-  return (
-    typeof obj === "object" &&
-    typeof (obj as any)?.end === "number" &&
-    typeof (obj as any)?.start === "number" &&
-    typeof (obj as any)?.type === "string"
-  );
-};
-
-export const astTransformer = (ast: any, callback: (ast: any) => any) => {
-  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);
-      }
-    } else if (isNode(ast[key])) {
-      ast[key] = astTransformer(ast[key], callback);
-    }
-  }
-
-  const result = callback(ast);
-
-  return typeof result !== "undefined" ? result : ast;
-};

package/src/ast.utils.spec.ts

@@ -1,61 +0,0 @@
-import { resolve } from "path";
-import { readFile } from "fs/promises";
-import { parse } from "acorn";
-import { generate } from "escodegen";
-import { addHashAttributesToJsxTagsAst } from "./ast.utils";
-
-describe("AST Utils", () => {
-  beforeEach(() => {
-    global.implementation = null;
-  });
-
-  describe("classic implementation", () => {
-    it("Should add the attr to the right elements", async () => {
-      const compiled = await readFile(
-        resolve(__dirname, "./__mocks__/classic-compiled-jsx.js"),
-        { encoding: "utf-8" }
-      );
-      const compiledWithAttr = await readFile(
-        resolve(__dirname, "./__mocks__/classic-compiled-jsx-with-attr.js"),
-        { encoding: "utf-8" }
-      );
-      const ast = parse(compiled, { ecmaVersion: 2021, sourceType: "module" });
-      const modifiedAst = addHashAttributesToJsxTagsAst(ast, "data-v-123456");
-      const modifiedCompiled = generate(modifiedAst, {
-        format: {
-          indent: {
-            style: "  ",
-          },
-          quotes: "double",
-        },
-      });
-
-      expect(modifiedCompiled).toEqual(compiledWithAttr);
-    });
-  });
-
-  describe("new implementation", () => {
-    it("Should add the attr to the right elements", async () => {
-      const compiled = await readFile(
-        resolve(__dirname, "./__mocks__/new-compiled-jsx.js"),
-        { encoding: "utf-8" }
-      );
-      const compiledWithAttr = await readFile(
-        resolve(__dirname, "./__mocks__/new-compiled-jsx-with-attr.js"),
-        { encoding: "utf-8" }
-      );
-      const ast = parse(compiled, { ecmaVersion: 2021, sourceType: "module" });
-      const modifiedAst = addHashAttributesToJsxTagsAst(ast, "data-v-123456");
-      const modifiedCompiled = generate(modifiedAst, {
-        format: {
-          indent: {
-            style: "  ",
-          },
-          quotes: "double",
-        },
-      });
-
-      expect(modifiedCompiled).toEqual(compiledWithAttr);
-    });
-  });
-});

package/src/ast.utils.ts

@@ -1,53 +0,0 @@
-import { astIterator } from "./ast-iterator";
-import { astTransformer } from "./ast-transformer";
-import { ClassicJsxParser } from "./parsers/classic-parser";
-import { JsxParser, ParserImplementations } from "./parsers/jsx-parser.model";
-import { NewJsxParser } from "./parsers/new-parser";
-
-declare global {
-  // eslint-disable-next-line
-  var implementation: null | ParserImplementations;
-}
-
-global.implementation = null;
-
-const classicParser = new ClassicJsxParser();
-const newParser = new NewJsxParser();
-
-let parser: JsxParser = classicParser;
-
-const findImplementation = (program: any) => {
-  const implementation: ParserImplementations = ParserImplementations.classic;
-  for (const node of astIterator(program)) {
-    if (node.type !== "ImportDeclaration") {
-      continue;
-    }
-
-    if (
-      node.specifiers.some((n: any) =>
-        ["_jsxDEV", "jsxRuntime"].includes(n.local.name)
-      ) ||
-      ["react/jsx-dev-runtime", "react/jsx-runtime"].includes(node.source.value)
-    ) {
-      return ParserImplementations.new;
-    }
-  }
-  return implementation;
-};
-
-export function addHashAttributesToJsxTagsAst(program: any, attr: string) {
-  // Once in the program, we can determine which parser to use
-  if (global.implementation === null) {
-    global.implementation = findImplementation(program);
-
-    if (global.implementation === ParserImplementations.new) {
-      parser = newParser;
-    }
-  }
-
-  return astTransformer(program, (node: any) => {
-    if (parser.isNodeReactElement(node) && !parser.isNodeReactFragment(node)) {
-      return parser.extendNodeWithAttributes(node, attr);
-    }
-  });
-}

package/src/index.ts

@@ -1,164 +0,0 @@
-/* eslint-disable no-useless-escape */
-import * as path from "path";
-import { xxHash32 } from "js-xxhash";
-import { createFilter, FilterPattern } from "@rollup/pluginutils";
-import { compileStyle } from "@vue/component-compiler-utils";
-import { generate } from "escodegen";
-
-import type { Plugin } from "rollup";
-import { addHashAttributesToJsxTagsAst } from "./ast.utils";
-
-const getFilenameFromPath = (filePath: string) => {
-  const parts = filePath.split("/");
-  return parts[parts.length - 1].split("?")[0];
-};
-
-const getHashFromPath = (filePath: string) => {
-  const search = "?scope=";
-  const hash = filePath.slice(filePath.indexOf(search) + search.length);
-  return hash;
-};
-
-const generateHash = (input: string, seed = 0) => {
-  const hashNum = xxHash32(Buffer.from(input, "utf8"), seed);
-  return hashNum.toString(16);
-};
-
-const addAttributesToCss = (src: string, fileName: string, hash: string) => {
-  const { code } = compileStyle({
-    source: src,
-    filename: fileName,
-    id: hash,
-    scoped: true,
-    trim: true,
-  });
-
-  return code;
-};
-
-export interface ReactScopedCssPluginOptions {
-  /**
-   * Which files should be included and parsed by the plugin
-   * Default: undefined
-   */
-  include?: FilterPattern;
-
-  /**
-   * Which files should be exluded and that should not be parsed by the plugin
-   * Default: undefined
-   */
-  exclude?: FilterPattern;
-
-  /**
-   * If you want to customize the stylesheet file pattern
-   * if undefined or '' is passed, all files will be evaluated
-   * Default: 'scoped'
-   */
-  styleFileSuffix?: string;
-
-  /**
-   * If you want to customize the attribute prefix that is added to the jsx elements
-   * Default: 'v'
-   */
-  hashPrefix?: string;
-
-  /**
-   * If you want to customize the stylesheet extensions
-   * Default: ['scss', 'css', 'sass', 'less']
-   */
-  styleFileExtensions?: string[];
-
-  /**
-   * If you have jsx in other file extensions
-   * Default: ['jsx', 'tsx']
-   */
-  jsxFileExtensions?: string[];
-}
-
-export interface VitePartialPlugin extends Plugin {
-  enforce?: "pre" | "post";
-}
-
-export default function reactScopedCssPlugin(
-  optionsIn: ReactScopedCssPluginOptions = {}
-): VitePartialPlugin[] {
-  const options: Partial<ReactScopedCssPluginOptions> = {
-    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");
-  }
-
-  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(source, importer) {
-        if (!importer) {
-          return;
-        }
-
-        if (scopedCssRegex.test(source) && jsxRegex.test(importer)) {
-          const importerHash = generateHash(importer);
-          const url = path.resolve(
-            path.dirname(importer),
-            `${source}?scope=${importerHash}`
-          );
-          return url;
-        }
-      },
-      enforce: "pre",
-    },
-    {
-      name: "rollup-plugin-react-scoped-css:post",
-      transform(code, id) {
-        if (!filter(id)) {
-          return;
-        }
-        if (scopedCssInFileRegex.test(code)) {
-          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))) {
-          const importerHash = getHashFromPath(id);
-          return addAttributesToCss(
-            code,
-            getFilenameFromPath(id),
-            `data-${options.hashPrefix}-${importerHash}`
-          );
-        }
-      },
-    },
-  ];
-}