@firstpick/pi-package-webui 0.3.2 → 0.3.4
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.
- package/README.md +12 -3
- package/bin/pi-webui.mjs +1261 -16
- package/package.json +2 -1
- package/public/app.js +1536 -42
- package/public/index.html +79 -3
- package/public/service-worker.js +1 -1
- package/public/styles.css +688 -27
- package/tests/mobile-static.test.mjs +101 -9
package/public/index.html
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
13
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
14
14
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
15
|
-
<link rel="stylesheet" href="/styles.css?v=
|
|
15
|
+
<link rel="stylesheet" href="/styles.css?v=36" />
|
|
16
16
|
</head>
|
|
17
17
|
<body>
|
|
18
18
|
<button id="sidePanelExpandButton" class="side-panel-expand-button" type="button" aria-controls="sidePanel" aria-expanded="false" aria-label="Expand side panel" title="Expand side panel">
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
<span class="server-offline-kicker">Backend unavailable</span>
|
|
28
28
|
<h1>Pi Web UI server is offline</h1>
|
|
29
29
|
<p>Run this on the machine that hosts Pi Web UI, then retry the connection.</p>
|
|
30
|
-
<code id="serverOfflineCommand" class="server-offline-command">pi-webui
|
|
30
|
+
<code id="serverOfflineCommand" class="server-offline-command">pi-webui</code>
|
|
31
31
|
<div class="server-offline-actions">
|
|
32
32
|
<button id="copyServerCommandButton" class="primary" type="button">Copy start command</button>
|
|
33
33
|
<button id="retryServerConnectionButton" type="button">Retry connection</button>
|
|
@@ -193,6 +193,30 @@
|
|
|
193
193
|
</button>
|
|
194
194
|
</div>
|
|
195
195
|
</div>
|
|
196
|
+
<div id="appRunnerMenu" class="composer-publish-menu composer-app-runner-menu" hidden>
|
|
197
|
+
<button
|
|
198
|
+
id="appRunnerInfoButton"
|
|
199
|
+
class="composer-icon-button composer-app-runner-info-button"
|
|
200
|
+
type="button"
|
|
201
|
+
title="Explain app runners"
|
|
202
|
+
aria-label="Explain app runners"
|
|
203
|
+
aria-controls="appRunnerInfoDialog"
|
|
204
|
+
data-tooltip="App runner help: supported runners, detection, and process controls."
|
|
205
|
+
hidden
|
|
206
|
+
><svg class="composer-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="2"/><path d="M9.75 9.2a2.4 2.4 0 1 1 4.1 1.7c-.95.9-1.85 1.28-1.85 2.6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="12" cy="17" r="1" fill="currentColor"/></svg></button>
|
|
207
|
+
<button
|
|
208
|
+
id="appRunnerMenuButton"
|
|
209
|
+
class="composer-icon-button composer-publish-button composer-app-runner-button"
|
|
210
|
+
type="button"
|
|
211
|
+
title="Run a detected app runner"
|
|
212
|
+
aria-label="Open detected app runners"
|
|
213
|
+
aria-haspopup="menu"
|
|
214
|
+
aria-expanded="false"
|
|
215
|
+
aria-controls="appRunnerMenuPanel"
|
|
216
|
+
data-tooltip="App runners: run detected project commands in this tab's working directory."
|
|
217
|
+
><svg class="composer-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8 5v14l11-7z" fill="currentColor"/></svg></button>
|
|
218
|
+
<div id="appRunnerMenuPanel" class="composer-publish-menu-panel composer-app-runner-menu-panel" role="menu" aria-label="Detected app runners"></div>
|
|
219
|
+
</div>
|
|
196
220
|
</div>
|
|
197
221
|
<div class="spacer"></div>
|
|
198
222
|
<button
|
|
@@ -270,6 +294,14 @@
|
|
|
270
294
|
</span>
|
|
271
295
|
</label>
|
|
272
296
|
</div>
|
|
297
|
+
<div class="control-field terminal-tabs-layout-control-field">
|
|
298
|
+
<label for="terminalTabsLayoutSelect">Tabs layout</label>
|
|
299
|
+
<select id="terminalTabsLayoutSelect" title="Terminal tabs layout" aria-describedby="terminalTabsLayoutStatus">
|
|
300
|
+
<option value="top">Top bar</option>
|
|
301
|
+
<option value="left">Left sidebar</option>
|
|
302
|
+
</select>
|
|
303
|
+
<div id="terminalTabsLayoutStatus" class="terminal-tabs-layout-status toggle-control-hint">Top bar</div>
|
|
304
|
+
</div>
|
|
273
305
|
<div class="control-field">
|
|
274
306
|
<label for="themeSelect">Theme</label>
|
|
275
307
|
<select id="themeSelect" title="Theme"></select>
|
|
@@ -407,6 +439,26 @@
|
|
|
407
439
|
</form>
|
|
408
440
|
</dialog>
|
|
409
441
|
|
|
442
|
+
<dialog id="gitPrDialog" class="extension-dialog git-pr-dialog">
|
|
443
|
+
<form method="dialog">
|
|
444
|
+
<h2>Review pull request</h2>
|
|
445
|
+
<p class="muted">Confirm or edit the generated /pr description before Web UI runs <code>gh pr create</code>.</p>
|
|
446
|
+
<label class="git-pr-field" for="gitPrTitleInput">
|
|
447
|
+
<span>Title</span>
|
|
448
|
+
<input id="gitPrTitleInput" class="dialog-input" type="text" autocomplete="off" placeholder="Pull request title" />
|
|
449
|
+
</label>
|
|
450
|
+
<label class="git-pr-field" for="gitPrBodyEditor">
|
|
451
|
+
<span>Description</span>
|
|
452
|
+
<textarea id="gitPrBodyEditor" class="dialog-editor git-pr-body-editor" spellcheck="true" aria-label="Pull request description"></textarea>
|
|
453
|
+
</label>
|
|
454
|
+
<p id="gitPrStatus" class="git-pr-status muted" role="status" aria-live="polite"></p>
|
|
455
|
+
<menu>
|
|
456
|
+
<button id="gitPrCancelButton" type="button">Cancel</button>
|
|
457
|
+
<button id="gitPrCreateButton" class="primary" type="button">Create PR</button>
|
|
458
|
+
</menu>
|
|
459
|
+
</form>
|
|
460
|
+
</dialog>
|
|
461
|
+
|
|
410
462
|
<dialog id="pathPickerDialog" class="extension-dialog path-picker-dialog">
|
|
411
463
|
<form method="dialog">
|
|
412
464
|
<h2 id="pathPickerTitle">Choose working directory</h2>
|
|
@@ -445,6 +497,17 @@
|
|
|
445
497
|
</form>
|
|
446
498
|
</dialog>
|
|
447
499
|
|
|
500
|
+
<dialog id="appRunnerInfoDialog" class="extension-dialog app-runner-info-dialog">
|
|
501
|
+
<form method="dialog">
|
|
502
|
+
<h2>App runners</h2>
|
|
503
|
+
<p class="muted">Run detected project entrypoints directly from the active tab’s working directory, with live output pinned above the chat.</p>
|
|
504
|
+
<div id="appRunnerInfoBody" class="app-runner-info-body"></div>
|
|
505
|
+
<menu>
|
|
506
|
+
<button id="appRunnerInfoCloseButton" type="submit" value="close">Close</button>
|
|
507
|
+
</menu>
|
|
508
|
+
</form>
|
|
509
|
+
</dialog>
|
|
510
|
+
|
|
448
511
|
<dialog id="promptListDialog" class="extension-dialog prompt-list-dialog">
|
|
449
512
|
<form method="dialog">
|
|
450
513
|
<h2 id="promptListDialogTitle">Create prompt list</h2>
|
|
@@ -473,6 +536,19 @@
|
|
|
473
536
|
</form>
|
|
474
537
|
</dialog>
|
|
475
538
|
|
|
476
|
-
<
|
|
539
|
+
<dialog id="attachmentTextDialog" class="extension-dialog attachment-text-dialog">
|
|
540
|
+
<form method="dialog">
|
|
541
|
+
<h2 id="attachmentTextTitle">Edit text attachment</h2>
|
|
542
|
+
<p id="attachmentTextMeta" class="attachment-text-meta muted"></p>
|
|
543
|
+
<textarea id="attachmentTextEditor" class="dialog-editor attachment-text-editor" spellcheck="false" aria-label="Text attachment contents"></textarea>
|
|
544
|
+
<p id="attachmentTextStatus" class="attachment-text-status muted" role="status" aria-live="polite"></p>
|
|
545
|
+
<menu>
|
|
546
|
+
<button id="attachmentTextCancelButton" type="button">Cancel</button>
|
|
547
|
+
<button id="attachmentTextSaveButton" class="primary" type="button">Save changes</button>
|
|
548
|
+
</menu>
|
|
549
|
+
</form>
|
|
550
|
+
</dialog>
|
|
551
|
+
|
|
552
|
+
<script type="module" src="/app.js?v=37"></script>
|
|
477
553
|
</body>
|
|
478
554
|
</html>
|
package/public/service-worker.js
CHANGED