プリフェッチ実装（#140） (#256)

Merge branch 'main' into feature/140

#140

Merge remote-tracking branch 'origin/main' into feature/140

#140

#140

#140

#140

#140

Merge remote-tracking branch 'origin/main' into feature/140

#140

#140

#140

#140

#140

#140

#140

#140

#140

#140

#140

Merge remote-tracking branch 'origin/main' into feature/140

Merge remote-tracking branch 'origin/main' into feature/140

#140 ぼちぼち

Merge remote-tracking branch 'origin/main' into feature/140

#140

#140

#140

Co-authored-by: miteruzo <miteruzo@naver.com>
Reviewed-on: #256

frontend/src/lib/prefetchers.ts

@@ -1,12 +1,69 @@
 import { QueryClient } from '@tanstack/react-query'
 import { match } from 'path-to-regexp'
 
-import { fetchPost, fetchPosts } from '@/lib/posts'
-import { postsKeys } from '@/lib/queryKeys'
+import { fetchPost, fetchPosts, fetchPostChanges } from '@/lib/posts'
+import { postsKeys, tagsKeys, wikiKeys } from '@/lib/queryKeys'
+import { fetchTagByName } from '@/lib/tags'
+import { fetchWikiPage,
+	 fetchWikiPageByTitle,
+	 fetchWikiPages } from '@/lib/wiki'
 
 type Prefetcher = (qc: QueryClient, url: URL) => Promise<void>
 
 const mPost = match<{ id: string }> ('/posts/:id')
+const mWiki = match<{ title: string }> ('/wiki/:title')
+
+
+const prefetchWikiPagesIndex: Prefetcher = async (qc, url) => {
+  const title = url.searchParams.get ('title') ?? ''
+
+  await qc.prefetchQuery ({
+      queryKey: wikiKeys.index ({ title }),
+      queryFn:  () => fetchWikiPages ({ title }) })
+}
+
+
+const prefetchWikiPageShow: Prefetcher = async (qc, url) => {
+  const m = mWiki (url.pathname)
+  if (!(m))
+    return
+
+  const title = decodeURIComponent (m.params.title)
+  const version = url.searchParams.get ('version') || undefined
+
+  const wikiPage = await qc.fetchQuery ({
+      queryKey: wikiKeys.show (title, { version }),
+      queryFn:  () => fetchWikiPageByTitle (title, { version }) })
+
+  if (wikiPage)
+    {
+      const effectiveId = String (wikiPage.id ?? '')
+      await qc.prefetchQuery ({
+	  queryKey: wikiKeys.show (effectiveId, { }),
+	  queryFn: () => fetchWikiPage (effectiveId, { } ) })
+
+      if (wikiPage.body)
+	{
+	  await qc.prefetchQuery ({
+	      queryKey: wikiKeys.index ({ }),
+	      queryFn: () => fetchWikiPages ({ }) })
+	}
+    }
+
+  const effectiveTitle = wikiPage?.title ?? title
+
+  await qc.prefetchQuery ({
+      queryKey: tagsKeys.show (effectiveTitle),
+      queryFn: () => fetchTagByName (effectiveTitle) })
+
+  if (version)
+    return
+
+  const p = { tags: effectiveTitle, match: 'all', page: 1, limit: 8 } as const
+  await qc.prefetchQuery ({
+      queryKey: postsKeys.index (p),
+      queryFn:  () => fetchPosts (p) })
+}
 
 
 const prefetchPostsIndex: Prefetcher = async (qc, url) => {
@@ -14,6 +71,7 @@ const prefetchPostsIndex: Prefetcher = async (qc, url) => {
   const m = url.searchParams.get ('match') === 'any' ? 'any' : 'all'
   const page = Number (url.searchParams.get ('page') || 1)
   const limit = Number (url.searchParams.get ('limit') || 20)
+
   await qc.prefetchQuery ({
       queryKey: postsKeys.index ({ tags, match: m, page, limit }),
       queryFn:  () => fetchPosts ({ tags, match: m, page, limit }) })
@@ -26,24 +84,40 @@ const prefetchPostShow: Prefetcher = async (qc, url) => {
     return
 
   const { id } = m.params
+
   await qc.prefetchQuery ({
       queryKey: postsKeys.show (id),
       queryFn:  () => fetchPost (id) })
 }
 
 
-export const routePrefetchers: {
-    test: (u: URL) => boolean
-    run:  Prefetcher }[] = [
+const prefetchPostChanges: Prefetcher = async (qc, url) => {
+  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: postsKeys.changes ({ ...(id && { id }), page, limit }),
+      queryFn:  () => fetchPostChanges ({ ...(id && { id }), page, limit }) })
+}
+
+
+export const routePrefetchers: { test: (u: URL) => boolean; run: Prefetcher }[] = [
     { test: u => u.pathname === '/' || u.pathname === '/posts', run: prefetchPostsIndex },
-    { test: u => Boolean (mPost (u.pathname)), run: prefetchPostShow }]
+    { test: u => (!(['/posts/new', '/posts/changes'].includes (u.pathname))
+		  && Boolean (mPost (u.pathname))),
+      run: prefetchPostShow },
+    { test: u => u.pathname === '/posts/changes', run: prefetchPostChanges },
+    { test: u => u.pathname === '/wiki', run: prefetchWikiPagesIndex },
+    { test: u => (!(['/wiki/new', '/wiki/changes'].includes (u.pathname))
+		  && Boolean (mWiki (u.pathname))),
+      run: prefetchWikiPageShow }]
 
 
 export const prefetchForURL = async (qc: QueryClient, urlLike: string): Promise<void> => {
   const u = new URL (urlLike, location.origin)
-  const jobs = routePrefetchers.filter (r => r.test (u)).map (r => r.run (qc, u))
-  if (jobs.length === 0)
+  const r = routePrefetchers.find (x => x.test (u))
+  if (!(r))
     return
-
-  await Promise.all (jobs)
+  await r.run (qc, u)
 }