#428

frontend/src/lib/prefetchers.ts

@@ -5,7 +5,9 @@ import { getHelpArticle,
 	 getHelpChanges,
 	 getHelpDiff,
 	 getHelpEditionContent,
-	 getHelpSearchEntries } from '@/lib/help'
+	 getHelpSearchEntries,
+	 resolveHelpLanguage } from '@/lib/help'
+import { localeFromPath, localeLanguage, unlocalisedPath } from '@/lib/locales'
 import { fetchPost, fetchPosts, fetchPostChanges } from '@/lib/posts'
 import { helpKeys, postsKeys, tagsKeys, wikiKeys } from '@/lib/queryKeys'
 import { fetchNicoTags, fetchTagByName, fetchTag, fetchTagChanges, fetchTags } from '@/lib/tags'
@@ -13,9 +15,10 @@ import { fetchWikiPage,
 	 fetchWikiPageByTitle,
 	 fetchWikiPages } from '@/lib/wiki'
 
+import type { LocaleCode } from '@/lib/locales'
 import type { Category, FetchPostsOrder, FetchTagsOrder } from '@/types'
 
-type Prefetcher = (qc: QueryClient, url: URL) => Promise<void>
+type Prefetcher = (qc: QueryClient, url: URL, locale: LocaleCode) => Promise<void>
 
 const mPost = match<{ id: string }> ('/posts/:id')
 const mWiki = match<{ title: string }> ('/wiki/:title')
@@ -28,25 +31,25 @@ const boolFromQuery = (value: string | null): boolean =>
     ['1', 'true', 'on', 'yes', ''].includes ((value ?? '').toLowerCase ())
 
 
-const prefetchHelpIndex: Prefetcher = async qc => {
+const prefetchHelpIndex: Prefetcher = async (qc, url, locale) => {
   await qc.prefetchQuery ({
-      queryKey: helpKeys.index ('ja'),
-      queryFn: () => getHelpSearchEntries ('ja'),
+      queryKey: helpKeys.index (localeLanguage (locale)),
+      queryFn: () => getHelpSearchEntries (localeLanguage (locale)),
       staleTime: Infinity })
 }
 
 
-const prefetchHelpShow: Prefetcher = async (qc, url) => {
+const prefetchHelpShow: Prefetcher = async (qc, url, locale) => {
   const matched = mHelp (url.pathname)
   if (!(matched))
     return
 
   const { identifier } = matched.params
-  const language = 'ja'
   const article = await qc.fetchQuery ({
       queryKey: helpKeys.article (identifier),
       queryFn: () => getHelpArticle (identifier),
       staleTime: Infinity })
+  const language = resolveHelpLanguage (article, localeLanguage (locale))
   const edition = url.searchParams.get ('edition') ?? article?.languages[language]?.currentEdition
   if (edition == null)
     return
@@ -58,15 +61,15 @@ const prefetchHelpShow: Prefetcher = async (qc, url) => {
 }
 
 
-const prefetchHelpChanges: Prefetcher = async qc => {
+const prefetchHelpChanges: Prefetcher = async (qc, url, locale) => {
   await qc.prefetchQuery ({
-      queryKey: helpKeys.changes ('ja'),
-      queryFn: () => getHelpChanges ('ja'),
+      queryKey: helpKeys.changes (localeLanguage (locale)),
+      queryFn: () => getHelpChanges (localeLanguage (locale)),
       staleTime: Infinity })
 }
 
 
-const prefetchHelpDiff: Prefetcher = async (qc, url) => {
+const prefetchHelpDiff: Prefetcher = async (qc, url, locale) => {
   const matched = mHelpDiff (url.pathname)
   const fromValues = url.searchParams.getAll ('from')
   const toValues = url.searchParams.getAll ('to')
@@ -76,23 +79,28 @@ const prefetchHelpDiff: Prefetcher = async (qc, url) => {
     return
 
   const { identifier } = matched.params
+  const article = await qc.fetchQuery ({
+      queryKey: helpKeys.article (identifier),
+      queryFn: () => getHelpArticle (identifier),
+      staleTime: Infinity })
+  const language = resolveHelpLanguage (article, localeLanguage (locale))
   await qc.prefetchQuery ({
-      queryKey: helpKeys.diff (identifier, 'ja', from, to),
-      queryFn: () => getHelpDiff (identifier, 'ja', from, to),
+      queryKey: helpKeys.diff (identifier, language, from, to),
+      queryFn: () => getHelpDiff (identifier, language, from, to),
       staleTime: Infinity })
 }
 
 
-const prefetchWikiPagesIndex: Prefetcher = async (qc, url) => {
+const prefetchWikiPagesIndex: Prefetcher = async (qc, url, locale) => {
   const title = url.searchParams.get ('title') ?? ''
 
   await qc.prefetchQuery ({
-      queryKey: wikiKeys.index ({ title }),
-      queryFn:  () => fetchWikiPages ({ title }) })
+      queryKey: wikiKeys.index ({ title }, locale),
+      queryFn:  () => fetchWikiPages ({ title }, locale) })
 }
 
 
-const prefetchWikiPageShow: Prefetcher = async (qc, url) => {
+const prefetchWikiPageShow: Prefetcher = async (qc, url, locale) => {
   const m = mWiki (url.pathname)
   if (!(m))
     return
@@ -101,29 +109,29 @@ const prefetchWikiPageShow: Prefetcher = async (qc, url) => {
   const version = url.searchParams.get ('version') || undefined
 
   const wikiPage = await qc.fetchQuery ({
-      queryKey: wikiKeys.show (title, { version }),
-      queryFn:  () => fetchWikiPageByTitle (title, { version }) })
+      queryKey: wikiKeys.show (title, { version }, locale),
+      queryFn:  () => fetchWikiPageByTitle (title, { version }, locale) })
 
   if (wikiPage)
     {
       const effectiveId = String (wikiPage.id ?? '')
       await qc.prefetchQuery ({
-	  queryKey: wikiKeys.show (effectiveId, { }),
-	  queryFn: () => fetchWikiPage (effectiveId, { } ) })
+	  queryKey: wikiKeys.show (effectiveId, { }, locale),
+	  queryFn: () => fetchWikiPage (effectiveId, { }, locale ) })
 
       if (wikiPage.body)
 	{
 	  await qc.prefetchQuery ({
-	      queryKey: wikiKeys.index ({ }),
-	      queryFn: () => fetchWikiPages ({ }) })
+	      queryKey: wikiKeys.index ({ }, locale),
+	      queryFn: () => fetchWikiPages ({ }, locale) })
 	}
     }
 
   const effectiveTitle = wikiPage?.title ?? title
 
   await qc.prefetchQuery ({
-      queryKey: tagsKeys.show (effectiveTitle),
-      queryFn: () => fetchTagByName (effectiveTitle) })
+      queryKey: tagsKeys.show (effectiveTitle, locale),
+      queryFn: () => fetchTagByName (effectiveTitle, locale) })
 
   if (version)
     return
@@ -143,12 +151,12 @@ const prefetchWikiPageShow: Prefetcher = async (qc, url) => {
       updatedTo: '',
       order: 'original_created_at:desc' } as const
   await qc.prefetchQuery ({
-      queryKey: postsKeys.index (p),
-      queryFn:  () => fetchPosts (p) })
+      queryKey: postsKeys.index (p, locale),
+      queryFn:  () => fetchPosts (p, locale) })
 }
 
 
-const prefetchPostsIndex: Prefetcher = async (qc, url) => {
+const prefetchPostsIndex: Prefetcher = async (qc, url, locale) => {
   const tags = url.searchParams.get ('tags') ?? ''
   const qURL = url.searchParams.get ('url') ?? ''
   const title = url.searchParams.get ('title') ?? ''
@@ -169,12 +177,12 @@ const prefetchPostsIndex: Prefetcher = async (qc, url) => {
       updatedFrom, updatedTo, order }
 
   await qc.prefetchQuery ({
-      queryKey: postsKeys.index (keys),
-      queryFn:  () => fetchPosts (keys) })
+      queryKey: postsKeys.index (keys, locale),
+      queryFn:  () => fetchPosts (keys, locale) })
 }
 
 
-const prefetchPostShow: Prefetcher = async (qc, url) => {
+const prefetchPostShow: Prefetcher = async (qc, url, locale) => {
   const m = mPost (url.pathname)
   if (!(m))
     return
@@ -182,12 +190,12 @@ const prefetchPostShow: Prefetcher = async (qc, url) => {
   const { id } = m.params
 
   await qc.prefetchQuery ({
-      queryKey: postsKeys.show (id),
-      queryFn:  () => fetchPost (id) })
+      queryKey: postsKeys.show (id, locale),
+      queryFn:  () => fetchPost (id, locale) })
 }
 
 
-const prefetchPostChanges: Prefetcher = async (qc, url) => {
+const prefetchPostChanges: Prefetcher = async (qc, url, locale) => {
   const id = url.searchParams.get ('id')
   const tag = url.searchParams.get ('tag')
   const externalTag = url.searchParams.get ('external_tag')
@@ -197,23 +205,23 @@ const prefetchPostChanges: Prefetcher = async (qc, url) => {
   if (tag)
     {
       await qc.prefetchQuery ({
-	  queryKey: tagsKeys.show (tag),
-	  queryFn: () => fetchTag (tag) })
+	  queryKey: tagsKeys.show (tag, locale),
+	  queryFn: () => fetchTag (tag, locale) })
     }
 
   await qc.prefetchQuery ({
       queryKey: postsKeys.changes ({ ...(id && { id }),
 				     ...(tag && { tag }),
 				     ...(externalTag && { externalTag }),
-				     page, limit }),
+				     page, limit }, locale),
       queryFn:  () => fetchPostChanges ({ ...(id && { id }),
 					  ...(tag && { tag }),
 					  ...(externalTag && { externalTag }),
-					  page, limit }) })
+					  page, limit }, locale) })
 }
 
 
-const prefetchTagsIndex: Prefetcher = async (qc, url) => {
+const prefetchTagsIndex: Prefetcher = async (qc, url, locale) => {
   const postRaw = url.searchParams.get ('post')
   const post = postRaw ? Number (postRaw) : null
   const name = url.searchParams.get ('name') ?? ''
@@ -237,12 +245,12 @@ const prefetchTagsIndex: Prefetcher = async (qc, url) => {
       updatedFrom, updatedTo, deprecated, page, limit, order }
 
   await qc.prefetchQuery ({
-      queryKey: tagsKeys.index (keys),
-      queryFn:  () => fetchTags (keys) })
+      queryKey: tagsKeys.index (keys, locale),
+      queryFn:  () => fetchTags (keys, locale) })
 }
 
 
-const prefetchNicoTagsIndex: Prefetcher = async (qc, url) => {
+const prefetchNicoTagsIndex: Prefetcher = async (qc, url, locale) => {
   const keys = {
       name:       url.searchParams.get ('name') ?? '',
       linkedTag:  url.searchParams.get ('linked_tag') ?? '',
@@ -255,12 +263,12 @@ const prefetchNicoTagsIndex: Prefetcher = async (qc, url) => {
 		  | 'updated_at:asc' | 'updated_at:desc' }
 
   await qc.prefetchQuery ({
-      queryKey: tagsKeys.nicoIndex (keys),
-      queryFn:  () => fetchNicoTags (keys) })
+      queryKey: tagsKeys.nicoIndex (keys, locale),
+      queryFn:  () => fetchNicoTags (keys, locale) })
 }
 
 
-const prefetchTagShow: Prefetcher = async (qc, url) => {
+const prefetchTagShow: Prefetcher = async (qc, url, locale) => {
   const m = mTag (url.pathname)
   if (!(m))
     return
@@ -268,19 +276,19 @@ const prefetchTagShow: Prefetcher = async (qc, url) => {
   const { id } = m.params
 
   await qc.prefetchQuery ({
-      queryKey: tagsKeys.show (id),
-      queryFn:  () => fetchTag (id) })
+      queryKey: tagsKeys.show (id, locale),
+      queryFn:  () => fetchTag (id, locale) })
 }
 
 
-const prefetchTagChanges: Prefetcher = async (qc, url) => {
+const prefetchTagChanges: Prefetcher = async (qc, url, locale) => {
   const id = url.searchParams.get ('id')
   const page = Number (url.searchParams.get ('page') || 1)
   const limit = Number (url.searchParams.get ('limit') || 20)
 
   await qc.prefetchQuery ({
-      queryKey: tagsKeys.changes ({ ...(id && { id }), page, limit }),
-      queryFn: () => fetchTagChanges ({ ...(id && { id }), page, limit }) })
+      queryKey: tagsKeys.changes ({ ...(id && { id }), page, limit }, locale),
+      queryFn: () => fetchTagChanges ({ ...(id && { id }), page, limit }, locale) })
 }
 
 
@@ -313,9 +321,14 @@ export const routePrefetchers: { test: (u: URL) => boolean; run: Prefetcher }[]
 
 export const prefetchForURL = async (qc: QueryClient, urlLike: string): Promise<void> => {
   const u = new URL (urlLike, location.origin)
+  if (u.origin !== location.origin)
+    return
+
+  const locale = localeFromPath (u.pathname) ?? 'ja'
+  u.pathname = unlocalisedPath (u.pathname)
   const r = routePrefetchers.find (x => x.test (u))
   if (!(r))
     return
 
-  await r.run (qc, u)
+  await r.run (qc, u, locale)
 }