Changes before error encountered

Copilot · TechQuery · Copilot · commit 22f018bd9d29 · 2025-08-27T20:56:38.000Z
Co-authored-by: TechQuery &lt;19969570+TechQuery@users.noreply.github.com&gt;
diff --git a/models/Wiki.ts b/models/Wiki.ts
@@ -16,16 +16,15 @@ export interface WikiNode {
   html_url?: string;
   git_url?: string;
   download_url?: string;
-  // Frontmatter fields
-  metadata?: Record<string, string>;
   content?: string;
+  metadata?: Record<string, string>;
 }
 
-export class WikiModel {
-  // For now, only use filesystem reading for simplicity
+class WikiModel {
+  // TODO: Use ContentModel from mobx-github once authentication is configured
+  // private contentModel = new ContentModel('fpsig', 'open-source-policy');
 
-  // Method for build-time static generation
-  async getAllContentStatic(): Promise<WikiNode[]> {
+  async getAllContent(): Promise<WikiNode[]> {
     const items: WikiNode[] = [];
     const policyDir = path.join(process.cwd(), 'public/wiki/policy/China/政策');
     
@@ -73,22 +72,12 @@ export class WikiModel {
     return items;
   }
 
-  // Method for all environments - use static reading
-  async getAllContent(): Promise<WikiNode[]> {
-    return this.getAllContentStatic();
-  }
-
   async getContentTree(): Promise<WikiNode[]> {
     const allContent = await this.getAllContent();
     return treeFrom(allContent, 'path', 'parent_path', 'children');
   }
 
-  async getOne(path: string): Promise<WikiNode> {
-    return this.getOneStatic(path);
-  }
-
-  // Static method for build-time reading
-  async getOneStatic(pathParam: string): Promise<WikiNode> {
+  async getWikiContent(pathParam: string): Promise<WikiNode> {
     const fullPath = pathParam.endsWith('.md') ? pathParam : `${pathParam}.md`;
     const filePath = path.join(process.cwd(), 'public/wiki/policy/China/政策', fullPath);
     
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -40,6 +40,10 @@ export default class CustomDocument extends Document<CustomDocumentProps> {
             rel="stylesheet"
             href="https://unpkg.com/bootstrap-icons@1.13.1/font/bootstrap-icons.css"
           />
+          <link
+            rel="stylesheet"
+            href="https://unpkg.com/github-markdown-css@5.8.1/github-markdown.css"
+          />
         </Head>
 
         <body>
diff --git a/pages/wiki/[...slug].tsx b/pages/wiki/[...slug].tsx
@@ -30,7 +30,7 @@ export const getStaticProps: GetStaticProps<WikiPageProps, WikiPageParams> = asy
   const { slug } = params!;
   const nodePath = slug.join('/');
 
-  const node = await wikiStore.getOne(nodePath);
+  const node = await wikiStore.getWikiContent(nodePath);
   const markup = marked(node.content || '') as string;
 
   return { 
@@ -47,7 +47,7 @@ const WikiPage: FC<WikiPageProps> = ({ node, markup }) => (
       <Breadcrumb.Item linkAs={Link} linkProps={{ href: '/wiki' }}>
         Wiki
       </Breadcrumb.Item>
-      {node.parent_path && node.parent_path.split('/').map((segment, index, array) => {
+      {node.parent_path?.split('/').map((segment, index, array) => {
         const breadcrumbPath = array.slice(0, index + 1).join('/');
 
         return (
diff --git a/pages/wiki/index.tsx b/pages/wiki/index.tsx
@@ -1,7 +1,7 @@
 import { observer } from 'mobx-react';
 import { GetStaticProps } from 'next';
 import React, { FC, useContext } from 'react';
-import { Container } from 'react-bootstrap';
+import { Badge, Card, Container } from 'react-bootstrap';
 import { treeFrom } from 'web-utility';
 
 import { PageHead } from '../../components/Layout/PageHead';
@@ -17,8 +17,8 @@ export const getStaticProps: GetStaticProps = async () => {
   };
 };
 
-const renderTree = (nodes: WikiNode[], level = 0): React.ReactElement => (
-  <ul className={level === 0 ? 'list-unstyled' : ''}>
+const renderTree = (nodes: WikiNode[], level = 0) => (
+  <ol className={level === 0 ? 'list-unstyled' : ''}>
     {nodes.map((node) => (
       <li key={node.path} className={level > 0 ? 'ms-3' : ''}>
         <div className="d-flex align-items-center py-1">
@@ -29,41 +29,43 @@ const renderTree = (nodes: WikiNode[], level = 0): React.ReactElement => (
             {node.title}
           </a>
           {node.metadata?.['主题分类'] && (
-            <span className="badge bg-secondary ms-2 small">
+            <Badge bg="secondary" className="ms-2 small">
               {node.metadata['主题分类']}
-            </span>
+            </Badge>
           )}
         </div>
-        {node.children && node.children.length > 0 && renderTree(node.children, level + 1)}
+        {node.children?.length && node.children.length > 0 && renderTree(node.children, level + 1)}
       </li>
     ))}
-  </ul>
+  </ol>
 );
 
 const WikiIndexPage: FC<{ nodes: WikiNode[] }> = observer(({ nodes }) => {
   const { t } = useContext(I18nContext);
 
   return (
     <Container className="py-4">
-      <PageHead title={`${t('wiki')} - 政策文档`} />
+      <PageHead title={`${t('wiki')} - ${t('knowledge_base')}`} />
       
       <div className="d-flex justify-content-between align-items-center mb-4">
-        <h1>政策 Wiki ({nodes.length})</h1>
+        <h1>{t('wiki')} ({nodes.length})</h1>
         <a 
           href="https://github.com/fpsig/open-source-policy" 
           target="_blank" 
           rel="noopener noreferrer"
           className="btn btn-outline-primary"
         >
-          贡献内容
+          {t('contribute_content')}
         </a>
       </div>
 
       {nodes.length === 0 ? (
-        <div className="text-muted">
-          <p>暂无政策文档。</p>
-          <p>政策文档将从 GitHub 仓库中自动加载。</p>
-        </div>
+        <Card>
+          <Card.Body className="text-muted text-center">
+            <p>{t('no_docs_available')}</p>
+            <p>{t('docs_auto_load_from_github')}</p>
+          </Card.Body>
+        </Card>
       ) : (
         renderTree(
           treeFrom(nodes, 'path', 'parent_path', 'children'),
diff --git a/styles/globals.css b/styles/globals.css
@@ -31,6 +31,3 @@ article {
     max-width: 100%;
   }
 }
-
-/* Import GitHub Markdown CSS */
-@import 'github-markdown-css/github-markdown.css';
diff --git a/translation/en-US.ts b/translation/en-US.ts
@@ -78,4 +78,10 @@ export default {
   range_file: 'file',
   range_module: 'module',
   last_step: 'back',
+  
+  // Wiki
+  knowledge_base: 'Knowledge Base',
+  contribute_content: 'Contribute Content',
+  no_docs_available: 'No documents available in the knowledge base.',
+  docs_auto_load_from_github: 'Documents will be automatically loaded from GitHub repository.',
 };
diff --git a/translation/zh-CN.ts b/translation/zh-CN.ts
@@ -77,4 +77,10 @@ export default {
   range_file: '文件',
   range_module: '模块',
   last_step: '上一步',
+  
+  // Wiki
+  knowledge_base: '知识库',
+  contribute_content: '贡献内容',
+  no_docs_available: '知识库暂无文档。',
+  docs_auto_load_from_github: '文档将从 GitHub 仓库中自动加载。',
 };
diff --git a/translation/zh-TW.ts b/translation/zh-TW.ts
@@ -77,4 +77,10 @@ export default {
   range_file: '檔案',
   range_module: '模組',
   last_step: '上一步',
+  
+  // Wiki
+  knowledge_base: '知識庫',
+  contribute_content: '貢獻內容',
+  no_docs_available: '知識庫暫無文檔。',
+  docs_auto_load_from_github: '文檔將從 GitHub 存儲庫中自動加載。',
 };

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,3 @@ article {`
`31`	`31`	`max-width: 100%;`
`32`	`32`	`}`
`33`	`33`	`}`
`34`		`-`
`35`		`-/* Import GitHub Markdown CSS */`
`36`		`-@import 'github-markdown-css/github-markdown.css';`