🌐 Expand Korean localization coverage across web and mobile

apps/expo/app/(tabs)/library/index.tsx

@@ -26,6 +26,7 @@ import { usePreferencesStore } from '~/stores'
 import { useSelectionStore } from '~/stores/selection'
 
 export default function Screen() {
+	const { t } = useTranslate()
 	// Note: The id is a workaround for https://github.com/drizzle-team/drizzle-orm/issues/2660
 	const { id, increment, sortConfig, sourceFilter } = useDownloadsState(
 		useShallow((state) => ({
@@ -89,11 +90,11 @@ export default function Screen() {
 		// We create a sectioned list by grouping by series, then flatten it so that we have something like:
 		// ["Series 1", item1, item2, "Series 2", item3, item4]
 		// See  https://shopify.github.io/flash-list/docs/guides/section-list/
-		const grouped = groupBy(data, (item) => item.series_refs?.name || 'Unknown')
+		const grouped = groupBy(data, (item) => item.series_refs?.name || t('common.unknown'))
 		return Object.entries(grouped).flatMap(([seriesName, items]) => {
 			return [seriesName, ...items]
 		})
-	}, [sortConfig, data])
+	}, [sortConfig, data, t])
 
 	const renderItem = useCallback(({ item }: { item: (typeof data)[0] | string }) => {
 		if (typeof item === 'string') {

apps/expo/app/(tabs)/settings/usage/index.tsx

@@ -67,7 +67,7 @@ export default function Screen() {
 						{savedServers.length > 0 && (
 							<Card
 								label={t('common.servers')}
-								listEmptyStyle={{ icon: Server, message: 'No servers added' }}
+								listEmptyStyle={{ icon: Server, message: t('emptyState.noServersAdded') }}
 							>
 								{savedServers.map((server) => (
 									<Pressable

apps/expo/app/offline/[fileId]/read.tsx

@@ -32,7 +32,7 @@ import {
 	toAbsolutePath,
 	unpackedBookDirectory,
 } from '~/lib/filesystem'
-import { useLocalAnnotationMutations, useLocalBookmarkMutations } from '~/lib/hooks'
+import { useLocalAnnotationMutations, useLocalBookmarkMutations, useTranslate } from '~/lib/hooks'
 import type { ReadiumLocator } from '~/modules/readium'
 import { intoReadiumLocator } from '~/modules/readium'
 import StumpStreamer from '~/modules/streamer'
@@ -45,6 +45,7 @@ type Params = {
 // TODO: Follow https://github.com/dexie/Dexie.js/pull/2205
 
 export default function Screen() {
+	const { t } = useTranslate()
 	useKeepAwake()
 
 	const { fileId } = useLocalSearchParams<Params>()
@@ -76,7 +77,7 @@ export default function Screen() {
 	)
 
 	if (!record && !!updatedAt) {
-		throw new Error('Downloaded file not found')
+		throw new Error(t('errors.downloadedFileNotFound'))
 	}
 
 	if (!record) {
@@ -102,6 +103,7 @@ type ReaderProps = {
 }
 
 function Reader({ record, bookmarks, annotations }: ReaderProps) {
+	const { t } = useTranslate()
 	const downloadedFile = useMemo(() => record.downloaded_files, [record])
 
 	const unsyncedProgress = useMemo(() => record.read_progress, [record])
@@ -144,12 +146,10 @@ function Reader({ record, bookmarks, annotations }: ReaderProps) {
 			})
 			console.error('Failed to initialize streamer:', error)
 			setStreamerError(
-				error instanceof Error
-					? error
-					: new Error('Failed to initialize streamer. Please reach out for support'),
+				error instanceof Error ? error : new Error(t('errors.streamerInitializationFailed')),
 			)
 		}
-	}, [book.id, downloadedFile.serverId, downloadedFile.uri])
+	}, [book.id, downloadedFile.serverId, downloadedFile.uri, t])
 
 	useEffect(
 		() => {

apps/expo/app/opds-legacy/[id]/(tabs)/_layout.tsx

@@ -3,10 +3,12 @@ import { NativeTabs } from 'expo-router/unstable-native-tabs'
 
 import { useOPDSLegacyFeedContext } from '~/context/opdsLegacy'
 import { useColors } from '~/lib/constants'
+import { useTranslate } from '~/lib/hooks'
 
 // TODO(opds): Support favorites and add a tab for it
 
 export default function TabLayout() {
+	const { t } = useTranslate()
 	const { sdk } = useSDK()
 	const { hasSearch } = useOPDSLegacyFeedContext()
 
@@ -26,15 +28,15 @@ export default function TabLayout() {
 			labelVisibilityMode="labeled"
 		>
 			<NativeTabs.Trigger name="feed">
-				<NativeTabs.Trigger.Label>Feed</NativeTabs.Trigger.Label>
+				<NativeTabs.Trigger.Label>{t('opds.feed')}</NativeTabs.Trigger.Label>
 				<NativeTabs.Trigger.Icon
 					sf={{ default: 'dot.radiowaves.up.forward', selected: 'dot.radiowaves.up.forward' }}
 					md="rss_feed"
 				/>
 			</NativeTabs.Trigger>
 			{hasSearch && (
 				<NativeTabs.Trigger name="search" role="search">
-					<NativeTabs.Trigger.Label>Search</NativeTabs.Trigger.Label>
+					<NativeTabs.Trigger.Label>{t('opds.search')}</NativeTabs.Trigger.Label>
 					<NativeTabs.Trigger.Icon sf="magnifyingglass" md="search" />
 				</NativeTabs.Trigger>
 			)}

apps/expo/app/opds-legacy/[id]/(tabs)/feed/[url].tsx

@@ -13,10 +13,11 @@ import { useLegacyOPDSEntrySize } from '~/components/opdsLegacy/useLegacyOPDSEnt
 import RefreshControl from '~/components/RefreshControl'
 import { FullScreenLoader } from '~/components/ui'
 import { ON_END_REACHED_THRESHOLD } from '~/lib/constants'
-import { useLegacyOPDSFeed } from '~/lib/hooks'
+import { useLegacyOPDSFeed, useTranslate } from '~/lib/hooks'
 import { useDynamicHeader } from '~/lib/hooks/useDynamicHeader'
 
 export default function Screen() {
+	const { t } = useTranslate()
 	const { url: feedURL } = useLocalSearchParams<{ url: string }>()
 	const {
 		feed, // The current page feed
@@ -43,14 +44,14 @@ export default function Screen() {
 		}
 	}
 
-	if (showLoader) return <FullScreenLoader label="Loading..." />
+	if (showLoader) return <FullScreenLoader label={t('opds.loading')} />
 
 	if (isLoading) return null
 
 	if (!feed || !!error) return <MaybeErrorLegacyFeed error={error} onRetry={onRefetch} />
 
 	if (!entries.length) {
-		return <EmptyState title="Nothing to show" message="No entries were returned for this feed" />
+		return <EmptyState title={t('opds.nothingToShow')} message={t('opds.noEntries')} />
 	}
 
 	return (

apps/expo/app/opds-legacy/[id]/(tabs)/feed/_layout.tsx

@@ -2,9 +2,11 @@ import { Stack } from 'expo-router'
 import { Platform } from 'react-native'
 
 import { IS_IOS_26_PLUS } from '~/lib/constants'
+import { useTranslate } from '~/lib/hooks'
 import { usePreferencesStore } from '~/stores'
 
 export default function Layout() {
+	const { t } = useTranslate()
 	const animationEnabled = usePreferencesStore((state) => !state.reduceAnimations)
 
 	return (
@@ -18,7 +20,7 @@ export default function Layout() {
 				name="index"
 				options={{
 					headerShown: true,
-					title: 'Feeds',
+					title: t('opds.feeds'),
 					headerTransparent: Platform.OS === 'ios',
 					headerBlurEffect: IS_IOS_26_PLUS ? undefined : 'regular',
 					headerLargeTitle: Platform.OS === 'ios',

apps/expo/app/opds-legacy/[id]/(tabs)/feed/index.tsx

@@ -14,10 +14,11 @@ import RefreshControl from '~/components/RefreshControl'
 import { FullScreenLoader } from '~/components/ui'
 import { useOPDSLegacyFeedContext } from '~/context/opdsLegacy'
 import { ON_END_REACHED_THRESHOLD } from '~/lib/constants'
-import { useLegacyOPDSFeed } from '~/lib/hooks'
+import { useLegacyOPDSFeed, useTranslate } from '~/lib/hooks'
 import { useDynamicHeader } from '~/lib/hooks/useDynamicHeader'
 
 export default function Screen() {
+	const { t } = useTranslate()
 	const { activeServer } = useActiveServer()
 	const { catalogMeta } = useOPDSLegacyFeedContext()
 	const {
@@ -35,7 +36,7 @@ export default function Screen() {
 	const { numColumns } = useLegacyOPDSEntrySize()
 
 	useDynamicHeader({
-		title: activeServer?.name || 'OPDS Feed',
+		title: activeServer?.name || t('opds.feedTitle'),
 		headerLeft: () => <BackLink />,
 		headerRight: () => <OPDSLegacyFeedActionMenu />,
 	})
@@ -46,7 +47,7 @@ export default function Screen() {
 		}
 	}
 
-	if (showLoader) return <FullScreenLoader label="Loading..." />
+	if (showLoader) return <FullScreenLoader label={t('opds.loading')} />
 
 	if (isLoading) return null
 

apps/expo/app/opds-legacy/[id]/(tabs)/search/[query].tsx

@@ -15,11 +15,12 @@ import RefreshControl from '~/components/RefreshControl'
 import { FullScreenLoader } from '~/components/ui'
 import { useOPDSLegacyFeedContext } from '~/context/opdsLegacy'
 import { ON_END_REACHED_THRESHOLD } from '~/lib/constants'
-import { useLegacyOPDSFeed } from '~/lib/hooks'
+import { useLegacyOPDSFeed, useTranslate } from '~/lib/hooks'
 import { useDynamicHeader } from '~/lib/hooks/useDynamicHeader'
 import { constructLegacySearchURL } from '~/lib/opdsUtils'
 
 export default function Screen() {
+	const { t } = useTranslate()
 	const { query } = useLocalSearchParams<{ query: string }>()
 	const { searchDoc } = useOPDSLegacyFeedContext()
 	const { numColumns } = useLegacyOPDSEntrySize()
@@ -42,7 +43,7 @@ export default function Screen() {
 	const showLoader = useShowSlowLoader(isLoading)
 
 	useDynamicHeader({
-		title: query || 'Search Results',
+		title: query || t('opds.searchResults'),
 		headerLeft: () => <BackLink />,
 		headerRight: () => <OPDSLegacyFeedActionMenu />,
 	})
@@ -53,14 +54,14 @@ export default function Screen() {
 		}
 	}
 
-	if (showLoader) return <FullScreenLoader label="Loading..." />
+	if (showLoader) return <FullScreenLoader label={t('opds.loading')} />
 
 	if (isLoading) return null
 
 	if (!feed || !!error) return <MaybeErrorLegacyFeed error={error} onRetry={onRefetch} />
 
 	if (!entries.length) {
-		return <EmptyState title="Empty Feed" message="Your search returned no results" />
+		return <EmptyState title={t('opds.emptyFeed')} message={t('opds.searchNoResults')} />
 	}
 
 	return (

apps/expo/app/opds-legacy/[id]/(tabs)/search/_layout.tsx

@@ -2,9 +2,11 @@ import { Stack } from 'expo-router'
 import { Platform } from 'react-native'
 
 import { IS_IOS_26_PLUS } from '~/lib/constants'
+import { useTranslate } from '~/lib/hooks'
 import { usePreferencesStore } from '~/stores'
 
 export default function Layout() {
+	const { t } = useTranslate()
 	const animationEnabled = usePreferencesStore((state) => !state.reduceAnimations)
 
 	return (
@@ -18,7 +20,7 @@ export default function Layout() {
 				name="index"
 				options={{
 					headerShown: true,
-					title: 'Search',
+					title: t('opds.search'),
 					headerTransparent: Platform.OS === 'ios',
 					headerBlurEffect: IS_IOS_26_PLUS ? undefined : 'regular',
 				}}

apps/expo/app/opds-legacy/[id]/(tabs)/search/index.tsx

@@ -9,9 +9,11 @@ import { SearchHistoryAndFavorites } from '~/components/search/SearchHistoryAndF
 import { Text } from '~/components/ui'
 import { useOPDSLegacyFeedContext } from '~/context/opdsLegacy'
 import { IS_IOS_26_PLUS, useColors } from '~/lib/constants'
+import { useTranslate } from '~/lib/hooks'
 import { useSearchStore } from '~/stores/search'
 
 export default function Screen() {
+	const { t } = useTranslate()
 	const {
 		activeServer: { id: serverID },
 	} = useActiveServer()
@@ -53,7 +55,7 @@ export default function Screen() {
 			headerTransparent: Platform.OS === 'ios',
 			headerBlurEffect: IS_IOS_26_PLUS ? undefined : 'regular',
 			headerSearchBarOptions: {
-				placeholder: 'Search',
+				placeholder: t('opds.search'),
 				onChangeText: (e: NativeSyntheticEvent<TextInputChangeEventData>) =>
 					setQuery(e.nativeEvent.text),
 				shouldShowHintSearchIcon: true,
@@ -67,7 +69,7 @@ export default function Screen() {
 				textColor: colors.foreground.DEFAULT,
 			},
 		})
-	}, [navigation, setQuery, onSearch, colors])
+	}, [navigation, setQuery, onSearch, colors, t])
 
 	if (!isInputFocused) {
 		return (
@@ -76,11 +78,11 @@ export default function Screen() {
 
 				<View className="gap-2 px-4 tablet:max-w-lg">
 					<Text size="xl" className="font-semibold leading-tight text-center">
-						Search the feed
+						{t('opds.searchFeed')}
 					</Text>
 
-					<Text size="lg" className="text-center text-foreground-muted">
-						Enter a search query to find content in this OPDS feed
+					<Text size="lg" className="text-foreground-muted text-center">
+						{t('opds.searchFeedDescription')}
 					</Text>
 				</View>
 			</View>

apps/expo/app/opds-legacy/[id]/_layout.tsx

@@ -15,13 +15,15 @@ import {
 } from '~/context/opdsLegacy'
 import { getOPDSInstance, isOPDSAuthError } from '~/lib/sdk/auth'
 import { usePreferencesStore, useSavedServers } from '~/stores'
+import { useTranslate } from '~/lib/hooks'
 import { useCacheStore } from '~/stores/cache'
 
 type OPDSFeedProviderProps = {
 	children: React.ReactNode
 }
 
 function OPDSFeedProvider({ children }: OPDSFeedProviderProps) {
+	const { t } = useTranslate()
 	const { sdk } = useSDK()
 	const { activeServer } = useActiveServer()
 	const { onUnauthenticatedResponse } = useClientContext()
@@ -75,7 +77,7 @@ function OPDSFeedProvider({ children }: OPDSFeedProviderProps) {
 	)
 
 	if (isCatalogLoading && !catalog) {
-		return <FullScreenLoader label="Loading feed..." />
+		return <FullScreenLoader label={t('opds.loadingFeed')} />
 	}
 
 	return (
@@ -92,6 +94,7 @@ function OPDSFeedProvider({ children }: OPDSFeedProviderProps) {
 // minimal smart phones where theres just a few buttons for the essentials etc. Definitely something to revisit
 // for the v2 flow, as I think that can be much prettier than it currently is
 export default function Screen() {
+	const { t } = useTranslate()
 	const animationEnabled = usePreferencesStore((state) => !state.reduceAnimations)
 
 	const { savedServers, getServerConfig } = useSavedServers()
@@ -132,8 +135,8 @@ export default function Screen() {
 
 	const onAuthError = useCallback(() => {
 		removeInstanceFromCache(`${serverID}-opds`)
-		throw new Error('This OPDS server requires authentication')
-	}, [serverID, removeInstanceFromCache])
+		throw new Error(t('opds.authenticationRequired'))
+	}, [serverID, removeInstanceFromCache, t])
 
 	if (!activeServer) {
 		// @ts-expect-error: It's fine

apps/expo/app/opds-legacy/[id]/read.tsx

@@ -13,6 +13,7 @@ import { useResolveURL } from '~/components/opds/utils'
 import { OPDSLegacyStreamingContextValue } from '~/context/opdsLegacy'
 import { db, downloadedFiles, readProgress, syncStatus } from '~/db'
 import { useReaderStore } from '~/stores'
+import { useTranslate } from '~/lib/hooks'
 import { useBookPreferences, useBookTimer } from '~/stores/reader'
 
 type Params = Omit<OPDSLegacyStreamingContextValue, 'pageCount' | 'serverLastRead'> & {
@@ -21,6 +22,7 @@ type Params = Omit<OPDSLegacyStreamingContextValue, 'pageCount' | 'serverLastRea
 }
 
 export default function Screen() {
+	const { t } = useTranslate()
 	useKeepAwake()
 
 	const params = useLocalSearchParams<Params>()
@@ -69,10 +71,10 @@ export default function Screen() {
 			if (streamingURL.includes('{pageNumber}')) {
 				return streamingURL.replace('{pageNumber}', actualPageNumber.toString())
 			} else {
-				throw new Error('Unsupported streaming URL format')
+				throw new Error(t('opds.unsupportedStreamingUrl'))
 			}
 		},
-		[resolveUrl, contextValue.streamingURL],
+		[resolveUrl, contextValue.streamingURL, t],
 	)
 
 	const book = useMemo(