@lapis-notes/workspace 0.2.0 → 0.3.0

package/dist/desktop/desktop-vault-launcher.svelte.js

@@ -0,0 +1,140 @@
+import { fuzzySearch } from "@lapis-notes/ui";
+import { getVaultProfileLocation, } from "./desktop-vault-launcher";
+function formatError(error) {
+    return error instanceof Error ? error.message : String(error);
+}
+/** State from the Deno chooser, shared without depending on a native bridge. */
+export class DesktopVaultLauncherState {
+    host;
+    recentVaults = $state.raw([]);
+    recentVaultQuery = $state("");
+    recentVaultDialogOpen = $state(false);
+    settingsOpen = $state(false);
+    appearanceMode = $state("system");
+    activeActionId = $state(null);
+    renameDialogOpen = $state(false);
+    renameDialogName = $state("");
+    renameTarget = $state.raw(null);
+    actionError = $state("");
+    actionMessage = $state("");
+    constructor(host) {
+        this.host = host;
+    }
+    get inlineRecentVaults() {
+        return this.recentVaults.slice(0, 4);
+    }
+    get filteredRecentVaults() {
+        const entries = this.recentVaults.map((profile) => ({
+            profile,
+            name: profile.name,
+            location: getVaultProfileLocation(profile),
+            kind: profile.kind,
+        }));
+        return this.recentVaultQuery.trim()
+            ? fuzzySearch(entries, this.recentVaultQuery, {
+                keys: ["name", "location", "kind"],
+            }).map((result) => result.item)
+            : entries;
+    }
+    applyAppearance(mode) {
+        const dark = mode === "system"
+            ? (globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ??
+                false)
+            : mode === "dark";
+        for (const name of ["dark", "theme-dark"])
+            document.documentElement.classList.toggle(name, dark);
+        for (const name of ["light", "theme-light"])
+            document.documentElement.classList.toggle(name, !dark);
+    }
+    async refresh() {
+        try {
+            [this.recentVaults, this.appearanceMode] = await Promise.all([
+                this.host.listProfiles(),
+                this.host.getAppearance(),
+            ]);
+            this.applyAppearance(this.appearanceMode);
+        }
+        catch (error) {
+            this.actionError = formatError(error);
+        }
+    }
+    async invoke(action) {
+        this.actionError = "";
+        this.actionMessage = "";
+        try {
+            await action();
+        }
+        catch (error) {
+            this.actionError = formatError(error);
+        }
+    }
+    async runAction(profile, action, message = "") {
+        this.activeActionId = profile.id;
+        this.actionError = "";
+        this.actionMessage = "";
+        try {
+            await action();
+            await this.refresh();
+            this.actionMessage = message;
+        }
+        catch (error) {
+            this.actionError = formatError(error);
+        }
+        finally {
+            this.activeActionId = null;
+        }
+    }
+    openRenameDialog(profile) {
+        this.renameTarget = profile;
+        this.renameDialogName = profile.name;
+        this.renameDialogOpen = true;
+    }
+    async submitRename() {
+        if (!this.renameTarget || !this.host.rename)
+            return;
+        const name = this.renameDialogName.trim();
+        if (!name) {
+            this.actionError = "Vault name is required";
+            return;
+        }
+        const profile = this.renameTarget;
+        await this.runAction(profile, () => this.host.rename(profile, name), "Vault renamed");
+        if (!this.actionError)
+            this.renameDialogOpen = false;
+    }
+    async moveRecentVault(profile) {
+        if (!this.host.move)
+            return;
+        this.activeActionId = profile.id;
+        this.actionError = "";
+        this.actionMessage = "";
+        try {
+            if (!(await this.host.move(profile)))
+                return;
+            await this.refresh();
+            this.actionMessage = "Vault moved";
+        }
+        catch (error) {
+            this.actionError = formatError(error);
+        }
+        finally {
+            this.activeActionId = null;
+        }
+    }
+    copyVaultId(profile) {
+        return this.runAction(profile, () => this.host.copyId(profile), "Vault ID copied");
+    }
+    revealRecentVault(profile) {
+        return this.runAction(profile, () => this.host.reveal(profile));
+    }
+    removeRecentVault(profile) {
+        return this.runAction(profile, () => this.host.remove(profile), "Vault removed from recent projects");
+    }
+    async updateAppearance(mode) {
+        await this.invoke(async () => {
+            await this.host.saveAppearance(mode);
+            this.appearanceMode = mode;
+            this.applyAppearance(mode);
+        });
+    }
+}