pinokiod 3.8.75 → 3.8.77

package/package.json

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

package/server/index.js

@@ -2623,7 +2623,8 @@ class Server {
     }))
     this.app.get("/network", ex(async (req, res) => {
       let list = []
-      let peers_info = await this.kernel.peer.refresh()
+      let peers_info = this.kernel.peer.info
+//      let peers_info = await this.kernel.peer.refresh()
       console.log({ peers_info })
       let info = this.kernel.router.info()
       console.log("33 info", info)
@@ -2634,8 +2635,8 @@ class Server {
         try {
           let procs = this.kernel.peer.info[host].proc
           let router = this.kernel.peer.info[host].router
+          console.log({ router })
           let port_mapping = this.kernel.peer.info[host].port_mapping
-          console.log("&&", { procs })
           for(let proc of procs) {
             let internal_port = proc.ip.split(":")[1]
             let external_port = port_mapping[internal_port]
@@ -2646,11 +2647,15 @@ class Server {
                 //proxy: this.kernel.caddy.mapping[item.ip] || [],
                 router: router[external_ip] || [],
                 external_ip,
+                external_port: parseInt(external_port),
+                internal_port: parseInt(internal_port),
                 ...proc
               })
             } else {
               processes.push({
                 router: [],
+                external_port: parseInt(external_port),
+                internal_port: parseInt(internal_port),
                 ...proc
               })
             }
@@ -2658,6 +2663,9 @@ class Server {
         } catch (e) {
           console.log(">>e", e)
         }
+        processes.sort((a, b) => {
+          return b.external_port-a.external_port
+        })
         list.push({
           host,
           name: this.kernel.peer.info[host].name,
@@ -2782,8 +2790,6 @@ class Server {
         }
       }
 
-      console.log("network", JSON.stringify(list, null, 2))
-
       res.render("network", {
         ip: this.kernel.peer.current_ip,
         peers,

package/server/views/index.ejs

@@ -228,7 +228,7 @@ body.dark .browser-options-row {
     <!--
     <a class='btn2' id='explore'><div><i class="fa-solid fa-globe"></i></div><div>Discover</div></a>
     -->
-    <a href="/network" class='btn2'><div><i class="fa-solid fa-wifi"></i></div><div>Wifi Sharing</div></a>
+    <a href="/network" class='btn2'><div><i class="fa-solid fa-wifi"></i></div><div>Network</div></a>
     <a class='btn2' href="https://portal.pinokio.computer/" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
     <% if (agent === "electron") { %>
       <a class='btn2' data-filepath="<%=filepath%>"><div><i class="fa-regular fa-folder-open"></i></div><div>Files</div></a>

package/server/views/network.ejs

@@ -159,12 +159,21 @@ body.dark .browser-options-row {
   text-align: center;
   text-transform: capitalize;
 }
-.header-label-sub {
+.header-label-sub h1 {
   font-size: 25px;
   letter-spacing: -1px;
-  padding: 0 10px 10px;
   font-weight: bold;
 }
+.header-label-sub {
+  text-align: center;
+  font-size: 14px;
+  padding: 10px;
+  border-bottom: 1px solid rgba(0,0,0,0.1);
+}
+.header-label-sub .s {
+  padding: 10px 0;
+  opacity: 0.7;
+}
 .header-container {
   margin: 10px;
   background: rgba(0, 0, 100, 0.04);
@@ -172,6 +181,7 @@ body.dark .browser-options-row {
   box-sizing: border-box;
 }
 .container {
+  margin-top: 20px;
   display: grid;
   grid-template-columns: repeat(<%=list.length%>, 1fr);
 }
@@ -179,9 +189,8 @@ body.dark .browser-options-row {
   background: rgba(255, 255, 255, 0.04);
 }
 .container-row {
-  margin: 10px;
   background: rgba(0, 0, 100, 0.04);
-  padding: 20px;
+  padding: 15px 30px;
   box-sizing: border-box;
 }
 .desc {
@@ -190,6 +199,7 @@ body.dark .browser-options-row {
 }
 .container-row table {
   width: 100%;
+  margin-top: 20px;
 }
 table a {
   text-decoration: none;
@@ -201,13 +211,14 @@ td:first-child, th:first-child {
 .container-row th {
   text-align: left;
   font-size: 18px;
-  padding: 5px;
+  padding: 2px;
   text-transform: uppercase;
 }
 .container-row td.title {
   overflow-wrap: break-word;
 }
 .container-row td {
+  vertical-align: top;
   font-size: 14px;
   padding: 2px;
 }
@@ -233,6 +244,7 @@ td:first-child, th:first-child {
 <a class='btn2' id='explore'><div><i class="fa-solid fa-globe"></i></div><div>Discover</div></a>
 <div class='flexible'></div>
 <div class='nav-btns'>
+  <a href="/network" class='btn2'><div><i class="fa-solid fa-wifi"></i></div><div>Network</div></a>
   <a class='btn2' href="https://portal.pinokio.computer/" target="_blank"><div><i class="fa-solid fa-face-smile-beam"></i></div><div>Community</div></a>
   <button class='btn2' id='genlog'><div><i class="fa-solid fa-laptop-code"></i></div><div>Debug</div></button>
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><div><i class="fa-solid fa-download"></i></div><div>Download logs</div></a>
@@ -242,7 +254,7 @@ td:first-child, th:first-child {
 </h1>
 </header>
 <main>
-  <div class='header-label'><i class='fa-solid fa-wifi'></i> Networking</div>
+  <div class='header-label'><i class='fa-solid fa-wifi'></i> Network</div>
   <div class='desc'>Serve Pinokio, installed apps, and even external apps to any device on the same network.</div>
   <!--
   <div class='header-container'>
@@ -255,12 +267,23 @@ td:first-child, th:first-child {
   </div>
   -->
   <div class='container'>
-    <% list.forEach(({ host, name, platform, processes }) => { %>
+    <% let brands = { win32: "windows", darwin: "apple", linux: "Linux" } %>
+    <% list.forEach(({ host, name, platform, processes }, index) => { %>
       <div class='container-row'>
         <!--
         <div class='header-label-sub'><i class="fa-solid fa-microchip"></i> System</div>
         -->
-        <div class='header-label-sub'><%=name%> (<%=platform%>, <%=host%>)</div>
+        <% if (index === 0) { %>
+          <div class='header-label-sub'>
+            <h1><i class="fa-solid fa-podcast"></i> <%=name%></h1>
+            <div class='s'><i class="fa-brands fa-<%=brands[platform]%>"></i> <%=platform%> <%=host%> (this machine)</div>
+          </div>
+        <% } else { %>
+          <div class='header-label-sub'>
+            <h1><i class="fa-solid fa-wifi"></i> <%=name%></h1>
+            <div class='s'><i class="fa-brands fa-<%=brands[platform]%>"></i> <%=platform%> <%=host%> (remote)</div>
+          </div>
+        <% } %>
         <table>
           <tr>
             <th>Server</th>

package/server/views/prototypes.ejs

@@ -196,7 +196,7 @@ body.dark .browser-options-row {
   <input type='search' class="flexible" placeholder='Filter downloaded apps'>
 </form>
 <div class='nav-btns'>
-  <a href="/network" class='btn2'><div><i class="fa-solid fa-wifi"></i></div><div>Wifi Sharing</div></a>
+  <a href="/network" class='btn2'><div><i class="fa-solid fa-wifi"></i></div><div>Network</div></a>
   <a class='btn2' href="https://portal.pinokio.computer/" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
   <button class='btn2' id='genlog'><div><i class="fa-solid fa-laptop-code"></i></div><div>Debug</div></button>
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><div><i class="fa-solid fa-download"></i></div><div>Download logs</div></a>

package/server/views/settings.ejs

@@ -239,6 +239,7 @@ hr {
 <% }) %>
 <div class='flexible'></div>
 <div class='nav-btns'>
+  <a href="/network" class='btn2'><div><i class="fa-solid fa-wifi"></i></div><div>Network</div></a>
   <a class='btn2' href="https://portal.pinokio.computer/" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
   <button class='btn2' id='genlog'><div><i class="fa-solid fa-laptop-code"></i></div><div>Debug</div></button>
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><div><i class="fa-solid fa-download"></i></div><div>Download logs</div></a>