fix: request

Signed-off-by: Innei <i@innei.in>

src/app/(app)/(note-topic)/notes/(topic-detail)/topics/[slug]/layout.tsx

@@ -3,7 +3,7 @@ import type { Metadata } from 'next'
 
 import { QueryHydrate } from '~/components/common/QueryHydrate'
 import { NormalContainer } from '~/components/layout/container/Normal'
-import { attachServerFetch } from '~/lib/attach-ua'
+import { attachServerFetch } from '~/lib/attach-fetch'
 import { isShallowEqualArray } from '~/lib/lodash'
 import { getQueryClient } from '~/lib/query-client.server'
 import { definePrerenderPage } from '~/lib/request.server'

src/app/(app)/(page-detail)/[slug]/layout.tsx

@@ -14,7 +14,7 @@ import {
   BottomToUpTransitionView,
 } from '~/components/ui/transition'
 import { OnlyMobile } from '~/components/ui/viewport/OnlyMobile'
-import { attachServerFetch } from '~/lib/attach-ua'
+import { attachServerFetch } from '~/lib/attach-fetch'
 import { getOgUrl } from '~/lib/helper.server'
 import { getSummaryFromMd } from '~/lib/markdown'
 import { apiClient } from '~/lib/request'

src/app/(app)/api.tsx

@@ -5,7 +5,7 @@ import type { AggregateRoot } from '@mx-space/api-client'
 import { simpleCamelcaseKeys } from '@mx-space/api-client'
 
 import { appStaticConfig } from '~/app.static.config'
-import { attachServerFetch } from '~/lib/attach-ua'
+import { attachServerFetch } from '~/lib/attach-fetch'
 import { getQueryClient } from '~/lib/query-client.server'
 import { apiClient } from '~/lib/request'
 

src/app/(app)/categories/[slug]/api.tsx

@@ -1,6 +1,6 @@
 import { cache } from 'react'
 
-import { attachServerFetch } from '~/lib/attach-ua'
+import { attachServerFetch } from '~/lib/attach-fetch'
 import { apiClient } from '~/lib/request'
 import { requestErrorHandler } from '~/lib/request.server'
 

src/app/(app)/notes/[id]/api.tsx

@@ -2,7 +2,7 @@ import { cache } from 'react'
 import { headers } from 'next/dist/client/components/headers'
 
 import { REQUEST_QUERY } from '~/constants/system'
-import { attachServerFetch } from '~/lib/attach-ua'
+import { attachServerFetch, getAuthFromCookie } from '~/lib/attach-fetch'
 import { getQueryClient } from '~/lib/query-client.server'
 import { requestErrorHandler } from '~/lib/request.server'
 import { queries } from '~/queries/definition'
@@ -19,8 +19,12 @@ export const getData = cache(async (params: { id: string }) => {
     searchParams.get('password') || undefined,
     token ? `${token}` : undefined,
   )
+
   const data = await getQueryClient()
-    .fetchQuery(query)
+    .fetchQuery({
+      ...query,
+      staleTime: getAuthFromCookie() ? 0 : undefined,
+    })
     .catch(requestErrorHandler)
   return data
 })

src/app/(app)/notes/page.tsx

@@ -2,7 +2,7 @@ import { cookies } from 'next/headers'
 import { redirect } from 'next/navigation'
 import type { NoteWrappedWithLikedPayload } from '@mx-space/api-client'
 
-import { getAuthFromCookie } from '~/lib/attach-ua'
+import { getAuthFromCookie } from '~/lib/attach-fetch'
 import { AuthKeyNames } from '~/lib/cookie'
 import { apiClient } from '~/lib/request'
 import { definePrerenderPage } from '~/lib/request.server'

src/app/(app)/posts/(post-detail)/[category]/[slug]/api.tsx

@@ -1,6 +1,6 @@
 import { cache } from 'react'
 
-import { attachServerFetch } from '~/lib/attach-ua'
+import { attachServerFetch } from '~/lib/attach-fetch'
 import { getQueryClient } from '~/lib/query-client.server'
 import { requestErrorHandler } from '~/lib/request.server'
 import { queries } from '~/queries/definition'

src/app/(app)/timeline/layout.tsx

@@ -7,7 +7,7 @@ import { TimelineType } from '@mx-space/api-client'
 import { QueryHydrate } from '~/components/common/QueryHydrate'
 import { SearchFAB } from '~/components/modules/shared/SearchFAB'
 import { REQUEST_QUERY } from '~/constants/system'
-import { attachServerFetch } from '~/lib/attach-ua'
+import { attachServerFetch } from '~/lib/attach-fetch'
 import { getQueryClient } from '~/lib/query-client.server'
 import { apiClient } from '~/lib/request'
 

src/lib/attach-ua.ts → src/lib/attach-fetch.ts

@@ -24,6 +24,15 @@ export const attachServerFetch = () => {
     'User-Agent',
     `${ua} NextJS/v${PKG.dependencies.next} ${PKG.name}/${PKG.version}`,
   )
+
+  // TODO 安全考虑还是去掉了
+  // const jwt = getAuthFromCookie()
+  // clearGlobalSearchParams()
+
+  // if (jwt)
+  //   setGlobalSearchParams({
+  //     token: jwt,
+  //   })
 }
 
 export const attachServerFetchAuth = () => {

src/lib/define-metadata.ts

@@ -6,7 +6,7 @@ import type { Metadata } from 'next'
 import { getQueryClient } from '~/lib/query-client.server'
 import { queries } from '~/queries/definition'
 
-import { attachServerFetch } from './attach-ua'
+import { attachServerFetch } from './attach-fetch'
 
 export const defineMetadata = <T extends Record<string, string>>(
   fn: (

src/lib/query-client.server.ts

@@ -1,3 +1,5 @@
+import 'server-only'
+
 import { QueryClient } from '@tanstack/react-query'
 
 const sharedClient = new QueryClient({

src/lib/request.server.ts

@@ -9,7 +9,7 @@ import { RequestError } from '@mx-space/api-client'
 import { BizErrorPage } from '~/components/common/BizErrorPage'
 import { NormalContainer } from '~/components/layout/container/Normal'
 
-import { attachServerFetch } from './attach-ua'
+import { attachServerFetch } from './attach-fetch'
 import { getErrorMessageFromRequestError } from './request.shared'
 
 export const requestErrorHandler = (error: Error | RequestError) => {

src/lib/request.ts

@@ -15,6 +15,7 @@ const uuidStorageKey = 'x-uuid'
 const uuid = nanoid()
 
 const globalConfigureHeader = {} as any
+const globalConfigureSearchParams = {} as any
 
 if (isServerSide) {
   globalConfigureHeader['User-Agent'] =
@@ -43,11 +44,23 @@ const $fetch = createFetch({
         }
       }
 
+      context.options.params ??= {}
+      Object.assign(context.options.params, globalConfigureSearchParams)
+      if (context.options.params.token) {
+        context.options.cache = 'no-store'
+      }
       if (isDev && isServerSide) {
         // eslint-disable-next-line no-console
         console.log(`[Request]: ${context.request}`)
       }
     },
+    onResponse(context) {
+      // log response
+      if (isDev && isServerSide) {
+        // eslint-disable-next-line no-console
+        console.log(`[Response]: ${context.request}`, context.response.status)
+      }
+    },
   },
 })
 
@@ -117,3 +130,14 @@ export const attachFetchHeader = (key: string, value: string | null) => {
     }
   }
 }
+
+export const setGlobalSearchParams = (params: Record<string, any>) => {
+  clearGlobalSearchParams()
+  Object.assign(globalConfigureSearchParams, params)
+}
+
+export const clearGlobalSearchParams = () => {
+  Object.keys(globalConfigureSearchParams).forEach((key) => {
+    delete globalConfigureSearchParams[key]
+  })
+}