add github module

Author: Oli51467

.gitignore

@@ -19,4 +19,5 @@ build
 /electron/dist/*.dmg
 /electron/dist/*.exe
 /electron/dist/*.AppleImage
-/electron/dist/*.blockmap
+/electron/dist/*.blockmap
+/electron/dist/builder-debug.yml

electron/dist/builder-debug.yml

@@ -194,6 +194,9 @@ <h1 class="splash-title">LoFS</h1>
         <button id="database-btn">
           <div id="database-icon"></div>
         </button>
+        <button id="github-btn">
+          <div id="github-icon"></div>
+        </button>
       </div>
     </div>
 
@@ -566,6 +569,14 @@ <h2>API-Key</h2>
       </section>
       </section>
     </div>
+    <!-- Github 页面 -->
+    <div id="github-page" style="display: none;">
+      <div class="github-section">
+        <div class="github-content">
+          <webview id="github-webview" src="https://github.com/Oli51467/local_fs" style="width:100%; height:100%; border:0;"></webview>
+        </div>
+      </div>
+    </div>
     <!-- 数据库页面 -->
     <div id="database-page">
       <div class="database-section">
@@ -631,12 +642,15 @@ <h3>图片文件</h3>
       </div>
     </div>
   </div>
+
+
   <!-- 模块化样式文件 -->
   <link rel="stylesheet" href="./src/styles/splash.css">
   <link rel="stylesheet" href="./src/styles/settings.css">
   <link rel="stylesheet" href="./src/styles/explorer.css">
   <link rel="stylesheet" href="./src/styles/chat.css">
   <link rel="stylesheet" href="./src/styles/database.css">
+  <link rel="stylesheet" href="./src/styles/github.css">
   <link rel="stylesheet" href="./src/styles/model.css">
   <link rel="stylesheet" href="./src/styles/codeViewer.css">
 

electron/icons.js

@@ -108,6 +108,7 @@ function createWindow() {
       preload: path.join(__dirname, 'preload.js'),
       contextIsolation: true,
       nodeIntegration: false,
+      webviewTag: true,
       webSecurity: false,
       allowRunningInsecureContent: true,
       experimentalFeatures: false,

electron/index.html

@@ -125,7 +125,8 @@ function renderIcons() {
     { id: 'chat-icon', icon: icons.chat },
     { id: 'model-icon', icon: icons.model },
     { id: 'settings-icon', icon: icons.settings },
-    { id: 'database-icon', icon: icons.database }
+    { id: 'database-icon', icon: icons.database },
+    { id: 'github-icon', icon: icons.github }
   ];
 
   elements.forEach(({ id, icon }) => {
@@ -173,11 +174,14 @@ configureViewStateModule({
   getResourceTitleEl: () => document.getElementById('resource-title'),
   getDatabasePageEl: () => document.getElementById('database-page'),
   getModelPageEl: () => document.getElementById('model-page'),
+  getGithubPageEl: () => document.getElementById('github-page'),
+  getGithubWebview: () => document.getElementById('github-webview'),
   getHeaderButtons: () => document.querySelectorAll('#file-tree-header > div > button'),
   getSearchButton: () => document.getElementById('search-btn'),
   getSearchInput: () => document.getElementById('search-input'),
   getDatabaseButton: () => document.getElementById('database-btn'),
   getModelButton: () => document.getElementById('model-btn'),
+  getGithubButton: () => document.getElementById('github-btn'),
   getToggleTreeButton: () => document.getElementById('toggle-tree'),
   getChatButton: () => document.getElementById('chat-btn'),
   getChatHistoryContainer: () => document.getElementById('chat-history-container'),