feat: support render a header from folder or meta

close AlistGo/alist#5317
AlistGo · Oct 2, 2023 · 39186de · 39186de
1 parent cd7e61a
commit 39186de
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 6 deletions.
diff --git a/src/hooks/usePath.ts b/src/hooks/usePath.ts
@@ -148,6 +148,7 @@ export const usePath = () => {
           handleFolder(path, globalPage)
         } else {
           ObjStore.setReadme(data.readme)
+          ObjStore.setHeader(data.header)
           ObjStore.setRelated(data.related ?? [])
           ObjStore.setRawUrl(data.raw_url)
           ObjStore.setState(State.File)
@@ -184,6 +185,7 @@ export const usePath = () => {
           ObjStore.setTotal(data.total)
         }
         ObjStore.setReadme(data.readme)
+        ObjStore.setHeader(data.header)
         ObjStore.setWrite(data.write)
         ObjStore.setProvider(data.provider)
         ObjStore.setState(State.Folder)

diff --git a/src/pages/home/Body.tsx b/src/pages/home/Body.tsx
@@ -16,9 +16,13 @@ export const Body = () => {
         w="$full"
         gap="$4"
       >
+        <Readme files={["header.md", "top.md"]} fromMeta="header" />
         <Nav />
         <Obj />
-        <Readme />
+        <Readme
+          files={["readme.md", "footer.md", "bottom.md"]}
+          fromMeta="readme"
+        />
       </VStack>
     </Container>
   )

diff --git a/src/pages/home/Readme.tsx b/src/pages/home/Readme.tsx
@@ -5,7 +5,10 @@ import { useLink, useRouter } from "~/hooks"
 import { objStore, recoverScroll, State } from "~/store"
 import { fetchText } from "~/utils"
 
-export const Readme = () => {
+export function Readme(props: {
+  files: string[]
+  fromMeta: keyof typeof objStore
+}) {
   const cardBg = useColorModeValue("white", "$neutral3")
   const { proxyLink } = useLink()
   const { pathname } = useRouter()
@@ -21,15 +24,20 @@ export const Readme = () => {
           return ""
         }
         if ([State.FetchingMore, State.Folder].includes(objStore.state)) {
-          const obj = objStore.objs.find(
-            (item) => item.name.toLowerCase() === "readme.md",
+          const obj = objStore.objs.find((item) =>
+            props.files.find(
+              (file) => file.toLowerCase() === item.name.toLowerCase(),
+            ),
           )
           if (obj) {
             return proxyLink(obj, true)
           }
         }
-        if (objStore.readme) {
-          return objStore.readme
+        if (
+          objStore[props.fromMeta] &&
+          typeof objStore[props.fromMeta] === "string"
+        ) {
+          return objStore[props.fromMeta] as string
         }
         return ""
       },

diff --git a/src/store/obj.ts b/src/store/obj.ts
@@ -27,6 +27,7 @@ const [objStore, setObjStore] = createStore<{
   write?: boolean
 
   readme: string
+  header: string
   provider: string
   // pageIndex: number;
   // pageSize: number;
@@ -41,6 +42,7 @@ const [objStore, setObjStore] = createStore<{
   total: 0,
 
   readme: "",
+  header: "",
   provider: "",
   // pageIndex: 1,
   // pageSize: 50,
@@ -72,6 +74,7 @@ export const ObjStore = {
     setObjStore("total", total)
   },
   setReadme: (readme: string) => setObjStore("readme", readme),
+  setHeader: (header: string) => setObjStore("header", header),
   setRelated: (related: Obj[]) => setObjStore("related", related),
   setWrite: (write: boolean) => setObjStore("write", write),
   // setGetResp: (resp: FsGetResp) => {

diff --git a/src/types/resp.ts b/src/types/resp.ts
@@ -15,6 +15,7 @@ export type FsListResp = Resp<{
   content: Obj[]
   total: number
   readme: string
+  header: string
   write: boolean
   provider: string
 }>
@@ -34,6 +35,7 @@ export type FsGetResp = Resp<
   Obj & {
     raw_url: string
     readme: string
+    header: string
     provider: string
     related: Obj[]
   }