upd: Improve the graphics and add health check

ATRIOR-LCL · ATRIOR-LCL · commit 784541e26277 · 2025-09-30T23:32:47.000+08:00
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "algobootstrap-homepage",
+  "name": "algo-bootstrap-website",
   "version": "1.0.0",
-  "description": "Algobootstrap Homepage",
+  "description": "Algo Bootstrap Website",
   "main": "index.js",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -10,7 +10,7 @@
     "gen:client-router": "node scripts/client-routes.gen.js",
     "dev:start": "cross-env NODE_ENV=development tsnd --respawn --rs --transpile-only -P src/server/tsconfig.json --unhandled-rejections=warn --inspect=127.0.0.1:9232 src/server/index.ts",
     "dev": "concurrently -r \"npm:dev:start\" \"npm:gen:client-router\"",
-        "build:client": "rimraf dist && vite-ssr build --ssr src/client/entry-server.ts",
+    "build:client": "rimraf dist && vite-ssr build --ssr src/client/entry-server.ts",
     "build:server": "rimraf app && tsc -p src/server/tsconfig.json && copyfiles -u3 \"src/**/*.js\" app",
     "build": "pnpm run build:client && pnpm run build:server",
     "start": "cross-env NODE_ENV=production node --unhandled-rejections=warn app/server/index.js",
@@ -25,13 +25,13 @@
     "ssr"
   ],
   "author": {
-    "name": "sdutacm",
-    "email": "sdutacm@163.com"
+    "name": "algoUX",
+    "url": "https://algoux.org/"
   },
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/algoux/algo-bootstrap.git"
+    "url": "git+https://github.com/algoux/algo-bootstrap-website.git"
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
diff --git a/src/client/assets/images/shot/shot-2-mac.png b/src/client/assets/images/shot/shot-2-mac.png
diff --git a/src/client/assets/images/shot/shot-2-win.png b/src/client/assets/images/shot/shot-2-win.png
diff --git a/src/client/assets/images/shot/shot-3-mac.png b/src/client/assets/images/shot/shot-3-mac.png
diff --git a/src/client/assets/images/shot/shot-3-win.png b/src/client/assets/images/shot/shot-3-win.png
diff --git a/src/client/components/download-button.vue b/src/client/components/download-button.vue
@@ -4,14 +4,12 @@ import { Prop } from 'vue-property-decorator';
 import macOS from '@client/assets/images/macos.png';
 import windows from '@client/assets/images/windows.png';
 import download from '@client/assets/images/download.png';
-import platformUtil from '@client/utils/platform.util';
 import { ReleasesConfig } from '@client/utils/data.config';
 import { ElMessage } from 'element-plus';
-// import ReleasesConfig from '@/utils/data.config';
 
 @Options({
   components: {
-    ElMessage,
+
   },
 })
 export default class DownloadButton extends Vue {
diff --git a/src/client/components/guide.vue b/src/client/components/guide.vue
@@ -19,7 +19,7 @@ export default class Guide extends Vue {
     const texts = [
       this.$refs['split-text-title'],
       this.$refs['split-text-desc'],
-      this.$refs['split-text-link'],
+      // this.$refs['split-text-link'],
       this.$refs['guide-video'],
     ];
 
@@ -62,7 +62,7 @@ export default class Guide extends Vue {
       <p class="split-text" ref="split-text-desc">
         {{ guideProps.description }}
       </p>
-      <a :href="guideProps.guideURL" class="split-text" ref="split-text-link">视频教程 ↗</a>
+      <!-- <a :href="guideProps.guideURL" class="split-text" ref="split-text-link">视频教程 ↗</a> -->
     </div>
     <div class="guide-display" ref="guide-video">
       <div class="guide-display-video">
diff --git a/src/client/components/release-item.vue b/src/client/components/release-item.vue
@@ -11,7 +11,6 @@ import { ElMessage } from 'element-plus';
 @Options({
   components: {
     DownloadButton,
-    ElMessage,
   },
 })
 export default class ReleaseItem extends Vue {
diff --git a/src/client/modules/home/home.view.vue b/src/client/modules/home/home.view.vue
@@ -11,7 +11,7 @@ import BackTop from '@client/components/backtop.vue';
 import { RenderMethod, RenderMethodKind } from 'bwcx-client-vue3';
 import HomeDisplay from './home-display.vue';
 import axios from 'axios';
-import GetReleasesDTO from '@common/modules/releases/releases.dto';
+import { GetReleasesDTO } from '@common/modules/releases/releases.dto';
 
 @View('/')
 @Options({
@@ -60,7 +60,6 @@ export default class Home extends Vue {
     this.platform = platformInfo.os !== 'Unknown' ? platformInfo.os : 'windows';
     this.arch = platformInfo.architecture !== 'Unknown' ? platformInfo.architecture : 'x64';
     this.isClientMounted = true;
-    console.log('Home View Info:', this.homeState);
   }
 
   beforeDestroy() {
@@ -69,7 +68,6 @@ export default class Home extends Vue {
   created() {
     try {
       axios.get('https://cdn.algoux.cn/algo-bootstrap/version.json').then((response) => {
-        console.log('Home View Data loaded:', response.data);
         this.homeState = response.data;
       });
     } catch (error) {
@@ -101,10 +99,10 @@ export default class Home extends Vue {
         :noise-intensity="1.75"
         :scale="0.15"
         :rotation="30"
-        :isMobile="homeState.isMobile"
+        :isMobile="this.isMobile"
       />
     </client-only>
-    <back-top v-if="!homeState.isMobile" />
+    <back-top v-if="!this.isMobile" />
   </div>
 </template>
 
diff --git a/src/client/utils/data.config.ts b/src/client/utils/data.config.ts
@@ -1,5 +1,9 @@
 import shotOneMac from '@client/assets/images/shot/shot-1-mac.png';
+import shotTwoMac from '@client/assets/images/shot/shot-2-mac.png';
+import shotThreeMac from '@client/assets/images/shot/shot-3-mac.png';
 import shotOneWin from '@client/assets/images/shot/shot-1-win.png';
+import shotTwoWin from '@client/assets/images/shot/shot-2-win.png';
+import shotThreeWin from '@client/assets/images/shot/shot-3-win.png';
 import { GuideRPO } from '@common/modules/guide/guide.rpo';
 
 export class DataConfig {
@@ -37,15 +41,15 @@ export class GuideConfig {
   }
 
   macGuideConfig: GuideRPO[] = [
-    { id: 1,  title: '喵喵喵喵喵', description: "喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵", guideURL: "#", imageURL: shotOneMac},
-    { id: 2,  title: '喵喵喵喵喵', description: "喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵", guideURL: "#", imageURL: shotOneMac},
-    { id: 3,  title: '喵喵喵喵喵', description: "喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵", guideURL: "#", imageURL: shotOneMac}
+    { id: 1,  title: '轻松上手，配置难题全搞定', description: "Algo Bootstrap 替你将复杂的配置自动完成。只需轻点鼠标，即可拥有整套编程环境。", guideURL: "#", imageURL: shotOneMac},
+    { id: 2,  title: '开箱即用的调试支持', description: "无需参考教程，即使是单步调试，照样信手拈来。", guideURL: "#", imageURL: shotTwoMac},
+    { id: 3,  title: '为初学者量身打造的辅助提示', description: "内置强大的代码风格和错误检查功能，助你编程一臂之力。", guideURL: "#", imageURL: shotThreeMac}
   ]
 
   winGuideConfig: GuideRPO[] = [
-    { id: 1,  title: '喵喵喵喵喵', description: "喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵", guideURL: "#", imageURL: shotOneWin},
-    { id: 2,  title: '喵喵喵喵喵', description: "喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵", guideURL: "#", imageURL: shotOneWin},
-    { id: 3,  title: '喵喵喵喵喵', description: "喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵", guideURL: "#", imageURL: shotOneWin},
+    { id: 1,  title: '轻松上手，配置难题全搞定', description: "Algo Bootstrap 替你将复杂的配置自动完成。只需轻点鼠标，即可拥有整套编程环境。", guideURL: "#", imageURL: shotOneWin},
+    { id: 2,  title: '开箱即用的调试支持', description: "无需参考教程，即使是单步调试，照样信手拈来。", guideURL: "#", imageURL: shotTwoWin},
+    { id: 3,  title: '为初学者量身打造的辅助提示', description: "内置强大的代码风格和错误检查功能，助你编程一臂之力。", guideURL: "#", imageURL: shotThreeWin},
   ]
 
   get guideConfigGroups(): GuideRPO[] {
diff --git a/src/server/index.ts b/src/server/index.ts
@@ -33,9 +33,9 @@ export default class OurApp extends App {
     '!./common/api/**',
   ];
 
-  protected hostname = '127.0.0.1';
+  protected hostname = process.env.HOST || '127.0.0.1';
 
-  protected port = 3000;
+  protected port = parseInt(process.env.PORT) || 3000;
 
   protected exitTimeout = 5000;
 
diff --git a/src/server/modules/misc/misc.controller.ts b/src/server/modules/misc/misc.controller.ts
@@ -0,0 +1,13 @@
+import { ApiController } from "@server/decorators";
+import { Get, Contract } from "bwcx-ljsm";
+
+@ApiController()
+export default class MiscController {
+  public constructor(
+  ) {}
+
+  @Get()
+  @Contract(null, null)
+  async checkHealth(): Promise<void> {
+  }
+}
