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

package/src/parsers/classic-parser.ts

@@ -0,0 +1,58 @@
+import { JsxParser } from "./jsx-parser.model";
+
+export class ClassicJsxParser implements JsxParser {
+  isNodeReactFragment(node: any) {
+    return node?.arguments?.[0]?.object?.name === "React" && 
+      node?.arguments?.[0]?.property?.name === "Fragment"
+  }
+  isNodeReactElement(node: any) {
+    return node?.type === 'CallExpression' && 
+      node?.callee?.object?.name === 'React' &&
+      node?.callee?.property?.name === 'createElement'
+  }
+
+  public extendNodeWithAttributes(node: any, attr: string) {
+    const arg = node?.arguments?.[1]
+    return {
+      ...node,
+      arguments: node?.arguments.map((v: any, i: number) => {
+        if (i === 1) {
+            if (v.type === 'ObjectExpression') {
+              return {
+                ...v,
+                properties: [
+                  ...arg.properties,
+                  this.createAttributeNode(attr)
+                ]
+              }
+            } else {
+              return {
+                type: 'ObjectExpression',
+                properties: [this.createAttributeNode(attr)]
+              }
+            }
+          }
+          return v
+        })
+      }
+  }
+
+  private createAttributeNode(attr: string) {
+    return {
+      type: 'Property',
+      method: false,
+      shorthand: false,
+      computed: false,
+      key: {
+        type: 'Identifier',
+        name: `"${attr}"`
+      },
+      value: {
+        type: 'Literal',
+        value: true,
+        raw: "true"
+      },
+      kind: 'init'
+    }
+  }
+}

package/src/parsers/jsx-parser.model.ts

@@ -0,0 +1,10 @@
+export interface JsxParser {
+  isNodeReactElement: (node: any) => boolean
+  isNodeReactFragment: (node: any) => boolean
+  extendNodeWithAttributes: (node: any, attr: string) => any
+}
+
+export enum ParserImplementations {
+  new = 'new',
+  classic = 'classic'
+}

package/src/parsers/new-parser.ts

@@ -0,0 +1,58 @@
+import { JsxParser } from "./jsx-parser.model";
+
+export class NewJsxParser implements JsxParser {
+  isNodeReactFragment(node: any) {
+    return node.arguments?.[0]?.type === "Identifier" &&
+    ['_Fragment', 'Fragment'].includes(node.arguments?.[0]?.name)
+  }
+  
+  isNodeReactElement(node: any) {
+    return node?.type === 'CallExpression' &&
+      ['_jsxDEV', '_jsx', '_jsxs', 'jsxDev', 'jsx', 'jsxs'].includes(node?.callee?.name)
+  }
+
+  public extendNodeWithAttributes(node: any, attr: string) {
+    const arg = node?.arguments?.[1]
+    return {
+      ...node,
+      arguments: node?.arguments.map((v: any, i: number) => {
+        if (i === 1) {
+            if (v.type === 'ObjectExpression') {
+              return {
+                ...v,
+                properties: [
+                  ...arg.properties,
+                  this.createAttributeNode(attr)
+                ]
+              }
+            } else {
+              return {
+                type: 'ObjectExpression',
+                properties: [this.createAttributeNode(attr)]
+              }
+            }
+          }
+          return v
+        })
+      }
+  }
+
+  private createAttributeNode(attr: string) {
+    return {
+      type: 'Property',
+      method: false,
+      shorthand: false,
+      computed: false,
+      key: {
+        type: 'Identifier',
+        name: `"${attr}"`
+      },
+      value: {
+        type: 'Literal',
+        value: true,
+        raw: "true"
+      },
+      kind: 'init'
+    }
+  }
+}

package/tsconfig.json

@@ -6,7 +6,8 @@
     "declaration": true,
     "outDir": "dist",
     "strict": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "downlevelIteration": true
   },
   "exclude": [
     "node_modules",