@promakeai/inspector-hook 1.2.6 → 1.2.7

package/dist/utils/jsxUpdater.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsxUpdater.d.ts","sourceRoot":"","sources":["../../src/utils/jsxUpdater.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EAEpB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AA4YD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,sBAAsB,GAC9B,qBAAqB,CAmFvB;AAoGD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,uBAAuB,GAC/B,qBAAqB,CAqDvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,0BAA0B,GAClC,qBAAqB,CAmDvB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAmBD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,wBAAwB,GAChC,qBAAqB,CA+FvB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AA4CD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,mBAAmB,GAC3B,kBAAkB,CA2MpB"}
+{"version":3,"file":"jsxUpdater.d.ts","sourceRoot":"","sources":["../../src/utils/jsxUpdater.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EAEpB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0WD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,sBAAsB,GAC9B,qBAAqB,CAmFvB;AAoGD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,uBAAuB,GAC/B,qBAAqB,CAqDvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,0BAA0B,GAClC,qBAAqB,CAmDvB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAmBD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,wBAAwB,GAChC,qBAAqB,CA+FvB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AA4CD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,mBAAmB,GAC3B,kBAAkB,CA2MpB"}

package/dist/utils/jsxUpdater.js

@@ -153,6 +153,8 @@ function validateTagSyntax(tagContent) {
 }
 /**
  * Check if a JSX element has a proper closing tag and valid content (basic check)
+ * This is a simplified validation - we check for closing tag existence and balanced braces,
+ * but skip the complex nesting validation which can fail on valid JSX with components.
  */
 function hasProperClosingTag(sourceCode, tagStart, tagEnd, tagName) {
     // For self-closing tags, no closing tag needed
@@ -162,20 +164,16 @@ function hasProperClosingTag(sourceCode, tagStart, tagEnd, tagName) {
     }
     // Look for closing tag after the opening tag
     const afterOpening = sourceCode.slice(tagEnd);
-    const closingTagPattern = new RegExp(`</${tagName}\\s*>`);
-    // Check if there's a closing tag somewhere
-    const closingMatch = closingTagPattern.exec(afterOpening);
-    if (!closingMatch) {
-        return false;
-    }
-    // Check the content between opening and closing tags for unmatched braces
-    const contentBetween = afterOpening.slice(0, closingMatch.index);
-    let braceDepth = 0;
+    // For the target tag, we need to find the MATCHING closing tag
+    // by tracking the depth of same-named tags
+    let depth = 1;
+    let i = 0;
     let inString = false;
     let stringChar = "";
-    for (let i = 0; i < contentBetween.length; i++) {
-        const char = contentBetween[i];
-        const prevChar = i > 0 ? contentBetween[i - 1] : "";
+    let inJSXExpression = 0;
+    while (i < afterOpening.length && depth > 0) {
+        const char = afterOpening[i];
+        const prevChar = i > 0 ? afterOpening[i - 1] : "";
         // Handle strings
         if ((char === '"' || char === "'" || char === "`") && prevChar !== "\\") {
             if (!inString) {
@@ -187,66 +185,40 @@ function hasProperClosingTag(sourceCode, tagStart, tagEnd, tagName) {
                 stringChar = "";
             }
         }
-        // Count braces outside of strings
+        // Track JSX expression depth (to ignore > inside expressions like {x > 0})
         if (!inString) {
             if (char === "{") {
-                braceDepth++;
+                inJSXExpression++;
             }
             else if (char === "}") {
-                braceDepth--;
+                inJSXExpression--;
             }
         }
-    }
-    // If braces don't match, JSX is invalid
-    if (braceDepth !== 0) {
-        return false;
-    }
-    // Validate proper nesting by tracking all opening and closing tags
-    let tagStack = [tagName];
-    let i = 0;
-    while (i < afterOpening.length && tagStack.length > 0) {
-        // Look for next tag (opening or closing)
-        const remainingCode = afterOpening.slice(i);
-        const nextTag = remainingCode.match(/^<\/?([A-Za-z_$][A-Za-z0-9_$]*)/);
-        if (!nextTag) {
-            // No more tags, move forward
-            i++;
-            continue;
-        }
-        const isClosing = remainingCode.startsWith("</");
-        const foundTagName = nextTag[1];
-        if (isClosing) {
-            // Closing tag - should match top of stack
-            if (tagStack.length === 0 ||
-                tagStack[tagStack.length - 1] !== foundTagName) {
-                return false; // Mismatched closing tag
-            }
-            tagStack.pop();
-            // If this was our target tag's closing, we're done
-            if (tagStack.length === 0) {
-                break;
+        // Only look for tags outside of strings and JSX expressions
+        if (!inString && inJSXExpression === 0 && char === "<") {
+            const remainingCode = afterOpening.slice(i);
+            // Check for closing tag of our target element
+            const closingPattern = new RegExp(`^</${tagName}(?:\\s|>)`);
+            if (closingPattern.test(remainingCode)) {
+                depth--;
+                if (depth === 0) {
+                    return true; // Found matching closing tag
+                }
             }
-        }
-        else {
-            // Opening tag - check if it's self-closing
-            const tagEndMatch = remainingCode.match(/^<[^>]+?(\/?)>/);
-            if (tagEndMatch && !tagEndMatch[1]) {
-                // Not self-closing, add to stack
-                tagStack.push(foundTagName);
+            // Check for opening tag of same element type (increases depth)
+            const openingPattern = new RegExp(`^<${tagName}(?:\\s|>|/)`);
+            if (openingPattern.test(remainingCode)) {
+                // Check if it's self-closing
+                const tagContent = remainingCode.match(/^<[^>]*>/);
+                if (tagContent && !tagContent[0].endsWith("/>")) {
+                    depth++;
+                }
             }
-            // If self-closing (/>), don't add to stack
         }
-        // Move past this tag
-        const tagEnd = remainingCode.indexOf(">");
-        if (tagEnd === -1)
-            break;
-        i += tagEnd + 1;
-    }
-    // Stack should be empty if all tags matched properly
-    if (tagStack.length > 0) {
-        return false;
+        i++;
     }
-    return true;
+    // If we found the matching closing tag, depth would be 0 and we'd have returned true
+    return false;
 }
 /**
  * Update or add style attribute in JSX tag

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promakeai/inspector-hook",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "React hook for controlling inspector in parent applications",
   "author": "Promake",
   "type": "module",