npm - @fanboynz/network-scanner - Versions diffs - 1.0.69 → 1.0.71 - Mend

@fanboynz/network-scanner 1.0.69 → 1.0.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/package.json +1 -1
package/regex-tool/index.html +117 -36

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fanboynz/network-scanner",
-  "version": "1.0.69",
+  "version": "1.0.71",
   "description": "A Puppeteer-based network scanner for analyzing web traffic, generating adblock filter rules, and identifying third-party requests. Features include fingerprint spoofing, Cloudflare bypass, content analysis with curl/grep, and multiple output formats.",
   "main": "nwss.js",
   "scripts": {

package/regex-tool/index.html CHANGED Viewed

@@ -291,16 +291,16 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>🔍 Regex Tools</h1>
+            <h1>?? Regex Tools</h1>
             <p>Convert and Validate Regular Expressions with Ease</p>
         </div>
         <div class="tabs">
-            <button class="tab active" onclick="switchTab('convert')">
-                📝 Convert to JSON
+            <button class="tab active" data-tab="convert">
+                ?? Convert to JSON
             </button>
-            <button class="tab" onclick="switchTab('validate')">
-                ✅ Validate Regex
+            <button class="tab" data-tab="validate">
+                ? Validate Regex
             </button>
         </div>
@@ -312,7 +312,7 @@
                     <input type="text" id="standardRegex" placeholder="e.g., ^https?://.*\.example\.com/.*$">
                 </div>
-                <button class="button" onclick="convertToJSON()">Convert to JSON</button>
+                <button class="button" id="convertBtn">Convert to JSON</button>
                 <div id="convertOutput"></div>
             </div>
@@ -320,16 +320,16 @@
             <!-- Validate Tab -->
             <div id="validate" class="tab-content">
                 <div class="checkbox-group" style="background: #f0f9ff; padding: 15px; border-radius: 8px; margin-bottom: 20px; border: 2px solid #0ea5e9;">
-                    <input type="checkbox" id="useStandardRegex" onchange="toggleRegexInput()">
-                    <label for="useStandardRegex"><strong>✓ Check this box to validate Standard Regex</strong> (uncheck for JSON format)</label>
+                    <input type="checkbox" id="useStandardRegex">
+                    <label for="useStandardRegex"><strong>?? Check this box to validate Standard Regex</strong> (uncheck for JSON format)</label>
                 </div>
                 <div class="input-group">
                     <label for="regexToValidate">Enter Regex Pattern:</label>
-                    <textarea id="regexToValidate" placeholder='⚠️ IMPORTANT: Check the box above if entering standard regex!&#10;&#10;For JSON (box unchecked): {"filterRegex": ["^https?:\\\\/\\\\/.*"]}&#10;For Standard (box checked): ^https?:\\/\\/.*'></textarea>
+                    <textarea id="regexToValidate" placeholder='?? IMPORTANT: Check the box above if entering standard regex!&#10;&#10;For JSON (box unchecked): {"filterRegex": ["^https?:\\\\/\\\\/.*"]}&#10;For Standard (box checked): ^https?:\\/\\/.*'></textarea>
                 </div>
-                <button class="button" onclick="validateRegex()">Validate Regex</button>
+                <button class="button" id="validateBtn">Validate Regex</button>
                 <div id="validateOutput"></div>
             </div>
@@ -337,12 +337,41 @@
     </div>
     <script>
-        function switchTab(tabName) {
+        // Use DOMContentLoaded to ensure all elements are loaded
+        document.addEventListener('DOMContentLoaded', function() {
+            // Tab switching with event delegation
+            const tabs = document.querySelectorAll('.tab');
+            tabs.forEach(tab => {
+                tab.addEventListener('click', function() {
+                    const tabName = this.getAttribute('data-tab');
+                    switchTab(tabName, this);
+                });
+            });
+            // Button event listeners
+            document.getElementById('convertBtn').addEventListener('click', convertToJSON);
+            document.getElementById('validateBtn').addEventListener('click', validateRegex);
+            document.getElementById('useStandardRegex').addEventListener('change', toggleRegexInput);
+            // Enter key support
+            document.getElementById('standardRegex').addEventListener('keypress', function(e) {
+                if (e.key === 'Enter') convertToJSON();
+            });
+            document.getElementById('regexToValidate').addEventListener('keypress', function(e) {
+                if (e.key === 'Enter' && !e.shiftKey) {
+                    e.preventDefault();
+                    validateRegex();
+                }
+            });
+        });
+        function switchTab(tabName, clickedTab) {
             // Update tabs
             document.querySelectorAll('.tab').forEach(tab => {
                 tab.classList.remove('active');
             });
-            event.target.classList.add('active');
+            clickedTab.classList.add('active');
             // Update content
             document.querySelectorAll('.tab-content').forEach(content => {
@@ -578,7 +607,9 @@
                             'HelloWorld',
                             'user_name_123',
                             'CamelCaseExample',
-                                            );
+                            'snake_case_text',
+                            'MixedContent2024'
+                        );
                     }
                 } else {
                     // Check for any length requirements in the pattern
@@ -606,7 +637,7 @@
                     try {
                         regex.lastIndex = 0;
                         return regex.test(ex);
-                    } catch {
+                    } catch (e) {
                         return false;
                     }
                 });
@@ -655,38 +686,100 @@
                 outputDiv.innerHTML = `
                     <div class="output-section">
-                        <h3>📋 JSON Output:</h3>
+                        <h3>?? JSON Output:</h3>
                         <div class="output-box">${JSON.stringify(jsonOutput, null, 2)}</div>
-                        <h3>✨ Example Matches:</h3>
+                        <h3>? Example Matches:</h3>
                         <ul class="examples-list">
                             ${examples.map(ex => `<li>${escapeHtml(ex)}</li>`).join('')}
                         </ul>
-                        <div class="success">✅ Regex successfully converted to JSON format!</div>
+                        <div class="success">? Regex successfully converted to JSON format!</div>
                     </div>
                 `;
             } catch (error) {
-                outputDiv.innerHTML = `<div class="error">❌ Invalid regex pattern: ${escapeHtml(error.message)}</div>`;
+                outputDiv.innerHTML = `<div class="error">? Invalid regex pattern: ${escapeHtml(error.message)}</div>`;
             }
         }
-        function validatandard ? 'Standard Regex' : 'JSON Regex'}
+        function validateRegex() {
+            const useStandard = document.getElementById('useStandardRegex').checked;
+            const regexInput = document.getElementById('regexToValidate').value.trim();
+            const outputDiv = document.getElementById('validateOutput');
+            if (!regexInput) {
+                outputDiv.innerHTML = '<div class="error">Please enter a regex pattern to validate</div>';
+                return;
+            }
+            try {
+                let regex;
+                let pattern;
+                if (useStandard) {
+                    // Use standard regex directly
+                    pattern = regexInput;
+                    regex = new RegExp(pattern);
+                } else {
+                    // JSON mode - handle multiple formats
+                    if (regexInput.startsWith('{')) {
+                        // Full JSON format
+                        const jsonRegex = JSON.parse(regexInput);
+                        if (jsonRegex.filterRegex && Array.isArray(jsonRegex.filterRegex)) {
+                            pattern = jsonRegex.filterRegex[0];
+                        } else if (jsonRegex.pattern) {
+                            pattern = jsonRegex.pattern;
+                        } else {
+                            throw new Error('Invalid JSON format. Expected {"filterRegex": ["pattern"]}');
+                        }
+                    } else if (regexInput.startsWith('"') && regexInput.endsWith('"')) {
+                        // Just a quoted string - parse as JSON string
+                        pattern = JSON.parse(regexInput);
+                    } else {
+                        // Raw pattern without quotes or JSON wrapper
+                        outputDiv.innerHTML = `
+                            <div class="error">
+                                ? Invalid format for JSON mode.<br><br>
+                                You can use one of these formats:<br>
+                                <div class="output-box" style="margin-top: 10px; background: #fef3c7;">
+                                    1. Full JSON: {"filterRegex": ["${escapeHtml(regexInput)}"]}<br><br>
+                                    2. Quoted string: "${escapeHtml(regexInput)}"
+                                </div>
+                                <br>
+                                ?? <strong>Tip:</strong> Check the "Use Standard Regex" box above to validate regex patterns directly without quotes.
+                            </div>
+                        `;
+                        return;
+                    }
+                    regex = new RegExp(pattern);
+                }
+                // Generate examples
+                const examples = generateExamples(regex);
+                outputDiv.innerHTML = `
+                    <div class="output-section">
+                        <h3>?? Validation Result:</h3>
+                        <div class="output-box">
+                            Pattern: ${escapeHtml(pattern)}<br>
+                            Type: ${useStandard ? 'Standard Regex' : 'JSON Regex'}
                         </div>
-                        <h3>✨ Example Matches:</h3>
+                        <h3>? Example Matches:</h3>
                         <ul class="examples-list">
                             ${examples.map(ex => `<li>${escapeHtml(ex)}</li>`).join('')}
                         </ul>
-                        <div class="success">✅ Regex is valid!</div>
+                        <div class="success">? Regex is valid!</div>
                     </div>
                 `;
             } catch (error) {
                 if (error instanceof SyntaxError && !useStandard) {
-                    outputDiv.innerHTML = `<div class="error">❌ Invalid JSON syntax: ${escapeHtml(error.message)}<br><br>Expected format: {"filterRegex": ["your-regex-pattern"]} or "your-regex-pattern"</div>`;
+                    outputDiv.innerHTML = `<div class="error">? Invalid JSON syntax: ${escapeHtml(error.message)}<br><br>Expected format: {"filterRegex": ["your-regex-pattern"]} or "your-regex-pattern"</div>`;
                 } else {
-                    outputDiv.innerHTML = `<div class="error">❌ Invalid regex: ${escapeHtml(error.message)}</div>`;
+                    outputDiv.innerHTML = `<div class="error">? Invalid regex: ${escapeHtml(error.message)}</div>`;
                 }
             }
         }
@@ -696,18 +789,6 @@
             div.textContent = text;
             return div.innerHTML;
         }
-        // Add enter key support
-        document.getElementById('standardRegex').addEventListener('keypress', function(e) {
-            if (e.key === 'Enter') convertToJSON();
-        });
-        document.getElementById('regexToValidate').addEventListener('keypress', function(e) {
-            if (e.key === 'Enter' && !e.shiftKey) {
-                e.preventDefault();
-                validateRegex();
-            }
-        });
     </script>
 </body>
-</html>
+</html>