Accidently obfuscated HTML tag

[soranoo]

          One more :)))) Sorry I'm so annoying just pointing out the bug without doing anything to help you 🥲.

👉 filter tag inside svg tag:

In the comments above, I had to put filter in classIgnore to not cause the filter tag to obfuscate, hmmm... I don't know why it detected filter tag as a class.

In conversion.json file:

OMG is it really a class 🤯? How.

Note: filter attribute was not changed ✅:

👉 Also with iframe tag:

I thought it was an element of HTML huh?

With <filter>:

Without <filter>:

Originally posted by @hoangnhan2ka3 in https://github.com/soranoo/next-css-obfuscator/issues/6#issuecomment-1919632415

[soranoo]

It seems filter is a valid Tailwind class.

I don't see where the issue is. The key obfuscation regex works very well.

[hoangnhan2ka3]

yeah it's valid but I'm not use it yet and why it can replace the filter tag without className in front?

Maybe it's TW's or PostCSS's error huh

[soranoo]

May I have a piece of the HTML code(after compilation) with the filter in it?

[hoangnhan2ka3]

U want a version with filter in classIgnore or not?

[soranoo]

The original version. (before obfuscation)

[hoangnhan2ka3]

after compilation and before obfuscation, u mean I should turn off your package and deploy it,right?

[hoangnhan2ka3]

wait for me @soranoo , I will share my project for u

[soranoo]

after compilation and before obfuscation, u mean I should turn off your package and deploy it,right?

yes

[hoangnhan2ka3]

I just invited you @soranoo

The filter u want is in /src/app/not-found.tsx, check out .big and .small

[soranoo]

I can't reproduce the issue

[hoangnhan2ka3]

U mean u don't see this?

Try run build then run start or deploy it

Tell me if I need to make a clean npm i or uppdate somthing on your package

[soranoo]

I found you are in beta1

[soranoo]

Try update to beta2

npm i next-css-obfuscator@beta

[hoangnhan2ka3]

yes, but...

let me try a clean npm i

[hoangnhan2ka3]

Still nope

Let me deploy it, please check 404 page after few seconds.

[hoangnhan2ka3]

ahh I know I know, please add to doc that user should/ must include

# css-obfucate
/css-obfuscator
/css-obfuscator/conversion.json

in the .gitignore file before deloy, otherwise it will get the data in the old css-obfuscator folder pushed to github:

[hoangnhan2ka3]

Now you can go to hoangnhan.co.uk/404 to see the filter issue of .big and .small

[hoangnhan2ka3]

I also used the same repo I just shared with you to deploy to hoangnhan.co.uk, I've just deleted the old css-obfuscator folder, please take a look to see if you can reproduce the error.

[soranoo]

Add the following to next-css-obfuscator.config.cjs

// next-css-obfuscator.config.cjs

contentIgnoreRegexes: [
   /\.jsxs\)\("\w+"/g
]

[soranoo]

I will add this to doc and default config

[hoangnhan2ka3]

FIXED!

[hoangnhan2ka3]

You are very fanstatic @soranoo , I think I can safely build the project. If there are any problems, I will create an issue later 💕.