@gxp-dev/tools 2.0.5 → 2.0.6

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 (169) hide show
  1. package/dist/tui/App.d.ts +13 -0
  2. package/dist/tui/App.d.ts.map +1 -0
  3. package/dist/tui/App.js +480 -0
  4. package/dist/tui/App.js.map +1 -0
  5. package/dist/tui/components/CommandInput.d.ts +13 -0
  6. package/dist/tui/components/CommandInput.d.ts.map +1 -0
  7. package/dist/tui/components/CommandInput.js +180 -0
  8. package/dist/tui/components/CommandInput.js.map +1 -0
  9. package/dist/tui/components/GeminiPanel.d.ts +7 -0
  10. package/dist/tui/components/GeminiPanel.d.ts.map +1 -0
  11. package/dist/tui/components/GeminiPanel.js +99 -0
  12. package/dist/tui/components/GeminiPanel.js.map +1 -0
  13. package/dist/tui/components/Header.d.ts +6 -0
  14. package/dist/tui/components/Header.d.ts.map +1 -0
  15. package/dist/tui/components/Header.js +6 -0
  16. package/dist/tui/components/Header.js.map +1 -0
  17. package/dist/tui/components/LogPanel.d.ts +8 -0
  18. package/dist/tui/components/LogPanel.d.ts.map +1 -0
  19. package/dist/tui/components/LogPanel.js +89 -0
  20. package/dist/tui/components/LogPanel.js.map +1 -0
  21. package/dist/tui/components/TabBar.d.ts +9 -0
  22. package/dist/tui/components/TabBar.d.ts.map +1 -0
  23. package/dist/tui/components/TabBar.js +23 -0
  24. package/dist/tui/components/TabBar.js.map +1 -0
  25. package/dist/tui/components/WelcomeScreen.d.ts +2 -0
  26. package/dist/tui/components/WelcomeScreen.d.ts.map +1 -0
  27. package/dist/tui/components/WelcomeScreen.js +14 -0
  28. package/dist/tui/components/WelcomeScreen.js.map +1 -0
  29. package/dist/tui/index.d.ts +8 -0
  30. package/dist/tui/index.d.ts.map +1 -0
  31. package/dist/tui/index.js +47 -0
  32. package/dist/tui/index.js.map +1 -0
  33. package/dist/tui/package.json +1 -0
  34. package/dist/tui/services/ExtensionService.d.ts +11 -0
  35. package/dist/tui/services/ExtensionService.d.ts.map +1 -0
  36. package/dist/tui/services/ExtensionService.js +101 -0
  37. package/dist/tui/services/ExtensionService.js.map +1 -0
  38. package/dist/tui/services/GeminiService.d.ts +40 -0
  39. package/dist/tui/services/GeminiService.d.ts.map +1 -0
  40. package/dist/tui/services/GeminiService.js +327 -0
  41. package/dist/tui/services/GeminiService.js.map +1 -0
  42. package/dist/tui/services/ServiceManager.d.ts +40 -0
  43. package/dist/tui/services/ServiceManager.d.ts.map +1 -0
  44. package/dist/tui/services/ServiceManager.js +283 -0
  45. package/dist/tui/services/ServiceManager.js.map +1 -0
  46. package/dist/tui/services/SocketService.d.ts +19 -0
  47. package/dist/tui/services/SocketService.d.ts.map +1 -0
  48. package/dist/tui/services/SocketService.js +163 -0
  49. package/dist/tui/services/SocketService.js.map +1 -0
  50. package/dist/tui/services/ViteService.d.ts +8 -0
  51. package/dist/tui/services/ViteService.d.ts.map +1 -0
  52. package/dist/tui/services/ViteService.js +89 -0
  53. package/dist/tui/services/ViteService.js.map +1 -0
  54. package/dist/tui/services/index.d.ts +6 -0
  55. package/dist/tui/services/index.d.ts.map +1 -0
  56. package/dist/tui/services/index.js +6 -0
  57. package/dist/tui/services/index.js.map +1 -0
  58. package/package.json +6 -1
  59. package/.github/workflows/npm-publish.yml +0 -48
  60. package/CLAUDE.md +0 -400
  61. package/REFACTOR_PLAN.md +0 -194
  62. package/browser-extensions/README.md +0 -1
  63. package/browser-extensions/chrome/background.js +0 -857
  64. package/browser-extensions/chrome/content.js +0 -51
  65. package/browser-extensions/chrome/devtools.html +0 -9
  66. package/browser-extensions/chrome/devtools.js +0 -23
  67. package/browser-extensions/chrome/icons/gx_off_128.png +0 -0
  68. package/browser-extensions/chrome/icons/gx_off_16.png +0 -0
  69. package/browser-extensions/chrome/icons/gx_off_32.png +0 -0
  70. package/browser-extensions/chrome/icons/gx_off_64.png +0 -0
  71. package/browser-extensions/chrome/icons/gx_on_128.png +0 -0
  72. package/browser-extensions/chrome/icons/gx_on_16.png +0 -0
  73. package/browser-extensions/chrome/icons/gx_on_32.png +0 -0
  74. package/browser-extensions/chrome/icons/gx_on_64.png +0 -0
  75. package/browser-extensions/chrome/inspector.js +0 -1087
  76. package/browser-extensions/chrome/manifest.json +0 -70
  77. package/browser-extensions/chrome/panel.html +0 -638
  78. package/browser-extensions/chrome/panel.js +0 -862
  79. package/browser-extensions/chrome/popup.html +0 -399
  80. package/browser-extensions/chrome/popup.js +0 -515
  81. package/browser-extensions/chrome/rules.json +0 -1
  82. package/browser-extensions/chrome/test-chrome.html +0 -145
  83. package/browser-extensions/chrome/test-mixed-content.html +0 -190
  84. package/browser-extensions/chrome/test-uri-pattern.html +0 -199
  85. package/browser-extensions/firefox/README.md +0 -134
  86. package/browser-extensions/firefox/background.js +0 -804
  87. package/browser-extensions/firefox/content.js +0 -120
  88. package/browser-extensions/firefox/debug-errors.html +0 -229
  89. package/browser-extensions/firefox/debug-https.html +0 -113
  90. package/browser-extensions/firefox/devtools.html +0 -9
  91. package/browser-extensions/firefox/devtools.js +0 -24
  92. package/browser-extensions/firefox/icons/gx_off_128.png +0 -0
  93. package/browser-extensions/firefox/icons/gx_off_16.png +0 -0
  94. package/browser-extensions/firefox/icons/gx_off_32.png +0 -0
  95. package/browser-extensions/firefox/icons/gx_off_64.png +0 -0
  96. package/browser-extensions/firefox/icons/gx_on_128.png +0 -0
  97. package/browser-extensions/firefox/icons/gx_on_16.png +0 -0
  98. package/browser-extensions/firefox/icons/gx_on_32.png +0 -0
  99. package/browser-extensions/firefox/icons/gx_on_64.png +0 -0
  100. package/browser-extensions/firefox/inspector.js +0 -1087
  101. package/browser-extensions/firefox/manifest.json +0 -67
  102. package/browser-extensions/firefox/panel.html +0 -638
  103. package/browser-extensions/firefox/panel.js +0 -862
  104. package/browser-extensions/firefox/popup.html +0 -525
  105. package/browser-extensions/firefox/popup.js +0 -536
  106. package/browser-extensions/firefox/test-gramercy.html +0 -126
  107. package/browser-extensions/firefox/test-imports.html +0 -58
  108. package/browser-extensions/firefox/test-masking.html +0 -147
  109. package/browser-extensions/firefox/test-uri-pattern.html +0 -199
  110. package/docs/DOCUSAURUS_IMPORT.md +0 -378
  111. package/docs/_category_.json +0 -8
  112. package/docs/app-manifest.md +0 -272
  113. package/docs/building-for-platform.md +0 -315
  114. package/docs/dev-tools.md +0 -291
  115. package/docs/getting-started.md +0 -180
  116. package/docs/gxp-store.md +0 -305
  117. package/docs/index.md +0 -44
  118. package/runtime/PortalContainer.vue +0 -326
  119. package/runtime/dev-tools/DevToolsModal.vue +0 -217
  120. package/runtime/dev-tools/LayoutSwitcher.vue +0 -221
  121. package/runtime/dev-tools/MockDataEditor.vue +0 -621
  122. package/runtime/dev-tools/SocketSimulator.vue +0 -562
  123. package/runtime/dev-tools/StoreInspector.vue +0 -644
  124. package/runtime/dev-tools/index.js +0 -6
  125. package/runtime/gxpStringsPlugin.js +0 -428
  126. package/runtime/index.html +0 -22
  127. package/runtime/main.js +0 -32
  128. package/runtime/mock-api/auth-middleware.js +0 -97
  129. package/runtime/mock-api/image-generator.js +0 -221
  130. package/runtime/mock-api/index.js +0 -197
  131. package/runtime/mock-api/response-generator.js +0 -394
  132. package/runtime/mock-api/route-generator.js +0 -323
  133. package/runtime/mock-api/socket-triggers.js +0 -371
  134. package/runtime/mock-api/spec-loader.js +0 -300
  135. package/runtime/server.js +0 -180
  136. package/runtime/stores/gxpPortalConfigStore.js +0 -554
  137. package/runtime/stores/index.js +0 -6
  138. package/runtime/vite-inspector-plugin.js +0 -749
  139. package/runtime/vite-source-tracker-plugin.js +0 -232
  140. package/runtime/vite.config.js +0 -402
  141. package/scripts/launch-chrome.js +0 -90
  142. package/scripts/pack-chrome.js +0 -91
  143. package/socket-events/AiSessionMessageCreated.json +0 -18
  144. package/socket-events/SocialStreamPostCreated.json +0 -24
  145. package/socket-events/SocialStreamPostVariantCompleted.json +0 -23
  146. package/template/README.md +0 -332
  147. package/template/app-manifest.json +0 -32
  148. package/template/dev-assets/images/avatar-placeholder.png +0 -0
  149. package/template/dev-assets/images/background-placeholder.jpg +0 -0
  150. package/template/dev-assets/images/banner-placeholder.jpg +0 -0
  151. package/template/dev-assets/images/icon-placeholder.png +0 -0
  152. package/template/dev-assets/images/logo-placeholder.png +0 -0
  153. package/template/dev-assets/images/product-placeholder.jpg +0 -0
  154. package/template/dev-assets/images/thumbnail-placeholder.jpg +0 -0
  155. package/template/env.example +0 -51
  156. package/template/gitignore +0 -53
  157. package/template/index.html +0 -22
  158. package/template/main.js +0 -28
  159. package/template/src/DemoPage.vue +0 -459
  160. package/template/src/Plugin.vue +0 -38
  161. package/template/src/stores/index.js +0 -9
  162. package/template/src/stores/test-data.json +0 -173
  163. package/template/theme-layouts/AdditionalStyling.css +0 -0
  164. package/template/theme-layouts/PrivateLayout.vue +0 -39
  165. package/template/theme-layouts/PublicLayout.vue +0 -39
  166. package/template/theme-layouts/SystemLayout.vue +0 -39
  167. package/template/vite.config.js +0 -333
  168. package/tsconfig.tui.json +0 -21
  169. package/vite.config.js +0 -164
@@ -1,399 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <style>
6
- body {
7
- width: 400px;
8
- padding: 0;
9
- margin: 0;
10
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
11
- background: #f8f9fa;
12
- }
13
-
14
- .header {
15
- background: #fff;
16
- padding: 16px;
17
- border-bottom: 1px solid #e9ecef;
18
- }
19
-
20
- .title {
21
- margin: 0 0 12px 0;
22
- font-size: 16px;
23
- font-weight: 600;
24
- color: #212529;
25
- }
26
-
27
- .toggle-container {
28
- display: flex;
29
- align-items: center;
30
- gap: 12px;
31
- }
32
-
33
- .toggle-button {
34
- background: #dc3545;
35
- border: none;
36
- padding: 8px 16px;
37
- border-radius: 20px;
38
- color: white;
39
- font-weight: 500;
40
- cursor: pointer;
41
- transition: all 0.2s;
42
- display: flex;
43
- align-items: center;
44
- gap: 6px;
45
- }
46
-
47
- .toggle-button.enabled {
48
- background: #28a745;
49
- }
50
-
51
- .toggle-button:hover {
52
- opacity: 0.9;
53
- }
54
-
55
- .status-dot {
56
- width: 8px;
57
- height: 8px;
58
- border-radius: 50%;
59
- background: currentColor;
60
- }
61
-
62
- .content {
63
- padding: 16px;
64
- }
65
-
66
- .section {
67
- margin-bottom: 20px;
68
- }
69
-
70
- .section-title {
71
- font-size: 14px;
72
- font-weight: 600;
73
- margin-bottom: 8px;
74
- color: #495057;
75
- }
76
-
77
- .config-container {
78
- background: white;
79
- border: 1px solid #dee2e6;
80
- border-radius: 6px;
81
- padding: 16px;
82
- }
83
-
84
- .rule-container {
85
- background: white;
86
- border: 1px solid #dee2e6;
87
- border-radius: 6px;
88
- padding: 16px;
89
- margin-bottom: 12px;
90
- }
91
-
92
- .rule-header {
93
- display: flex;
94
- align-items: center;
95
- gap: 8px;
96
- margin-bottom: 12px;
97
- }
98
-
99
- .rule-title {
100
- font-size: 14px;
101
- font-weight: 600;
102
- color: #495057;
103
- margin: 0;
104
- }
105
-
106
- .rule-toggle {
107
- margin-left: auto;
108
- }
109
-
110
- .input-group {
111
- display: flex;
112
- flex-direction: column;
113
- gap: 6px;
114
- margin-bottom: 16px;
115
- }
116
-
117
- .input-label {
118
- font-size: 12px;
119
- color: #6c757d;
120
- font-weight: 500;
121
- }
122
-
123
- input[type="text"] {
124
- padding: 8px 10px;
125
- border: 1px solid #ced4da;
126
- border-radius: 4px;
127
- font-size: 13px;
128
- }
129
-
130
- input[type="text"]:focus {
131
- outline: none;
132
- border-color: #007bff;
133
- box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
134
- }
135
-
136
- input[type="text"]:disabled {
137
- background: #f8f9fa;
138
- color: #6c757d;
139
- cursor: not-allowed;
140
- }
141
-
142
- .checkbox-group {
143
- display: flex;
144
- align-items: center;
145
- gap: 8px;
146
- margin-bottom: 12px;
147
- }
148
-
149
- .checkbox-group input[type="checkbox"] {
150
- margin: 0;
151
- }
152
-
153
- .checkbox-group label {
154
- font-size: 12px;
155
- color: #495057;
156
- margin: 0;
157
- cursor: pointer;
158
- }
159
-
160
- .pattern-display {
161
- background: #f8f9fa;
162
- border: 1px solid #e9ecef;
163
- border-radius: 4px;
164
- padding: 8px 10px;
165
- font-size: 11px;
166
- color: #6c757d;
167
- font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
168
- word-break: break-all;
169
- margin-bottom: 8px;
170
- }
171
-
172
- .pattern-input {
173
- display: none;
174
- }
175
-
176
- .pattern-input.visible {
177
- display: block;
178
- }
179
-
180
- .save-button {
181
- background: #28a745;
182
- border: none;
183
- color: white;
184
- padding: 12px 20px;
185
- border-radius: 4px;
186
- font-size: 14px;
187
- cursor: pointer;
188
- width: 100%;
189
- margin-top: 8px;
190
- }
191
-
192
- .save-button:hover {
193
- background: #218838;
194
- }
195
-
196
- .save-button:disabled {
197
- background: #6c757d;
198
- cursor: not-allowed;
199
- }
200
-
201
- .status {
202
- margin-top: 12px;
203
- padding: 8px 12px;
204
- border-radius: 4px;
205
- font-size: 12px;
206
- text-align: center;
207
- }
208
-
209
- .status.success {
210
- background: #d4edda;
211
- color: #155724;
212
- border: 1px solid #c3e6cb;
213
- }
214
-
215
- .status.error {
216
- background: #f8d7da;
217
- color: #721c24;
218
- border: 1px solid #f5c6cb;
219
- }
220
-
221
- .help-text {
222
- font-size: 11px;
223
- color: #6c757d;
224
- margin-top: 4px;
225
- line-height: 1.3;
226
- }
227
-
228
- .example-text {
229
- font-size: 11px;
230
- color: #007bff;
231
- margin-bottom: 8px;
232
- font-style: italic;
233
- }
234
-
235
- .rule-disabled {
236
- opacity: 0.6;
237
- pointer-events: none;
238
- }
239
-
240
- .blank-option {
241
- background: #fff3cd;
242
- border: 1px solid #ffeaa7;
243
- border-radius: 4px;
244
- padding: 8px 10px;
245
- margin-bottom: 12px;
246
- }
247
-
248
- .blank-option-title {
249
- font-size: 12px;
250
- font-weight: 600;
251
- color: #856404;
252
- margin-bottom: 4px;
253
- }
254
- </style>
255
- </head>
256
- <body>
257
- <div class="header">
258
- <h1 class="title">GxP Developer Toolkit</h1>
259
- <div class="toggle-container">
260
- <button id="toggleButton" class="toggle-button">
261
- <div class="status-dot"></div>
262
- <span id="toggleText">OFF</span>
263
- </button>
264
- <label style="font-size: 12px; color: #6c757d;">
265
- <input type="checkbox" id="maskingMode" style="margin-right: 4px;">
266
- URL Masking Mode
267
- </label>
268
- </div>
269
- </div>
270
-
271
- <!-- Component Inspector Section -->
272
- <div class="content" style="padding-top: 8px; padding-bottom: 0;">
273
- <div class="section">
274
- <div class="section-title">Component Inspector</div>
275
- <div class="config-container">
276
- <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
277
- <button id="inspectorToggle" class="toggle-button" style="padding: 6px 14px; font-size: 12px;">
278
- <div class="status-dot"></div>
279
- <span id="inspectorText">OFF</span>
280
- </button>
281
- <span style="font-size: 12px; color: #6c757d;">or press <kbd style="background: #e9ecef; padding: 2px 6px; border-radius: 3px; font-size: 10px;">Ctrl+Shift+I</kbd></span>
282
- </div>
283
- <div class="help-text">Hover over Vue components to inspect props and extract hardcoded strings to getString() helpers.</div>
284
- </div>
285
- </div>
286
- </div>
287
-
288
- <div class="content" style="padding-top: 8px;">
289
- <div class="section">
290
- <div class="section-title">Cache Management</div>
291
- <div class="config-container">
292
- <div class="checkbox-group">
293
- <input type="checkbox" id="clearCacheOnEnable">
294
- <label for="clearCacheOnEnable">Clear cache when extension is enabled</label>
295
- </div>
296
- <div class="help-text" style="margin-top: -8px; margin-bottom: 12px;">Automatically clears browser cache to ensure fresh redirects</div>
297
-
298
- <div class="checkbox-group">
299
- <input type="checkbox" id="disableCacheForRedirects">
300
- <label for="disableCacheForRedirects">Disable caching for matched URLs</label>
301
- </div>
302
- <div class="help-text" style="margin-top: -8px; margin-bottom: 12px;">Adds cache-busting headers to prevent service worker caching</div>
303
-
304
- <button id="clearCacheButton" style="background: #ffc107; color: #212529; border: none; padding: 8px 16px; border-radius: 4px; font-size: 12px; cursor: pointer; width: 100%; margin-top: 8px;">
305
- Clear Cache Now
306
- </button>
307
- </div>
308
- </div>
309
- </div>
310
-
311
- <div class="content">
312
- <div class="section">
313
- <div class="section-title">Proxy Rules</div>
314
-
315
- <!-- JavaScript Rule -->
316
- <div class="rule-container">
317
- <div class="rule-header">
318
- <div class="rule-title">JavaScript Files (.js)</div>
319
- <div class="rule-toggle">
320
- <input type="checkbox" id="jsRuleEnabled">
321
- <label for="jsRuleEnabled" style="font-size: 12px; margin-left: 4px;">Enabled</label>
322
- </div>
323
- </div>
324
-
325
- <div id="jsRuleContent">
326
- <div class="example-text">Redirects JavaScript files from production uploads to your local development server</div>
327
-
328
- <div class="input-group">
329
- <label class="input-label">Redirect To URL</label>
330
- <input type="text" id="jsRedirectUrl" placeholder="https://localhost:3060/src/Plugin.vue">
331
- <div class="help-text">Local URL where matching JavaScript files should be redirected</div>
332
- </div>
333
-
334
- <div class="checkbox-group">
335
- <input type="checkbox" id="jsCustomPattern">
336
- <label for="jsCustomPattern">Use custom URL pattern</label>
337
- </div>
338
-
339
- <div class="input-group">
340
- <label class="input-label">URL Pattern to Match</label>
341
- <div id="jsPatternDisplay" class="pattern-display"></div>
342
- <input type="text" id="jsCustomPatternInput" class="pattern-input" placeholder="">
343
- <div class="help-text">RegEx pattern to match JavaScript file URLs</div>
344
- </div>
345
- </div>
346
- </div>
347
-
348
- <!-- CSS Rule -->
349
- <div class="rule-container">
350
- <div class="rule-header">
351
- <div class="rule-title">CSS Files (.css)</div>
352
- <div class="rule-toggle">
353
- <input type="checkbox" id="cssRuleEnabled">
354
- <label for="cssRuleEnabled" style="font-size: 12px; margin-left: 4px;">Enabled</label>
355
- </div>
356
- </div>
357
-
358
- <div id="cssRuleContent">
359
- <div class="example-text">Handle CSS files from production uploads</div>
360
-
361
- <div class="blank-option">
362
- <div class="blank-option-title">Return Blank CSS</div>
363
- <div class="checkbox-group" style="margin-bottom: 6px;">
364
- <input type="checkbox" id="cssReturnBlank">
365
- <label for="cssReturnBlank">Return empty CSS file instead of redirecting</label>
366
- </div>
367
- <div class="help-text" style="margin: 0;">Useful for disabling production styles during development</div>
368
- </div>
369
-
370
- <div id="cssRedirectSection">
371
- <div class="input-group">
372
- <label class="input-label">Redirect To URL</label>
373
- <input type="text" id="cssRedirectUrl" placeholder="https://localhost:3060/src/styles.css">
374
- <div class="help-text">Local URL where matching CSS files should be redirected</div>
375
- </div>
376
- </div>
377
-
378
- <div class="checkbox-group">
379
- <input type="checkbox" id="cssCustomPattern">
380
- <label for="cssCustomPattern">Use custom URL pattern</label>
381
- </div>
382
-
383
- <div class="input-group">
384
- <label class="input-label">URL Pattern to Match</label>
385
- <div id="cssPatternDisplay" class="pattern-display"></div>
386
- <input type="text" id="cssCustomPatternInput" class="pattern-input" placeholder="">
387
- <div class="help-text">RegEx pattern to match CSS file URLs</div>
388
- </div>
389
- </div>
390
- </div>
391
- </div>
392
-
393
- <button id="saveButton" class="save-button">Save Configuration</button>
394
- <div id="status" class="status" style="display: none;"></div>
395
- </div>
396
-
397
- <script src="popup.js"></script>
398
- </body>
399
- </html>