{ if (e.target === e.currentTarget) close(); }} onkeydown={(e) => { if (e.key === "Escape") close(); }}>

Settings

{#each TABS as t} {/each}

{TABS.find((t) => t.id === tab)?.label}

{#if tab === "general"}

Interface Scale

updateSettings({ uiZoom: Number(e.currentTarget.value) / 100 })} class="scale-slider" /> { const n = parseInt(e.currentTarget.value, 10); if (!isNaN(n) && n >= 50 && n <= 200) updateSettings({ uiZoom: n / 100 }); }} onblur={(e) => { const n = parseInt(e.currentTarget.value, 10); if (isNaN(n) || n < 50) { updateSettings({ uiZoom: 0.5 }); e.currentTarget.value = "50"; } else if (n > 200) { updateSettings({ uiZoom: 2.0 }); e.currentTarget.value = "200"; } }} /> %

{#each [50,60,70,80,90,100,110,125,150,175,200] as v} {/each}

Server

Server URLBase URL of your Suwayomi instance

updateSettings({ serverUrl: e.currentTarget.value })} placeholder="http://localhost:4567" spellcheck="false" />

Auto-start serverLaunch tachidesk-server when Moku opens

Inactivity

Idle screen timeoutShow the Moku idle splash after this much inactivity.

{#if selectOpen === "idle-timeout"}

{#each [["0","Never"],["1","1 minute"],["2","2 minutes"],["5","5 minutes"],["10","10 minutes"],["15","15 minutes"],["30","30 minutes"]] as [v, l]} {/each}

{/if}

{:else if tab === "appearance"}

Theme

{#each THEMES as theme} {@const active = (store.settings.theme ?? "dark") === theme.id} {/each} {#each store.settings.customThemes ?? [] as custom} {@const active = store.settings.theme === custom.id}

{#if active}✓{/if}

{/each}

{:else if tab === "reader"}

Page Layout

Default layoutHow chapters open by default

{#if selectOpen === "page-style"}

{#each [["single","Single page"],["longstrip","Long strip"]] as [v, l]} {/each}

{/if}

Reading directionLeft-to-right for most manga, right-to-left for Japanese

{#if selectOpen === "reading-dir"}

{#each [["ltr","Left to right"],["rtl","Right to left"]] as [v, l]} {/each}

{/if}

Page gapAdd spacing between pages in longstrip mode

Overlay barsTop and bottom bars float over the page instead of pushing it

Fit & Zoom

Default fit modeHow pages are sized to fit the screen

{#if selectOpen === "fit-mode"}

{#each [["width","Fit width"],["height","Fit height"],["screen","Fit screen"],["original","Original (1:1)"]] as [v, l]} {/each}

{/if}

Default zoom Starting zoom when opening a chapter. 100% = fills the reader.

updateSettings({ readerZoom: Number(e.currentTarget.value) / 100 })} class="scale-slider" /> { const n = parseInt(e.currentTarget.value, 10); if (!isNaN(n) && n >= 10 && n <= 400) updateSettings({ readerZoom: n / 100 }); }} onblur={(e) => { const n = parseInt(e.currentTarget.value, 10); if (isNaN(n) || n < 10) { updateSettings({ readerZoom: 0.1 }); e.currentTarget.value = "10"; } else if (n > 400) { updateSettings({ readerZoom: 4.0 }); e.currentTarget.value = "400"; } }} /> %

{#each [50, 75, 100, 125, 150, 200] as v} {/each}

Optimize contrastUse webkit-optimize-contrast rendering

Behaviour

Auto-mark chapters readMark a chapter as read when you reach the last page

Auto-advance chaptersAutomatically open the next chapter at the end of a long strip

{#if !(store.settings.autoNextChapter ?? false)}

Mark read when skipping to next chapterMark chapter as read when you tap next before finishing

{/if}

Pages to preloadImages loaded ahead of the current page

{store.settings.preloadPages}

{:else if tab === "library"}

Display

Crop cover imagesFill grid cells — may crop cover edges

Show NSFW sourcesDisplay adult content sources in the sources list

Chapters

Default sort direction

{#if selectOpen === "sort-dir"}

{#each [["desc","Newest first"],["asc","Oldest first"]] as [v, l]} {/each}

{/if}

History

Reading store.history{store.history.length} entries stored

Full data cleanse Removes store.history, stats, completed list, hero pins, and manga links

{:else if tab === "performance"}

Render Limit

Items per page Library and Search render this many items before showing a "Load more" button. Lower = faster scrolling on large libraries.

{store.settings.renderLimit ?? 48}

{#each [12, 24, 48, 96, 200] as v} {/each}

Rendering

GPU accelerationPromote reader and library to compositor layers

Idle / Splash Screen

Animated card backgroundShow floating manga cards on splash and idle screens.

Interface

Compact sidebarReduce sidebar icon spacing

Session Cache

Cache entries In-memory request cache for this session (library, sources, genre pages). Cleared on restart.

{perfSnapshot?.cacheEntries ?? 0} entries

{#if perfSnapshot && perfSnapshot.cacheEntries > 0}

Oldest entry

{fmtAge(perfSnapshot.oldestEntryMs)}

Newest entry

{fmtAge(perfSnapshot.newestEntryMs)}

Cached keys {perfSnapshot.cacheKeys.join(", ")}

{/if}

{:else if tab === "keybinds"}

Keyboard shortcuts

Click a binding to rebind, then press the new key combination.

{#each Object.keys(KEYBIND_LABELS) as key} {@const k = key as keyof Keybinds} {@const isListening = listeningKey === k} {@const isDefault = store.settings.keybinds[k] === DEFAULT_KEYBINDS[k]}

{KEYBIND_LABELS[k]}

{/each}

{:else if tab === "storage"}

Disk Usage

{#if storageLoading}

Reading filesystem…

{:else if storageError}

{storageError}

{:else if storageInfo} {@const mangaBytes = storageInfo.manga_bytes} {@const totalBytes = storageInfo.total_bytes} {@const freeBytes = storageInfo.free_bytes} {@const limitGb = store.settings.storageLimitGb ?? null} {@const limitBytes = limitGb !== null ? limitGb * 1024 ** 3 : null} {@const available = mangaBytes + freeBytes} {@const cap = limitBytes !== null ? Math.min(limitBytes, available) : available} {@const pctUsed = cap > 0 ? Math.min(100, (mangaBytes / cap) * 100) : 0}

90} class:warn={pctUsed > 75 && pctUsed <= 90} style="width:{pctUsed}%">

{fmtBytes(mangaBytes)} used {fmtBytes(Math.max(0, cap - mangaBytes))} free

Downloaded manga{fmtBytes(mangaBytes)}

Drive free{fmtBytes(freeBytes)}

Drive total{fmtBytes(totalBytes)}

{storageInfo.path}

{/if}

Cache

Image cacheCached page images stored by the webview

Storage Limit

Limit download storage {store.settings.storageLimitGb === null ? "No limit — uses full drive capacity" : `Warn when downloads exceed ${store.settings.storageLimitGb} GB`}

{#if store.settings.storageLimitGb === null} {:else}

{ const n = parseFloat(e.currentTarget.value); if (!isNaN(n) && n > 0) updateSettings({ storageLimitGb: n }); }} /> GB

{/if}

{:else if tab === "folders"}

Manage Folders

Folders are stored as Suwayomi categories. Changes sync across all clients.

{#if catsError}

{catsError}

{/if}

e.key === "Enter" && createFolder()} style="flex:1;width:auto" />

{#if catsLoading}

Loading folders…

{:else if store.categories.filter(c => c.id !== 0).length === 0}

No folders yet. Create one above.

{:else} {@const displayCats = store.categories .filter(c => c.id !== 0) .sort((a, b) => { const defaultId = store.settings.defaultLibraryCategoryId ?? null; if (a.id === defaultId) return -1; if (b.id === defaultId) return 1; return a.order - b.order; })}

{#each displayCats as cat, i}

{#if editingId === cat.id} { if (e.key === "Enter") commitEdit(); if (e.key === "Escape") editingId = null; }} onblur={commitEdit} style="flex:1;width:auto" use:focusInput /> {:else} {cat.name} {cat.mangas?.nodes.length ?? 0} manga {/if}

{/each}

{/if}

{:else if tab === "tracking"}

Connected Trackers

Log in to sync your reading progress with external tracking services. After connecting, use the Tracking panel inside any manga's detail page.

{#if trackersError}

{trackersError}

{/if} {#if trackersLoading}

Loading trackers…

{:else}

{#each trackers as tracker}

{tracker.name} {tracker.isLoggedIn ? "Connected" : "Not connected"}

{#if tracker.isLoggedIn}

{:else if oauthTrackerId === tracker.id}

Your browser opened the {tracker.name} login page. After authorising, you'll land on a Suwayomi page — copy the full URL from your browser's address bar (it starts with https://suwayomi.org/... and contains your token) and paste it below.

{ if (e.key === "Enter") submitOAuth(); if (e.key === "Escape") cancelOAuth(); }} use:focusEl />

{:else if credsTrackerId === tracker.id}

e.key === "Escape" && cancelCredentials()} use:focusEl /> { if (e.key === "Enter") submitCredentials(); if (e.key === "Escape") cancelCredentials(); }} />

{:else} {/if}

{/each}

{/if}

{:else if tab === "security"}

{#if secError}

{secError}

{/if}

Server Authentication

{store.settings.serverAuthEnabled ? "Enabled" : "Disabled"}

Username

Password

{#if store.settings.serverAuthEnabled} {/if}

App Lock

PIN lock Require a PIN on launch and after idle timeout

{#if store.settings.appLockEnabled}

PIN 4–8 digits

{ pinInput = e.currentTarget.value.replace(/\D/g, "").slice(0, 8); pinError = ""; }} onkeydown={(e) => e.key === "Enter" && commitPin()} placeholder="••••" autocomplete="off" />

{#if pinError}{pinError}{/if}

{/if}

SOCKS Proxy

Enable SOCKS proxy Route Suwayomi traffic through a SOCKS4/5 proxy

{#if socksEnabled}

Version

{#if selectOpen === "socks-ver"}

{#each [[4,"SOCKS4"],[5,"SOCKS5"]] as [v, l]} {/each}

{/if}

Host

Port

Username Optional

Password Optional

{/if}

FlareSolverr

Enable FlareSolverr Bypass Cloudflare challenges for sources that require it

{#if flareEnabled}

URL FlareSolverr instance address

Timeout Max wait per request, in seconds

{flareTimeout}s

Session name Reuse browser session across requests

Session TTL Minutes before session is refreshed

{flareTtl}m

Response fallback Use FlareSolverr's response when the direct request fails

{/if}

{:else if tab === "about"}

Moku

A manga reader frontend for Suwayomi / Tachidesk.

Built with Tauri + Svelte.

Version

Installed v{appVersion}

{#if onLatestVersion}

✓ You're on the latest version.

{/if} {#if updatePhase === "downloading" && IS_WINDOWS}

Downloading {targetTag ?? "update"}… {fmtProgress()}

{/if} {#if updatePhase === "ready"}

{targetTag} downloaded — restart to finish installing.

{/if} {#if updatePhase === "error"}

{updateError}

{/if}

Releases

{#if releasesError}

{releasesError}

{:else if releasesLoading}

Fetching releases…

{:else if releases.length === 0}

No releases found.

{:else}

{#each releases as release} {@const isCurrent = isCurrentVersion(release.tag_name)} {@const isExpanded = expandedTag === release.tag_name} {@const isTarget = targetTag === release.tag_name} {@const isInstalling = isTarget && updatePhase === "downloading"}

{release.tag_name} {#if isCurrent} installed {/if} {#if release.published_at} {fmtDate(release.published_at)} {/if}

{#if release.body.trim()} {/if} {#if !isCurrent} {#if IS_WINDOWS} {:else} {/if} {/if}

{#if isExpanded && release.body.trim()}

{release.body.trim()}

{/if}

{/each}

{/if}

Links

GitHub → Discord →

{:else if tab === "devtools"}

Splash Screen

Preview idle screenShow the idle splash — dismiss with any click or key

Build Info

Mode: {import.meta.env.MODE}

{/if}