pinokiod 1.1.50 → 1.1.51

package/kernel/api/proxy/index.js

@@ -21,9 +21,11 @@ class P {
       let { name, uri, ...o } = req.params
       console.log("proxy.start", { name, uri, o })
       let response = await kernel.api.startProxy(req.parent.path, req.params.uri, req.params.name, o)
+
       ondata({
-        raw: "Proxy Started\r\n"
+        raw: `Proxy Started ${JSON.stringify(response)}\r\n`
       })
+
       return response
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "1.1.50",
+  "version": "1.1.51",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -47,6 +47,7 @@
     "open": "8.4.2",
     "pdrive": "^0.0.23",
     "portfinder": "^1.0.32",
+    "qrcode": "^1.5.3",
     "random-useragent": "^0.5.0",
     "rimraf": "^5.0.0",
     "sanitize-filename": "^1.6.3",

package/server/index.js

@@ -14,6 +14,8 @@ const os = require('os')
 const { fork } = require('child_process');
 const semver = require('semver')
 const fse = require('fs-extra')
+const QRCode = require('qrcode')
+
 
 const git = require('isomorphic-git')
 const http = require('isomorphic-git/http/node')
@@ -1011,8 +1013,16 @@ class Server {
 
       let pinokio_proxy = this.kernel.api.proxies["/"]
 
+      console.log("pinokio_proxy", pinokio_proxy)
+      let qr = null
+      if (pinokio_proxy && pinokio_proxy.length > 0) {
+        qr = await QRCode.toDataURL(pinokio_proxy[0].proxy)
+      }
+
+
       res.render("index", {
         proxy: pinokio_proxy[0],
+        qr,
         error: error,
         logo: this.logo,
 //        memory: mem,

package/server/public/style.css

@@ -81,6 +81,27 @@ footer .toggle-expand {
 footer pre {
   background: none !important;
 }
+.swal2-popup.min-popup a {
+  outline: none;
+}
+.swal2-popup.min-popup img {
+  margin: 10px 0;
+}
+.swal2-popup.min-popup {
+  width: 300px;
+  text-align: center !important;
+  padding: 30px 0 !important;
+  box-sizing: border-box;
+}
+.swal2-title.min-title {
+  box-sizing: border-box;
+  text-align: center !important;
+  padding: 0 0 !important;
+}
+.min-modal {
+  text-align: center;
+  font-size: 14px;
+}
 .wait-modal {
   padding: 20px;
   text-align: center;

package/server/views/index.ejs

@@ -119,7 +119,10 @@ header .runner {
 <% if (ishome) { %>
   <div class='nav-btns'>
     <a class='btn2' id='explore'><div><i class="fa-solid fa-globe"></i></div><div>Discover</div></a>
+    <a id='wifi' data-proxy="<%=proxy.proxy%>" class='btn2'><div><i class="fa-solid fa-wifi"></i></div><div>WiFi</div></a>
+    <!--
     <a class='btn2' href="<%=proxy.proxy%>" target="_blank"><div><i class="fa-solid fa-wifi"></i></div><div>WiFi</div></a>
+    -->
     <a class='btn2' id='report'><div><i class="fa-solid fa-bug"></i></div><div>Report Bug</div></a>
     <a class='btn2' href='https://discord.gg/TQdNwadtE4' target="_blank"><div><i class="fa-brands fa-discord"></i></div><div>Discord</div></a>
     <a class='btn2' href='https://twitter.com/cocktailpeanut' target="_blank"><div><i class="fa-brands fa-twitter"></i></div><div>Twitter</div></a>
@@ -618,6 +621,22 @@ document.addEventListener("click", (e) => {
     target.closest(".line").classList.add("selected")
   }
 })
+<% if (qr) { %>
+  document.querySelector("#wifi").addEventListener("click", async (e) => {
+    await Swal.fire({
+      title: "Wifi Sharing",
+      customClass: {
+        popup: "min-popup",
+        title: "min-title"
+      },
+      showConfirmButton: false,
+      html: `<div class='min-modal'>
+      <div><img src="<%=qr%>"></div>
+  <a href="<%=proxy.proxy%>" target="_blank"><%=proxy.proxy%></a>
+  </div>`
+    })
+  })
+<% } %>
 <% } %>
 
 </script>