Fixed Backlist and Whitelist & Fixed Incorrect Content Finding & Added Experimental Feature

Experimental Feature: obfuscateForwardComponentJs

Author: soranoo

README.md

@@ -11,7 +11,7 @@ Project start on 30-10-2023
   This version is deeply inspired by [PostCSS-Obfuscator](https://github.com/n4j1Br4ch1D/postcss-obfuscator). Shout out to [n4j1Br4ch1D](https://github.com/n4j1Br4ch1D) for creating such a great package and thank you [tremor](https://github.com/tremorlabs) for sponsoring this project.
 
   #### Changes:
-  - Support partially obfuscation
+  - Support basic partially obfuscation
   - Support TailwindCSS Dark Mode
   - New configuration file `next-css-obfuscator.config.cjs`
   - More configuration options
@@ -334,7 +334,9 @@ Your convertion table may be messed up. Try to delete the `classConversionJsonFo
 
 ## 🐛 Known Issues
 
-- N/A
+- Partially obfuscation
+  - Not work with complex component. (eg. A component with children components)
+    - Reason: The obfuscation marker can't locate the correct code block to obfuscate.
 
 ## 💖 Sponsors
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-css-obfuscator",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "A temporary solution for using postcss-obfuscator in Next.js.",
   "main": "dist/index.js",
   "type": "commonjs",

src/utils.test.ts

@@ -3,7 +3,7 @@ import css from "css";
 import {
     copyCssData, findContentBetweenMarker,
     findHtmlTagContentsByClass, getFilenameFromPath,
-    extractClassFromSelector
+    extractClassFromSelector, searchForwardComponent
 } from "./utils";
 
 const testCss = `
@@ -453,3 +453,125 @@ describe("extractClassFromSelector", () => {
     });
 
 });
+
+//! ================================
+//! searchForwardComponent
+//! ================================
+
+describe("searchForwardComponent", () => {
+
+  test("should return component name when jsx format is correct", () => {
+    // Arrange
+    const content = `const element = o.jsx(ComponentName, {data: dataValue, index: "date"});`;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual(["ComponentName"]);
+  });
+
+  test("should return multiple component names for multiple matches", () => {
+    // Arrange
+    const content = `o.jsx(FirstComponent, props); o.jsx(SecondComponent, otherProps);`;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual(["FirstComponent", "SecondComponent"]);
+  });
+
+  test("should return an empty array when no component name is found", () => {
+    // Arrange
+    const content = `o.jsx("h1", {data: dataValue, index: "date"});`;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual([]);
+  });
+
+  test("should return an empty array when content is empty", () => {
+    // Arrange
+    const content = "";
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual([]);
+  });
+
+  test("should return an empty array when jsx is not used", () => {
+    // Arrange
+    const content = `const element = React.createElement("div", null, "Hello World");`;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual([]);
+  });
+
+  test("should handle special characters in component names", () => {
+    // Arrange
+    const content = `o.jsx($Comp_1, props); o.jsx(_Comp$2, otherProps);`;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual(["$Comp_1", "_Comp$2"]);
+  });
+
+  test("should not return component names when they are quoted", () => {
+    // Arrange
+    const content = `o.jsx("ComponentName", props); o.jsx('AnotherComponent', otherProps);`;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual([]);
+  });
+
+  test("should return component names when they are followed by a brace", () => {
+    // Arrange
+    const content = `o.jsx(ComponentName, {props: true});`;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual(["ComponentName"]);
+  });
+
+  test("should handle content with line breaks and multiple jsx calls", () => {
+    // Arrange
+    const content = `
+      o.jsx(FirstComponent, {data: dataValue});
+      o.jsx(SecondComponent, {index: "date"});
+      o.jsx(ThirdComponent, {flag: true});
+    `;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual(["FirstComponent", "SecondComponent", "ThirdComponent"]);
+  });
+
+  test("should handle content with nested jsx calls", () => {
+    // Arrange
+    const content = `o.jsx(ParentComponent, {children: o.jsx(ChildComponent, {})})`;
+
+    // Act
+    const result = searchForwardComponent(content);
+
+    // Assert
+    expect(result).toEqual(["ParentComponent", "ChildComponent"]);
+  });
+
+});