From 2c830d51e46541080aafb20f2f6bbf3778af3f5a Mon Sep 17 00:00:00 2001
From: Steven Vandevelde <steven@tokono.ma>
Date: Sun, 1 Jun 2025 15:28:52 +0200
Subject: [PATCH] fix: output configuration

---
 src/components/List.astro                   |  2 +-
 src/pages/configurator/output/_applet.astro | 11 +++++++++--
 src/pages/index.astro                       |  2 +-
 src/pages/output/native-fs/_applet.astro    | 13 ++++++++-----
 4 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/List.astro b/src/components/List.astro
index 2e66e5b..478b204 100644
--- a/src/components/List.astro
+++ b/src/components/List.astro
@@ -6,7 +6,7 @@ const { items } = Astro.props;
   {
     items.map((item: { title: string; url: string }) => (
       <li>
-        {item.title.startsWith("(TODO) ") || item.title.startsWith("(WIP) ") ? (
+        {item.title.startsWith("(TODO) ") ? (
           <span>{item.title}</span>
         ) : (
           <a href={item.url}>{item.title}</a>
diff --git a/src/pages/configurator/output/_applet.astro b/src/pages/configurator/output/_applet.astro
index 382f846..7eb9bfd 100644
--- a/src/pages/configurator/output/_applet.astro
+++ b/src/pages/configurator/output/_applet.astro
@@ -126,8 +126,15 @@
         break;
       default:
         const conn = await connection(method);
-        await conn.sendAction("mount");
-        setActive(method);
+        try {
+          await conn.sendAction("mount");
+          setActive(method);
+        } catch (err) {
+          const msg: string =
+            err && typeof err === "object" && "message" in err ? `${err.message}` : `${err}`;
+          if (msg.startsWith("[user] ")) alert(msg.slice(7));
+        }
+        break;
     }
   }
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2f7ffdb..f84ebbd 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -47,7 +47,7 @@ const orchestrators = [
 const output = [
   { url: "output/indexed-db/", title: "IndexedDB" },
   { url: "output/native-fs/", title: "Native File System" },
-  { url: "output/storacha-automerge", title: "Storacha Storage + Automerge CRDT" },
+  { url: "output/storacha-automerge/", title: "(WIP) Storacha Storage + Automerge CRDT" },
   { url: "output/todo/", title: "(TODO) Keyhive/Beelay" },
   { url: "output/todo/", title: "(TODO) Dialog DB" },
 ];
diff --git a/src/pages/output/native-fs/_applet.astro b/src/pages/output/native-fs/_applet.astro
index 16aa808..7f5e52a 100644
--- a/src/pages/output/native-fs/_applet.astro
+++ b/src/pages/output/native-fs/_applet.astro
@@ -1,6 +1,6 @@
 <script>
   import * as IDB from "idb-keyval";
-  import "wicg-file-system-access";
+  import type * as FSA from "wicg-file-system-access";
 
   import type { ManagedOutput, Track } from "@applets/core/types";
   import { jsonDecode, jsonEncode, register } from "@scripts/applets/common";
@@ -16,8 +16,10 @@
   context.data = INITIAL_MANAGED_OUTPUT;
 
   // Load initial data
-  if (context.isMainInstance())
-    tracks().then((collection) => {
+  if (context.isMainInstance() && (await IDB.get(IDB_DEVICE_KEY))) loadInitialData();
+
+  async function loadInitialData() {
+    return tracks().then((collection) => {
       context.data = {
         ...context.data,
         tracks: {
@@ -28,6 +30,7 @@
         },
       };
     });
+  }
 
   ////////////////////////////////////////////
   // ACTIONS
@@ -48,8 +51,7 @@
 
   async function mount() {
     if (!("showDirectoryPicker" in self)) {
-      alert("File System Access API is not supported on this platform.");
-      return;
+      throw new Error("[user] The File System Access API is not supported on this platform.");
     }
 
     const existingHandle = await IDB.get(IDB_DEVICE_KEY);
@@ -57,6 +59,7 @@
       const directoryHandle = await self.showDirectoryPicker();
       await IDB.set(IDB_DEVICE_KEY, directoryHandle);
       await directoryHandle.requestPermission({ mode: "readwrite" });
+      loadInitialData();
     }
   }
 
-- 
knotmirror 0.0.1