fix: chain pattern replacements and support HTML script tags in removal

- Fix removePatternFromContent to chain all pattern replacements instead of returning after first match
- Add REACT_SCAN_HTML_SCRIPT_TAG pattern to match standard HTML <script></script> tags
- Include HTML script tag pattern in Vite and Webpack removal functions
- Run formatter on modified files

Author: cursoragent

packages/cli/src/utils/transform.ts

@@ -1612,17 +1612,18 @@ const removePatternFromContent = (
   successMessage: string,
   noChangesMessage: string,
 ): TransformResult => {
+  let newContent = originalContent;
   for (const pattern of patterns) {
-    const newContent = originalContent.replace(pattern, "");
-    if (newContent !== originalContent) {
-      return {
-        success: true,
-        filePath,
-        message: successMessage,
-        originalContent,
-        newContent,
-      };
-    }
+    newContent = newContent.replace(pattern, "");
+  }
+  if (newContent !== originalContent) {
+    return {
+      success: true,
+      filePath,
+      message: successMessage,
+      originalContent,
+      newContent,
+    };
   }
   return {
     success: true,
@@ -1635,6 +1636,8 @@ const removePatternFromContent = (
 const REACT_SCAN_SCRIPT_WITH_DEV_CONDITION =
   /\s*\{process\.env\.NODE_ENV === ["']development["'] && \(\s*<Script[^>]*react-scan[^>]*\/>\s*\)\}/gis;
 const REACT_SCAN_SCRIPT_TAG = /<Script[^>]*react-scan[^>]*\/>/gi;
+const REACT_SCAN_HTML_SCRIPT_TAG =
+  /<script[^>]*react-scan[^>]*>[\s\S]*?<\/script>/gi;
 const REACT_SCAN_DYNAMIC_IMPORT =
   /\s*import\s*\(\s*["']react-scan["']\s*\)\s*;?\s*/gi;
 const REACT_SCAN_DEV_CONDITIONAL_IMPORT =
@@ -1661,7 +1664,7 @@ const removeReactScanFromVite = (
   removePatternFromContent(
     originalContent,
     filePath,
-    [REACT_SCAN_DYNAMIC_IMPORT],
+    [REACT_SCAN_HTML_SCRIPT_TAG, REACT_SCAN_DYNAMIC_IMPORT],
     "Remove React Scan from Vite",
     "No React Scan import found",
   );
@@ -1673,7 +1676,11 @@ const removeReactScanFromWebpack = (
   removePatternFromContent(
     originalContent,
     filePath,
-    [REACT_SCAN_DEV_CONDITIONAL_IMPORT, REACT_SCAN_DYNAMIC_IMPORT],
+    [
+      REACT_SCAN_HTML_SCRIPT_TAG,
+      REACT_SCAN_DEV_CONDITIONAL_IMPORT,
+      REACT_SCAN_DYNAMIC_IMPORT,
+    ],
     "Remove React Scan from Webpack",
     "No React Scan import found",
   );

packages/mcp/src/server.ts

@@ -174,13 +174,11 @@ const createHttpServer = (port: number): Server => {
         return;
       }
 
-      response
-        .writeHead(400, { "Content-Type": "application/json" })
-        .end(
-          JSON.stringify({
-            error: "No valid session. Send an initialize request first.",
-          }),
-        );
+      response.writeHead(400, { "Content-Type": "application/json" }).end(
+        JSON.stringify({
+          error: "No valid session. Send an initialize request first.",
+        }),
+      );
       return;
     }
 

packages/react-grab/e2e/freeze-animations.spec.ts

@@ -9,8 +9,9 @@ test.describe("Freeze Animations", () => {
     }) => {
       const getPageAnimationStates = async () => {
         return reactGrab.page.evaluate((attrName) => {
-          return document.getAnimations().reduce<string[]>(
-            (states, animation) => {
+          return document
+            .getAnimations()
+            .reduce<string[]>((states, animation) => {
               if (animation.effect instanceof KeyframeEffect) {
                 const target = animation.effect.target;
                 if (target instanceof Element) {
@@ -25,9 +26,7 @@ test.describe("Freeze Animations", () => {
               }
               states.push(animation.playState);
               return states;
-            },
-            [],
-          );
+            }, []);
         }, ATTRIBUTE_NAME);
       };
 

packages/react-grab/src/utils/scan.ts

@@ -881,9 +881,7 @@ const formatComponentLine = (
   );
 
   if (passiveEffectCount > 0 && passiveEffectTime > 0) {
-    diagnosticParts.push(
-      `effect:${passiveEffectTime}ms*${passiveEffectCount}`,
-    );
+    diagnosticParts.push(`effect:${passiveEffectTime}ms*${passiveEffectCount}`);
   }
 
   if (stats.layoutEffectCount > 0 && stats.totalLayoutEffectTime > 0) {
@@ -894,9 +892,7 @@ const formatComponentLine = (
 
   const unstableEntries = unstablePropsPerComponent.get(componentName);
   if (unstableEntries && unstableEntries.size > 0) {
-    diagnosticParts.push(
-      `unstable:${Array.from(unstableEntries).join(",")}`,
-    );
+    diagnosticParts.push(`unstable:${Array.from(unstableEntries).join(",")}`);
   }
 
   return diagnosticParts.join(" ");