Merge pull request #16 from longbridgeapp/dev

Dev

.github/workflows/download_feishu_pages.yml

@@ -3,6 +3,9 @@ on:
   push:
     branches:
       - feishu/*
+  pull_request:
+    branches:
+      - dev
 jobs:
   download_feishu_pages:
     name: Download feishu pages
@@ -33,7 +36,7 @@ jobs:
       - name: Copy feishu pages to repo
         run: |
           bun install
-          bun run setup:vitepress
+          bun run setup
 
       - name: Commit feishu pages to repo
         run: |

.vitepress/config.mts

@@ -64,7 +64,7 @@ export default defineConfig({
   appearance: false,
   lang: "zh-HK",
   cleanUrls: true,
-  srcExclude: ["SUMMARY.md"],
+  srcExclude: ["SUMMARY.md", 'zh-HK.md', "zh-CN.md", "en.md"],
   srcDir: "locales",
   lastUpdated: true,
   head: [
@@ -84,6 +84,7 @@ export default defineConfig({
       lang: "en",
       link: "/en/docs",
       themeConfig: {
+        siteTitle: "Whale docs",
         editLink: {
           pattern: editLinkPattern,
         },
@@ -94,6 +95,7 @@ export default defineConfig({
       lang: "zh-CN",
       link: "/zh-CN/docs",
       themeConfig: {
+        siteTitle: "帮助中心",
         editLink: {
           pattern: editLinkPattern,
           text: "在 GitHub 上编辑此页",
@@ -109,6 +111,7 @@ export default defineConfig({
       lang: "zh-HK",
       link: "/zh-HK/docs",
       themeConfig: {
+        siteTitle: "幫助中心",
         editLink: {
           pattern: editLinkPattern,
           text: "在 GitHub 上编辑此页",
@@ -123,7 +126,6 @@ export default defineConfig({
 
   // https://vitepress.dev/reference/default-theme-config
   themeConfig: {
-    siteTitle: "",
     logo: "https://assets.lbkrs.com/uploads/d29e591d-0c3d-4def-b837-cd06dfb4d738/whale-logo.svg",
     nav: [{ text: "Whale Home", link: "https://longbridgewhale.com" }],
     sidebar: {

.vitepress/theme/index.js

@@ -1,6 +1,10 @@
 import DefaultTheme from "vitepress/theme";
-import "../../style.scss";
+import "./style.scss";
 import VPBadge from "vitepress/dist/client/theme-default/components/VPBadge.vue";
+import mediumZoom from "medium-zoom";
+import { useRoute } from "vitepress";
+import { onMounted, watch, nextTick } from "vue";
+
 const theme = {
   ...DefaultTheme,
   enhanceApp: (ctx) => {
@@ -10,5 +14,20 @@ const theme = {
       window.WhaleDocs = ctx;
     }
   },
+  setup() {
+    // Support zooming images
+    const route = useRoute();
+    const initZoom = () => {
+      new mediumZoom(".content-container .main img", { background: "#dddde3" });
+    };
+    onMounted(() => {
+      initZoom();
+    });
+    watch(
+      () => route.path,
+      () => nextTick(() => initZoom()),
+    );
+
+  },
 };
 export default theme;

style.scss → .vitepress/theme/style.scss

@@ -77,3 +77,25 @@ ol {
 .grid {
   margin: 1.5em 0;
 }
+
+/* medium plugin styles*/
+.medium-zoom-overlay {
+  z-index: 9998;
+}
+
+.medium-zoom-image {
+  z-index: 9999;
+}
+
+/* overwrite vitepress components styles*/
+.VPNavBarTitle {
+  .VPImage {
+    margin-right: 24px;
+  }
+}
+
+.level-0 {
+  .items {
+    padding-left: 16px;
+  }
+}