pinokiod 0.1.71 → 0.1.74

package/kernel/api/fs/index.js

@@ -102,7 +102,6 @@ class FS {
     ondata({ raw: "\r\ncreating a shared drive:\r\n" + JSON.stringify(req.params, null, 2).replace(/\n/g, "\r\n") })
 
     if (req.params.drive) {
-      if (req.params.peers
       const drivePath = kernel.path("drive")
       const drive = new Pdrive(drivePath)
       for(const route in req.params.drive) {

package/package.json

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

package/server/public/common.js

@@ -6,3 +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()
+    } 
+  }
+});

package/server/views/browser.ejs

@@ -368,9 +368,11 @@ body.dark #new-tab {
 <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>
-      <a class='btn2 hidden' id='open-browser' target="_blank" href=""><i class="fa-solid fa-square-arrow-up-right"></i> Browser</a>
+      <a class='btn2 hidden' id='open-browser' target="_blank" href=""><i class="fa-solid fa-square-arrow-up-right"></i> External Browser</a>
     </div>
     <!--
     <div class='flexible'></div>
@@ -416,6 +418,24 @@ const renderCursor = () => {
   console.log({ cursorIndex, target })
   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 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")
   if (location.hash && location.hash.length > 0) {
@@ -550,6 +570,12 @@ document.querySelector("#reload").addEventListener("click", (e) => {
   // force refresh
   renderSelection(null, true)
 })
+document.querySelector("#back").addEventListener("click", (e) => {
+  nav("back")
+})
+document.querySelector("#forward").addEventListener("click", (e) => {
+  nav("forward")
+})
 
 /*
 document.querySelector("#new-tab").addEventListener("click", async (e) => {

package/server/views/explore.ejs

@@ -145,9 +145,9 @@ body main iframe {
 </header>
 <main>
 <% if (theme === "dark") { %>
-  <iframe src="https://pinokio.computer/dark"></iframe>
+  <iframe name="<%=version.pinokiod%>" src="https://pinokio.computer/dark"></iframe>
 <% } else { %>
-  <iframe src="https://pinokio.computer/app"></iframe>
+  <iframe name="<%=version.pinokiod%>" src="https://pinokio.computer/app"></iframe>
 <% } %>
 </main>
 <link href="/xterm.min.css" rel="stylesheet" />