@gxp-dev/tools 2.0.6 → 2.0.8

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 (100) hide show
  1. package/bin/lib/commands/build.js +18 -12
  2. package/browser-extensions/README.md +1 -0
  3. package/browser-extensions/chrome/background.js +857 -0
  4. package/browser-extensions/chrome/content.js +51 -0
  5. package/browser-extensions/chrome/devtools.html +9 -0
  6. package/browser-extensions/chrome/devtools.js +23 -0
  7. package/browser-extensions/chrome/icons/gx_off_128.png +0 -0
  8. package/browser-extensions/chrome/icons/gx_off_16.png +0 -0
  9. package/browser-extensions/chrome/icons/gx_off_32.png +0 -0
  10. package/browser-extensions/chrome/icons/gx_off_64.png +0 -0
  11. package/browser-extensions/chrome/icons/gx_on_128.png +0 -0
  12. package/browser-extensions/chrome/icons/gx_on_16.png +0 -0
  13. package/browser-extensions/chrome/icons/gx_on_32.png +0 -0
  14. package/browser-extensions/chrome/icons/gx_on_64.png +0 -0
  15. package/browser-extensions/chrome/inspector.js +1087 -0
  16. package/browser-extensions/chrome/manifest.json +70 -0
  17. package/browser-extensions/chrome/panel.html +638 -0
  18. package/browser-extensions/chrome/panel.js +862 -0
  19. package/browser-extensions/chrome/popup.html +399 -0
  20. package/browser-extensions/chrome/popup.js +515 -0
  21. package/browser-extensions/chrome/rules.json +1 -0
  22. package/browser-extensions/chrome/test-chrome.html +145 -0
  23. package/browser-extensions/chrome/test-mixed-content.html +190 -0
  24. package/browser-extensions/chrome/test-uri-pattern.html +199 -0
  25. package/browser-extensions/firefox/README.md +134 -0
  26. package/browser-extensions/firefox/background.js +804 -0
  27. package/browser-extensions/firefox/content.js +120 -0
  28. package/browser-extensions/firefox/debug-errors.html +229 -0
  29. package/browser-extensions/firefox/debug-https.html +113 -0
  30. package/browser-extensions/firefox/devtools.html +9 -0
  31. package/browser-extensions/firefox/devtools.js +24 -0
  32. package/browser-extensions/firefox/icons/gx_off_128.png +0 -0
  33. package/browser-extensions/firefox/icons/gx_off_16.png +0 -0
  34. package/browser-extensions/firefox/icons/gx_off_32.png +0 -0
  35. package/browser-extensions/firefox/icons/gx_off_64.png +0 -0
  36. package/browser-extensions/firefox/icons/gx_on_128.png +0 -0
  37. package/browser-extensions/firefox/icons/gx_on_16.png +0 -0
  38. package/browser-extensions/firefox/icons/gx_on_32.png +0 -0
  39. package/browser-extensions/firefox/icons/gx_on_64.png +0 -0
  40. package/browser-extensions/firefox/inspector.js +1087 -0
  41. package/browser-extensions/firefox/manifest.json +67 -0
  42. package/browser-extensions/firefox/panel.html +638 -0
  43. package/browser-extensions/firefox/panel.js +862 -0
  44. package/browser-extensions/firefox/popup.html +525 -0
  45. package/browser-extensions/firefox/popup.js +536 -0
  46. package/browser-extensions/firefox/test-gramercy.html +126 -0
  47. package/browser-extensions/firefox/test-imports.html +58 -0
  48. package/browser-extensions/firefox/test-masking.html +147 -0
  49. package/browser-extensions/firefox/test-uri-pattern.html +199 -0
  50. package/package.json +7 -2
  51. package/runtime/PortalContainer.vue +326 -0
  52. package/runtime/dev-tools/DevToolsModal.vue +217 -0
  53. package/runtime/dev-tools/LayoutSwitcher.vue +221 -0
  54. package/runtime/dev-tools/MockDataEditor.vue +621 -0
  55. package/runtime/dev-tools/SocketSimulator.vue +562 -0
  56. package/runtime/dev-tools/StoreInspector.vue +644 -0
  57. package/runtime/dev-tools/index.js +6 -0
  58. package/runtime/gxpStringsPlugin.js +428 -0
  59. package/runtime/index.html +22 -0
  60. package/runtime/main.js +32 -0
  61. package/runtime/mock-api/auth-middleware.js +97 -0
  62. package/runtime/mock-api/image-generator.js +221 -0
  63. package/runtime/mock-api/index.js +197 -0
  64. package/runtime/mock-api/response-generator.js +394 -0
  65. package/runtime/mock-api/route-generator.js +323 -0
  66. package/runtime/mock-api/socket-triggers.js +371 -0
  67. package/runtime/mock-api/spec-loader.js +300 -0
  68. package/runtime/server.js +180 -0
  69. package/runtime/stores/gxpPortalConfigStore.js +554 -0
  70. package/runtime/stores/index.js +6 -0
  71. package/runtime/vite-inspector-plugin.js +749 -0
  72. package/runtime/vite-source-tracker-plugin.js +232 -0
  73. package/runtime/vite.config.js +402 -0
  74. package/scripts/launch-chrome.js +90 -0
  75. package/scripts/pack-chrome.js +91 -0
  76. package/socket-events/AiSessionMessageCreated.json +18 -0
  77. package/socket-events/SocialStreamPostCreated.json +24 -0
  78. package/socket-events/SocialStreamPostVariantCompleted.json +23 -0
  79. package/template/README.md +332 -0
  80. package/template/app-manifest.json +32 -0
  81. package/template/dev-assets/images/avatar-placeholder.png +0 -0
  82. package/template/dev-assets/images/background-placeholder.jpg +0 -0
  83. package/template/dev-assets/images/banner-placeholder.jpg +0 -0
  84. package/template/dev-assets/images/icon-placeholder.png +0 -0
  85. package/template/dev-assets/images/logo-placeholder.png +0 -0
  86. package/template/dev-assets/images/product-placeholder.jpg +0 -0
  87. package/template/dev-assets/images/thumbnail-placeholder.jpg +0 -0
  88. package/template/env.example +51 -0
  89. package/template/gitignore +53 -0
  90. package/template/index.html +22 -0
  91. package/template/main.js +28 -0
  92. package/template/src/DemoPage.vue +459 -0
  93. package/template/src/Plugin.vue +38 -0
  94. package/template/src/stores/index.js +9 -0
  95. package/template/src/stores/test-data.json +173 -0
  96. package/template/theme-layouts/AdditionalStyling.css +0 -0
  97. package/template/theme-layouts/PrivateLayout.vue +39 -0
  98. package/template/theme-layouts/PublicLayout.vue +39 -0
  99. package/template/theme-layouts/SystemLayout.vue +39 -0
  100. package/template/vite.config.js +333 -0
package/browser-extensions/firefox/popup.html ADDED
@@ -0,0 +1,525 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <style>
6
+ :root {
7
+ --main-bg: #f8f9fa;
8
+ --header-bg: #2563eb;
9
+ --card-bg: #ffffff;
10
+ --border-color: #e5e7eb;
11
+ --text-primary: #1f2937;
12
+ --text-secondary: #6b7280;
13
+ --success-color: #10b981;
14
+ --error-color: #ef4444;
15
+ --warning-color: #f59e0b;
16
+ --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
17
+ --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
18
+ }
19
+
20
+ * {
21
+ box-sizing: border-box;
22
+ margin: 0;
23
+ padding: 0;
24
+ }
25
+
26
+ body {
27
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
28
+ font-size: 14px;
29
+ line-height: 1.5;
30
+ color: var(--text-primary);
31
+ background: var(--main-bg);
32
+ width: 420px;
33
+ min-height: 500px;
34
+ }
35
+
36
+ .header {
37
+ background: linear-gradient(135deg, var(--header-bg) 0%, #1d4ed8 100%);
38
+ color: white;
39
+ padding: 20px;
40
+ text-align: center;
41
+ box-shadow: var(--shadow);
42
+ }
43
+
44
+ .header h1 {
45
+ font-size: 18px;
46
+ font-weight: 600;
47
+ margin: 0 0 8px 0;
48
+ }
49
+
50
+ .header .subtitle {
51
+ font-size: 12px;
52
+ opacity: 0.9;
53
+ font-weight: 400;
54
+ }
55
+
56
+ .main-container {
57
+ padding: 20px;
58
+ }
59
+
60
+ /* Main Toggle Section */
61
+ .main-toggle {
62
+ background: var(--card-bg);
63
+ border-radius: 12px;
64
+ box-shadow: var(--shadow);
65
+ overflow: hidden;
66
+ margin-bottom: 20px;
67
+ }
68
+
69
+ .toggle-header {
70
+ padding: 16px 20px;
71
+ border-bottom: 1px solid var(--border-color);
72
+ display: flex;
73
+ align-items: center;
74
+ justify-content: space-between;
75
+ }
76
+
77
+ .toggle-title {
78
+ font-weight: 600;
79
+ font-size: 15px;
80
+ }
81
+
82
+ .master-toggle {
83
+ position: relative;
84
+ width: 52px;
85
+ height: 28px;
86
+ }
87
+
88
+ .master-toggle input {
89
+ opacity: 0;
90
+ width: 0;
91
+ height: 0;
92
+ }
93
+
94
+ .master-slider {
95
+ position: absolute;
96
+ cursor: pointer;
97
+ top: 0;
98
+ left: 0;
99
+ right: 0;
100
+ bottom: 0;
101
+ background-color: #cbd5e1;
102
+ border-radius: 28px;
103
+ transition: all 0.3s ease;
104
+ }
105
+
106
+ .master-slider:before {
107
+ position: absolute;
108
+ content: "";
109
+ height: 22px;
110
+ width: 22px;
111
+ left: 3px;
112
+ bottom: 3px;
113
+ background-color: white;
114
+ border-radius: 50%;
115
+ transition: all 0.3s ease;
116
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
117
+ }
118
+
119
+ .master-toggle input:checked + .master-slider {
120
+ background-color: var(--success-color);
121
+ }
122
+
123
+ .master-toggle input:checked + .master-slider:before {
124
+ transform: translateX(24px);
125
+ }
126
+
127
+ .status-info {
128
+ padding: 12px 20px;
129
+ background: #f1f5f9;
130
+ font-size: 13px;
131
+ color: var(--text-secondary);
132
+ }
133
+
134
+ /* Rule Cards */
135
+ .rule-container {
136
+ background: var(--card-bg);
137
+ border-radius: 12px;
138
+ box-shadow: var(--shadow);
139
+ overflow: hidden;
140
+ margin-bottom: 16px;
141
+ }
142
+
143
+ .rule-header {
144
+ padding: 16px 20px;
145
+ border-bottom: 1px solid var(--border-color);
146
+ display: flex;
147
+ align-items: center;
148
+ justify-content: space-between;
149
+ background: #fafbfc;
150
+ }
151
+
152
+ .rule-title {
153
+ font-weight: 600;
154
+ font-size: 14px;
155
+ color: var(--text-primary);
156
+ }
157
+
158
+ .rule-subtitle {
159
+ font-size: 12px;
160
+ color: var(--text-secondary);
161
+ margin-top: 2px;
162
+ }
163
+
164
+ .rule-toggle {
165
+ position: relative;
166
+ width: 44px;
167
+ height: 24px;
168
+ }
169
+
170
+ .rule-toggle input {
171
+ opacity: 0;
172
+ width: 0;
173
+ height: 0;
174
+ }
175
+
176
+ .rule-slider {
177
+ position: absolute;
178
+ cursor: pointer;
179
+ top: 0;
180
+ left: 0;
181
+ right: 0;
182
+ bottom: 0;
183
+ background-color: #cbd5e1;
184
+ border-radius: 24px;
185
+ transition: all 0.3s ease;
186
+ }
187
+
188
+ .rule-slider:before {
189
+ position: absolute;
190
+ content: "";
191
+ height: 18px;
192
+ width: 18px;
193
+ left: 3px;
194
+ bottom: 3px;
195
+ background-color: white;
196
+ border-radius: 50%;
197
+ transition: all 0.3s ease;
198
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
199
+ }
200
+
201
+ .rule-toggle input:checked + .rule-slider {
202
+ background-color: var(--success-color);
203
+ }
204
+
205
+ .rule-toggle input:checked + .rule-slider:before {
206
+ transform: translateX(20px);
207
+ }
208
+
209
+ .rule-content {
210
+ padding: 20px;
211
+ }
212
+
213
+ /* Form Fields */
214
+ .form-group {
215
+ margin-bottom: 16px;
216
+ }
217
+
218
+ .form-group:last-child {
219
+ margin-bottom: 0;
220
+ }
221
+
222
+ .form-group label {
223
+ display: block;
224
+ font-weight: 500;
225
+ margin-bottom: 6px;
226
+ font-size: 13px;
227
+ color: var(--text-primary);
228
+ }
229
+
230
+ .form-group input,
231
+ .form-group textarea {
232
+ width: 100%;
233
+ padding: 10px 12px;
234
+ border: 1px solid var(--border-color);
235
+ border-radius: 8px;
236
+ font-size: 13px;
237
+ transition: all 0.2s ease;
238
+ background: white;
239
+ }
240
+
241
+ .form-group input:focus,
242
+ .form-group textarea:focus {
243
+ outline: none;
244
+ border-color: var(--header-bg);
245
+ box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
246
+ }
247
+
248
+ .form-group textarea {
249
+ resize: vertical;
250
+ min-height: 65px;
251
+ font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
252
+ }
253
+
254
+ /* Checkbox */
255
+ .checkbox-group {
256
+ display: flex;
257
+ align-items: center;
258
+ margin-bottom: 16px;
259
+ }
260
+
261
+ .checkbox-group input[type="checkbox"] {
262
+ width: auto;
263
+ margin-right: 8px;
264
+ cursor: pointer;
265
+ }
266
+
267
+ .checkbox-group label {
268
+ margin-bottom: 0;
269
+ cursor: pointer;
270
+ font-size: 13px;
271
+ }
272
+
273
+ /* Action Buttons */
274
+ .action-buttons {
275
+ display: flex;
276
+ gap: 8px;
277
+ margin-top: 20px;
278
+ }
279
+
280
+ .btn {
281
+ flex: 1;
282
+ padding: 10px 16px;
283
+ border: none;
284
+ border-radius: 8px;
285
+ font-size: 13px;
286
+ font-weight: 500;
287
+ cursor: pointer;
288
+ transition: all 0.2s ease;
289
+ text-align: center;
290
+ }
291
+
292
+ .btn-primary {
293
+ background: var(--header-bg);
294
+ color: white;
295
+ }
296
+
297
+ .btn-primary:hover {
298
+ background: #1d4ed8;
299
+ transform: translateY(-1px);
300
+ box-shadow: var(--shadow-lg);
301
+ }
302
+
303
+ .btn-secondary {
304
+ background: #f3f4f6;
305
+ color: var(--text-primary);
306
+ border: 1px solid var(--border-color);
307
+ }
308
+
309
+ .btn-secondary:hover {
310
+ background: #e5e7eb;
311
+ transform: translateY(-1px);
312
+ }
313
+
314
+ .btn:disabled {
315
+ opacity: 0.6;
316
+ cursor: not-allowed;
317
+ transform: none !important;
318
+ }
319
+
320
+ /* Status Messages */
321
+ .status-message {
322
+ padding: 12px 16px;
323
+ border-radius: 8px;
324
+ margin-bottom: 16px;
325
+ font-size: 13px;
326
+ font-weight: 500;
327
+ }
328
+
329
+ .status-success {
330
+ background: #ecfdf5;
331
+ color: #065f46;
332
+ border: 1px solid #a7f3d0;
333
+ }
334
+
335
+ .status-error {
336
+ background: #fef2f2;
337
+ color: #991b1b;
338
+ border: 1px solid #fca5a5;
339
+ }
340
+
341
+ /* Hidden class */
342
+ .hidden {
343
+ display: none !important;
344
+ }
345
+
346
+ /* Disabled state for rule containers */
347
+ .rule-container.disabled {
348
+ opacity: 0.6;
349
+ }
350
+
351
+ .rule-container.disabled .rule-content {
352
+ pointer-events: none;
353
+ }
354
+
355
+ /* Pattern info */
356
+ .pattern-info {
357
+ font-size: 11px;
358
+ color: var(--text-secondary);
359
+ margin-top: 4px;
360
+ font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
361
+ }
362
+
363
+ /* Advanced Settings */
364
+ .advanced-settings {
365
+ background: var(--card-bg);
366
+ border-radius: 12px;
367
+ box-shadow: var(--shadow);
368
+ overflow: hidden;
369
+ margin-top: 20px;
370
+ }
371
+
372
+ .advanced-header {
373
+ padding: 16px 20px;
374
+ background: #fafbfc;
375
+ border-bottom: 1px solid var(--border-color);
376
+ cursor: pointer;
377
+ display: flex;
378
+ align-items: center;
379
+ justify-content: space-between;
380
+ }
381
+
382
+ .advanced-header:hover {
383
+ background: #f1f5f9;
384
+ }
385
+
386
+ .advanced-title {
387
+ font-weight: 600;
388
+ font-size: 14px;
389
+ }
390
+
391
+ .advanced-toggle {
392
+ font-size: 12px;
393
+ color: var(--text-secondary);
394
+ }
395
+
396
+ .advanced-content {
397
+ padding: 20px;
398
+ }
399
+ </style>
400
+ </head>
401
+ <body>
402
+ <div class="header">
403
+ <h1>JavaScript Proxy</h1>
404
+ <div class="subtitle">Intercept & redirect web requests</div>
405
+ </div>
406
+
407
+ <div class="main-container">
408
+ <!-- Status Messages -->
409
+ <div id="statusMessage" class="status-message hidden"></div>
410
+
411
+ <!-- Main Toggle -->
412
+ <div class="main-toggle">
413
+ <div class="toggle-header">
414
+ <div class="toggle-title">Proxy Extension</div>
415
+ <label class="master-toggle">
416
+ <input type="checkbox" id="masterToggle">
417
+ <span class="master-slider"></span>
418
+ </label>
419
+ </div>
420
+ <div class="status-info" id="statusInfo">
421
+ Extension is currently disabled
422
+ </div>
423
+ </div>
424
+
425
+ <!-- JavaScript Rule -->
426
+ <div class="rule-container" id="jsRuleContainer">
427
+ <div class="rule-header">
428
+ <div>
429
+ <div class="rule-title">JavaScript Files (.js)</div>
430
+ <div class="rule-subtitle">Redirect JavaScript files to development server</div>
431
+ </div>
432
+ <label class="rule-toggle">
433
+ <input type="checkbox" id="jsRuleToggle">
434
+ <span class="rule-slider"></span>
435
+ </label>
436
+ </div>
437
+ <div class="rule-content">
438
+ <div class="form-group">
439
+ <label for="jsRedirectUrl">Redirect URL:</label>
440
+ <input type="url" id="jsRedirectUrl" placeholder="https://localhost:3060/src/Plugin.vue">
441
+ </div>
442
+
443
+ <div class="checkbox-group">
444
+ <input type="checkbox" id="jsUseCustomPattern">
445
+ <label for="jsUseCustomPattern">Use custom URL pattern</label>
446
+ </div>
447
+
448
+ <div class="form-group" id="jsPatternGroup">
449
+ <label for="jsPattern">URL Pattern (RegEx):</label>
450
+ <textarea id="jsPattern" placeholder="uploads\/plugin-version\/\d+\/file_name\/.*\.js(\?.*)?"></textarea>
451
+ <div class="pattern-info">Matches JavaScript files in plugin uploads</div>
452
+ </div>
453
+ </div>
454
+ </div>
455
+
456
+ <!-- CSS Rule -->
457
+ <div class="rule-container" id="cssRuleContainer">
458
+ <div class="rule-header">
459
+ <div>
460
+ <div class="rule-title">CSS Files (.css)</div>
461
+ <div class="rule-subtitle">Handle CSS files with redirect or blank return</div>
462
+ </div>
463
+ <label class="rule-toggle">
464
+ <input type="checkbox" id="cssRuleToggle">
465
+ <span class="rule-slider"></span>
466
+ </label>
467
+ </div>
468
+ <div class="rule-content">
469
+ <div class="checkbox-group">
470
+ <input type="checkbox" id="cssReturnBlank">
471
+ <label for="cssReturnBlank">Return blank CSS document instead of redirecting</label>
472
+ </div>
473
+
474
+ <div class="form-group" id="cssRedirectGroup">
475
+ <label for="cssRedirectUrl">Redirect URL:</label>
476
+ <input type="url" id="cssRedirectUrl" placeholder="https://localhost:3060/src/styles.css">
477
+ </div>
478
+
479
+ <div class="checkbox-group">
480
+ <input type="checkbox" id="cssUseCustomPattern">
481
+ <label for="cssUseCustomPattern">Use custom URL pattern</label>
482
+ </div>
483
+
484
+ <div class="form-group" id="cssPatternGroup">
485
+ <label for="cssPattern">URL Pattern (RegEx):</label>
486
+ <textarea id="cssPattern" placeholder="uploads\/plugin-version\/\d+\/style_file_name\/.*\.css(\?.*)?"></textarea>
487
+ <div class="pattern-info">Matches CSS files in plugin uploads</div>
488
+ </div>
489
+ </div>
490
+ </div>
491
+
492
+ <!-- Advanced Settings -->
493
+ <div class="advanced-settings">
494
+ <div class="advanced-header" id="advancedHeader">
495
+ <div class="advanced-title">Advanced Settings</div>
496
+ <div class="advanced-toggle" id="advancedToggle">Show ▼</div>
497
+ </div>
498
+ <div class="advanced-content hidden" id="advancedContent">
499
+ <div class="checkbox-group">
500
+ <input type="checkbox" id="maskingMode">
501
+ <label for="maskingMode">URL Masking Mode (experimental)</label>
502
+ </div>
503
+
504
+ <div class="checkbox-group">
505
+ <input type="checkbox" id="clearCacheOnEnable">
506
+ <label for="clearCacheOnEnable">Clear cache when enabling proxy</label>
507
+ </div>
508
+
509
+ <div class="checkbox-group">
510
+ <input type="checkbox" id="disableCacheForRedirects">
511
+ <label for="disableCacheForRedirects">Disable cache for redirected requests</label>
512
+ </div>
513
+ </div>
514
+ </div>
515
+
516
+ <!-- Action Buttons -->
517
+ <div class="action-buttons">
518
+ <button class="btn btn-secondary" id="clearCacheBtn">Clear Cache</button>
519
+ <button class="btn btn-primary" id="saveBtn">Save Changes</button>
520
+ </div>
521
+ </div>
522
+
523
+ <script src="popup.js"></script>
524
+ </body>
525
+ </html>