npm - @gxp-dev/tools - Versions diffs - 2.0.5 - Mend

@gxp-dev/tools 2.0.5

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 (145) hide show

package/.github/workflows/npm-publish.yml +48 -0
package/CLAUDE.md +400 -0
package/README.md +247 -0
package/REFACTOR_PLAN.md +194 -0
package/bin/gx-devtools.js +87 -0
package/bin/lib/cli.js +251 -0
package/bin/lib/commands/assets.js +337 -0
package/bin/lib/commands/build.js +259 -0
package/bin/lib/commands/datastore.js +433 -0
package/bin/lib/commands/dev.js +328 -0
package/bin/lib/commands/extensions.js +298 -0
package/bin/lib/commands/index.js +35 -0
package/bin/lib/commands/init.js +307 -0
package/bin/lib/commands/publish.js +189 -0
package/bin/lib/commands/socket.js +158 -0
package/bin/lib/commands/ssl.js +47 -0
package/bin/lib/constants.js +120 -0
package/bin/lib/tui/App.tsx +600 -0
package/bin/lib/tui/components/CommandInput.tsx +278 -0
package/bin/lib/tui/components/GeminiPanel.tsx +161 -0
package/bin/lib/tui/components/Header.tsx +27 -0
package/bin/lib/tui/components/LogPanel.tsx +122 -0
package/bin/lib/tui/components/TabBar.tsx +56 -0
package/bin/lib/tui/components/WelcomeScreen.tsx +80 -0
package/bin/lib/tui/index.tsx +63 -0
package/bin/lib/tui/services/ExtensionService.ts +122 -0
package/bin/lib/tui/services/GeminiService.ts +395 -0
package/bin/lib/tui/services/ServiceManager.ts +336 -0
package/bin/lib/tui/services/SocketService.ts +204 -0
package/bin/lib/tui/services/ViteService.ts +107 -0
package/bin/lib/tui/services/index.ts +13 -0
package/bin/lib/utils/files.js +180 -0
package/bin/lib/utils/index.js +17 -0
package/bin/lib/utils/paths.js +138 -0
package/bin/lib/utils/prompts.js +71 -0
package/bin/lib/utils/ssl.js +233 -0
package/browser-extensions/README.md +1 -0
package/browser-extensions/chrome/background.js +857 -0
package/browser-extensions/chrome/content.js +51 -0
package/browser-extensions/chrome/devtools.html +9 -0
package/browser-extensions/chrome/devtools.js +23 -0
package/browser-extensions/chrome/icons/gx_off_128.png +0 -0
package/browser-extensions/chrome/icons/gx_off_16.png +0 -0
package/browser-extensions/chrome/icons/gx_off_32.png +0 -0
package/browser-extensions/chrome/icons/gx_off_64.png +0 -0
package/browser-extensions/chrome/icons/gx_on_128.png +0 -0
package/browser-extensions/chrome/icons/gx_on_16.png +0 -0
package/browser-extensions/chrome/icons/gx_on_32.png +0 -0
package/browser-extensions/chrome/icons/gx_on_64.png +0 -0
package/browser-extensions/chrome/inspector.js +1087 -0
package/browser-extensions/chrome/manifest.json +70 -0
package/browser-extensions/chrome/panel.html +638 -0
package/browser-extensions/chrome/panel.js +862 -0
package/browser-extensions/chrome/popup.html +399 -0
package/browser-extensions/chrome/popup.js +515 -0
package/browser-extensions/chrome/rules.json +1 -0
package/browser-extensions/chrome/test-chrome.html +145 -0
package/browser-extensions/chrome/test-mixed-content.html +190 -0
package/browser-extensions/chrome/test-uri-pattern.html +199 -0
package/browser-extensions/firefox/README.md +134 -0
package/browser-extensions/firefox/background.js +804 -0
package/browser-extensions/firefox/content.js +120 -0
package/browser-extensions/firefox/debug-errors.html +229 -0
package/browser-extensions/firefox/debug-https.html +113 -0
package/browser-extensions/firefox/devtools.html +9 -0
package/browser-extensions/firefox/devtools.js +24 -0
package/browser-extensions/firefox/icons/gx_off_128.png +0 -0
package/browser-extensions/firefox/icons/gx_off_16.png +0 -0
package/browser-extensions/firefox/icons/gx_off_32.png +0 -0
package/browser-extensions/firefox/icons/gx_off_64.png +0 -0
package/browser-extensions/firefox/icons/gx_on_128.png +0 -0
package/browser-extensions/firefox/icons/gx_on_16.png +0 -0
package/browser-extensions/firefox/icons/gx_on_32.png +0 -0
package/browser-extensions/firefox/icons/gx_on_64.png +0 -0
package/browser-extensions/firefox/inspector.js +1087 -0
package/browser-extensions/firefox/manifest.json +67 -0
package/browser-extensions/firefox/panel.html +638 -0
package/browser-extensions/firefox/panel.js +862 -0
package/browser-extensions/firefox/popup.html +525 -0
package/browser-extensions/firefox/popup.js +536 -0
package/browser-extensions/firefox/test-gramercy.html +126 -0
package/browser-extensions/firefox/test-imports.html +58 -0
package/browser-extensions/firefox/test-masking.html +147 -0
package/browser-extensions/firefox/test-uri-pattern.html +199 -0
package/docs/DOCUSAURUS_IMPORT.md +378 -0
package/docs/_category_.json +8 -0
package/docs/app-manifest.md +272 -0
package/docs/building-for-platform.md +315 -0
package/docs/dev-tools.md +291 -0
package/docs/getting-started.md +180 -0
package/docs/gxp-store.md +305 -0
package/docs/index.md +44 -0
package/package.json +77 -0
package/runtime/PortalContainer.vue +326 -0
package/runtime/dev-tools/DevToolsModal.vue +217 -0
package/runtime/dev-tools/LayoutSwitcher.vue +221 -0
package/runtime/dev-tools/MockDataEditor.vue +621 -0
package/runtime/dev-tools/SocketSimulator.vue +562 -0
package/runtime/dev-tools/StoreInspector.vue +644 -0
package/runtime/dev-tools/index.js +6 -0
package/runtime/gxpStringsPlugin.js +428 -0
package/runtime/index.html +22 -0
package/runtime/main.js +32 -0
package/runtime/mock-api/auth-middleware.js +97 -0
package/runtime/mock-api/image-generator.js +221 -0
package/runtime/mock-api/index.js +197 -0
package/runtime/mock-api/response-generator.js +394 -0
package/runtime/mock-api/route-generator.js +323 -0
package/runtime/mock-api/socket-triggers.js +371 -0
package/runtime/mock-api/spec-loader.js +300 -0
package/runtime/server.js +180 -0
package/runtime/stores/gxpPortalConfigStore.js +554 -0
package/runtime/stores/index.js +6 -0
package/runtime/vite-inspector-plugin.js +749 -0
package/runtime/vite-source-tracker-plugin.js +232 -0
package/runtime/vite.config.js +402 -0
package/scripts/launch-chrome.js +90 -0
package/scripts/pack-chrome.js +91 -0
package/socket-events/AiSessionMessageCreated.json +18 -0
package/socket-events/SocialStreamPostCreated.json +24 -0
package/socket-events/SocialStreamPostVariantCompleted.json +23 -0
package/template/README.md +332 -0
package/template/app-manifest.json +32 -0
package/template/dev-assets/images/avatar-placeholder.png +0 -0
package/template/dev-assets/images/background-placeholder.jpg +0 -0
package/template/dev-assets/images/banner-placeholder.jpg +0 -0
package/template/dev-assets/images/icon-placeholder.png +0 -0
package/template/dev-assets/images/logo-placeholder.png +0 -0
package/template/dev-assets/images/product-placeholder.jpg +0 -0
package/template/dev-assets/images/thumbnail-placeholder.jpg +0 -0
package/template/env.example +51 -0
package/template/gitignore +53 -0
package/template/index.html +22 -0
package/template/main.js +28 -0
package/template/src/DemoPage.vue +459 -0
package/template/src/Plugin.vue +38 -0
package/template/src/stores/index.js +9 -0
package/template/src/stores/test-data.json +173 -0
package/template/theme-layouts/AdditionalStyling.css +0 -0
package/template/theme-layouts/PrivateLayout.vue +39 -0
package/template/theme-layouts/PublicLayout.vue +39 -0
package/template/theme-layouts/SystemLayout.vue +39 -0
package/template/vite.config.js +333 -0
package/tsconfig.tui.json +21 -0
package/vite.config.js +164 -0

package/browser-extensions/firefox/test-imports.html ADDED Viewed

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Test JavaScript Imports Interception</title>
+</head>
+<body>
+    <h1>JavaScript Import Interception Test</h1>
+    <p>Check the Network tab and proxy notifications to see if imports are intercepted.</p>
+    <div id="results"></div>
+    <script type="module">
+        const results = document.getElementById('results');
+        function log(message) {
+            const div = document.createElement('div');
+            div.textContent = `${new Date().toLocaleTimeString()}: ${message}`;
+            results.appendChild(div);
+        }
+        // Test 1: Dynamic import
+        log('Testing dynamic import...');
+        try {
+            const module = await import('https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js');
+            log('✅ Dynamic import successful');
+        } catch (error) {
+            log('❌ Dynamic import failed: ' + error.message);
+        }
+        // Test 2: Fetch (for comparison)
+        log('Testing fetch...');
+        try {
+            const response = await fetch('https://api.github.com/users/octocat');
+            log('✅ Fetch successful');
+        } catch (error) {
+            log('❌ Fetch failed: ' + error.message);
+        }
+        // Test 3: Worker (if supported)
+        log('Testing Web Worker...');
+        try {
+            const workerCode = `
+                self.postMessage('Worker loaded successfully');
+                self.close();
+            `;
+            const blob = new Blob([workerCode], { type: 'application/javascript' });
+            const worker = new Worker(URL.createObjectURL(blob));
+            worker.onmessage = () => log('✅ Web Worker successful');
+            worker.onerror = () => log('❌ Web Worker failed');
+        } catch (error) {
+            log('❌ Web Worker failed: ' + error.message);
+        }
+    </script>
+    <!-- Test 4: Static import (commented out as it needs a real module file) -->
+    <!-- <script type="module" src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script> -->
+</body>
+</html>

package/browser-extensions/firefox/test-masking.html ADDED Viewed

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Test URL Masking vs Redirection</title>
+    <style>
+        body { font-family: Arial, sans-serif; padding: 20px; max-width: 800px; }
+        .mode-section { margin: 20px 0; padding: 20px; border: 2px solid #ddd; border-radius: 8px; }
+        .redirect-mode { border-color: #dc3545; background: #fff5f5; }
+        .masking-mode { border-color: #28a745; background: #f8fff8; }
+        .test-buttons { margin: 15px 0; }
+        button { padding: 10px 15px; margin: 5px; cursor: pointer; }
+        .redirect-btn { background: #dc3545; color: white; border: none; border-radius: 4px; }
+        .masking-btn { background: #28a745; color: white; border: none; border-radius: 4px; }
+        .results { background: #f5f5f5; padding: 10px; margin: 10px 0; border-radius: 4px; }
+        .code { background: #e9ecef; padding: 8px; font-family: monospace; margin: 8px 0; }
+    </style>
+</head>
+<body>
+    <h1>URL Masking vs Redirection Test</h1>
+    <div class="mode-section redirect-mode">
+        <h2>🔴 Redirect Mode (Traditional)</h2>
+        <p><strong>How it works:</strong> Browser URL bar changes to show the new destination</p>
+        <div class="code">
+            Original URL: https://api.example.com/data<br>
+            Browser shows: https://api.alternative.com/data
+        </div>
+        <p><strong>Use case:</strong> When you want users to see they're being redirected</p>
+        <div class="test-buttons">
+            <button class="redirect-btn" onclick="testRedirect()">Test Redirect Mode</button>
+        </div>
+        <div id="redirectResults" class="results"></div>
+    </div>
+    <div class="mode-section masking-mode">
+        <h2>🟢 Masking Mode (Transparent Proxy)</h2>
+        <p><strong>How it works:</strong> Browser URL bar shows original URL, but request goes to proxy server</p>
+        <div class="code">
+            Original URL: https://api.example.com/data<br>
+            Browser shows: https://api.example.com/data<br>
+            Actual request goes to: https://api.alternative.com/data<br>
+            Headers include: X-Proxy-Original-Host: api.example.com
+        </div>
+        <p><strong>Use case:</strong> Transparent proxying without changing visible URLs</p>
+        <div class="test-buttons">
+            <button class="masking-btn" onclick="testMasking()">Test Masking Mode</button>
+        </div>
+        <div id="maskingResults" class="results"></div>
+    </div>
+    <div class="mode-section">
+        <h2>📋 Setup Instructions</h2>
+        <ol>
+            <li><strong>For Redirect Mode:</strong>
+                <ul>
+                    <li>Add rule: Pattern <code>httpbin\.org</code> → Redirect <code>postman-echo.com</code></li>
+                    <li>Leave "Mask URL" checkbox unchecked</li>
+                    <li>Leave "URL Masking Mode" unchecked</li>
+                </ul>
+            </li>
+            <li><strong>For Masking Mode:</strong>
+                <ul>
+                    <li>Add rule: Pattern <code>httpbin\.org</code> → Redirect <code>postman-echo.com</code></li>
+                    <li>Check "Mask URL" checkbox for the rule, OR</li>
+                    <li>Check "URL Masking Mode" for global masking</li>
+                </ul>
+            </li>
+        </ol>
+        <h3>🔧 Server Requirements for Masking</h3>
+        <p>Your proxy server needs to:</p>
+        <ul>
+            <li>Accept the original Host header</li>
+            <li>Read <code>X-Proxy-Original-Host</code> and <code>X-Proxy-Original-URL</code> headers</li>
+            <li>Route requests based on these headers</li>
+            <li>Return appropriate CORS headers if needed</li>
+        </ul>
+    </div>
+    <script>
+        function log(elementId, message) {
+            const element = document.getElementById(elementId);
+            const timestamp = new Date().toLocaleTimeString();
+            element.innerHTML += `<div>${timestamp}: ${message}</div>`;
+        }
+        async function testRedirect() {
+            const results = document.getElementById('redirectResults');
+            results.innerHTML = '';
+            log('redirectResults', '🧪 Testing redirect mode...');
+            log('redirectResults', '📝 Make sure extension is in REDIRECT mode (Mask URL unchecked)');
+            try {
+                const response = await fetch('https://httpbin.org/get?test=redirect');
+                const data = await response.json();
+                log('redirectResults', `✅ Request successful to: ${data.url}`);
+                log('redirectResults', `📍 Check browser URL bar - should show redirected domain`);
+            } catch (error) {
+                log('redirectResults', `❌ Request failed: ${error.message}`);
+            }
+        }
+        async function testMasking() {
+            const results = document.getElementById('maskingResults');
+            results.innerHTML = '';
+            log('maskingResults', '🧪 Testing masking mode...');
+            log('maskingResults', '📝 Make sure extension is in MASKING mode (Mask URL checked)');
+            try {
+                const response = await fetch('https://httpbin.org/get?test=masking');
+                const data = await response.json();
+                log('maskingResults', `✅ Request successful`);
+                log('maskingResults', `📍 Check browser URL bar - should show original domain`);
+                log('maskingResults', `🔍 Check Network tab for actual destination`);
+                // Check if proxy headers were included
+                if (data.headers && data.headers['X-Proxy-Original-Host']) {
+                    log('maskingResults', `✅ Proxy headers detected: ${data.headers['X-Proxy-Original-Host']}`);
+                } else {
+                    log('maskingResults', `⚠️ No proxy headers detected - check masking configuration`);
+                }
+            } catch (error) {
+                log('maskingResults', `❌ Request failed: ${error.message}`);
+                log('maskingResults', `💡 This might be expected if proxy server doesn't support masking`);
+            }
+        }
+        // Auto-check extension status
+        window.addEventListener('load', async function() {
+            try {
+                if (typeof browser !== 'undefined') {
+                    const state = await browser.runtime.sendMessage({ action: 'getState' });
+                    console.log('Extension state:', state);
+                } else {
+                    console.log('Extension not detected');
+                }
+            } catch (error) {
+                console.log('Extension communication failed:', error);
+            }
+        });
+    </script>
+</body>
+</html>

package/browser-extensions/firefox/test-uri-pattern.html ADDED Viewed

@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JavaScript Proxy URI Pattern Test</title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+            background: #f8f9fa;
+        }
+        .container {
+            background: white;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        h1 {
+            color: #333;
+            margin-bottom: 30px;
+        }
+        .test-section {
+            margin-bottom: 30px;
+            padding: 20px;
+            border: 1px solid #e9ecef;
+            border-radius: 6px;
+        }
+        .test-section h3 {
+            margin-top: 0;
+            color: #495057;
+        }
+        .url-test {
+            margin: 10px 0;
+            padding: 10px;
+            background: #f8f9fa;
+            border-left: 4px solid #007bff;
+            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+            font-size: 13px;
+            word-break: break-all;
+        }
+        .should-match {
+            border-left-color: #28a745;
+        }
+        .should-not-match {
+            border-left-color: #dc3545;
+        }
+        button {
+            background: #007bff;
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 4px;
+            cursor: pointer;
+            margin: 5px;
+        }
+        button:hover {
+            background: #0056b3;
+        }
+        .status {
+            margin-top: 20px;
+            padding: 15px;
+            border-radius: 4px;
+            font-weight: bold;
+        }
+        .success {
+            background: #d4edda;
+            color: #155724;
+            border: 1px solid #c3e6cb;
+        }
+        .error {
+            background: #f8d7da;
+            color: #721c24;
+            border: 1px solid #f5c6cb;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>JavaScript Proxy URI Pattern Test</h1>
+        <div class="test-section">
+            <h3>Default Pattern</h3>
+            <p>Default pattern: <code>uploads\/plugin-version\/\d+\/file_name\/.*\.js(\?.*)?</code></p>
+            <p>This should match JavaScript files in the uploads/plugin-version/* path on any domain.</p>
+        </div>
+        <div class="test-section">
+            <h3>URLs That Should Match (Will Redirect)</h3>
+            <div class="url-test should-match">
+                https://example.com/uploads/plugin-version/123/file_name/script.js
+            </div>
+            <div class="url-test should-match">
+                https://westernightwall.zenith-develop.env.eventfinity.app/uploads/plugin-version/3/file_name/T9OvqS1727804478.js
+            </div>
+            <div class="url-test should-match">
+                https://different-domain.com/uploads/plugin-version/456/file_name/myfile.js?signature=abc123&expires=789
+            </div>
+            <div class="url-test should-match">
+                https://api.staging.example.org/uploads/plugin-version/999/file_name/component.js?token=xyz
+            </div>
+        </div>
+        <div class="test-section">
+            <h3>URLs That Should NOT Match (No Redirect)</h3>
+            <div class="url-test should-not-match">
+                https://example.com/uploads/versions/123/file_name/script.js
+                <small>(different path: versions instead of plugin-version)</small>
+            </div>
+            <div class="url-test should-not-match">
+                https://example.com/uploads/plugin-version/123/file_name/style.css
+                <small>(not a .js file)</small>
+            </div>
+            <div class="url-test should-not-match">
+                https://example.com/other-path/plugin-version/123/file_name/script.js
+                <small>(wrong base path)</small>
+            </div>
+            <div class="url-test should-not-match">
+                https://localhost:3060/src/Plugin.vue
+                <small>(localhost - prevent redirect loops)</small>
+            </div>
+        </div>
+        <div class="test-section">
+            <h3>Test Actions</h3>
+            <p>Click the buttons below to test loading JavaScript files:</p>
+            <button onclick="testUrl('https://example.com/uploads/plugin-version/123/file_name/test.js')">
+                Test Matching URL
+            </button>
+            <button onclick="testUrl('https://example.com/uploads/plugin-version/456/file_name/test.js?signed=true')">
+                Test Matching URL with Query
+            </button>
+            <button onclick="testUrl('https://example.com/other-path/test.js')">
+                Test Non-Matching URL
+            </button>
+            <div id="status"></div>
+        </div>
+        <div class="test-section">
+            <h3>Instructions</h3>
+            <ol>
+                <li>Install and enable the JavaScript Proxy extension</li>
+                <li>Configure it to redirect to your local development server</li>
+                <li>Open browser developer tools to see network requests</li>
+                <li>Click the test buttons above to see which URLs get redirected</li>
+                <li>URLs matching the pattern should redirect to your local server</li>
+                <li>URLs not matching should load normally (and probably fail)</li>
+            </ol>
+        </div>
+    </div>
+    <script>
+        function testUrl(url) {
+            const status = document.getElementById('status');
+            status.innerHTML = `<div class="status">Testing: ${url}</div>`;
+            // Create a script element to test the URL
+            const script = document.createElement('script');
+            script.src = url;
+            script.onload = function() {
+                status.innerHTML = `<div class="status success">✅ Successfully loaded: ${url}</div>`;
+            };
+            script.onerror = function() {
+                status.innerHTML = `<div class="status error">❌ Failed to load: ${url}<br><small>This is expected for test URLs that don't exist</small></div>`;
+            };
+            // Add to page to trigger the request
+            document.head.appendChild(script);
+            // Remove after a short delay
+            setTimeout(() => {
+                if (script.parentNode) {
+                    script.parentNode.removeChild(script);
+                }
+            }, 5000);
+        }
+        // Log current page URL for reference
+        console.log('Test page URL:', window.location.href);
+        console.log('Use browser dev tools to monitor network requests and see proxy behavior');
+    </script>
+</body>
+</html>