pinokiod 3.85.0 → 3.86.0

package/server/views/review.ejs

@@ -30,7 +30,7 @@ body.dark .mode-display {
   background: rgba(0,0,0,0.04);
   /*
   text-align: center;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   */
   color: rgba(0, 0, 0, 0.7);
   font-size: 12px;
@@ -439,8 +439,8 @@ body.dark .frame-link.selected {
   flex-shrink: 0;
 }
 .loader .btn:hover {
-  color: royalblue;
-  border-color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
+  border-color: rgba(127, 91, 243, 0.9);
 }
 .loader .btn {
   padding: 4px 8px;
@@ -645,7 +645,7 @@ nav .logo {
 .error-message {
   width: 100%;
   /*
-  background: royalblue !important;
+  background: rgba(127, 91, 243, 0.9) !important;
   */
   color: white;
   display: flex;
@@ -847,8 +847,8 @@ body.minimized #collapse {
   color: black;
 }
 #collapse {
-  border-bottom: 5px solid royalblue;
-  color: royalblue;
+  border-bottom: 5px solid rgba(127, 91, 243, 0.9);
+  color: rgba(127, 91, 243, 0.9);
   border-radius: 0;
 }
 #browserview-container {

package/server/views/screenshots.ejs

@@ -145,7 +145,7 @@ body.dark .item select {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -258,7 +258,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {
@@ -497,7 +497,7 @@ body.dark .gallery-item-timestamp {
 .gallery-error .btn {
   margin-top: 10px;
   padding: 8px 16px;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   color: white;
   border: none;
   border-radius: 4px;
@@ -709,7 +709,7 @@ document.addEventListener('DOMContentLoaded', function() {
 </div>
 <aside>
   <div class='btn-tab'>
-    <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
+    <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
     <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
   </div>
   <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() {
   <a class='tab' id='genlog'><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
   <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>
   <a class='tab selected' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
+  <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
   <a class='tab' href="/?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
 </aside>
 </main>

package/server/views/settings.ejs

@@ -145,7 +145,7 @@ body.dark .item select {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -258,7 +258,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {
@@ -582,7 +582,7 @@ document.addEventListener('DOMContentLoaded', function() {
 </div>
 <aside>
   <div class='btn-tab'>
-    <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
+    <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
     <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
   </div>
   <a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>

package/server/views/setup.ejs

@@ -23,7 +23,7 @@ body.frozen {
   overflow: auto !important;
 }
 #del-bin {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   cursor: pointer;
 }
 body {
@@ -91,7 +91,7 @@ body {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;

package/server/views/setup_home.ejs

@@ -81,7 +81,7 @@ body {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -132,7 +132,7 @@ body.dark .card {
   margin: 20px;
 }
 .card:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .card .desc {
   text-align: left;

package/server/views/share_editor.ejs

@@ -99,14 +99,14 @@ body.dark .env-item label {
   color: cornflowerblue;
 }
 .env-item a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 .env-item div {
   padding: 5px;
 }
 .env-item label {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   display: inline-block;
   margin-bottom: 5px;
   font-weight: bold;
@@ -129,7 +129,7 @@ body.dark .comment {
   padding-left: 10px;
 }
 #save {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 hr {
   margin: 20px 0;
@@ -190,7 +190,7 @@ body.dark .passcode .row input {
   background: rgba(0,0,100,0.1);
 }
 body.dark .passcode button {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 .passcode button {
   border-radius: 0; 

package/server/views/shell.ejs

@@ -125,7 +125,7 @@ header {
 }
 */
 #del-bin {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   cursor: pointer;
   font-weight: bold;
   padding: 0 5px;
@@ -148,7 +148,7 @@ body.frozen {
   padding: 0 10px;
 }
 #status-window strong {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 #status-window b {
   color: black;
@@ -170,7 +170,7 @@ body.dark #status-window b {
 #progress-bar {
   width: 0%;
   height: 100%;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   transition: width 0.2s;
 }
 </style>

package/server/views/start.ejs

@@ -87,7 +87,7 @@ body.dark .env-item label {
   color: cornflowerblue;
 }
 .env-item label {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   display: block;
   margin-bottom: 5px;
   font-weight: bold;
@@ -211,7 +211,7 @@ footer .btn.go-home {
 }
 .warning a {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .auto {
   display: flex;

package/server/views/task.ejs

@@ -117,7 +117,7 @@ body.dark .env-item label {
   color: cornflowerblue;
 }
 .env-item label {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   display: block;
   margin-bottom: 5px;
   font-weight: bold;
@@ -136,7 +136,7 @@ body.dark .comment {
   padding-left: 10px;
 }
 #save {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 a#customize {
   text-decoration: none;

package/server/views/terminal.ejs

@@ -102,7 +102,7 @@ header {
 */
 /*
 .btn {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 */
 #status-window {
@@ -114,7 +114,7 @@ header {
   font-size: 12px;
 }
 #status-window strong {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 #status-window b {
   color: black;
@@ -136,11 +136,11 @@ body.dark #status-window b {
 #progress-bar {
   width: 0%;
   height: 100%;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   transition: width 0.2s;
 }
 #del-bin {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   cursor: pointer;
   font-weight: bold;
   padding: 0 5px;
@@ -248,6 +248,7 @@ document.addEventListener("DOMContentLoaded", async () => {
         await this.socket.close()
 
         let query = Object.fromEntries(new URLSearchParams(location.search))
+        console.log("query", query)
 
         this.socket.run({
           //uri: location.pathname.slice(1).replace("api/", ""),

package/server/views/tools.ejs

@@ -145,7 +145,7 @@ body.dark .item select {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -228,7 +228,7 @@ body.dark .config {
   font-size: 16px;
   font-weight: bold;
   width: 100px;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   flex-shrink: 0;
 }
 .config-row {
@@ -310,7 +310,7 @@ body.dark .section-header {
   gap: 5px;
 }
 .tab:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .tab-content .tab {
   text-decoration: none;
@@ -394,18 +394,18 @@ body.dark .package-tab {
   color: rgba(255,255,255,0.7);
 }
 .package-tab:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   background: rgba(0,0,100,0.08);
 }
 body.dark .package-tab:hover {
   background: rgba(255,255,255,0.08);
 }
 .package-tab.active {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   color: white;
 }
 .package-tab.active:hover {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   color: white;
 }
 .tab-panel {
@@ -442,7 +442,7 @@ body.dark .bundles-header h3 {
 .bundle-card {
   background: rgba(0,0,0,0.04);
   padding: 15px;
-  border-left: 4px solid royalblue;
+  border-left: 4px solid rgba(127, 91, 243, 0.9);
 }
 body.dark .bundle-card {
   background: rgba(255,255,255,0.04);
@@ -471,7 +471,7 @@ body.dark .bundle-card {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   color: white;
   border-radius: 8px;
   font-size: 18px;
@@ -487,7 +487,7 @@ body.dark .bundle-icon {
 .bundle-name {
   font-size: 16px;
   font-weight: bold;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   margin-bottom: 2px;
 }
 body.dark .bundle-name {
@@ -582,7 +582,7 @@ body.dark .package-badge.not-installed {
   font-weight: bold;
 }
 .bundle-install-btn {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   color: white;
   border: none;
   padding: 8px 15px;
@@ -619,7 +619,7 @@ body.dark .package-badge.not-installed {
   width: 50px;
   height: 50px;
   border: 4px solid rgba(0,0,0,0.1);
-  border-left: 4px solid royalblue;
+  border-left: 4px solid rgba(127, 91, 243, 0.9);
   border-radius: 50%;
   animation: spin 1s linear infinite;
   margin-bottom: 20px;
@@ -695,7 +695,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {
@@ -978,7 +978,7 @@ document.addEventListener('DOMContentLoaded', function() {
 </div>
 <aside>
   <div class='btn-tab'>
-    <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
+    <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
     <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
   </div>
   <a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>