pinokiod 3.55.0 → 3.57.0

package/package.json

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

package/server/index.js

@@ -654,7 +654,7 @@ class Server {
       review_tab,
 //        paths,
       theme: this.theme,
-      agent: this.agent,
+      agent: req.agent,
       src: "/_api/" + name,
       //asset: "/asset/api/" + name,
       asset: "/files/api/" + name,
@@ -784,7 +784,7 @@ class Server {
         schema: this.kernel.schema,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         stars_selected: (req.query.sort === "stars" || !req.query.sort ? "selected" : ""),
         forks_selected: (req.query.sort === "forks" ? "selected" : ""),
         updated_selected: (req.query.sort === "updated" ? "selected" : ""),
@@ -806,7 +806,7 @@ class Server {
         requirements_pending,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         userdir: this.kernel.api.userdir,
         display: ["form"],
         query: req.query
@@ -868,7 +868,7 @@ class Server {
         version: this.version,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         paths,
         config: configArray,
         query: req.query,
@@ -1079,7 +1079,7 @@ class Server {
           console.log({ cwd, api_path, root, root_path })
           res.render("required_env_editor", {
             portal: this.portal,
-            agent: this.agent,
+            agent: req.agent,
             theme: this.theme,
             filename,
             filepath: root_path,
@@ -1116,7 +1116,7 @@ class Server {
             stop: (req.query && req.query.stop ? true : false),
             pinokioPath,
             runnable,
-            agent: this.agent,
+            agent: req.agent,
             rawpath,
             gitRemote,
             filename,
@@ -1156,7 +1156,7 @@ class Server {
           portal: this.portal,
           logo: this.logo,
           theme: this.theme,
-          agent: this.agent,
+          agent: req.agent,
           rawpath: rawpath + "?frame=true",
           paths,
           filepath
@@ -1596,7 +1596,7 @@ class Server {
           pinokioPath,
           config,
           display,
-          agent: this.agent,
+          agent: req.agent,
   //        folder,
           paths,
           uri,
@@ -1629,7 +1629,7 @@ class Server {
           pinokioPath,
           config,
           display,
-          agent: this.agent,
+          agent: req.agent,
   //        folder,
           paths,
           uri,
@@ -2068,7 +2068,7 @@ class Server {
 
 
         if (config.menu[i].href && config.menu[i].href.startsWith("http")) {
-          if (this.agent !== "electron") {
+          if (req.agent !== "electron") {
             config.menu[i].target = "_blank"
           }
         }
@@ -2300,11 +2300,11 @@ class Server {
 
     // when loaded in electron but in minimal mode,
     // the app is loaded in the web so the agent should be "web"
-    if (this.agent === "electron") {
-      if (this.mode === "minimal" || this.mode === "background") {
-        this.agent = "web"
-      }
-    }
+//    if (this.agent === "electron") {
+//      if (this.mode === "minimal" || this.mode === "background") {
+//        this.agent = "web"
+//      }
+//    }
 
     if (this.theme === "dark") {
       this.colors = {
@@ -2943,6 +2943,16 @@ class Server {
       origin: '*'
     }));
 
+    this.app.use((req, res, next) => {
+      const userAgent = req.get('User-Agent') || '';
+      if (userAgent.includes("Pinokio")) {
+        req.agent = "electron"
+      } else {
+        req.agent = "browser"
+      }
+      next();
+    })
+
     if (this.kernel.homedir) {
       this.app.use(express.static(this.kernel.path("web/public")))
       this.app.use('/prototype', express.static(this.kernel.path("prototype")))
@@ -3069,7 +3079,7 @@ class Server {
         portal: this.portal,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         list,
       })
     }))
@@ -3081,21 +3091,21 @@ class Server {
         portal: this.portal,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         list,
       })
     }))
     this.app.get("/columns", ex(async (req, res) => {
       res.render("columns", {
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         src: req.get('Referrer')
       })
     }))
     this.app.get("/rows", ex(async (req, res) => {
       res.render("rows", {
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         src: req.get('Referrer')
       })
     }))
@@ -3104,7 +3114,7 @@ class Server {
     this.app.get("/container", ex(async (req, res) => {
       res.render("container", {
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         src: req.query.url
       })
     }))
@@ -3207,7 +3217,7 @@ class Server {
             autolaunch,
             logo: this.logo,
             theme: this.theme,
-            agent: this.agent,
+            agent: req.agent,
             name: meta.title,
             image: meta.icon,
             link: `/p/${name}?autolaunch=${autolaunch ? "1" : "0"}`,
@@ -3221,7 +3231,7 @@ class Server {
         autolaunch,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         name: "Does not exist",
         image: "/pinokio-black.png",
         link: null
@@ -3260,7 +3270,7 @@ class Server {
           version: this.version,
           logo: this.logo,
           theme: this.theme,
-          agent: this.agent,
+          agent: req.agent,
           ...folders
         })
         return
@@ -3335,7 +3345,7 @@ class Server {
           portal: this.portal,
           logo: this.logo,
           theme: this.theme,
-          agent: this.agent,
+          agent: req.agent,
           paths: [],
           config: configArray,
           query: req.query,
@@ -3409,7 +3419,7 @@ class Server {
         logo: this.logo,
         platform: this.kernel.platform,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         kernel: this.kernel,
       })
       /*
@@ -3508,7 +3518,7 @@ class Server {
         portal: this.portal,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         items,
       })
     }))
@@ -3582,7 +3592,7 @@ class Server {
         portal: this.portal,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         id,
         readme
       })
@@ -3713,7 +3723,7 @@ class Server {
       res.render("keys", {
         filepath: p,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         items
       })
     }))
@@ -3821,7 +3831,7 @@ class Server {
         portal: this.portal,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         items
 //        items: [{
 //          icon: "fa-solid fa-key",
@@ -3984,7 +3994,7 @@ class Server {
         target,
         filepath: cwd,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         id,
         cwd,
         message,
@@ -4038,7 +4048,7 @@ class Server {
         portal: this.portal,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
       })
     }))
     this.app.get("/setup/:mode", ex(async (req, res) => {
@@ -4093,7 +4103,7 @@ class Server {
         requirements_pending,
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
       })
     }))
     this.app.post("/plugin/update_spec", ex(async (req, res) => {
@@ -4204,7 +4214,7 @@ class Server {
         docs: this.docs,
         portal: this.portal,
         install: this.install,
-        agent: this.agent,
+        agent: req.agent,
         theme: this.theme,
         processes,
         installed,
@@ -4384,7 +4394,7 @@ class Server {
 //        port_mapping: this.kernel.caddy.port_mapping,
 //        ip_mapping: this.kernel.caddy.ip_mapping,
         lan: this.kernel.router.local_network_mapping,
-        agent: this.agent,
+        agent: req.agent,
         theme: this.theme,
         items: proxies,
         qr,
@@ -4744,7 +4754,7 @@ class Server {
         items,
         theme: this.theme,
         filepath,
-        agent: this.agent,
+        agent: req.agent,
       })
     }))
     this.app.get("/env/*", ex(async (req, res) => {
@@ -4801,7 +4811,7 @@ class Server {
           items,
           theme: this.theme,
           filepath,
-          agent: this.agent,
+          agent: req.agent,
           path: "/api/" + name + "/pinokio.js",
           _path: "/_api/" + name,
           str: configStr
@@ -4833,7 +4843,7 @@ class Server {
           items,
           theme: this.theme,
           filepath,
-          agent: this.agent,
+          agent: req.agent,
         })
       }
       //res.render("env_editor", {
@@ -4867,7 +4877,7 @@ class Server {
         res.render("pre", {
           name: req.params.name,
           theme: this.theme,
-          agent: this.agent,
+          agent: req.agent,
           name: req.params.name,
           items: config.pre,
           env
@@ -4947,7 +4957,7 @@ class Server {
         config,
         theme: this.theme,
         filepath,
-        agent: this.agent,
+        agent: req.agent,
       })
     }))
     this.app.get("/xterm_config", ex(async (req, res) => {
@@ -4984,7 +4994,7 @@ class Server {
         theme: this.theme,
         filepath,
         content,
-        agent: this.agent,
+        agent: req.agent,
       })
     }))
     this.app.get("/script/:name", ex((req, res) => {
@@ -5198,7 +5208,7 @@ class Server {
         dir,
         theme: this.theme,
         platform: this.kernel.platform,
-        agent: this.agent,
+        agent: req.agent,
       })
     }))
     this.app.get("/d/*", ex(async (req, res) => {
@@ -5287,7 +5297,7 @@ class Server {
         docs: this.docs,
         portal: this.portal,
         install: this.install,
-        agent: this.agent,
+        agent: req.agent,
         theme: this.theme,
         //dynamic: plugin_menu
         dynamic,
@@ -5326,7 +5336,7 @@ class Server {
         dynamic_content: null,
         home: req.originalUrl,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
       }
       res.render("mini", result)
     }))
@@ -5763,7 +5773,7 @@ class Server {
         redirect_uri: "https://app-7pt7.onrender.com/apps/redirect?git=" + gitRemote,
         platform: this.kernel.platform,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
       })
     }))
     this.app.get("/p/:name/dev", ex(async (req, res) => {
@@ -5898,7 +5908,7 @@ class Server {
       res.render("install", {
         logo: this.logo,
         theme: this.theme,
-        agent: this.agent,
+        agent: req.agent,
         userdir: this.kernel.api.userdir,
         display: ["form"],
 //        query: req.query,

package/server/public/nav.js

@@ -15,6 +15,8 @@ document.addEventListener("DOMContentLoaded", () => {
   if (document.querySelector("#new-window")) {
     document.querySelector("#new-window").addEventListener("click", (e) => {
       let agent = document.body.getAttribute("data-agent")
+      window.open("/", "_blank", "self")
+      /*
       if (agent === "electron") {
         window.open("/", "_blank", "self")
       } else {
@@ -30,6 +32,7 @@ document.addEventListener("DOMContentLoaded", () => {
           console.log(res)
         })
       }
+      */
     })
   }
 })

package/server/public/style.css

@@ -1043,7 +1043,9 @@ header {
   background: white;
   */
   position: sticky;
+  /*
   padding: 10px 10px 0;
+  */
   top: 0;
   box-sizing: border-box;
   z-index: 1000;
@@ -2451,68 +2453,7 @@ body.minimized #dragger {
 body.minimized aside .tab.submenu {
   padding: 10px;
 }
-/*
-body.minimized aside {
-  display: none;
-}
-*/
 
-/*
-@media only screen and (max-width: 800px) {
-  header .dropdown-content {
-    position: relative;
-    min-width: unset;
-    top: unset;
-    left: unset;
-  }
-  header h1 #close-window {
-    order: 0;
-  }
-  header {
-    padding: 10px 0 0;
-    overflow: auto;
-    flex-shrink: 0;
-  }
-  header .home {
-    display: block;
-  }
-  header h1 .btn2 {
-    padding: 10px;
-    width: 100%;
-    box-sizing: border-box;
-  }
-  header h1 {
-    height: 100%;
-    overflow: auto;
-    display: block;
-  }
-  .mode-selector {
-    flex-direction: column;
-    padding: 0;
-    margin: 0;
-    border-radius: 0;
-    align-items: stretch;
-    gap: 0;
-  }
-  .mode-selector .btn2 {
-    width: unset;
-    padding: 10px;
-    border-radius: 0 !important;
-  }
-  .mode-selector .caption {
-    display: none;
-  }
-  main {
-    padding-top: 10px;
-  }
-  .appcanvas {
-    padding-top: 20px;
-  }
-  main .container {
-    margin-left: 0;
-  }
-  .app-icon {
-    display: block;
-  }
+body[data-agent='electron'] {
+  padding-top: 16px;
 }
-*/

package/server/views/setup.ejs

@@ -137,7 +137,7 @@ body {
 <div id='dragger'></div>
 <header class='grabbable'>
 <h1>
-<a class='path' href="/"><%-logo%></a>
+<a class='home' href="/"><%-logo%></a>
 <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
 <div class='flexible'></div>
 <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">