pinokiod 0.1.34 → 0.1.36

package/package.json

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

package/server/public/style.css

@@ -966,10 +966,10 @@ button {
   cursor: pointer;
 }
 body.dark .btn {
-/*
   color: var(--dark-btn-color);
-  */
+  /*
   color: white;
+  */
   background: var(--dark-btn-bg);
 }
 .btn {
@@ -1289,10 +1289,10 @@ b {
   background: royalblue;
 }
 body.dark #new-window {
-/*
   color: var(--dark-btn-color);
-  */
+  /*
   color: white;
+  */
 }
 #new-window {
   padding: 10px;
@@ -1302,10 +1302,10 @@ body.dark #new-window {
   color: var(--light-color);
 }
 body.dark .btn2 {
-/*
   color: var(--dark-btn-color);
-  */
+  /*
   color: white;
+  */
 }
 .btn2:hover {
   background: rgba(0,0,0,0.06);
@@ -1419,10 +1419,10 @@ body.dark .running-apps {
   */
 }
 body.dark header .home {
-  /*
   color: var(--dark-btn-color);
-  */
+  /*
   color: white;
+  */
 }
 header .home {
   color: var(--light-color); 

package/server/views/browser.ejs

@@ -100,10 +100,10 @@ body.dark .header-item .btn2 {
   border-radius: 30px;
 }
 body.dark .header-item.btn {
+/*
   color: white;
-  /*
-  color: var(--dark-color);
   */
+  color: var(--dark-color);
 }
 .header-item.btn {
   padding: 10px;
@@ -118,19 +118,19 @@ body .logo {
   color: var(--light-color);
 }
 body.dark .logo {
-/*
   color: var(--dark-btn-color);
-  */
+  /*
   color: white;
+  */
 }
 body #new-window {
   color: var(--light-color);
 }
 body.dark #new-window {
-  /*
   color: var(--dark-btn-color);
-  */
+  /*
   color: white;
+  */
 }
 .app-info {
 /*
@@ -226,10 +226,10 @@ body.dark .grid-btns {
   cursor: pointer;
 }
 body.dark .grid-btns .btn2 {
+/*
   color: white;
-  /*
-  color: var(--dark-btn-color);
   */
+  color: var(--dark-btn-color);
 }
 .footer {
   width: 100%;
@@ -281,6 +281,12 @@ nav .logo {
   display: flex;
   align-items: center;
 }
+body.dark .header-item.cursor.header-top {
+  background: none !important;
+}
+.header-item.cursor.header-top {
+  background: none !important;
+}
 .header-item.header-top {
   display: block;
 }
@@ -298,21 +304,21 @@ body.dark #new-tab {
 </head>
 <body class='<%=theme%>'>
 <aside>
-  <div class='header-top header-item selectable' data-index="0">
+  <div class='header-top header-item'>
     <div class='app-info'>
       <img src="<%=rawpath%>/<%=config.icon%>?raw=true"/>
       <div><%=config.title%></div>
     </div>
   </div>
   <div class='system'>
-    <a data-index="1" target="<%=src%>" href="<%=src%>" class='btn header-item selectable frame-link'>
+    <a data-index="0" target="<%=src%>" href="<%=src%>" class='btn header-item frame-link'>
       <div class='tab'><i class="fa-regular fa-folder-open"></i> Files</div>
     </a>
   </div>
   <div class='menu'>
     <% config.menu.forEach((item, index) => { %>
       <% if (item.btn) { %>
-        <a data-index="<%=index+2%>" target="<%=item.src%>" href="<%=item.href%>" class='btn header-item selectable frame-link'>
+        <a data-index="<%=index+1%>" target="<%=item.src%>" href="<%=item.href%>" class='btn header-item frame-link'>
           <div class='tab'><%-item.btn%></div>
           <% if (item.running) { %>
             <i class='fa-solid fa-spin fa-circle-notch'></i>
@@ -334,9 +340,11 @@ body.dark #new-tab {
       </a>
     <%})%>
   </div>
+  <!--
   <div id='new-tab' class='btn header-item'>
     <i class="fa-solid fa-plus"></i>
   </div>
+  -->
   <div class='flexible'></div>
   <div class='grid-btns'>
     <a class='btn2' href="/?mode=explore" id='explore'><div><i class="fa-solid fa-globe"></i></div><div>Discover</div></a>
@@ -479,7 +487,7 @@ const renderSelection = (e, force) => {
 }
 console.log("loaded before", loaded)
 renderSelection()
-renderCursor()
+//renderCursor()
 console.log("loaded after", loaded)
 Reporter()
 document.querySelector("#reload").addEventListener("click", (e) => {
@@ -490,6 +498,7 @@ document.querySelector("#reload").addEventListener("click", (e) => {
   renderSelection(null, true)
 })
 
+/*
 document.querySelector("#new-tab").addEventListener("click", async (e) => {
   const url = prompt("url")
 
@@ -498,6 +507,7 @@ document.querySelector("#new-tab").addEventListener("click", async (e) => {
     await addTab(url)
   }
 })
+*/
 
 const syncTabs = async () => {
   let tabs = []
@@ -614,8 +624,8 @@ const refresh = async () => {
   console.log("refresh", html)
   document.querySelector(".menu").innerHTML = html
   renderSelection()
-  cursorIndex = 1
-  renderCursor()
+//  cursorIndex = 0
+  //renderCursor()
 
 }
 window.addEventListener('message', (event) => {
@@ -629,6 +639,7 @@ window.addEventListener('message', (event) => {
     refresh()
   }
 });
+/*
 document.addEventListener("keydown", (e) => {
   let size = document.querySelectorAll(".selectable").length
   console.log("size", size)
@@ -640,9 +651,9 @@ document.addEventListener("keydown", (e) => {
     } else {
       cursorIndex = size-1;
     }
-    renderCursor()
-    let cursor = document.querySelector(".selectable.cursor")
-    cursor.scrollIntoView(false)
+    //renderCursor()
+    //let cursor = document.querySelector(".selectable.cursor")
+    //cursor.scrollIntoView(false)
     // 
   } else if (e.key === "ArrowDown") {
     if (cursorIndex < size-1) {
@@ -650,10 +661,10 @@ document.addEventListener("keydown", (e) => {
     } else {
       cursorIndex = 0;
     }
-    renderCursor()
+    //renderCursor()
     console.log("down arrow pressed");
-    let cursor = document.querySelector(".selectable.cursor")
-    cursor.scrollIntoView(false)
+    //let cursor = document.querySelector(".selectable.cursor")
+    //cursor.scrollIntoView(false)
   } else if (e.key === "Enter") {
     //let selected = document.querySelector(".line.selected:not(.hidden) .btns a.selected")
     let cursor = document.querySelector(".selectable.cursor")
@@ -664,6 +675,7 @@ document.addEventListener("keydown", (e) => {
     }
   }
 });
+*/
 </script>
 </body>
 </html>