pinokiod 1.0.32 → 1.0.34

package/package.json

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

package/server/views/browser.ejs

@@ -99,6 +99,9 @@ body.dark .header-item .btn2 {
   color: var(--darkt-color);
   */
 }
+.bar .btn2 i {
+  display: block;
+}
 .header-item > * {
   display: block;
 }
@@ -315,7 +318,7 @@ nav .logo {
   padding: 10px;
 }
 #location {
-  padding: 5px;
+  padding: 5px 10px;
   font-size: 12px;
   font-family: verdana;
 }
@@ -428,9 +431,8 @@ body.dark .loader-container {
       <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>
-      <div class='flexible'></div>
-      <a class='btn2' id='open-browser' target="_blank" href=""><i class="fa-solid fa-square-arrow-up-right"></i> External Browser</a>
       <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>
     </div>
     <!--
     <div class='flexible'></div>
@@ -507,26 +509,35 @@ const renderCursor = () => {
   target.classList.add("cursor")
 }
 const nav = (type) => {
-  if (location.hash && location.hash.length > 0) {
-//    let id = getTarget(location.hash.slice(1))
-//    let target = document.querySelector("aside [target='" + id + "']")
-    let id = location.hash.slice(1)
-    let type = id[0]
-    let index = id.slice(1)
-    let target = document.querySelector(`aside .${type} [data-index='${index}']`)
-    let targetFrame = document.querySelector(`iframe[name='${target.target}']`)
-    console.log({ target, targetFrame })
-    if (type === "back") {
-      targetFrame.contentWindow.history.back()
-    } else if (type === "forward") {
-      targetFrame.contentWindow.history.forward()
-    }
-    /*
-    targetFrame.contentWindow.postMessage({
-      action: type
-    }, "*")
-    */
+  let targetFrame = document.querySelector("iframe:not(.hidden)")
+  if (type === "back") {
+    targetFrame.contentWindow.history.back()
+  } else if (type === "forward") {
+    targetFrame.contentWindow.history.forward()
   }
+
+
+
+//  if (location.hash && location.hash.length > 0) {
+////    let id = getTarget(location.hash.slice(1))
+////    let target = document.querySelector("aside [target='" + id + "']")
+//    let id = location.hash.slice(1)
+//    let type = id[0]
+//    let index = id.slice(1)
+//    let target = document.querySelector(`aside .${type} [data-index='${index}']`)
+//    let targetFrame = document.querySelector(`iframe[name='${target.target}']`)
+//    console.log({ target, targetFrame })
+//    if (type === "back") {
+//      targetFrame.contentWindow.history.back()
+//    } else if (type === "forward") {
+//      targetFrame.contentWindow.history.forward()
+//    }
+//    /*
+//    targetFrame.contentWindow.postMessage({
+//      action: type
+//    }, "*")
+//    */
+//  }
 }
 const renderSelection = (e, force) => {
   console.log("# 1")
@@ -821,11 +832,15 @@ renderSelection()
 console.log("loaded after", loaded)
 Reporter()
 document.querySelector("#reload").addEventListener("click", (e) => {
+/*
   // get selected
   let target = document.querySelector(".selected").target
   location.hash = target
   // force refresh
   renderSelection(null, true)
+  */
+  let frame = document.querySelector("iframe:not(.hidden)")
+  frame.contentWindow.location.reload();
 })
 document.querySelector("#back").addEventListener("click", (e) => {
   nav("back")