[add] Lark Wiki pages

[optimize] update Upstream packages

Author: TechQuery

.env

@@ -1,3 +1,7 @@
 NEXT_PUBLIC_SITE_NAME = 开源市集
 NEXT_PUBLIC_SITE_SUMMARY =
 NEXT_PUBLIC_LOGO = https://github.com/Open-Source-Bazaar.png
+
+NEXT_PUBLIC_LARK_API_HOST = https://open.feishu.cn/open-apis/
+NEXT_PUBLIC_LARK_APP_ID = cli_a8094a652022900d
+NEXT_PUBLIC_LARK_WIKI_URL = https://open-source-bazaar.feishu.cn/wiki/space/7052192153363054596

models/Wiki.ts

@@ -1,11 +1,26 @@
 import { Content, ContentModel } from 'mobx-github';
+import { DocumentModel, WikiNodeModel } from 'mobx-lark';
 import { DataObject } from 'mobx-restful';
 
+import { lark } from '../pages/api/Lark/core';
 import './Base';
+import { LarkWikiDomain, LarkWikiId } from './configuration';
 
 export interface XContent extends Content {
   meta?: DataObject;
   children?: XContent[];
 }
 
 export const policyContentStore = new ContentModel('fpsig', 'open-source-policy');
+
+export class MyWikiNodeModel extends WikiNodeModel {
+  client = lark.client;
+}
+
+export const wikiStore = new MyWikiNodeModel(LarkWikiDomain, LarkWikiId);
+
+export class MyDocumentModel extends DocumentModel {
+  client = lark.client;
+}
+
+export const documentStore = new MyDocumentModel(LarkWikiDomain);

models/configuration.ts

@@ -27,3 +27,7 @@ export const LarkAppMeta = {
   id: process.env.NEXT_PUBLIC_LARK_APP_ID!,
   secret: process.env.LARK_APP_SECRET!,
 };
+const { hostname, pathname } = new URL(process.env.NEXT_PUBLIC_LARK_WIKI_URL!);
+
+export const LarkWikiDomain = hostname;
+export const LarkWikiId = pathname.split('/').pop()!;

package.json

@@ -5,6 +5,7 @@
   "private": true,
   "scripts": {
     "prepare": "husky",
+    "install": "pnpx git-utility download https://github.com/Open-Source-Bazaar/key-vault main Open-Source-Bazaar.github.io  ||  true",
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
@@ -13,8 +14,8 @@
   },
   "dependencies": {
     "@koa/router": "^14.0.0",
-    "@mdx-js/loader": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
     "@next/mdx": "^15.5.2",
     "core-js": "^3.45.1",
     "file-type": "^21.0.0",
@@ -27,7 +28,7 @@
     "mobx": "^6.13.7",
     "mobx-github": "^0.4.0",
     "mobx-i18n": "^0.7.1",
-    "mobx-lark": "^2.4.0",
+    "mobx-lark": "^2.4.1",
     "mobx-react": "^9.2.0",
     "mobx-react-helper": "^0.5.1",
     "mobx-restful": "^2.1.0",
@@ -47,11 +48,11 @@
     "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-transform-typescript": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
-    "@cspell/eslint-plugin": "^9.2.0",
+    "@cspell/eslint-plugin": "^9.2.1",
     "@eslint/js": "^9.34.0",
     "@next/eslint-plugin-next": "^15.5.2",
     "@softonus/prettier-plugin-duplicate-remover": "^1.1.2",
-    "@stylistic/eslint-plugin": "^5.2.3",
+    "@stylistic/eslint-plugin": "^5.3.1",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/koa": "^3.0.0",
     "@types/koa__router": "^12.0.4",
@@ -69,13 +70,13 @@
     "jiti": "^2.5.1",
     "less": "^4.4.1",
     "less-loader": "^12.3.0",
-    "lint-staged": "^16.1.5",
+    "lint-staged": "^16.1.6",
     "next-with-less": "^3.0.1",
     "prettier": "^3.6.2",
     "prettier-plugin-css-order": "^2.1.2",
     "sass": "^1.91.0",
     "typescript": "~5.9.2",
-    "typescript-eslint": "^8.41.0"
+    "typescript-eslint": "^8.42.0"
   },
   "resolutions": {
     "next": "$next"

pages/wiki/[node_token].tsx

@@ -0,0 +1,56 @@
+import { Block, renderBlocks, WikiNode } from 'mobx-lark';
+import { GetStaticPaths, GetStaticProps } from 'next';
+import { FC } from 'react';
+import { Container } from 'react-bootstrap';
+import { Minute, Second } from 'web-utility';
+
+import { PageHead } from '../../components/Layout/PageHead';
+import { documentStore, wikiStore } from '../../models/Wiki';
+import { lark } from '../api/Lark/core';
+
+export const getStaticPaths: GetStaticPaths = async () => {
+  await lark.getAccessToken();
+
+  const nodes = await wikiStore.getAll();
+
+  return {
+    paths: nodes.map(({ node_token }) => ({ params: { node_token } })),
+    fallback: 'blocking',
+  };
+};
+
+export const getStaticProps: GetStaticProps = async ({ params }) => {
+  await lark.getAccessToken();
+
+  const node = await wikiStore.getOne(params!.node_token as string);
+
+  if (node?.obj_type !== 'docx') return { notFound: true };
+
+  try {
+    const blocks = await documentStore.getOneBlocks(
+      node.obj_token,
+      token => `/api/Lark/file/${token}/placeholder`,
+    );
+
+    return { props: { node, blocks } };
+  } catch (error) {
+    console.error(error);
+
+    return { notFound: true, revalidate: Minute / Second };
+  }
+};
+
+interface WikiDocumentPageProps {
+  node: WikiNode;
+  blocks: Block<any, any, any>[];
+}
+
+const WikiDocumentPage: FC<WikiDocumentPageProps> = ({ node, blocks }) => (
+  <Container>
+    <PageHead title={node.title} />
+
+    {renderBlocks(blocks)}
+  </Container>
+);
+
+export default WikiDocumentPage;

pages/wiki/index.tsx

@@ -0,0 +1,53 @@
+import { WikiNode } from 'mobx-lark';
+import { observer } from 'mobx-react';
+import { GetStaticProps } from 'next';
+import { FC, useContext } from 'react';
+import { Container } from 'react-bootstrap';
+import { treeFrom } from 'web-utility';
+
+import { PageHead } from '../../components/Layout/PageHead';
+import { I18nContext } from '../../models/Translation';
+import { wikiStore } from '../../models/Wiki';
+import { lark } from '../api/Lark/core';
+
+export const getStaticProps: GetStaticProps = async () => {
+  await lark.getAccessToken();
+
+  const nodes = await wikiStore.getAll();
+
+  return { props: { nodes } };
+};
+
+interface XWikiNode extends WikiNode {
+  // eslint-disable-next-line no-restricted-syntax
+  children?: XWikiNode[];
+}
+
+const renderTree = (children?: XWikiNode[]) =>
+  children && (
+    <ol>
+      {children.map(({ node_token, title, children }) => (
+        <li key={node_token}>
+          <a href={`/wiki/${node_token}`}>{title}</a>
+
+          {renderTree(children)}
+        </li>
+      ))}
+    </ol>
+  );
+
+const WikiIndexPage: FC<{ nodes: XWikiNode[] }> = observer(({ nodes }) => {
+  const { t } = useContext(I18nContext);
+
+  return (
+    <Container>
+      <PageHead title={t('wiki')} />
+
+      <h1>{t('wiki')}</h1>
+
+      {renderTree(treeFrom(nodes, 'node_token', 'parent_node_token', 'children'))}
+    </Container>
+  );
+});
+
+export default WikiIndexPage;