dolphincss 1.2.9 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dolphincss",
-  "version": "1.2.9",
+  "version": "1.3.0",
   "type": "module",
   "description": "DolphinCSS - World-class TailwindCSS + React component library",
   "main": "dolphin-css.css",

package/vite-plugin.js

@@ -27,14 +27,16 @@ export default function dolphincssPlugin() {
       let newOriginalCode = originalCode;
 
       for (const [marker, replacement] of Object.entries(components)) {
-        // Regex matches <div className="marker"></div> with optional spaces/newlines inside, or self-closing <div className="marker" />
+        // Regex to match <div className="marker"></div> with any spacing/newlines inside
+        // Using [\"'] instead of capture groups to simplify and avoid backreference issues
         const regex = new RegExp(
-          `<div\\s+class(?:Name)?=(["'])${marker}\\1\\s*>\\s*</div>|<div\\s+class(?:Name)?=(["'])${marker}\\2\\s*/>`,
+          `<div\\s+class(?:Name)?=[\"']${marker}[\"']\\s*>\\s*</div>|<div\\s+class(?:Name)?=[\"']${marker}[\"']\\s*/>`,
           'g'
         );
 
         if (regex.test(newOriginalCode)) {
-          newOriginalCode = newOriginalCode.replace(regex, replacement);
+          // IMPORTANT: Use () => replacement to avoid $1, $2 substitution from things like $120.50
+          newOriginalCode = newOriginalCode.replace(regex, () => replacement);
           modified = true;
           console.log(`\n✨ DolphinCSS: Injected '${marker}' into ${path.basename(id)}`);
         }
@@ -54,11 +56,11 @@ export default function dolphincssPlugin() {
         let newCode = code;
         for (const [marker, replacement] of Object.entries(components)) {
           const regex = new RegExp(
-            `<div\\s+class(?:Name)?=(["'])${marker}\\1\\s*>\\s*</div>|<div\\s+class(?:Name)?=(["'])${marker}\\2\\s*/>`,
+            `<div\\s+class(?:Name)?=[\"']${marker}[\"']\\s*>\\s*</div>|<div\\s+class(?:Name)?=[\"']${marker}[\"']\\s*/>`,
             'g'
           );
           if (regex.test(newCode)) {
-            newCode = newCode.replace(regex, replacement);
+            newCode = newCode.replace(regex, () => replacement);
           }
         }