pinokiod 3.84.0 → 3.86.0
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/kernel/api/index.js +7 -0
- package/kernel/bin/caddy.js +10 -4
- package/kernel/peer.js +14 -11
- package/kernel/prototype.js +1 -0
- package/kernel/shell.js +43 -2
- package/kernel/util.js +2 -0
- package/package.json +1 -1
- package/pipe/views/login.ejs +1 -1
- package/server/index.js +139 -86
- package/server/public/common.js +534 -0
- package/server/public/opener.js +12 -11
- package/server/public/serve/style.css +1 -1
- package/server/public/style.css +25 -24
- package/server/public/urldropdown.css +474 -5
- package/server/public/urldropdown.js +233 -12
- package/server/views/404.ejs +1 -1
- package/server/views/500.ejs +1 -1
- package/server/views/app.ejs +29 -33
- package/server/views/bookmarklet.ejs +197 -0
- package/server/views/connect/x.ejs +4 -4
- package/server/views/connect.ejs +10 -10
- package/server/views/container.ejs +2 -2
- package/server/views/d.ejs +3 -3
- package/server/views/download.ejs +1 -1
- package/server/views/editor.ejs +1 -1
- package/server/views/env_editor.ejs +3 -3
- package/server/views/explore.ejs +2 -2
- package/server/views/file_explorer.ejs +2 -2
- package/server/views/git.ejs +7 -7
- package/server/views/github.ejs +3 -3
- package/server/views/help.ejs +2 -2
- package/server/views/index.ejs +5 -5
- package/server/views/index2.ejs +3 -3
- package/server/views/init/index.ejs +11 -74
- package/server/views/install.ejs +3 -3
- package/server/views/keys.ejs +2 -2
- package/server/views/mini.ejs +2 -2
- package/server/views/net.ejs +6 -6
- package/server/views/network.ejs +22 -22
- package/server/views/network2.ejs +10 -10
- package/server/views/old_network.ejs +8 -8
- package/server/views/pro.ejs +369 -0
- package/server/views/prototype/index.ejs +2 -2
- package/server/views/required_env_editor.ejs +2 -2
- package/server/views/review.ejs +6 -6
- package/server/views/screenshots.ejs +5 -4
- package/server/views/settings.ejs +3 -3
- package/server/views/setup.ejs +2 -2
- package/server/views/setup_home.ejs +2 -2
- package/server/views/share_editor.ejs +4 -4
- package/server/views/shell.ejs +3 -3
- package/server/views/start.ejs +2 -2
- package/server/views/task.ejs +2 -2
- package/server/views/terminal.ejs +5 -4
- package/server/views/tools.ejs +13 -13
|
@@ -0,0 +1,369 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
|
4
|
+
<script src="/hotkeys.min.js"></script>
|
|
5
|
+
<script src="/ace/ace.js"></script>
|
|
6
|
+
<script src="/noty.js"></script>
|
|
7
|
+
<script src="/notyq.js"></script>
|
|
8
|
+
<script src="/xterm.js"></script>
|
|
9
|
+
<script src="/xterm-addon-fit.js"></script>
|
|
10
|
+
<script src="/xterm-addon-web-links.js"></script>
|
|
11
|
+
<script src="/xterm-theme.js"></script>
|
|
12
|
+
<script src="/xterm-addon-search.js"></script>
|
|
13
|
+
<script src="/xterm-addon-search-bar.js"></script>
|
|
14
|
+
<script src="/sweetalert2.js"></script>
|
|
15
|
+
<script src="/Socket.js"></script>
|
|
16
|
+
<script src="/common.js"></script>
|
|
17
|
+
<script src="/he.js"></script>
|
|
18
|
+
<script src="/opener.js"></script>
|
|
19
|
+
<!--
|
|
20
|
+
<script src="/nav.js"></script>
|
|
21
|
+
-->
|
|
22
|
+
<script src="/autoexpand.js"></script>
|
|
23
|
+
<script src="/modalinput.js"></script>
|
|
24
|
+
<script src="/simplemodal.js"></script>
|
|
25
|
+
<script src="/waitmodal.js"></script>
|
|
26
|
+
<script src="/notifyinput.js"></script>
|
|
27
|
+
<script src="/report.js"></script>
|
|
28
|
+
<script src="/mark.min.js"></script>
|
|
29
|
+
<link href="/xterm.min.css" rel="stylesheet" />
|
|
30
|
+
<link href="/css/fontawesome.min.css" rel="stylesheet">
|
|
31
|
+
<link href="/css/solid.min.css" rel="stylesheet">
|
|
32
|
+
<link href="/css/regular.min.css" rel="stylesheet">
|
|
33
|
+
<link href="/css/brands.min.css" rel="stylesheet">
|
|
34
|
+
<link href="/style.css" rel="stylesheet"/>
|
|
35
|
+
<link href="/noty.css" rel="stylesheet"/>
|
|
36
|
+
<!--
|
|
37
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
38
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
39
|
+
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
|
|
40
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
41
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
42
|
+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
|
|
43
|
+
-->
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
<% if (agent === "electron") { %>
|
|
47
|
+
<link href="/electron.css" rel="stylesheet"/>
|
|
48
|
+
<% } %>
|
|
49
|
+
<style>
|
|
50
|
+
.stopped-btn {
|
|
51
|
+
background: silver;
|
|
52
|
+
}
|
|
53
|
+
html {
|
|
54
|
+
scroll-behavior: smooth;
|
|
55
|
+
height: 100%;
|
|
56
|
+
overflow: hidden;
|
|
57
|
+
}
|
|
58
|
+
body {
|
|
59
|
+
height: 100%;
|
|
60
|
+
overflow: hidden;
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-direction: column;
|
|
63
|
+
}
|
|
64
|
+
#table > table {
|
|
65
|
+
border-left: 2px solid black;
|
|
66
|
+
padding-left: 5px;
|
|
67
|
+
margin: 10px 0;
|
|
68
|
+
}
|
|
69
|
+
.highlight {
|
|
70
|
+
background: yellow;
|
|
71
|
+
width: 100px;
|
|
72
|
+
}
|
|
73
|
+
th {
|
|
74
|
+
background: rgba(0,0,0,0.1);
|
|
75
|
+
padding: 10px;
|
|
76
|
+
font-size: 12px;
|
|
77
|
+
}
|
|
78
|
+
td {
|
|
79
|
+
font-size: 12px;
|
|
80
|
+
padding: 10px;
|
|
81
|
+
}
|
|
82
|
+
td.val {
|
|
83
|
+
background: rgba(0,0,0,0.06);
|
|
84
|
+
}
|
|
85
|
+
td.key {
|
|
86
|
+
background: rgba(0,0,0,0.1);
|
|
87
|
+
}
|
|
88
|
+
.button {
|
|
89
|
+
cursor: pointer;
|
|
90
|
+
background: rgba(0,0,0,0.8);
|
|
91
|
+
color: white;
|
|
92
|
+
padding: 5px 10px;
|
|
93
|
+
border-radius: 4px;
|
|
94
|
+
}
|
|
95
|
+
header {
|
|
96
|
+
position: relative;
|
|
97
|
+
padding: 10px 0;
|
|
98
|
+
}
|
|
99
|
+
.button:hover {
|
|
100
|
+
|
|
101
|
+
}
|
|
102
|
+
.terminal {
|
|
103
|
+
box-sizing: border-box;
|
|
104
|
+
}
|
|
105
|
+
.xterm .xterm-viewport {
|
|
106
|
+
width: initial !important;
|
|
107
|
+
}
|
|
108
|
+
.navheader3 {
|
|
109
|
+
padding: 10px;
|
|
110
|
+
}
|
|
111
|
+
.navheader {
|
|
112
|
+
padding-bottom: 0;
|
|
113
|
+
}
|
|
114
|
+
.navheader h1 {
|
|
115
|
+
align-items: center;
|
|
116
|
+
}
|
|
117
|
+
/*
|
|
118
|
+
.navheader {
|
|
119
|
+
background: var(--dark-bg);
|
|
120
|
+
}
|
|
121
|
+
*/
|
|
122
|
+
/*
|
|
123
|
+
.btn {
|
|
124
|
+
background: rgba(127, 91, 243, 0.9);
|
|
125
|
+
}
|
|
126
|
+
*/
|
|
127
|
+
#del-bin {
|
|
128
|
+
color: rgba(127, 91, 243, 0.9);
|
|
129
|
+
cursor: pointer;
|
|
130
|
+
font-weight: bold;
|
|
131
|
+
padding: 0 5px;
|
|
132
|
+
text-decoration: underline;
|
|
133
|
+
}
|
|
134
|
+
body.frozen {
|
|
135
|
+
overflow: auto !important;
|
|
136
|
+
}
|
|
137
|
+
.terminal-container {
|
|
138
|
+
padding: 0;
|
|
139
|
+
}
|
|
140
|
+
#status-window {
|
|
141
|
+
display: flex;
|
|
142
|
+
align-items: center;
|
|
143
|
+
font-size: 14px;
|
|
144
|
+
/*
|
|
145
|
+
flex-grow: 1;
|
|
146
|
+
text-align: right;
|
|
147
|
+
*/
|
|
148
|
+
padding: 0 10px;
|
|
149
|
+
}
|
|
150
|
+
#status-window strong {
|
|
151
|
+
color: rgba(127, 91, 243, 0.9);
|
|
152
|
+
}
|
|
153
|
+
#status-window b {
|
|
154
|
+
color: black;
|
|
155
|
+
font-weight: normal;
|
|
156
|
+
}
|
|
157
|
+
body.dark #status-window b {
|
|
158
|
+
color: white;
|
|
159
|
+
}
|
|
160
|
+
#progress-window {
|
|
161
|
+
flex-shrink: 0;
|
|
162
|
+
width: 100px;
|
|
163
|
+
background: #eee;
|
|
164
|
+
height: 15px;
|
|
165
|
+
/*
|
|
166
|
+
border-radius: 5px;
|
|
167
|
+
*/
|
|
168
|
+
overflow: hidden;
|
|
169
|
+
}
|
|
170
|
+
#progress-bar {
|
|
171
|
+
width: 0%;
|
|
172
|
+
height: 100%;
|
|
173
|
+
background: rgba(127, 91, 243, 0.9);
|
|
174
|
+
transition: width 0.2s;
|
|
175
|
+
}
|
|
176
|
+
</style>
|
|
177
|
+
<link href="/terminal.css" rel="stylesheet"/>
|
|
178
|
+
</head>
|
|
179
|
+
<body class='<%=theme%>' data-agent="<%=agent%>">
|
|
180
|
+
<% if (target === "_top") { %>
|
|
181
|
+
<header class='navheader grabbable'>
|
|
182
|
+
<% } else { %>
|
|
183
|
+
<header class='navheader3'>
|
|
184
|
+
<% } %>
|
|
185
|
+
<h1>
|
|
186
|
+
<% if (target === "_top") { %>
|
|
187
|
+
<a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
|
|
188
|
+
<% } %>
|
|
189
|
+
<div class='hidden btn run play-btn'>
|
|
190
|
+
<span class='play'><i class="fa-solid fa-play"></i> Start</span>
|
|
191
|
+
</div>
|
|
192
|
+
<div class='hidden btn run starting-btn'>
|
|
193
|
+
<span class='starting'><i class="fa-solid fa-circle-notch fa-spin"></i> Starting...</span>
|
|
194
|
+
</div>
|
|
195
|
+
<div class='hidden btn run stop-btn'>
|
|
196
|
+
<span class='stop'><i class="fa-solid fa-stop"></i> Stop</span>
|
|
197
|
+
</div>
|
|
198
|
+
<div class='hidden btn stopped-btn'>
|
|
199
|
+
<span class='stopped'><i class="fa-solid fa-hand"></i> Stopped</span>
|
|
200
|
+
</div>
|
|
201
|
+
<div id='status-window'></div>
|
|
202
|
+
<div id='progress-window' class='hidden'><div id='progress-bar'></div></div>
|
|
203
|
+
</h1>
|
|
204
|
+
</header>
|
|
205
|
+
<div class='terminal-container'>
|
|
206
|
+
<div id='terminal'></div>
|
|
207
|
+
</div>
|
|
208
|
+
<footer><b>Ready</b></footer>
|
|
209
|
+
<script>
|
|
210
|
+
let shell_id
|
|
211
|
+
let socket = new Socket()
|
|
212
|
+
const createTerm = async (_theme) => {
|
|
213
|
+
const theme = Object.assign({ }, _theme, {
|
|
214
|
+
selectionBackground: "red",
|
|
215
|
+
selectionForeground: "white"
|
|
216
|
+
})
|
|
217
|
+
<% if (theme !== "dark") { %>
|
|
218
|
+
theme.foreground = "black"
|
|
219
|
+
<% } %>
|
|
220
|
+
let config = {
|
|
221
|
+
scrollback: 9999999,
|
|
222
|
+
fontSize: 14,
|
|
223
|
+
theme,
|
|
224
|
+
}
|
|
225
|
+
let res = await fetch("/xterm_config").then((res) => {
|
|
226
|
+
return res.json()
|
|
227
|
+
})
|
|
228
|
+
if (res && res.config) {
|
|
229
|
+
config = res.config
|
|
230
|
+
}
|
|
231
|
+
const term = new Terminal(config)
|
|
232
|
+
term.open(document.querySelector("#terminal"))
|
|
233
|
+
|
|
234
|
+
term.attachCustomKeyEventHandler(event => {
|
|
235
|
+
if (event.ctrlKey && event.key === 'c' && term.hasSelection()) {
|
|
236
|
+
return false;
|
|
237
|
+
}
|
|
238
|
+
if (event.ctrlKey && event.key === 'v' && this._options.pasteWithCtrlV) {
|
|
239
|
+
return false;
|
|
240
|
+
}
|
|
241
|
+
return true;
|
|
242
|
+
});
|
|
243
|
+
|
|
244
|
+
fitAddon = new FitAddon.FitAddon();
|
|
245
|
+
term.loadAddon(fitAddon);
|
|
246
|
+
<% if (agent === "electron") { %>
|
|
247
|
+
term.loadAddon(new WebLinksAddon.WebLinksAddon((event, uri) => {
|
|
248
|
+
window.open(uri, "_blank")
|
|
249
|
+
}))
|
|
250
|
+
<% } else { %>
|
|
251
|
+
term.loadAddon(new WebLinksAddon.WebLinksAddon());
|
|
252
|
+
<% } %>
|
|
253
|
+
fitAddon.fit();
|
|
254
|
+
|
|
255
|
+
term.onKey(({ key }) => {
|
|
256
|
+
console.log({ key, shell_id })
|
|
257
|
+
if (socket) {
|
|
258
|
+
if (shell_id) {
|
|
259
|
+
socket.run({
|
|
260
|
+
key,
|
|
261
|
+
id: shell_id
|
|
262
|
+
})
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
});
|
|
266
|
+
|
|
267
|
+
let observer = new ResizeObserver(() => {
|
|
268
|
+
fitAddon.fit()
|
|
269
|
+
console.log(`Resized to ${term.cols}x${term.rows}`);
|
|
270
|
+
// Trigger your custom handler here
|
|
271
|
+
if (socket) {
|
|
272
|
+
if (shell_id) {
|
|
273
|
+
console.log("RESIZE", { shell_id, cols: term.cols, rows: term.rows })
|
|
274
|
+
socket.run({
|
|
275
|
+
resize: {
|
|
276
|
+
cols: term.cols,
|
|
277
|
+
rows: term.rows,
|
|
278
|
+
},
|
|
279
|
+
id: shell_id
|
|
280
|
+
})
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
});
|
|
284
|
+
observer.observe(document.body)
|
|
285
|
+
|
|
286
|
+
term.focus()
|
|
287
|
+
console.log(`Resized to ${term.cols}x${term.rows}`);
|
|
288
|
+
return term
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
async function displayResults(config) {
|
|
292
|
+
<% if (theme === "dark") { %>
|
|
293
|
+
let term = await createTerm(xtermTheme.FrontEndDelight)
|
|
294
|
+
<% } else { %>
|
|
295
|
+
let term = await createTerm(xtermTheme.Tomorrow)
|
|
296
|
+
<% } %>
|
|
297
|
+
const write = (text) => {
|
|
298
|
+
if (text !== "\u0007") {
|
|
299
|
+
term.write(text)
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
socket.run({
|
|
303
|
+
id: "kernel.proto.create",
|
|
304
|
+
method: "kernel.proto.create",
|
|
305
|
+
cwd: config.cwd,
|
|
306
|
+
client: {
|
|
307
|
+
cols: term.cols,
|
|
308
|
+
rows: term.rows,
|
|
309
|
+
},
|
|
310
|
+
params: config
|
|
311
|
+
}, async (packet) => {
|
|
312
|
+
console.log('packet', packet)
|
|
313
|
+
if (packet.type === 'start') {
|
|
314
|
+
document.querySelector(".play-btn").classList.add("hidden")
|
|
315
|
+
document.querySelector(".starting-btn").classList.add("hidden")
|
|
316
|
+
document.querySelector(".stop-btn").classList.remove("hidden")
|
|
317
|
+
} else if (packet.type === "result") {
|
|
318
|
+
if (packet.data.success) {
|
|
319
|
+
location.href = packet.data.success
|
|
320
|
+
} else if (packet.data.error) {
|
|
321
|
+
alert(packet.data.error)
|
|
322
|
+
location.href = location.href
|
|
323
|
+
}
|
|
324
|
+
} else if (packet.type === "stream") {
|
|
325
|
+
// set the current shell id
|
|
326
|
+
if (packet.data.id) {
|
|
327
|
+
shell_id = packet.data.id
|
|
328
|
+
}
|
|
329
|
+
if (packet.data.raw) {
|
|
330
|
+
write(packet.data.raw)
|
|
331
|
+
} else if (packet.data.json) {
|
|
332
|
+
write(JSON.stringify(packet.data.json).replace(/\n/g, "\r\n"))
|
|
333
|
+
write("\r\n")
|
|
334
|
+
} else if (packet.data.json2) {
|
|
335
|
+
write(JSON.stringify(packet.data.json2, null, 2).replace(/\n/g, "\r\n"))
|
|
336
|
+
write("\r\n")
|
|
337
|
+
}
|
|
338
|
+
document.querySelector("#end").scrollIntoView({ behavior: 'smooth' });
|
|
339
|
+
} else if (packet.type === 'disconnect') {
|
|
340
|
+
term.write("\r\nDisconnected...\r\n")
|
|
341
|
+
socket.close()
|
|
342
|
+
} else if (packet.type === 'connect') {
|
|
343
|
+
if (packet.data) {
|
|
344
|
+
if (packet.data.shell) {
|
|
345
|
+
shell_id = packet.data.shell
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
}).then((res) => {
|
|
350
|
+
console.log("Ended", res)
|
|
351
|
+
})
|
|
352
|
+
}
|
|
353
|
+
const url = new URL(window.location.href);
|
|
354
|
+
const searchParams = url.searchParams;
|
|
355
|
+
let cwd = searchParams.get("cwd")
|
|
356
|
+
let name = searchParams.get("name")
|
|
357
|
+
let tool = searchParams.get("tool")
|
|
358
|
+
let aiPrompt = searchParams.get("message")
|
|
359
|
+
displayResults({
|
|
360
|
+
cwd: "<%-JSON.stringify(cwd).slice(1, -1)%>",
|
|
361
|
+
name: name,
|
|
362
|
+
startType: "new",
|
|
363
|
+
projectType: "ai",
|
|
364
|
+
aiPrompt,
|
|
365
|
+
tool
|
|
366
|
+
})
|
|
367
|
+
</script>
|
|
368
|
+
</body>
|
|
369
|
+
</html>
|
|
@@ -107,7 +107,7 @@ body.dark .env-item label {
|
|
|
107
107
|
color: cornflowerblue;
|
|
108
108
|
}
|
|
109
109
|
.env-item label {
|
|
110
|
-
color:
|
|
110
|
+
color: rgba(127, 91, 243, 0.9);
|
|
111
111
|
display: block;
|
|
112
112
|
margin-bottom: 5px;
|
|
113
113
|
font-weight: bold;
|
|
@@ -133,7 +133,7 @@ body.dark .comment {
|
|
|
133
133
|
padding-left: 10px;
|
|
134
134
|
}
|
|
135
135
|
#save {
|
|
136
|
-
background:
|
|
136
|
+
background: rgba(127, 91, 243, 0.9);
|
|
137
137
|
width: 100%;
|
|
138
138
|
box-sizing: border-box;
|
|
139
139
|
text-align: center;
|
package/server/views/review.ejs
CHANGED
|
@@ -30,7 +30,7 @@ body.dark .mode-display {
|
|
|
30
30
|
background: rgba(0,0,0,0.04);
|
|
31
31
|
/*
|
|
32
32
|
text-align: center;
|
|
33
|
-
color:
|
|
33
|
+
color: rgba(127, 91, 243, 0.9);
|
|
34
34
|
*/
|
|
35
35
|
color: rgba(0, 0, 0, 0.7);
|
|
36
36
|
font-size: 12px;
|
|
@@ -439,8 +439,8 @@ body.dark .frame-link.selected {
|
|
|
439
439
|
flex-shrink: 0;
|
|
440
440
|
}
|
|
441
441
|
.loader .btn:hover {
|
|
442
|
-
color:
|
|
443
|
-
border-color:
|
|
442
|
+
color: rgba(127, 91, 243, 0.9);
|
|
443
|
+
border-color: rgba(127, 91, 243, 0.9);
|
|
444
444
|
}
|
|
445
445
|
.loader .btn {
|
|
446
446
|
padding: 4px 8px;
|
|
@@ -645,7 +645,7 @@ nav .logo {
|
|
|
645
645
|
.error-message {
|
|
646
646
|
width: 100%;
|
|
647
647
|
/*
|
|
648
|
-
background:
|
|
648
|
+
background: rgba(127, 91, 243, 0.9) !important;
|
|
649
649
|
*/
|
|
650
650
|
color: white;
|
|
651
651
|
display: flex;
|
|
@@ -847,8 +847,8 @@ body.minimized #collapse {
|
|
|
847
847
|
color: black;
|
|
848
848
|
}
|
|
849
849
|
#collapse {
|
|
850
|
-
border-bottom: 5px solid
|
|
851
|
-
color:
|
|
850
|
+
border-bottom: 5px solid rgba(127, 91, 243, 0.9);
|
|
851
|
+
color: rgba(127, 91, 243, 0.9);
|
|
852
852
|
border-radius: 0;
|
|
853
853
|
}
|
|
854
854
|
#browserview-container {
|
|
@@ -145,7 +145,7 @@ body.dark .item select {
|
|
|
145
145
|
}
|
|
146
146
|
.item .title {
|
|
147
147
|
text-decoration: none;
|
|
148
|
-
color:
|
|
148
|
+
color: rgba(127, 91, 243, 0.9);
|
|
149
149
|
}
|
|
150
150
|
.item .col {
|
|
151
151
|
padding: 10px;
|
|
@@ -258,7 +258,7 @@ body.dark aside .tab {
|
|
|
258
258
|
color: white;
|
|
259
259
|
}
|
|
260
260
|
body.dark aside .tab:hover, aside .tab:hover {
|
|
261
|
-
color:
|
|
261
|
+
color: rgba(127, 91, 243, 0.9) !important;
|
|
262
262
|
opacity: 1;
|
|
263
263
|
}
|
|
264
264
|
aside .tab {
|
|
@@ -497,7 +497,7 @@ body.dark .gallery-item-timestamp {
|
|
|
497
497
|
.gallery-error .btn {
|
|
498
498
|
margin-top: 10px;
|
|
499
499
|
padding: 8px 16px;
|
|
500
|
-
background:
|
|
500
|
+
background: rgba(127, 91, 243, 0.9);
|
|
501
501
|
color: white;
|
|
502
502
|
border: none;
|
|
503
503
|
border-radius: 4px;
|
|
@@ -709,7 +709,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
|
709
709
|
</div>
|
|
710
710
|
<aside>
|
|
711
711
|
<div class='btn-tab'>
|
|
712
|
-
<
|
|
712
|
+
<button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
|
|
713
713
|
<a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
|
|
714
714
|
</div>
|
|
715
715
|
<a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
|
|
@@ -725,6 +725,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
|
725
725
|
<a class='tab' id='genlog'><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
|
|
726
726
|
<a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><i class="fa-solid fa-download"></i><div class='caption'>Download logs</div></a>
|
|
727
727
|
<a class='tab selected' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
|
|
728
|
+
<a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
|
|
728
729
|
<a class='tab' href="/?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
|
|
729
730
|
</aside>
|
|
730
731
|
</main>
|
|
@@ -145,7 +145,7 @@ body.dark .item select {
|
|
|
145
145
|
}
|
|
146
146
|
.item .title {
|
|
147
147
|
text-decoration: none;
|
|
148
|
-
color:
|
|
148
|
+
color: rgba(127, 91, 243, 0.9);
|
|
149
149
|
}
|
|
150
150
|
.item .col {
|
|
151
151
|
padding: 10px;
|
|
@@ -258,7 +258,7 @@ body.dark aside .tab {
|
|
|
258
258
|
color: white;
|
|
259
259
|
}
|
|
260
260
|
body.dark aside .tab:hover, aside .tab:hover {
|
|
261
|
-
color:
|
|
261
|
+
color: rgba(127, 91, 243, 0.9) !important;
|
|
262
262
|
opacity: 1;
|
|
263
263
|
}
|
|
264
264
|
aside .tab {
|
|
@@ -582,7 +582,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
|
582
582
|
</div>
|
|
583
583
|
<aside>
|
|
584
584
|
<div class='btn-tab'>
|
|
585
|
-
<
|
|
585
|
+
<button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
|
|
586
586
|
<a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
|
|
587
587
|
</div>
|
|
588
588
|
<a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
|
package/server/views/setup.ejs
CHANGED
|
@@ -23,7 +23,7 @@ body.frozen {
|
|
|
23
23
|
overflow: auto !important;
|
|
24
24
|
}
|
|
25
25
|
#del-bin {
|
|
26
|
-
color:
|
|
26
|
+
color: rgba(127, 91, 243, 0.9);
|
|
27
27
|
cursor: pointer;
|
|
28
28
|
}
|
|
29
29
|
body {
|
|
@@ -91,7 +91,7 @@ body {
|
|
|
91
91
|
}
|
|
92
92
|
.item .title {
|
|
93
93
|
text-decoration: none;
|
|
94
|
-
color:
|
|
94
|
+
color: rgba(127, 91, 243, 0.9);
|
|
95
95
|
}
|
|
96
96
|
.item .col {
|
|
97
97
|
padding: 10px;
|
|
@@ -81,7 +81,7 @@ body {
|
|
|
81
81
|
}
|
|
82
82
|
.item .title {
|
|
83
83
|
text-decoration: none;
|
|
84
|
-
color:
|
|
84
|
+
color: rgba(127, 91, 243, 0.9);
|
|
85
85
|
}
|
|
86
86
|
.item .col {
|
|
87
87
|
padding: 10px;
|
|
@@ -132,7 +132,7 @@ body.dark .card {
|
|
|
132
132
|
margin: 20px;
|
|
133
133
|
}
|
|
134
134
|
.card:hover {
|
|
135
|
-
color:
|
|
135
|
+
color: rgba(127, 91, 243, 0.9) !important;
|
|
136
136
|
}
|
|
137
137
|
.card .desc {
|
|
138
138
|
text-align: left;
|
|
@@ -99,14 +99,14 @@ body.dark .env-item label {
|
|
|
99
99
|
color: cornflowerblue;
|
|
100
100
|
}
|
|
101
101
|
.env-item a {
|
|
102
|
-
color:
|
|
102
|
+
color: rgba(127, 91, 243, 0.9);
|
|
103
103
|
text-decoration: none;
|
|
104
104
|
}
|
|
105
105
|
.env-item div {
|
|
106
106
|
padding: 5px;
|
|
107
107
|
}
|
|
108
108
|
.env-item label {
|
|
109
|
-
color:
|
|
109
|
+
color: rgba(127, 91, 243, 0.9);
|
|
110
110
|
display: inline-block;
|
|
111
111
|
margin-bottom: 5px;
|
|
112
112
|
font-weight: bold;
|
|
@@ -129,7 +129,7 @@ body.dark .comment {
|
|
|
129
129
|
padding-left: 10px;
|
|
130
130
|
}
|
|
131
131
|
#save {
|
|
132
|
-
background:
|
|
132
|
+
background: rgba(127, 91, 243, 0.9);
|
|
133
133
|
}
|
|
134
134
|
hr {
|
|
135
135
|
margin: 20px 0;
|
|
@@ -190,7 +190,7 @@ body.dark .passcode .row input {
|
|
|
190
190
|
background: rgba(0,0,100,0.1);
|
|
191
191
|
}
|
|
192
192
|
body.dark .passcode button {
|
|
193
|
-
background:
|
|
193
|
+
background: rgba(127, 91, 243, 0.9);
|
|
194
194
|
}
|
|
195
195
|
.passcode button {
|
|
196
196
|
border-radius: 0;
|
package/server/views/shell.ejs
CHANGED
|
@@ -125,7 +125,7 @@ header {
|
|
|
125
125
|
}
|
|
126
126
|
*/
|
|
127
127
|
#del-bin {
|
|
128
|
-
color:
|
|
128
|
+
color: rgba(127, 91, 243, 0.9);
|
|
129
129
|
cursor: pointer;
|
|
130
130
|
font-weight: bold;
|
|
131
131
|
padding: 0 5px;
|
|
@@ -148,7 +148,7 @@ body.frozen {
|
|
|
148
148
|
padding: 0 10px;
|
|
149
149
|
}
|
|
150
150
|
#status-window strong {
|
|
151
|
-
color:
|
|
151
|
+
color: rgba(127, 91, 243, 0.9);
|
|
152
152
|
}
|
|
153
153
|
#status-window b {
|
|
154
154
|
color: black;
|
|
@@ -170,7 +170,7 @@ body.dark #status-window b {
|
|
|
170
170
|
#progress-bar {
|
|
171
171
|
width: 0%;
|
|
172
172
|
height: 100%;
|
|
173
|
-
background:
|
|
173
|
+
background: rgba(127, 91, 243, 0.9);
|
|
174
174
|
transition: width 0.2s;
|
|
175
175
|
}
|
|
176
176
|
</style>
|
package/server/views/start.ejs
CHANGED
|
@@ -87,7 +87,7 @@ body.dark .env-item label {
|
|
|
87
87
|
color: cornflowerblue;
|
|
88
88
|
}
|
|
89
89
|
.env-item label {
|
|
90
|
-
color:
|
|
90
|
+
color: rgba(127, 91, 243, 0.9);
|
|
91
91
|
display: block;
|
|
92
92
|
margin-bottom: 5px;
|
|
93
93
|
font-weight: bold;
|
|
@@ -211,7 +211,7 @@ footer .btn.go-home {
|
|
|
211
211
|
}
|
|
212
212
|
.warning a {
|
|
213
213
|
text-decoration: none;
|
|
214
|
-
color:
|
|
214
|
+
color: rgba(127, 91, 243, 0.9);
|
|
215
215
|
}
|
|
216
216
|
.auto {
|
|
217
217
|
display: flex;
|
package/server/views/task.ejs
CHANGED
|
@@ -117,7 +117,7 @@ body.dark .env-item label {
|
|
|
117
117
|
color: cornflowerblue;
|
|
118
118
|
}
|
|
119
119
|
.env-item label {
|
|
120
|
-
color:
|
|
120
|
+
color: rgba(127, 91, 243, 0.9);
|
|
121
121
|
display: block;
|
|
122
122
|
margin-bottom: 5px;
|
|
123
123
|
font-weight: bold;
|
|
@@ -136,7 +136,7 @@ body.dark .comment {
|
|
|
136
136
|
padding-left: 10px;
|
|
137
137
|
}
|
|
138
138
|
#save {
|
|
139
|
-
background:
|
|
139
|
+
background: rgba(127, 91, 243, 0.9);
|
|
140
140
|
}
|
|
141
141
|
a#customize {
|
|
142
142
|
text-decoration: none;
|
|
@@ -102,7 +102,7 @@ header {
|
|
|
102
102
|
*/
|
|
103
103
|
/*
|
|
104
104
|
.btn {
|
|
105
|
-
background:
|
|
105
|
+
background: rgba(127, 91, 243, 0.9);
|
|
106
106
|
}
|
|
107
107
|
*/
|
|
108
108
|
#status-window {
|
|
@@ -114,7 +114,7 @@ header {
|
|
|
114
114
|
font-size: 12px;
|
|
115
115
|
}
|
|
116
116
|
#status-window strong {
|
|
117
|
-
color:
|
|
117
|
+
color: rgba(127, 91, 243, 0.9);
|
|
118
118
|
}
|
|
119
119
|
#status-window b {
|
|
120
120
|
color: black;
|
|
@@ -136,11 +136,11 @@ body.dark #status-window b {
|
|
|
136
136
|
#progress-bar {
|
|
137
137
|
width: 0%;
|
|
138
138
|
height: 100%;
|
|
139
|
-
background:
|
|
139
|
+
background: rgba(127, 91, 243, 0.9);
|
|
140
140
|
transition: width 0.2s;
|
|
141
141
|
}
|
|
142
142
|
#del-bin {
|
|
143
|
-
color:
|
|
143
|
+
color: rgba(127, 91, 243, 0.9);
|
|
144
144
|
cursor: pointer;
|
|
145
145
|
font-weight: bold;
|
|
146
146
|
padding: 0 5px;
|
|
@@ -248,6 +248,7 @@ document.addEventListener("DOMContentLoaded", async () => {
|
|
|
248
248
|
await this.socket.close()
|
|
249
249
|
|
|
250
250
|
let query = Object.fromEntries(new URLSearchParams(location.search))
|
|
251
|
+
console.log("query", query)
|
|
251
252
|
|
|
252
253
|
this.socket.run({
|
|
253
254
|
//uri: location.pathname.slice(1).replace("api/", ""),
|