+ 
Moku
-A fast, minimal manga reader for Suwayomi-Server.
Built with Tauri v2 and React.
 |
-  |
-  |
-
 |
-  |
-  |
-
A fast, minimal manga reader for Suwayomi-Server.
Built with Tauri v2 and Svelte.
+
A fast, minimal manga reader for Suwayomi-Server.
Built with Tauri v2 and React.
|
- |
- |
-
|
- |
- |
-
A fast, minimal manga reader for Suwayomi-Server.
Built with Tauri v2 and Svelte.
("download-progress", e => { setActiveDownloads(e.payload); });
return () => {
+ cancelled = true;
if (store.settings.autoStartServer) invoke("kill_server").catch(() => {});
if (idleTimer) clearTimeout(idleTimer);
if (pollInterval) clearInterval(pollInterval);
@@ -125,14 +131,14 @@
};
});
- function handleRetry() { failed = false; serverProbeOk = false; }
+ function handleRetry() { failed = false; notConfigured = false; serverProbeOk = false; }
{#if devSplash}
press any key to continue moku Could not reach Suwayomi Make sure tachidesk-server is on your PATH Server not configured Set the server path in Settings, then retry Could not reach Suwayomi Make sure tachidesk-server is on your PATH
{ringFull ? "Ready" : `Initializing server${dots}`}
@@ -268,4 +302,9 @@
.hint { font-family: var(--font-ui); font-size: 10px; color: var(--text-faint); letter-spacing: 0.22em; text-transform: uppercase; margin: 0; user-select: none; animation: hintFade 3.5s ease-in-out infinite; }
.title-label { font-family: var(--font-ui); font-size: 11px; font-weight: 500; letter-spacing: 0.26em; text-transform: uppercase; color: var(--text-secondary); margin: 0 0 8px; z-index: 1; user-select: none; }
.retry-btn { margin-top: 4px; padding: 5px 16px; border-radius: var(--radius-md); border: 1px solid var(--border-dim); background: var(--bg-raised); color: var(--text-muted); cursor: pointer; font-family: var(--font-ui); font-size: 11px; letter-spacing: 0.08em; }
+ .retry-btn:hover { border-color: var(--border-strong); color: var(--text-secondary); }
+ .error-box { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 20px; border-radius: var(--radius-lg); background: rgba(0,0,0,0.55); border: 1px solid rgba(255,255,255,0.12); max-width: 260px; text-align: center; backdrop-filter: blur(4px); }
+ .error-box--danger { border-color: rgba(220,50,50,0.5); }
+ .error-title { font-family: var(--font-ui); font-size: 11px; font-weight: 500; color: var(--text-muted); letter-spacing: 0.1em; margin: 0; }
+ .error-body { font-family: var(--font-ui); font-size: 10px; color: var(--text-faint); letter-spacing: 0.05em; margin: 0; line-height: 1.6; }
diff --git a/src/components/pages/Explore.svelte b/src/components/pages/Explore.svelte
new file mode 100644
index 0000000..1229c65
--- /dev/null
+++ b/src/components/pages/Explore.svelte
@@ -0,0 +1,372 @@
+
+
+{#if $activeSource}
+ Moku A manga reader frontend for Suwayomi / Tachidesk. Built with Tauri + Svelte. Connects to tachidesk-server. Built with Tauri + Svelte. Version {updateError} ✓ You are on the latest version Update available — v{latestVersion} Links
@@ -232,21 +255,32 @@
{:else}
-
- {#if !failed}
+
diff --git a/src/store/state.svelte.ts b/src/store/state.svelte.ts
index 5a3655e..106c0f0 100644
--- a/src/store/state.svelte.ts
+++ b/src/store/state.svelte.ts
@@ -132,7 +132,7 @@ export const DEFAULT_SETTINGS: Settings = {
compactSidebar: false,
gpuAcceleration: true,
serverUrl: "http://localhost:4567",
- serverBinary: "tachidesk-server",
+ serverBinary: "",
autoStartServer: true,
preferredExtensionLang: "en",
keybinds: DEFAULT_KEYBINDS,
@@ -151,6 +151,14 @@ export const DEFAULT_SETTINGS: Settings = {
// ── Persistence ───────────────────────────────────────────────────────────────
+const STORE_VERSION = 2;
+
+// Fields reset to their DEFAULT_SETTINGS value on each version bump.
+// Add a key here whenever its default changes meaning between releases.
+const RESET_ON_UPGRADE: (keyof Settings)[] = [
+ "serverBinary",
+];
+
function loadPersisted(): any {
try {
const raw = localStorage.getItem("moku-store");
@@ -167,7 +175,26 @@ function persist(patch: Record
+ {#if !failed && !notConfigured}
{/if}
-
+
- {#if failed}
-
+
+
+ {:else if failed}
+
+
+
+
+
+
{:else}
+
+{/if}
+
+{#if ctx}
+
+
+
+
+
+ Explore
+
+
+
+
+
+
+
+ {#if mode === "sources"}
+
+ {#if continueReading.length > 0 || loadingLib}
+
+
+
+ {/if}
+
+ {#if recommended.length > 0 || loadingLib}
+
+
+ {#if loadingLib}
+ {#each Array(8) as _}
+ {:else}
+ {/each}
+ {#each continueReading.slice(0, ROW_CAP) as { manga, chapterName, progress }}
+
+ {/each}
+ {#each Array(GHOST_COUNT) as _}{/each}
+
+ {/if}
+
+
+ {/if}
+
+ {#if popularManga.length > 0 || loadingPopular}
+
+
+ {#if loadingLib}
+ {#each Array(8) as _}
+ {:else}
+ {/each}
+ {#each recommended.slice(0, ROW_CAP) as m}
+
+ {/each}
+ {#each Array(GHOST_COUNT) as _}{/each}
+
+ {/if}
+
+
+ {/if}
+
+ {#each frecencyGenres as genre}
+ {@const items = genreResultsMap.get(genre) ?? []}
+ {@const isLoading = loadingGenres && items.length === 0}
+ {#if isLoading || items.length > 0}
+
+
+
+ {#if loadingPopular}
+ {#each Array(8) as _}
+ {:else if sources.length === 0}
+ {/each}No sources installed. Add extensions first.
+ {:else}
+
+ {#each popularManga.slice(0, ROW_CAP) as m}
+
+ {/each}
+ {#each Array(GHOST_COUNT) as _}{/each}
+
+ {/if}
+
+
+ {/if}
+ {/each}
+
+ {#if !loadingLib && !loadingPopular && !loadingGenres && continueReading.length === 0 && recommended.length === 0 && popularManga.length === 0 && frecencyGenres.every((g) => !genreResultsMap.get(g)?.length)}
+
+ {genre}
+
+
+ {#if isLoading}
+ {#each Array(8) as _}
+ {:else}
+ {/each}
+ {#each items.slice(0, ROW_CAP) as m}
+
+ {/each}
+ {#if items.length >= ROW_CAP}
+
+ {/if}
+ {#each Array(GHOST_COUNT) as _}{/each}
+
+ {/if}
+
+ {#if loadError}
+ Could not reach Suwayomi
+ Make sure the server is running, then try again.
+
+ {:else}
+ Nothing to explore yet
+ Add manga to your library or install sources to get started.
+ {/if}
+
+ {/if}
+
+
+
+
+
+ {#if updateError}
+
+ Current version
+ v{appVersion}
+
+
+
+
+ {/if}
+ {/if}
+
+
+ GitHub →