pinokiod 3.85.0 → 3.86.0

package/server/views/connect.ejs

@@ -74,7 +74,7 @@ body {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -129,7 +129,7 @@ body.dark .card {
   color: rgba(0,0,0,0.9);
 }
 .card:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .card .desc {
 }
@@ -164,7 +164,7 @@ body.dark .config {
   font-size: 16px;
   font-weight: bold;
   width: 100px;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   flex-shrink: 0;
 }
 .config-row {
@@ -300,12 +300,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {
@@ -425,7 +425,7 @@ body.dark .open-menu, body.dark .browse {
   color: white !important;
 }
 .open-menu:hover, .browse:hover, body.dark .open-menu:hover, body.dark .browse:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .open-menu, .browse {
   width: 80px;
@@ -511,7 +511,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {
@@ -550,7 +550,7 @@ aside .selected {
   gap: 15px;
 }
 .tab:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .tab-content .tab {
   text-decoration: none;
@@ -622,7 +622,7 @@ body.dark .tab {
   padding: 0;
 }
 body.dark .net:hover, .net:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 body.dark .net {
 /*
@@ -935,7 +935,7 @@ document.addEventListener('DOMContentLoaded', function() {
 </div>
 <aside>
   <div class='btn-tab'>
-    <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
+    <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
     <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
   </div>
   <a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>

package/server/views/container.ejs

@@ -152,7 +152,7 @@ body.dark .item select {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -265,7 +265,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {

package/server/views/d.ejs

@@ -37,7 +37,7 @@ main {
   margin: 10px 0;
 }
 .tab:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .tab {
 /*
@@ -164,7 +164,7 @@ body.dark .btn {
   border: none;
 }
 .btn:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .btn {
   padding: 2px 10px;
@@ -228,7 +228,7 @@ body.dark .btn.run-btn {
   padding: 10px;
   border-radius: 0;
   /*
-  background: royalblue !important;
+  background: rgba(127, 91, 243, 0.9) !important;
   */
 }
 .tab-header h3 {

package/server/views/download.ejs

@@ -70,7 +70,7 @@ body.frozen {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;

package/server/views/editor.ejs

@@ -116,7 +116,7 @@ header .runner {
   padding: 10px 0 0;
 }
 #del-bin {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   cursor: pointer;
   font-weight: bold;
   padding: 0 5px;

package/server/views/env_editor.ejs

@@ -117,7 +117,7 @@ body.dark .env-item label {
   color: cornflowerblue;
 }
 .env-item label {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   display: block;
   margin-bottom: 5px;
   font-weight: bold;
@@ -143,7 +143,7 @@ body.dark .comment {
   padding-left: 10px;
 }
 #save {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 a#customize {
   text-decoration: underline;
@@ -227,7 +227,7 @@ footer .btn.go-home {
 }
 .warning a {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 </style>
 <script>

package/server/views/explore.ejs

@@ -58,7 +58,7 @@ body {
   text-decoration: none;
   font-weight: bold;
   font-size: 16px;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 0 10px;
@@ -84,7 +84,7 @@ body {
 /*
   border: 3px solid black;
   */
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 .selectors .selector {
   color: white;

package/server/views/file_explorer.ejs

@@ -106,12 +106,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {

package/server/views/git.ejs

@@ -33,7 +33,7 @@ body {
 }
 .changes .diffs .btn {
   margin-left: 5px !important;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 aside {
   width: 200px;
@@ -76,7 +76,7 @@ aside .item, .log .item {
 .item .switch {
   padding: 5px 10px;
   margin: 10px 0 0px;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   display: block;
   text-align: center;
 }
@@ -106,12 +106,12 @@ nav {
   background: rgba(0,0,0,0.04);
 }
 body.dark nav a.btn, nav a.btn {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   padding: 5px 10px;
 }
 nav a {
   display: block;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 label {
@@ -266,7 +266,7 @@ body.dark .chunk {
   height: 100%;
 }
 .chunk.selected, body.dark .chunk.selected {
-  border: 3px solid royalblue; 
+  border: 3px solid rgba(127, 91, 243, 0.9);
 }
 
 .add    { background: #e6ffed; color: green; }
@@ -398,7 +398,7 @@ body.dark .branches .label {
   align-items: center;
 }
 .branches .btn {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   padding: 2px 10px;
 }
 .branches .btn i {
@@ -464,7 +464,7 @@ body.dark .change-count {
   box-sizing: border-box;
   width: 100%;
   margin: 0;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 
 </style>

package/server/views/github.ejs

@@ -79,7 +79,7 @@ body {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -174,7 +174,7 @@ body.dark .card {
   margin: 20px;
 }
 .card:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .card .desc {
   opacity: 0.7;
@@ -187,7 +187,7 @@ body.dark .card {
   font-size: 50px;
 }
 a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 body.dark hr {
   background: rgba(255,255,255,0.05);

package/server/views/help.ejs

@@ -124,7 +124,7 @@ body.dark .item select {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -201,7 +201,7 @@ hr {
   margin-top: 10px;
 }
 a.link {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .tile h2 {
   margin: 0;

package/server/views/index.ejs

@@ -137,12 +137,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {
@@ -214,7 +214,7 @@ body.dark .open-menu, body.dark .browse {
   color: white !important;
 }
 .open-menu:hover, .browse:hover, body.dark .open-menu:hover, body.dark .browse:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .open-menu, .browse {
 /*
@@ -251,7 +251,7 @@ aside {
   flex-shrink: 0;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab i {
@@ -719,7 +719,7 @@ body.dark aside .current.selected {
 </div>
 <aside>
   <div class='btn-tab'>
-    <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
+    <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
     <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
   </div>
   <a href="/" class='tab selected'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>

package/server/views/index2.ejs

@@ -107,12 +107,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {
@@ -170,7 +170,7 @@ body.dark .open-menu, body.dark .browse {
   color: white !important;
 }
 .open-menu:hover, .browse:hover, body.dark .open-menu:hover, body.dark .browse:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .open-menu, .browse {
   width: 80px;

package/server/views/init/index.ejs

@@ -11,6 +11,7 @@
 <link href="/filepond.min.css" rel="stylesheet" />
 <link href="/filepond-plugin-image-preview.min.css" rel="stylesheet" />
 <link href="/filepond-plugin-image-edit.min.css" rel="stylesheet" />
+<link href="/urldropdown.css" rel="stylesheet" />
 <link href="/style.css" rel="stylesheet"/>
 <link href="/terminal.css" rel="stylesheet"/>
 <% if (agent === "electron") { %>
@@ -43,7 +44,7 @@ body.dark #terminal2 {
 }
 #create-button {
   width: 100%;
-  background: royalblue !important;
+  background: rgba(127, 91, 243, 0.9) !important;
   font-size: 16px;
   font-weight: bold;
   border: none;
@@ -379,7 +380,7 @@ body.dark .conditional-options {
   display: flex;
 }
 #step-1 .radio-group label:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 #step-1 .radio-group label .description {
   margin: 0;
@@ -867,8 +868,8 @@ body.dark .frame-link.selected {
   */
 }
 .loader .btn:hover {
-  color: royalblue;
-  border-color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
+  border-color: rgba(127, 91, 243, 0.9);
 }
 .loader .btn {
   padding: 4px 8px;
@@ -1193,7 +1194,7 @@ body.dark .bubble:before {
   margin-bottom: 10px;
 }
 .ai-tab:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 body.dark .ai-tab {
   color: silver;
@@ -1363,7 +1364,7 @@ aside {
   flex-shrink: 0;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab i {
@@ -1516,7 +1517,7 @@ body.dark .ace-editor {
 <script src="/filepond.min.js"></script>
 <script src="/fseditor.js"></script>
 </head>
-<body class='<%=theme%>' data-platform="<%=platform%>">
+<body class='<%=theme%>' data-platform="<%=platform%>" data-agent="<%=agent%>">
 <div id='dragger'></div>
 <header class='navheader grabbable'>
 <h1>
@@ -1616,14 +1617,15 @@ body.dark .ace-editor {
               <div><h5>Download</h5></div>
             </div>
           </button>
+          <!--
           <div class='category-label'>Create a web domain</div>
-          <!-- Domain category subtab -->
           <button type="button" class="tab-button" data-tab="dns">
             <div class='row'>
               <i class="fa-solid fa-link"></i>
               <div><h5>Web Domain</h5></div>
             </div>
           </button>
+          -->
         </div>
 
         <form id="bootstrap-form">
@@ -1962,7 +1964,7 @@ body.dark .ace-editor {
   </div>
 <aside>
   <div class='btn-tab'>
-    <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
+    <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
     <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
   </div>
   <a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
@@ -2679,17 +2681,6 @@ const createTerm = async (_theme) => {
   const term = new Terminal(config)
   term.open(document.querySelector("#terminal2"))
   document.querySelector("#terminal-container").classList.remove("hidden")
-  /*
-  document.querySelector("#terminal-container").addEventListener("click", (e) => {
-    console.log("e.target", e.target)
-    if (e.target.querySelector("#terminal2")) {
-      console.log("frame")
-      document.querySelector("#terminal-container").classList.add("hidden")
-    } else {
-      console.log("inside terminal")
-    }
-  })
-  */
 
   term.attachCustomKeyEventHandler(event => {
     if (event.ctrlKey && event.key === 'c' && term.hasSelection()) {
@@ -2749,65 +2740,11 @@ const createTerm = async (_theme) => {
 }
 
 async function displayResults(config) {
-//  <% if (theme === "dark") { %>
-//  let _theme = xtermTheme.FrontEndDelight
-//  <% } else { %>
-//  let _theme = xtermTheme.Tomorrow
-//  <% } %>
-//  const theme = Object.assign({ }, _theme, {
-//    selectionBackground: "red",
-//    selectionForeground: "white"
-//  })
-//
-//  let term_config = {
-//    scrollback: 9999999,
-//    fontSize: 14,
-//    theme,
-//  }
-//  let res = await fetch("/xterm_config").then((res) => {
-//    return res.json()
-//  })
-//  if (res && res.config) {
-//    term_config = res.config
-//  }
-//  const term = new Terminal(term_config)
-
-
   <% if (theme === "dark") { %>
   let term = await createTerm(xtermTheme.FrontEndDelight)
   <% } else { %>
   let term = await createTerm(xtermTheme.Tomorrow)
   <% } %>
-
-//  term.open(document.querySelector("#terminal2"))
-//  term.attachCustomKeyEventHandler(event => {
-//    console.log({ event })
-//    if ((event.ctrlKey || event.metaKey) && event.key === 'c') {
-//      const selection = term.getSelection();
-//      if (selection) {
-//        navigator.clipboard.writeText(selection);
-//        return false;
-//      }
-//    }
-//    if ((event.ctrlKey || event.metaKey) && event.key === 'v') {
-//      navigator.clipboard.readText().then((text) => {
-//        console.log({ text })
-//        socket.run({
-//          //key: "\x1b[200~" + text + "\x1b[201~",
-//          key: text,
-//          id: shell_id,
-//          paste: true
-//        })
-//
-//      })
-//      return false
-//    }
-//    return true;
-//  });
-//  const fitAddon = new FitAddon.FitAddon();
-//  term.loadAddon(fitAddon);
-//  fitAddon.fit();
-//  term.focus()
   const write = (text) => {
     if (text !== "\u0007") {
       term.write(text)

package/server/views/install.ejs

@@ -75,7 +75,7 @@ body {
 }
 .item .title {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 .item .col {
   padding: 10px;
@@ -102,10 +102,10 @@ body {
   margin-bottom: 10px;
   */
   overflow: auto;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   color: white;
   /*
-  border-left: 5px solid royalblue;
+  border-left: 5px solid rgba(127, 91, 243, 0.9);
   color: rgb(27, 28, 29);
   */
 }

package/server/views/keys.ejs

@@ -107,7 +107,7 @@ body.dark .env-item label {
   color: cornflowerblue;
 }
 .env-item label {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   display: block;
   margin-bottom: 5px;
   font-weight: bold;
@@ -133,7 +133,7 @@ body.dark .comment {
   padding-left: 10px;
 }
 #save {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 a#customize {
   text-decoration: underline;

package/server/views/mini.ejs

@@ -372,8 +372,8 @@ body.dark .frame-link.selected {
   flex-shrink: 0;
 }
 .loader .btn:hover {
-  color: royalblue;
-  border-color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
+  border-color: rgba(127, 91, 243, 0.9);
 }
 .loader .btn {
   padding: 4px 8px;

package/server/views/net.ejs

@@ -108,12 +108,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {
@@ -228,7 +228,7 @@ body.dark .open-menu, body.dark .browse {
   color: white !important;
 }
 .open-menu:hover, .browse:hover, body.dark .open-menu:hover, body.dark .browse:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .open-menu, .browse {
   width: 80px;
@@ -333,7 +333,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {
@@ -368,7 +368,7 @@ aside .selected {
   padding: 0;
 }
 body.dark .net:hover, .net:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 body.dark .net {
 /*
@@ -777,7 +777,7 @@ document.addEventListener('DOMContentLoaded', function() {
 </div>
 <aside>
   <div class='btn-tab'>
-    <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
+    <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
     <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
   </div>
   <a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>