pinokiod 3.48.0 → 3.49.0

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 (23) hide show
  1. package/kernel/environment.js +6 -0
  2. package/package.json +1 -1
  3. package/server/index.js +37 -13
  4. package/server/public/common.js +85 -8
  5. package/server/public/style.css +15 -27
  6. package/server/public/urldropdown.css +174 -0
  7. package/server/public/urldropdown.js +396 -0
  8. package/server/public/window_storage.js +30 -0
  9. package/server/views/app.ejs +19 -27
  10. package/server/views/columns.ejs +53 -21
  11. package/server/views/connect.ejs +21 -1
  12. package/server/views/container.ejs +21 -1
  13. package/server/views/download.ejs +2 -0
  14. package/server/views/index.ejs +20 -1
  15. package/server/views/init/index.ejs +4 -0
  16. package/server/views/net.ejs +21 -1
  17. package/server/views/network.ejs +21 -1
  18. package/server/views/review.ejs +8 -0
  19. package/server/views/rows.ejs +48 -16
  20. package/server/views/screenshots.ejs +21 -1
  21. package/server/views/settings.ejs +22 -2
  22. package/server/views/setup.ejs +2 -0
  23. package/server/views/tools.ejs +21 -1
package/server/views/settings.ejs CHANGED
@@ -10,6 +10,7 @@
10
10
  <link href="/markdown.css" rel="stylesheet"/>
11
11
  <link href="/noty.css" rel="stylesheet"/>
12
12
  <link href="/style.css" rel="stylesheet"/>
13
+ <link href="/urldropdown.css" rel="stylesheet" />
13
14
  <% if (agent === "electron") { %>
14
15
  <link href="/electron.css" rel="stylesheet"/>
15
16
  <% } %>
@@ -279,12 +280,14 @@ aside .selected {
279
280
  opacity: 1;
280
281
  }
281
282
 
283
+ /*
282
284
  @media only screen and (max-width: 800px) {
283
285
  body {
284
286
  display: flex !important;
285
287
  flex-direction: row !important;
286
288
  }
287
289
  }
290
+ */
288
291
  @media only screen and (max-width: 600px) {
289
292
  aside {
290
293
  width: unset;
@@ -332,6 +335,7 @@ aside .selected {
332
335
  }
333
336
  }
334
337
  </style>
338
+ <script src="/window_storage.js"></script>
335
339
  <script src="/popper.min.js"></script>
336
340
  <script src="/tippy-bundle.umd.min.js"></script>
337
341
  <script src="/hotkeys.min.js"></script>
@@ -347,6 +351,15 @@ aside .selected {
347
351
  <script src="/common.js"></script>
348
352
  <script src="/opener.js"></script>
349
353
  <script src="/nav.js"></script>
354
+ <script src="/urldropdown.js"></script>
355
+ <script>
356
+ // Initialize URL Dropdown with empty behavior for settings page
357
+ document.addEventListener('DOMContentLoaded', function() {
358
+ initUrlDropdown({
359
+ clearBehavior: 'empty'
360
+ });
361
+ });
362
+ </script>
350
363
  <script src="/report.js"></script>
351
364
  </head>
352
365
  <body class='<%=theme%>' data-agent="<%=agent%>">
@@ -358,6 +371,7 @@ aside .selected {
358
371
  <header class='navheader grabbable'>
359
372
  <h1>
360
373
  <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
374
+ <button id='collapse' class='btn2' data-tippy-content="toggle fullscreen view"><i class="fa-solid fa-bars"></i></button>
361
375
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
362
376
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
363
377
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
@@ -369,7 +383,13 @@ aside .selected {
369
383
  <% } %>
370
384
  <% }) %>
371
385
  <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
372
- <div class='flexible'></div>
386
+ <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
387
+ <form class='urlbar'>
388
+ <div class='url-input-container'>
389
+ <input type='url' placeholder='enter a local url'>
390
+ <div class='url-dropdown' id='url-dropdown'></div>
391
+ </div>
392
+ </form>
373
393
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
374
394
  <div><i class="fa-solid fa-table-columns"></i></div>
375
395
  </a>
@@ -711,7 +731,7 @@ document.addEventListener("DOMContentLoaded", async () => {
711
731
  })
712
732
  })
713
733
  }
714
- document.querySelector("form").addEventListener("submit", async (e) => {
734
+ document.querySelector("main form").addEventListener("submit", async (e) => {
715
735
  e.preventDefault()
716
736
  e.stopPropagation()
717
737
  let val = document.querySelector(`[name=home]`).value
package/server/views/setup.ejs CHANGED
@@ -109,12 +109,14 @@ body {
109
109
  .timestamp {
110
110
  color: rgba(0,0,0,0.5);
111
111
  }
112
+ /*
112
113
  @media only screen and (max-width: 800px) {
113
114
  body {
114
115
  display: flex !important;
115
116
  flex-direction: row !important;
116
117
  }
117
118
  }
119
+ */
118
120
  </style>
119
121
  <script src="/hotkeys.min.js"></script>
120
122
  <script src="/sweetalert2.js"></script>
package/server/views/tools.ejs CHANGED
@@ -10,6 +10,7 @@
10
10
  <link href="/markdown.css" rel="stylesheet"/>
11
11
  <link href="/noty.css" rel="stylesheet"/>
12
12
  <link href="/style.css" rel="stylesheet"/>
13
+ <link href="/urldropdown.css" rel="stylesheet" />
13
14
  <% if (agent === "electron") { %>
14
15
  <link href="/electron.css" rel="stylesheet"/>
15
16
  <% } %>
@@ -761,12 +762,14 @@ aside .selected {
761
762
  }
762
763
  }
763
764
 
765
+ /*
764
766
  @media only screen and (max-width: 800px) {
765
767
  body {
766
768
  display: flex !important;
767
769
  flex-direction: row !important;
768
770
  }
769
771
  }
772
+ */
770
773
  @media only screen and (max-width: 600px) {
771
774
  aside {
772
775
  width: unset;
@@ -802,6 +805,7 @@ aside .selected {
802
805
  }
803
806
  }
804
807
  </style>
808
+ <script src="/window_storage.js"></script>
805
809
  <script src="/popper.min.js"></script>
806
810
  <script src="/tippy-bundle.umd.min.js"></script>
807
811
  <script src="/hotkeys.min.js"></script>
@@ -817,6 +821,15 @@ aside .selected {
817
821
  <script src="/common.js"></script>
818
822
  <script src="/opener.js"></script>
819
823
  <script src="/nav.js"></script>
824
+ <script src="/urldropdown.js"></script>
825
+ <script>
826
+ // Initialize URL Dropdown with empty behavior for tools page
827
+ document.addEventListener('DOMContentLoaded', function() {
828
+ initUrlDropdown({
829
+ clearBehavior: 'empty'
830
+ });
831
+ });
832
+ </script>
820
833
  <script src="/report.js"></script>
821
834
  </head>
822
835
  <body class='<%=theme%>' data-agent="<%=agent%>">
@@ -828,11 +841,18 @@ aside .selected {
828
841
  <header class='navheader grabbable'>
829
842
  <h1>
830
843
  <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
844
+ <button id='collapse' class='btn2' data-tippy-content="toggle fullscreen view"><i class="fa-solid fa-bars"></i></button>
831
845
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
832
846
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
833
847
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
834
848
  <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
835
- <form class='urlbar'><input type='url' placeholder='enter a local url'></form>
849
+ <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
850
+ <form class='urlbar'>
851
+ <div class='url-input-container'>
852
+ <input type='url' placeholder='enter a local url'>
853
+ <div class='url-dropdown' id='url-dropdown'></div>
854
+ </div>
855
+ </form>
836
856
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
837
857
  <div><i class="fa-solid fa-table-columns"></i></div>
838
858
  </a>