pinokiod 7.5.53 → 8.0.0

package/package.json

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

package/server/public/style.css

@@ -1433,6 +1433,17 @@ body.main-sidebar-page main > .task-container {
   margin-top: 8px;
   padding-top: 0;
 }
+.main-sidebar .main-sidebar-section-connect {
+  margin-top: auto;
+  padding-top: 10px;
+}
+.main-sidebar .main-sidebar-section-connect::before {
+  content: "";
+  display: block;
+  height: 1px;
+  margin-bottom: 10px;
+  background: var(--pinokio-sidebar-separator);
+}
 .main-sidebar-section-title {
   min-height: 20px;
   display: flex;

package/server/views/partials/main_sidebar.ejs

@@ -40,6 +40,12 @@
       <a href="/connect" class="tab <%= sidebarSelected === 'connect' ? 'selected' : '' %>"><i class="fa-solid fa-plug"></i><div class='caption'>Login</div></a>
       <a class="tab <%= sidebarSelected === 'settings' ? 'selected' : '' %>" href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
     </div>
+
+    <div class='main-sidebar-section main-sidebar-section-connect' aria-label="Community links">
+      <a class="tab" href="https://x.com/cocktailpeanut" target="_blank" rel="noopener noreferrer" data-main-sidebar-browser-link><i class="fa-brands fa-x-twitter"></i><div class='caption'>Updates</div></a>
+      <a class="tab" href="https://discord.gg/TQdNwadtE4" target="_blank" rel="noopener noreferrer" data-main-sidebar-browser-link><i class="fa-brands fa-discord"></i><div class='caption'>Discord</div></a>
+      <a class="tab" href="https://pinokiocomputer.substack.com" target="_blank" rel="noopener noreferrer" data-main-sidebar-browser-link><i class="fa-solid fa-newspaper"></i><div class='caption'>Newsletter</div></a>
+    </div>
   </nav>
 </aside>
 <script>
@@ -50,6 +56,23 @@
     const sidebar = document.getElementById("main-sidebar");
     const peekTrigger = document.querySelector("[data-main-sidebar-peek-trigger]");
 
+    if (sidebar) {
+      sidebar.querySelectorAll("[data-main-sidebar-browser-link]").forEach((link) => {
+        link.addEventListener("click", (event) => {
+          const href = link.getAttribute("href") || "";
+          if (!href) return;
+          event.preventDefault();
+          event.stopPropagation();
+          const agent = document.body ? document.body.getAttribute("data-agent") : null;
+          if (agent === "electron") {
+            window.open(href, "_blank", "browser");
+          } else {
+            window.open(href, "_blank");
+          }
+        });
+      });
+    }
+
     const initHomeServerStatusBadge = () => {
       if (!sidebar || window.__pinokioMainSidebarHomeServerStatusInit) return;
       const homeServerTab = sidebar.querySelector("[data-main-sidebar-home-server-tab]");

package/test/main-sidebar.test.js

@@ -59,3 +59,26 @@ test('main sidebar no longer renders peer rows or phone access modal', async ()
   assert.doesNotMatch(source, /peer_access_router_installed/)
   assert.doesNotMatch(style, /main-sidebar-peer/)
 })
+
+test('main sidebar renders external community links as a footer cluster', async () => {
+  const source = await fs.readFile(sidebarFile, 'utf8')
+  const style = await fs.readFile(path.resolve(__dirname, '..', 'server', 'public', 'style.css'), 'utf8')
+
+  const configureIndex = source.indexOf('aria-label="Configure"')
+  const connectedIndex = source.indexOf('aria-label="Community links"')
+
+  assert.notEqual(configureIndex, -1)
+  assert.notEqual(connectedIndex, -1)
+  assert.ok(configureIndex < connectedIndex)
+  assert.match(source, /main-sidebar-section-connect/)
+  assert.doesNotMatch(source, /main-sidebar-section-connect[\s\S]*main-sidebar-section-title/)
+  assert.doesNotMatch(source, />Stay Connected</)
+  assert.match(source, /href="https:\/\/x\.com\/cocktailpeanut"[^>]*target="_blank"[^>]*rel="noopener noreferrer"[^>]*data-main-sidebar-browser-link[\s\S]*fa-brands fa-x-twitter[\s\S]*Updates/)
+  assert.match(source, /href="https:\/\/discord\.gg\/TQdNwadtE4"[^>]*target="_blank"[^>]*rel="noopener noreferrer"[^>]*data-main-sidebar-browser-link[\s\S]*fa-brands fa-discord[\s\S]*Discord/)
+  assert.match(source, /href="https:\/\/pinokiocomputer\.substack\.com"[^>]*target="_blank"[^>]*rel="noopener noreferrer"[^>]*data-main-sidebar-browser-link[\s\S]*fa-solid fa-newspaper[\s\S]*Newsletter/)
+  assert.doesNotMatch(source, /main-sidebar-section-connect[\s\S]*features="browser"/)
+  assert.match(source, /window\.open\(href, "_blank", "browser"\)/)
+  assert.match(source, /window\.open\(href, "_blank"\)/)
+  assert.match(style, /\.main-sidebar \.main-sidebar-section-connect \{[\s\S]*margin-top:\s*auto/)
+  assert.match(style, /\.main-sidebar \.main-sidebar-section-connect::before \{[\s\S]*background:\s*var\(--pinokio-sidebar-separator\)/)
+})