pinokiod 3.170.0 → 3.181.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.
Files changed (27) hide show
  1. package/kernel/favicon.js +91 -34
  2. package/kernel/peer.js +73 -0
  3. package/kernel/util.js +13 -2
  4. package/package.json +1 -1
  5. package/server/index.js +249 -26
  6. package/server/public/common.js +244 -0
  7. package/server/public/files-app/app.css +73 -1
  8. package/server/public/files-app/app.js +255 -2
  9. package/server/public/layout.js +115 -1
  10. package/server/public/nav.js +227 -64
  11. package/server/public/style.css +27 -3
  12. package/server/public/tab-idle-notifier.js +3 -0
  13. package/server/routes/files.js +96 -0
  14. package/server/socket.js +71 -4
  15. package/server/views/app.ejs +603 -53
  16. package/server/views/connect.ejs +9 -0
  17. package/server/views/file_browser.ejs +9 -2
  18. package/server/views/index.ejs +11 -2
  19. package/server/views/init/index.ejs +9 -2
  20. package/server/views/layout.ejs +7 -5
  21. package/server/views/net.ejs +9 -0
  22. package/server/views/network.ejs +9 -0
  23. package/server/views/review.ejs +4 -3
  24. package/server/views/screenshots.ejs +9 -0
  25. package/server/views/settings.ejs +9 -0
  26. package/server/views/terminals.ejs +12 -3
  27. package/server/views/tools.ejs +10 -1
package/server/views/connect.ejs CHANGED
@@ -924,6 +924,15 @@ document.addEventListener('DOMContentLoaded', function() {
924
924
  <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
925
925
  <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
926
926
  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
927
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
928
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
929
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
930
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
931
+ <div class='caption'>Scan to open</div>
932
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
933
+ </a>
934
+ </div>
935
+ <% } %>
927
936
  </aside>
928
937
  </main>
929
938
  </body>
package/server/views/file_browser.ejs CHANGED
@@ -22,9 +22,16 @@
22
22
  <div class="files-app" data-theme="<%=theme%>">
23
23
  <header class="files-app__header">
24
24
  <div class="files-app__header-title">
25
- <i class="fa-regular fa-folder-open"></i>
25
+ <% if (workspaceMeta && workspaceMeta.icon) { %>
26
+ <img class="files-app__header-icon" src="<%= workspaceMeta.icon %>" onerror="this.onerror=null; this.src='/pinokio-black.png'" alt="Project icon" />
27
+ <% } else { %>
28
+ <i class="fa-regular fa-folder-open"></i>
29
+ <% } %>
26
30
  <div class="files-app__header-text">
27
- <div class="files-app__header-primary"><%=workspaceLabel%></div>
31
+ <div class="files-app__header-primary"><%= (workspaceMeta && workspaceMeta.title) ? workspaceMeta.title : workspaceLabel %></div>
32
+ <% if (workspaceMeta && workspaceMeta.description) { %>
33
+ <div class="files-app__header-desc"><%= workspaceMeta.description %></div>
34
+ <% } %>
28
35
  <div class="files-app__header-sub"><%=workspaceRoot%></div>
29
36
  </div>
30
37
  </div>
package/server/views/index.ejs CHANGED
@@ -530,7 +530,7 @@ body.dark aside .current.selected {
530
530
  <i class="fa-solid fa-code"></i> Dev
531
531
  </button>
532
532
  <button class='btn browse' data-src="<%=item.review_url%>">
533
- <i class="fa-regular fa-message"></i> Community
533
+ <i class="fa-regular fa-message"></i> Forum
534
534
  </button>
535
535
  <button class='btn open-menu'>
536
536
  <i class="fa-solid fa-bars"></i><span> Menu</span>
@@ -621,7 +621,7 @@ body.dark aside .current.selected {
621
621
  <i class="fa-solid fa-code"></i> Dev
622
622
  </button>
623
623
  <button class='btn browse' data-src="<%=item.review_url%>">
624
- <i class="fa-regular fa-message"></i> Community
624
+ <i class="fa-regular fa-message"></i> Forum
625
625
  </button>
626
626
  <button class='btn open-menu'>
627
627
  <i class="fa-solid fa-bars"></i><span> Menu</span>
@@ -731,6 +731,15 @@ body.dark aside .current.selected {
731
731
  <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
732
732
  <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
733
733
  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
734
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
735
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
736
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
737
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
738
+ <div class='caption'>Scan to open</div>
739
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
740
+ </a>
741
+ </div>
742
+ <% } %>
734
743
  </aside>
735
744
  </main>
736
745
  <script>
package/server/views/init/index.ejs CHANGED
@@ -1587,7 +1587,6 @@ body.dark .ace-editor {
1587
1587
  <div><h5>Download</h5></div>
1588
1588
  </div>
1589
1589
  </button>
1590
- <!--
1591
1590
  <div class='category-label'>Create a web domain</div>
1592
1591
  <button type="button" class="tab-button" data-tab="dns">
1593
1592
  <div class='row'>
@@ -1595,7 +1594,6 @@ body.dark .ace-editor {
1595
1594
  <div><h5>Web Domain</h5></div>
1596
1595
  </div>
1597
1596
  </button>
1598
- -->
1599
1597
  </div>
1600
1598
 
1601
1599
  <form id="bootstrap-form">
@@ -1953,6 +1951,15 @@ body.dark .ace-editor {
1953
1951
  <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
1954
1952
  <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
1955
1953
  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
1954
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
1955
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
1956
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
1957
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
1958
+ <div class='caption'>Scan to open</div>
1959
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
1960
+ </a>
1961
+ </div>
1962
+ <% } %>
1956
1963
  </aside>
1957
1964
  </main>
1958
1965
  <div id='terminal-container' class='hidden'>
package/server/views/layout.ejs CHANGED
@@ -6,10 +6,10 @@
6
6
  <title>Pinokio</title>
7
7
  <style>
8
8
  :root {
9
- --layout-gutter-size: 4px;
9
+ --layout-gutter-size: 6px;
10
10
  --layout-background: #ffffff;
11
- --layout-gutter-bg: rgba(0, 0, 0, 0.02);
12
- --layout-gutter-bg-hover: rgba(0, 0, 0, 0.2);
11
+ --layout-gutter-bg: rgba(0, 0, 0, 0.04);
12
+ --layout-gutter-bg-hover: cornflowerblue;
13
13
  --layout-shadow: rgba(0, 0, 0, 0.06);
14
14
  color-scheme: light dark;
15
15
  }
@@ -47,8 +47,8 @@
47
47
 
48
48
  body.dark {
49
49
  --layout-background: #1b1c1d;
50
- --layout-gutter-bg: rgba(0, 0, 0, 0.1);
51
- --layout-gutter-bg-hover: rgba(255, 255, 255, 0.35);
50
+ --layout-gutter-bg: rgba(255, 255, 255, 0.1);
51
+ --layout-gutter-bg-hover: cornflowerblue;
52
52
  --layout-shadow: rgba(0, 0, 0, 0.35);
53
53
  color: #f3f3f3;
54
54
  }
@@ -125,6 +125,8 @@
125
125
  sessionId: sessionId || null
126
126
  }) %>
127
127
  </script>
128
+ <script src="/Socket.js"></script>
129
+ <script src="/common.js"></script>
128
130
  <script src="/layout.js"></script>
129
131
  </body>
130
132
  </html>
package/server/views/net.ejs CHANGED
@@ -823,6 +823,15 @@ document.addEventListener('DOMContentLoaded', function() {
823
823
  <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
824
824
  <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
825
825
  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
826
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
827
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
828
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
829
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
830
+ <div class='caption'>Scan to open</div>
831
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
832
+ </a>
833
+ </div>
834
+ <% } %>
826
835
  </aside>
827
836
  </main>
828
837
  <script>
package/server/views/network.ejs CHANGED
@@ -1184,6 +1184,15 @@ document.addEventListener('DOMContentLoaded', function() {
1184
1184
  <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
1185
1185
  <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
1186
1186
  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
1187
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
1188
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
1189
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
1190
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
1191
+ <div class='caption'>Scan to open</div>
1192
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
1193
+ </a>
1194
+ </div>
1195
+ <% } %>
1187
1196
  </aside>
1188
1197
  </main>
1189
1198
  <script>
package/server/views/review.ejs CHANGED
@@ -947,9 +947,10 @@ body.dark .top-menu .btn2.selected {
947
947
  <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
948
948
  <button class='btn2' id='hidden-placeholder'><i class="fa-solid fa-bars"></i></button>
949
949
  <div class='mode-selector'>
950
- <a class="btn2 <%=type === 'review' ? 'selected' : ''%>" href="<%=review_tab%>"><div><i class="fa-regular fa-message"></i></div><div>Community</div></a>
951
- <a class="btn2 <%=type === 'browse' ? 'selected' : ''%>" href="<%=dev_tab%>"><div><i class="fa-solid fa-code"></i></div><div>Dev</div></a>
952
- <a class="btn2 <%=type === 'run' ? 'selected' : ''%>" href="<%=run_tab%>"><div><i class="fa-solid fa-circle-play"></i></div><div>Run</div></a>
950
+ <a class="btn2 <%=type === 'review' ? 'selected' : ''%>" href="<%=review_tab%>"><div><i class="fa-regular fa-message"></i></div><div class='caption'>Forum</div></a>
951
+ <a class="btn2 <%=type === 'files' ? 'selected' : ''%>" href="/p/<%=name%>/files"><div><i class="fa-solid fa-file-lines"></i></div><div class='caption'>Files</div></a>
952
+ <a class="btn2 <%=type === 'browse' ? 'selected' : ''%>" href="<%=dev_tab%>"><div><i class="fa-solid fa-code"></i></div><div class='caption'>Dev</div></a>
953
+ <a class="btn2 <%=type === 'run' ? 'selected' : ''%>" href="<%=run_tab%>"><div><i class="fa-solid fa-circle-play"></i></div><div class='caption'>Run</div></a>
953
954
  </div>
954
955
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
955
956
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/screenshots.ejs CHANGED
@@ -776,6 +776,15 @@ document.addEventListener('DOMContentLoaded', function() {
776
776
  <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
777
777
  <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
778
778
  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
779
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
780
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
781
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
782
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
783
+ <div class='caption'>Scan to open</div>
784
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
785
+ </a>
786
+ </div>
787
+ <% } %>
779
788
  </aside>
780
789
  </main>
781
790
  <script>
package/server/views/settings.ejs CHANGED
@@ -571,6 +571,15 @@ document.addEventListener('DOMContentLoaded', function() {
571
571
  <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
572
572
  <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
573
573
  <a class='tab selected' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
574
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
575
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
576
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
577
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
578
+ <div class='caption'>Scan to open</div>
579
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
580
+ </a>
581
+ </div>
582
+ <% } %>
574
583
  </aside>
575
584
  </main>
576
585
  <script>
package/server/views/terminals.ejs CHANGED
@@ -447,9 +447,18 @@ body.dark .plugin-option:hover {
447
447
  <a class='tab' id='genlog'><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
448
448
  <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>
449
449
  <a class='tab' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
450
- <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
451
- <a class='tab selected' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
452
- <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
450
+ <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
451
+ <a class='tab selected' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
452
+ <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
453
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
454
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
455
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
456
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
457
+ <div class='caption'>Scan to open</div>
458
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
459
+ </a>
460
+ </div>
461
+ <% } %>
453
462
  </aside>
454
463
  </main>
455
464
  <script type="application/json" id="plugin-data"><%- JSON.stringify(serializedPlugins) %></script>
package/server/views/tools.ejs CHANGED
@@ -1272,9 +1272,18 @@ document.addEventListener('DOMContentLoaded', function() {
1272
1272
  <a class='tab' id='genlog'><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
1273
1273
  <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>
1274
1274
  <a class='tab' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
1275
- <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
1276
1275
  <a class='tab selected' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
1276
+ <a class='tab' href="/terminals"><i class="fa-solid fa-desktop"></i><div class='caption'>Terminals</div></a>
1277
1277
  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
1278
+ <% if (typeof peer_qr !== 'undefined' && peer_qr) { %>
1279
+ <div class='qr' style='padding:12px 10px; text-align:center;'>
1280
+ <a href="<%=peer_url%>" target="_blank" style="text-decoration:none; color:inherit; display:block;">
1281
+ <img src="<%=peer_qr%>" alt="Open <%=peer_url%>" style="width:128px; height:128px; image-rendering: pixelated;"/>
1282
+ <div class='caption'>Scan to open</div>
1283
+ <div class='caption' style='font-size:10px; opacity:0.7;'><%=peer_url%></div>
1284
+ </a>
1285
+ </div>
1286
+ <% } %>
1278
1287
  </aside>
1279
1288
  </main>
1280
1289
  <script>