pinokiod 1.0.36 → 1.0.37

package/package.json

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

package/server/public/common.js

@@ -6,13 +6,13 @@ const refreshParent = (e) => {
     window.parent.postMessage(e, "*")
   }
 }
-window.addEventListener('message', (event) => {
-  console.log("Message received from the child: ", event.data); // Message received from child
-  if (event.data && event.data.action) {
-    if (event.data.action === "back") {
-      history.back()
-    } else if (event.data.action === "forward") {
-      history.forward()
-    } 
-  }
-});
+//window.addEventListener('message', (event) => {
+//  console.log("Message received from the child: ", event.data); // Message received from child
+//  if (event.data && event.data.action) {
+//    if (event.data.action === "back") {
+//      history.back()
+//    } else if (event.data.action === "forward") {
+//      history.forward()
+//    } 
+//  }
+//});

package/server/views/browser.ejs

@@ -298,20 +298,32 @@ body.dark nav {
 /*
   border-bottom: 1px solid rgba(255,255,255,0.04);
   */
+  border-bottom: 1px solid rgba(255,255,255,0.04);
 }
 nav {
   background: white;
+  /*
   padding: 5px;
+  */
+  padding: 0;
   cursor: grab !important;
   -webkit-app-region: drag !important;
   /*
   border-bottom: 1px solid rgba(0,0,0,0.04);
   */
+  border-bottom: 1px solid rgba(0,0,0,0.04);
   box-sizing: border-box;
 }
+body.dark nav .btn2 {
+  border-right: 1px solid rgba(255,255,255,0.04);
+}
 nav .btn2 {
   padding: 10px;
   font-size: 12px;
+  width: 60px;
+  box-sizing: border-box;
+  border-right: 1px solid rgba(0,0,0,0.04);
+  border-radius: 0;
 }
 nav .logo {
   font-size: 14px;
@@ -427,12 +439,17 @@ body.dark .loader-container {
 <div class='container'>
   <nav>
     <div class='hidden bar'>
+      <!--
       <button class='btn2 logo' id='back'><i class="fa-solid fa-arrow-left"></i></button>
       <button class='btn2 logo' id='forward'><i class="fa-solid fa-arrow-right"></i></button>
-      <button class='btn2 logo' id='reload'><i class="fa-solid fa-rotate-right"></i></button>
-      <div id='location'></div>
+      -->
       <button class='btn2' id='clone-tab'><i class='fa-regular fa-copy'></i> Clone</button>
       <a class='btn2' id='open-browser' target="_blank" href=""><i class="fa-solid fa-square-arrow-up-right"></i> Popout</a>
+      <button class='btn2' id='reload'><i class="fa-solid fa-rotate-right"></i> Refresh</button>
+      <!--
+      <button class='btn2 logo' id='reload'><i class="fa-solid fa-rotate-right"></i></button>
+      -->
+      <div id='location'></div>
     </div>
     <!--
     <div class='flexible'></div>
@@ -511,15 +528,15 @@ const renderCursor = () => {
 const nav = (type) => {
   let targetFrame = document.querySelector("iframe:not(.hidden)")
   if (type === "back") {
-//    targetFrame.contentWindow.history.back()
-    targetFrame.contentWindow.postMessage({
-      action: "back"
-    }, "*")
+    targetFrame.contentWindow.history.back()
+//    targetFrame.contentWindow.postMessage({
+//      action: "back"
+//    }, "*")
   } else if (type === "forward") {
-//    targetFrame.contentWindow.history.forward()
-    targetFrame.contentWindow.postMessage({
-      action: "forward"
-    }, "*")
+    targetFrame.contentWindow.history.forward()
+//    targetFrame.contentWindow.postMessage({
+//      action: "forward"
+//    }, "*")
   }
 
 
@@ -846,7 +863,8 @@ document.querySelector("#reload").addEventListener("click", (e) => {
   renderSelection(null, true)
   */
   let frame = document.querySelector("iframe:not(.hidden)")
-  frame.contentWindow.location.reload();
+  frame.src = frame.src
+//  frame.contentWindow.location.reload();
 })
 document.querySelector("#back").addEventListener("click", (e) => {
   nav("back")
@@ -1132,6 +1150,8 @@ window.addEventListener('message', (event) => {
       if (event.data.action.type === "newtab") {
         console.log("create tab", event.data.action.url) 
         addTab(event.data.action.url)
+      } else if (event.data.action.type === "title") {
+        console.log("title", event.data)
       }
     } else if (event.data.type) {
       if (event.data.type === 'disconnect') {

package/server/views/settings.ejs

@@ -76,7 +76,8 @@
 .item label {
   display: block;
   text-transform: uppercase;
-  font-size: 30px;
+  font-size: 20px;
+  font-weight: bold;
   padding-bottom: 5px;
 }
 .item .explanation {