npm - pinokiod - Versions diffs - 0.1.74 → 0.1.76 - Mend

pinokiod 0.1.74 → 0.1.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/package.json +1 -1
package/server/public/style.css +42 -2
package/server/views/editor.ejs +45 -26
package/server/views/fullscreen_editor.ejs +45 -26

package/package.json CHANGED Viewed

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

package/server/public/style.css CHANGED Viewed

@@ -458,11 +458,9 @@ body.columns .containers {
 }
 .containers {
   display: flex;
-  height: 100%;
 }
 .containers main {
   width: 100%;
-  height: 100%;
 }
 .containers .terminal-container {
   position: fixed;
@@ -658,6 +656,7 @@ body.dark .memory {
 .memory table:empty {
   margin-top: 0;
 }
+/*
 .memory table {
   margin-top: 10px;
 }
@@ -665,6 +664,26 @@ body.dark .memory {
   background: rgba(0,0,200,0.04);
   border-left: 5px solid black;
 }
+*/
+.memory {
+  position: absolute;
+  z-index: 10000;
+  top: 10;
+  right: 10;
+  background: white;
+  cursor: pointer;
+}
+.memory.collapsed table {
+  display: none;
+}
+.memory-header {
+  display: flex;
+  padding: 0 10px;
+  align-items: center;
+}
+#lv {
+  padding: 5px;
+}
 .memory td:first-child {
   font-weight: bold;
 }
@@ -1412,3 +1431,24 @@ header .home {
   padding: 10px;
   cursor: pointer;
 }
+/*
+.win {
+  flex-grow: 1;
+  display: flex;
+}
+.win footer {
+  width: 200px;
+  display: block;
+}
+footer.status {
+    position: fixed;
+    z-index: 10000;
+    bottom: 10;
+    right: 10;
+    background: rgba(0,0,0,0.1);
+    border: none;
+    width: 300px;
+    display: block;
+    background: black;
+}
+*/

package/server/views/editor.ejs CHANGED Viewed

@@ -670,6 +670,15 @@ document.addEventListener("DOMContentLoaded", async () => {
       await reloadMemory()
     }
   })
+  document.querySelector("#lv").addEventListener("click", (e) => {
+    let m = e.target.closest(".memory")
+    m.classList.toggle("collapsed")
+    if (m.classList.contains("collapsed")) {
+      m.querySelector("i").className = "fa-solid fa-sort-down"
+    } else {
+      m.querySelector("i").className = "fa-solid fa-sort-up"
+    }
+  })
 })
 const reloadMemory = async () => {
   let url = "/pinokio/memory?filepath=" + encodeURI("<%-filepath%>")
@@ -679,7 +688,7 @@ const reloadMemory = async () => {
   })
   console.log("memory", memory)
   document.querySelector(".memory table").innerHTML = memory.map((m) => {
-    let html = `<tr><td>${m.key}</td><td>${m.val}</td>`
+    let html = `<tr><td>local.${m.key}</td><td>${m.val}</td>`
     if (m.localhost) {
       if (m.tunnel) {
         html += `<td>${m.tunnel}</td>
@@ -747,31 +756,6 @@ const reloadMemory = async () => {
       <div id='save' class='btn disabled'>
         <span class='save'><i class="fa-solid fa-check"></i> Save</span>
       </div>
-      <% if (memory.length > 0) { %>
-        <div class='memory'>
-          <table>
-          <% memory.forEach((m) => { %>
-            <tr>
-              <td>local.<%=m.key%></td>
-              <td><%=m.val%></td>
-              <% if (m.localhost) { %>
-                <% if (m.tunnel) { %>
-                  <td><%=m.tunnel%></td>
-                  <td><a class='btn2' target="_blank" href="<%=m.tunnel%>"><i class="fa-solid fa-arrow-up-right-from-square"></i> Open</a></td>
-                  <td><button data-url="<%=m.val%>" class='btn2 tunnel-stop'><i class="fa-solid fa-lock-closed"></i> Make Private</button></td>
-                <% } else { %>
-                  <td><button data-url="<%=m.val%>" class='btn2 tunnel'><i class="fa-solid fa-lock-open"></i> Make Public</button></td>
-                <% } %>
-              <% } %>
-            </tr>
-          <% }) %>
-          </table>
-        </div>
-      <% } else { %>
-        <div class='memory'>
-          <table></table>
-        </div>
-      <% } %>
     </div>
   <% } %>
   </header>
@@ -819,6 +803,41 @@ const reloadMemory = async () => {
           <div id='editor'><%=content%></div>
         </main>
         <div class='terminal-container'>
+          <% if (memory.length > 0) { %>
+            <div class='memory'>
+              <div class='memory-header'>
+                <div>Memory</div>
+                <div class='flexible'></div>
+                <div id='lv' class='btn2'><i class="fa-solid fa-sort-up"></i></div>
+              </div>
+              <table>
+              <% memory.forEach((m) => { %>
+                <tr>
+                  <td>local.<%=m.key%></td>
+                  <td><%=m.val%></td>
+                  <% if (m.localhost) { %>
+                    <% if (m.tunnel) { %>
+                      <td><%=m.tunnel%></td>
+                      <td><a class='btn2' target="_blank" href="<%=m.tunnel%>"><i class="fa-solid fa-arrow-up-right-from-square"></i> Open</a></td>
+                      <td><button data-url="<%=m.val%>" class='btn2 tunnel-stop'><i class="fa-solid fa-lock-closed"></i> Make Private</button></td>
+                    <% } else { %>
+                      <td><button data-url="<%=m.val%>" class='btn2 tunnel'><i class="fa-solid fa-lock-open"></i> Make Public</button></td>
+                    <% } %>
+                  <% } %>
+                </tr>
+              <% }) %>
+              </table>
+            </div>
+          <% } else { %>
+            <div class='memory'>
+              <div class='memory-header'>
+                <div>Memory</div>
+                <div class='flexible'></div>
+                <div id='lv' class='btn2'><i class="fa-solid fa-sort-up"></i></div>
+              </div>
+              <table></table>
+            </div>
+          <% } %>
           <div id='terminal'></div>
         </div>
         <!--

package/server/views/fullscreen_editor.ejs CHANGED Viewed

@@ -664,6 +664,15 @@ document.addEventListener("DOMContentLoaded", async () => {
     })
   })
   */
+  document.querySelector("#lv").addEventListener("click", (e) => {
+    let m = e.target.closest(".memory")
+    m.classList.toggle("collapsed")
+    if (m.classList.contains("collapsed")) {
+      m.querySelector("i").className = "fa-solid fa-sort-down"
+    } else {
+      m.querySelector("i").className = "fa-solid fa-sort-up"
+    }
+  })
 })
 const reloadMemory = async () => {
   let url = "/pinokio/memory?filepath=<%=encodedFilePath%>"
@@ -673,7 +682,7 @@ const reloadMemory = async () => {
   })
   console.log("memory", memory)
   document.querySelector(".memory table").innerHTML = memory.map((m) => {
-    let html = `<tr><td>${m.key}</td><td>${m.val}</td>`
+    let html = `<tr><td>local.${m.key}</td><td>${m.val}</td>`
     if (m.localhost) {
       if (m.tunnel) {
         html += `<td>${m.tunnel}</td>
@@ -732,31 +741,6 @@ const reloadMemory = async () => {
         <span class='save'><i class="fa-solid fa-check"></i> Save</span>
       </div>
       -->
-      <% if (memory.length > 0) { %>
-        <div class='memory'>
-          <table>
-          <% memory.forEach((m) => { %>
-            <tr>
-              <td>local.<%=m.key%></td>
-              <td><%=m.val%></td>
-              <% if (m.localhost) { %>
-                <% if (m.tunnel) { %>
-                  <td><%=m.tunnel%></td>
-                  <td><a class='btn2' target="_blank" href="<%=m.tunnel%>"><i class="fa-solid fa-arrow-up-right-from-square"></i> Open</a></td>
-                  <td><button data-url="<%=m.val%>" class='btn2 tunnel-stop'><i class="fa-solid fa-lock-closed"></i> Make Private</button></td>
-                <% } else { %>
-                  <td><button data-url="<%=m.val%>" class='btn2 tunnel'><i class="fa-solid fa-lock-open"></i> Make Public</button></td>
-                <% } %>
-              <% } %>
-            </tr>
-          <% }) %>
-          </table>
-        </div>
-      <% } else { %>
-        <div class='memory'>
-          <table></table>
-        </div>
-      <% } %>
     </div>
   <% } %>
   </header>
@@ -797,6 +781,41 @@ const reloadMemory = async () => {
       </div>
     <% } else { %>
       <div class='terminal-container'>
+        <% if (memory.length > 0) { %>
+          <div class='memory'>
+            <div class='memory-header'>
+              <div>Memory</div>
+              <div class='flexible'></div>
+              <div id='lv' class='btn2'><i class="fa-solid fa-sort-up"></i></div>
+            </div>
+            <table>
+            <% memory.forEach((m) => { %>
+              <tr>
+                <td>local.<%=m.key%></td>
+                <td><%=m.val%></td>
+                <% if (m.localhost) { %>
+                  <% if (m.tunnel) { %>
+                    <td><%=m.tunnel%></td>
+                    <td><a class='btn2' target="_blank" href="<%=m.tunnel%>"><i class="fa-solid fa-arrow-up-right-from-square"></i> Open</a></td>
+                    <td><button data-url="<%=m.val%>" class='btn2 tunnel-stop'><i class="fa-solid fa-lock-closed"></i> Make Private</button></td>
+                  <% } else { %>
+                    <td><button data-url="<%=m.val%>" class='btn2 tunnel'><i class="fa-solid fa-lock-open"></i> Make Public</button></td>
+                  <% } %>
+                <% } %>
+              </tr>
+            <% }) %>
+            </table>
+          </div>
+        <% } else { %>
+          <div class='memory'>
+            <div class='memory-header'>
+              <div>Memory</div>
+              <div class='flexible'></div>
+              <div id='lv' class='btn2'><i class="fa-solid fa-sort-up"></i></div>
+            </div>
+            <table></table>
+          </div>
+        <% } %>
         <div id='terminal'></div>
       </div>
       <footer><b>Ready</b></footer>