pinokiod 3.11.6 → 3.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "3.11.6",
+  "version": "3.12.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/public/style.css

@@ -113,11 +113,17 @@ body.dark *::-webkit-scrollbar-thumb {
 .drawer.vertical-collapsed {
   max-height: 0;
 }
+body.dark .dynamic.selected {
+  border-left: 10px solid royalblue;
+}
 .dynamic.selected {
 /*
   background: rgba(0,0,0,0.05);
   */
-  border-left: 10px solid rgb(130, 188, 9);
+  /*
+  border-left: 15px solid rgb(130, 188, 9);
+  */
+  border-left: 10px solid royalblue;
 }
 /*
 body.dark .dynamic.selected {

package/server/views/app.ejs

@@ -1699,9 +1699,17 @@ body.dark .appcanvas {
           e.preventDefault()
           e.stopPropagation()
           <% if (type === 'run') { %>
-            // run mode => switch to dev mode
-            location.hash = ""
-            location.pathname = location.pathname + "/dev"
+            if (target.closest(".dynamic")) {
+              // clicked dev mode menu => switch to dev
+              // run mode => switch to dev mode
+              location.hash = ""
+              location.pathname = location.pathname + "/dev"
+            } else {
+              // regular menu
+              target.closest(".nested-menu").querySelector(".submenu").classList.toggle("hidden")
+              target.querySelector(".loader .fa-angle-down").classList.toggle("hidden")
+              target.querySelector(".loader .fa-angle-up").classList.toggle("hidden")
+            }
           <% } else { %>
             // dev mode => already dev. reveal the hidden menu
             if (target.closest(".dynamic")) {

package/server/views/settings.ejs

@@ -108,6 +108,12 @@ body.dark .item .explanation {
   color: rgba(210,0,0,0.8);
   font-size: 12px;
 }
+.item input[type=text] {
+  background: whitesmoke;
+}
+.item select {
+  background: whitesmoke;
+}
 /*
 body.dark .item input[type=text] {
   background: rgba(255,255,255,0.1);
@@ -412,14 +418,14 @@ body.dark .keys pre {
       <div class='item'>
         <div>Keys are array values stored for unique host names, stored at <code>~/pinokio/key.json</code>, and can be set through <code>pre</code> attributes in pinokio scripts. Here's an example:</div>
         <pre>{
-    "openai.com": [
-      "sk-proj-2najBvCGFx18belpjf13T3BlbkFJIAR5KXK031n41WzAsPEn"
-    ],
-    "x.com": [
-      "12345678-FAKEaccesstoken1234567890abcdef",
-      "FAKEaccesstokensecret0987654321abcdef"
-    ]
-  }</pre>
+  "openai.com": [
+    "sk-proj-2najBvCGFx18belpjf13T3BlbkFJIAR5KXK031n41WzAsPEn"
+  ],
+  "x.com": [
+    "12345678-FAKEaccesstoken1234567890abcdef",
+    "FAKEaccesstokensecret0987654321abcdef"
+  ]
+}</pre>
         <a class='btn' href="/keys"><i class="fa-solid fa-key"></i> Edit Keys</a>
       </div>
     </div>

package/server/views/shell.ejs

@@ -495,6 +495,7 @@ document.addEventListener("DOMContentLoaded", async () => {
             let element = document.querySelector("mark")
             element.scrollIntoView({ behavior: "smooth", block: "center" });
 
+            this.stop()
 
 
 
@@ -794,7 +795,6 @@ document.addEventListener("DOMContentLoaded", async () => {
       <% if (target === "_top") { %>
       <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
       <% } %>
-      <button class='btn2' id='refresh-page'><div><i class="fa-solid fa-rotate-right"></i></div><div>Refresh</div></button>
       <div class='hidden btn run play-btn'>
         <span class='play'><i class="fa-solid fa-play"></i> Start</span>
       </div>

package/server/views/terminal.ejs

@@ -186,6 +186,7 @@ document.addEventListener("DOMContentLoaded", async () => {
       document.querySelector(".run .starting").classList.add("hidden")
     }
     stop() {
+      console.log("STOP")
       this.socket.run({
         method: "kernel.api.stop",
         params: {
@@ -554,7 +555,7 @@ document.addEventListener("DOMContentLoaded", async () => {
             let element = document.querySelector("mark")
             element.scrollIntoView({ behavior: "smooth", block: "center" });
 
-
+            this.stop()
 
 
           } else if (packet.type === "event") {