Merge pull request #190 from BouyguesTelecom/fix/script-css

Fix script hash class in css
BouyguesTelecom · Nov 7, 2024 · 0e655cc · 0e655cc
2 parents 4deea2d + 477fcac
commit 0e655cc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/examples/react-template/index.tsx b/examples/react-template/index.tsx
@@ -9,7 +9,7 @@ const root = ReactDOM.createRoot(rootElement)
 
 root.render(
   <React.StrictMode>
-    <TrilogyProviderStyled>
+    <TrilogyProviderStyled theme='mangled'>
       <HashRouter>
         <Router />
       </HashRouter>

diff --git a/packages/styles/config/plugins/vite-plugin-mangler.tsx b/packages/styles/config/plugins/vite-plugin-mangler.tsx
@@ -5,13 +5,12 @@ export const cssPlugin = () => {
     name: 'css-transform',
     transform(src: string, id: string) {
       if (/mangled\.(scss)$/.test(id)) {
-        src.replace(/(\.[a-z][_\-0-9a-z]*)(?=[^\{]*{)/gi, (match) => {
-          return `${match}__${HASH}`
-        })
+        return src
+          .replace(/(\.[a-z][_\-0-9a-z]*)(?=[^\{]*{)/gi, (match) => {
+            return `${match}__${HASH}`
+          })
 
-        return src.replace(/url\(\s*['"]?[^"')]*$/i, (match) => {
-          return match.split('_')[0]
-        })
+          .replace(/(url\(["']?.*?)(__[\w]+)(.*?["']?\))/g, '$1$3')
       }
     },
   }