pinokiod 5.3.18 → 5.3.20

package/package.json

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

package/server/index.js

@@ -44,10 +44,6 @@ const DEFAULT_PORT = 42000
 const NOTIFICATION_SOUND_EXTENSIONS = new Set(['.aac', '.flac', '.m4a', '.mp3', '.ogg', '.wav', '.webm'])
 const LOG_STREAM_INITIAL_BYTES = 512 * 1024
 const LOG_STREAM_KEEPALIVE_MS = 25000
-const REGISTRY_PING_PNG = Buffer.from(
-  'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMBAAObF+6bAAAAAElFTkSuQmCC',
-  'base64'
-)
 const DEFAULT_REGISTRY_URL = 'https://beta.pinokio.co'
 
 const ex = fn => (req, res, next) => {
@@ -1032,6 +1028,25 @@ class Server {
     let review_tab = "/p/" + name + "/review"
     let files_tab = "/p/" + name + "/files"
 
+    const registryEnabled = await this.isRegistryEnabled().catch(() => false)
+    let community_url = ""
+    if (registryEnabled) {
+      try {
+        const repositoryPath = path.resolve(this.kernel.api.userdir, name)
+        const gitRemote = await git.getConfig({
+          fs,
+          http,
+          dir: repositoryPath,
+          path: 'remote.origin.url'
+        })
+        if (gitRemote && this.portal) {
+          community_url = `${this.portal}/resolve?url=${encodeURIComponent(gitRemote)}&embed=1`
+        }
+      } catch (_) {
+        community_url = ""
+      }
+    }
+
     let editor_tab = `/pinokio/fileview/${encodeURIComponent(name)}`
     let savedTabs = []
     if (Array.isArray(this.tabs[name])) {
@@ -1088,6 +1103,7 @@ class Server {
       dev_tab,
       review_tab,
       files_tab,
+      community_url,
 //        paths,
       theme: this.theme,
       agent: req.agent,
@@ -1107,7 +1123,6 @@ class Server {
     result.snapshotFooterEnabled = !!(options && options.snapshotFooterEnabled)
     result.hasSnapshots = !!(options && options.hasSnapshots)
     result.pendingSnapshotId = options && options.pendingSnapshotId ? String(options.pendingSnapshotId) : null
-    const registryEnabled = await this.isRegistryEnabled().catch(() => false)
     result.registryEnabled = registryEnabled
     if (!registryEnabled) {
       result.pendingSnapshotId = null
@@ -4758,15 +4773,6 @@ class Server {
     this.app.post("/checkpoints/registry", ex(async (req, res) => {
       res.status(404).json({ ok: false, error: "Not found" })
     }))
-    const registryPingHandler = ex(async (_req, res) => {
-      res.setHeader('Content-Type', 'image/png')
-      res.setHeader('Cache-Control', 'no-store')
-      res.setHeader('Content-Length', String(REGISTRY_PING_PNG.length))
-      res.end(REGISTRY_PING_PNG)
-    })
-    this.app.get("/registry/healthz.png", registryPingHandler)
-    this.app.get("/registry/ping.png", registryPingHandler)
-
     this.app.get("/registry/checkin", ex(async (req, res) => {
       const repoUrl = typeof req.query.repo === 'string' ? req.query.repo.trim() : ''
       const returnRaw = typeof req.query.return === 'string' ? req.query.return.trim() : ''

package/server/public/common.js

@@ -140,8 +140,9 @@ if (onfinish) {
 }
 // The original task
 */
-function wait_ready (targetUrl = null) {
+function wait_ready (targetUrl = null, options = {}) {
   createLauncherDebugLog('wait_ready invoked');
+  const showLoader = !(options && options.showLoader === false);
   let navTarget = null;
   if (targetUrl) {
     try {
@@ -159,6 +160,7 @@ function wait_ready (targetUrl = null) {
       createLauncherDebugLog('wait_ready initial requirements readiness', ready);
       let loader = null;
       const ensureLoader = () => {
+        if (!showLoader) return null;
         if (!loader) {
           loader = createMinimalLoadingSwal();
         }
@@ -172,7 +174,7 @@ function wait_ready (targetUrl = null) {
       };
       if (ready) {
         const initialLoader = pinokioDevGuardSatisfied ? null : ensureLoader();
-        ensureDevReady(initialLoader, 'initial').then(finalize)
+        ensureDevReady(initialLoader, 'initial', undefined, showLoader).then(finalize)
       } else {
         ensureLoader();
         let interval = setInterval(() => {
@@ -180,7 +182,7 @@ function wait_ready (targetUrl = null) {
             createLauncherDebugLog('wait_ready polling requirements readiness', ready);
             if (ready) {
               clearInterval(interval)
-              ensureDevReady(loader, 'after poll').then(finalize)
+              ensureDevReady(loader, 'after poll', undefined, showLoader).then(finalize)
             }
           })
         }, 500)
@@ -189,9 +191,10 @@ function wait_ready (targetUrl = null) {
   })
 }
 
-function ensureDevReady(existingLoader = null, label = 'initial', maxWaitMs = 15000) {
+function ensureDevReady(existingLoader = null, label = 'initial', maxWaitMs = 15000, showLoader = true) {
   let loader = existingLoader;
   const ensureLoader = () => {
+    if (!showLoader) return null;
     if (!loader) {
       loader = createMinimalLoadingSwal();
     }
@@ -2689,17 +2692,43 @@ if (typeof window !== 'undefined' && !window.__pinokioNavigateListenerInstalled)
     try {
       console.info('[pinokio:navigate] received', { origin: event.origin, url: event.data?.url });
     } catch (_) {}
-    const frame = document.activeElement;
-    if (!frame || frame.tagName !== 'IFRAME') {
+    const rawUrl = typeof event.data.url === 'string' ? event.data.url : '';
+    if (!rawUrl) {
       try {
-        console.warn('[pinokio:navigate] no active iframe');
+        console.warn('[pinokio:navigate] empty url');
       } catch (_) {}
       return;
     }
-    const rawUrl = typeof event.data.url === 'string' ? event.data.url : '';
-    if (!rawUrl) {
+    const communityFrame = document.querySelector('iframe.community-frame');
+    if (communityFrame) {
+      let fromCommunity = false;
       try {
-        console.warn('[pinokio:navigate] empty url');
+        fromCommunity = event.source === communityFrame.contentWindow;
+      } catch (_) {
+        fromCommunity = false;
+      }
+      if (fromCommunity) {
+        let communityTarget;
+        try {
+          const base = communityFrame.getAttribute('src') || window.location.origin;
+          communityTarget = new URL(rawUrl, base);
+        } catch (_) {
+          try {
+            console.warn('[pinokio:navigate] invalid url', rawUrl);
+          } catch (_) {}
+          return;
+        }
+        communityFrame.src = communityTarget.toString();
+        try {
+          console.info('[pinokio:navigate] navigated community', communityFrame.src);
+        } catch (_) {}
+        return;
+      }
+    }
+    const frame = document.activeElement;
+    if (!frame || frame.tagName !== 'IFRAME') {
+      try {
+        console.warn('[pinokio:navigate] no active iframe');
       } catch (_) {}
       return;
     }
@@ -3401,6 +3430,7 @@ document.addEventListener("DOMContentLoaded", () => {
       }
       initCreateLauncherTrigger(api);
       initAskAiTrigger(api);
+      warmCreateLauncherModal(api);
       openPendingCreateLauncherModal(api);
     });
   }
@@ -3436,6 +3466,20 @@ document.addEventListener("DOMContentLoaded", () => {
     return createLauncherState.loaderPromise;
   }
 
+  function warmCreateLauncherModal(api) {
+    if (!api || typeof api.ensureModalReady !== 'function') {
+      return;
+    }
+    const runWarmup = () => {
+      try {
+        api.ensureModalReady();
+      } catch (error) {
+        createLauncherDebugLog('ensureModalReady failed', error);
+      }
+    };
+    setTimeout(runWarmup, 0);
+  }
+
   function initCreateLauncherTrigger(api) {
     const trigger = document.getElementById('create-launcher-button');
     if (!trigger) {
@@ -3558,23 +3602,22 @@ document.addEventListener("DOMContentLoaded", () => {
       return;
     }
     createLauncherDebugLog('guardCreateLauncher invoked', { defaults: Boolean(defaults) });
-    wait_ready().then(({ closeModal, ready }) => {
-      createLauncherDebugLog('guardCreateLauncher wait_ready resolved', { ready, closeModal: Boolean(closeModal) });
+    if (defaults) {
+      api.showModal(defaults);
+    } else {
+      api.showModal();
+    }
+    wait_ready(null, { showLoader: false }).then(({ ready }) => {
+      createLauncherDebugLog('guardCreateLauncher wait_ready resolved', { ready });
       if (ready) {
-        if (closeModal) {
-          closeModal()
-        }
-        createLauncherDebugLog('guardCreateLauncher proceeding to show modal', { defaults: Boolean(defaults) });
-        if (defaults) {
-          api.showModal(defaults);
-        } else {
-          api.showModal();
-        }
-      } else {
-        const callback = encodeURIComponent(window.location.pathname + window.location.search + window.location.hash);
-        createLauncherDebugLog('guardCreateLauncher redirecting to /setup/dev', { callback });
-        window.location.href = `/setup/dev?callback=${callback}`;
+        return;
+      }
+      if (api && typeof api.hideModal === 'function') {
+        api.hideModal();
       }
+      const callback = encodeURIComponent(window.location.pathname + window.location.search + window.location.hash);
+      createLauncherDebugLog('guardCreateLauncher redirecting to /setup/dev', { callback });
+      window.location.href = `/setup/dev?callback=${callback}`;
     })
   }
 

package/server/public/create-launcher.js

@@ -47,6 +47,9 @@
   let modalInstance = null;
   let modalPromise = null;
   let modalKeydownHandler = null;
+  let modalOpen = false;
+  let modalPrevFocus = null;
+  let modalPrevInert = null;
 
   function mapPluginMenuToCreateLauncherTools(menu) {
     if (!Array.isArray(menu)) return [];
@@ -654,6 +657,43 @@
     };
   }
 
+  function setModalOpenState(open) {
+    const main = document.querySelector('main');
+    if (open) {
+      if (modalOpen) return;
+      modalOpen = true;
+      modalPrevFocus = document.activeElement;
+      if (main) {
+        modalPrevInert = main.hasAttribute('inert');
+        main.setAttribute('inert', '');
+        if (typeof main.inert !== 'undefined') {
+          main.inert = true;
+        }
+      }
+      try {
+        if (document.activeElement && typeof document.activeElement.blur === 'function') {
+          document.activeElement.blur();
+        }
+      } catch (_) {}
+      return;
+    }
+    if (!modalOpen) return;
+    modalOpen = false;
+    if (main && !modalPrevInert) {
+      if (typeof main.inert !== 'undefined') {
+        main.inert = false;
+      }
+      main.removeAttribute('inert');
+    }
+    modalPrevInert = null;
+    if (modalPrevFocus && typeof modalPrevFocus.focus === 'function') {
+      try {
+        modalPrevFocus.focus();
+      } catch (_) {}
+    }
+    modalPrevFocus = null;
+  }
+
   function applyVariantToUi(ui, variant = MODAL_VARIANTS.CREATE) {
     if (!ui) return;
     const targetVariant = variant === MODAL_VARIANTS.ASK ? MODAL_VARIANTS.ASK : MODAL_VARIANTS.CREATE;
@@ -902,15 +942,12 @@
     applyDefaultsToUi(ui, restDefaults);
     ui.templateManager.syncTemplateFields(ui.promptTextarea.value, restDefaults.templateValues || {});
 
-    requestAnimationFrame(() => {
-      ui.overlay.classList.add('is-visible');
-      requestAnimationFrame(() => {
-        if (ui.currentVariant !== MODAL_VARIANTS.ASK && ui.folderInput) {
-          ui.folderInput.select();
-        }
-        ui.promptTextarea.focus();
-      });
-    });
+    setModalOpenState(true);
+    ui.overlay.classList.add('is-visible');
+    if (ui.currentVariant !== MODAL_VARIANTS.ASK && ui.folderInput) {
+      ui.folderInput.select();
+    }
+    ui.promptTextarea.focus();
 
     modalKeydownHandler = (event) => {
       if (event.key === 'Escape') {
@@ -928,6 +965,7 @@
   function hideModal() {
     if (!modalInstance) return;
     modalInstance.overlay.classList.remove('is-visible');
+    setModalOpenState(false);
     if (modalKeydownHandler) {
       document.removeEventListener('keydown', modalKeydownHandler, true);
       modalKeydownHandler = null;

package/server/public/files-app/app.css

@@ -94,6 +94,27 @@
   gap: 8px;
 }
 
+.files-app__mobile-back {
+  display: none;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 10px;
+  border-radius: 8px;
+  border: 1px solid var(--border-color);
+  background: var(--surface-color);
+  color: var(--text-color);
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
+}
+
+.files-app__mobile-back:hover,
+.files-app__mobile-back:focus-visible {
+  background: var(--accent-color-soft);
+  color: var(--accent-color);
+  outline: none;
+}
+
 .files-app__save {
   display: inline-flex;
   align-items: center;
@@ -363,6 +384,27 @@ body.dark .files-app__tab--stale .files-app__tab-label::after {
   transition: opacity 0.15s ease;
 }
 
+.files-app__tree-more {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--muted-color);
+  cursor: pointer;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+
+.files-app__tree-more:hover,
+.files-app__tree-more:focus-visible {
+  background: rgba(127, 91, 243, 0.15);
+  color: var(--text-color);
+  outline: none;
+}
+
 .files-app__tree-row:hover,
 .files-app__tree-row:focus-visible {
   background: rgba(127, 91, 243, 0.12);
@@ -444,3 +486,87 @@ body.dark .files-app__tab--stale .files-app__tab-label::after {
 .files-app__status[data-state='success'] {
   color: #10b981;
 }
+
+@media (max-width: 768px) {
+  .files-app {
+    height: 100dvh;
+  }
+
+  .files-app__header {
+    padding: 10px 14px;
+    gap: 10px;
+  }
+
+  .files-app__header-desc {
+    display: none;
+  }
+
+  .files-app__header-sub {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .files-app__header-actions {
+    gap: 6px;
+  }
+
+  .files-app__meta,
+  .files-app__save {
+    padding: 6px 10px;
+  }
+
+  .files-app__body {
+    flex-direction: column;
+  }
+
+  .files-app__sidebar {
+    width: 100%;
+    max-width: none;
+    border-right: none;
+    border-bottom: 1px solid var(--border-color);
+  }
+
+  .files-app__sidebar-scroll {
+    padding: 10px 0 16px;
+  }
+
+  .files-app__main {
+    width: 100%;
+  }
+
+  .files-app__sidebar-toggle {
+    display: none;
+  }
+
+  .files-app.files-app--mobile[data-mobile-view='editor'] .files-app__mobile-back {
+    display: inline-flex;
+  }
+
+  .files-app.files-app--mobile[data-mobile-view='list'] .files-app__mobile-back {
+    display: none;
+  }
+
+  .files-app.files-app--mobile[data-mobile-view='list'] .files-app__main {
+    display: none;
+  }
+
+  .files-app.files-app--mobile[data-mobile-view='editor'] .files-app__sidebar {
+    display: none;
+  }
+
+  .files-app__tree-actions {
+    display: none;
+  }
+
+  .files-app__tree-more {
+    display: inline-flex;
+  }
+}
+
+@media (max-width: 520px) {
+  .files-app__meta span,
+  .files-app__save span {
+    display: none;
+  }
+}