我的上帝，修这个 PWA 弹窗老难了

GlobeMC · Aug 13, 2023 · 23e64b1 · 23e64b1
1 parent 6647ea2
commit 23e64b1
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 56 deletions.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -51,9 +51,9 @@ export default withPwa(
               text: "崩溃提交",
               link: "/contribute/crash-report",
             },
+            { text: "贡献者列表", link: "/contribute/contributors" },
           ],
         },
-        { text: "关于我们", link: "/about" },
         { text: "捐赠支持", link: "https://afdian.net/a/Pigeon0v0" },
       ],
 
@@ -151,9 +151,9 @@ export default withPwa(
               text: "崩溃提交",
               link: "/contribute/crash-report",
             },
+            { text: "贡献者名单", link: "/contribute/contributors.html" },
           ],
         },
-        { text: "关于我们", link: "/about" },
       ],
 
       socialLinks: [{ icon: "github", link: "https://github.com/GlobeMC" }],

diff --git a/docs/.vitepress/theme/components/Analyzer.vue b/docs/.vitepress/theme/components/Analyzer.vue
@@ -60,9 +60,9 @@ const ROOT_URL = CUR_URL.substring(
   CUR_URL.indexOf(window.document.location.pathname),
 ) // 根网址
 
-const SYSTEM_URL = ROOT_URL + "/system.html" // 系统问题
-const VANILLA_URL = ROOT_URL + "/vanilla.html" // 原版问题
-const MODS_URL = ROOT_URL + "/mods.html" // Mod 问题
+const SYSTEM_URL = ROOT_URL + "/client/system.html" // 系统问题
+const VANILLA_URL = ROOT_URL + "/client/vanilla.html" // 原版问题
+const MODS_URL = ROOT_URL + "/client/mods.html" // Mod 问题
 
 // 阻止浏览器默认拖拽行为
 function handleDragEnter(e) {

diff --git a/docs/.vitepress/theme/components/ReloadPrompt.vue b/docs/.vitepress/theme/components/ReloadPrompt.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onBeforeMount, ref } from "vue"
+import { onBeforeMount, ref } from 'vue'
 
 const needRefresh = ref(false)
 
@@ -13,7 +13,7 @@ async function close() {
 }
 
 onBeforeMount(async () => {
-  const { registerSW } = await import("virtual:pwa-register")
+  const { registerSW } = await import('virtual:pwa-register')
   updateServiceWorker = registerSW({
     immediate: true,
     onNeedRefresh,
@@ -26,61 +26,25 @@ onBeforeMount(async () => {
     <div
       class="pwa-toast z-100 bg-$vp-c-bg border border-$pwa-divider fixed right-0 bottom-0 m-6 px-6 py-4 rounded shadow-xl"
       role="alertdialog"
-      aria-labelledby="pwa-message">
+      aria-labelledby="pwa-message"
+    >
       <div id="pwa-message" class="mb-3">
         发现新内容可用，点击“刷新”按钮来更新文档
       </div>
       <button
         type="button"
         class="pwa-refresh mr-2 px-3 py-1 rounded"
-        @click="updateServiceWorker?.()">
+        @click="updateServiceWorker?.()"
+      >
         刷新
       </button>
       <button
         type="button"
         class="pwa-cancel border border-$pwa-divider mr-2 px-3 py-1 rounded"
-        @click="close">
+        @click="close"
+      >
         取消
       </button>
     </div>
   </template>
-</template>
-
-<style>
-.pwa-toast {
-  --c-divider: var(--vp-c-divider-light);
-}
-.pwa-toast .pwa-refresh {
-  border-color: var(--vp-button-brand-border);
-  color: var(--vp-button-brand-text);
-  background-color: var(--vp-button-brand-bg);
-}
-.pwa-toast .pwa-refresh:hover {
-  border-color: var(--vp-button-brand-hover-border);
-  color: var(--vp-button-brand-hover-text);
-  background-color: var(--vp-button-brand-hover-bg);
-}
-.pwa-toast .pwa-refresh:active {
-  border-color: var(--vp-button-brand-active-border);
-  color: var(--vp-button-brand-active-text);
-  background-color: var(--vp-button-brand-active-bg);
-}
-.pwa-toast .pwa-cancel {
-  border-color: var(--vp-button-alt-border);
-  color: var(--vp-button-alt-text);
-  background-color: var(--vp-button-alt-bg);
-}
-.pwa-toast .pwa-cancel:hover {
-  border-color: var(--vp-button-alt-hover-border);
-  color: var(--vp-button-alt-hover-text);
-  background-color: var(--vp-button-alt-hover-bg);
-}
-.pwa-toast .pwa-cancel:active {
-  border-color: var(--vp-button-alt-active-border);
-  color: var(--vp-button-alt-active-text);
-  background-color: var(--vp-button-alt-active-bg);
-}
-.dark .pwa-toast {
-  --pwa-divider: var(--vp-c-divider-dark-1);
-}
-</style>
+</template>
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
@@ -14,7 +14,7 @@
   --vp-c-brand-lightest: #f7d596;
   --vp-c-brand-dark: #d7910e;
   --vp-c-brand-darker: #d08700;
-  --vp-c-brand-dimm: rgba(100, 108, 255, 0.08);
+  --vp-c-brand-dimm: rgba(255, 208, 100, 0.08);
 }
 
 /**
@@ -104,3 +104,44 @@
   --vp-badge-pcl-text: #ffffff;
   --vp-badge-pcl-bg: #0069df;
 }
+
+.pwa-toast {
+  --c-divider: var(--vp-c-divider-light);
+}
+.pwa-toast .pwa-refresh {
+  border-color: var(--vp-button-brand-border);
+  color: var(--vp-button-brand-text);
+  background-color: var(--vp-button-brand-bg);
+}
+.pwa-toast .pwa-refresh:hover {
+  border-color: var(--vp-button-brand-hover-border);
+  color: var(--vp-button-brand-hover-text);
+  background-color: var(--vp-button-brand-hover-bg);
+}
+.pwa-toast .pwa-refresh:active {
+  border-color: var(--vp-button-brand-active-border);
+  color: var(--vp-button-brand-active-text);
+  background-color: var(--vp-button-brand-active-bg);
+}
+.pwa-toast .pwa-cancel {
+  border-color: var(--vp-button-alt-border);
+  color: var(--vp-button-alt-text);
+  background-color: var(--vp-button-alt-bg);
+}
+.pwa-toast .pwa-cancel:hover {
+  border-color: var(--vp-button-alt-hover-border);
+  color: var(--vp-button-alt-hover-text);
+  background-color: var(--vp-button-alt-hover-bg);
+}
+.pwa-toast .pwa-cancel:active {
+  border-color: var(--vp-button-alt-active-border);
+  color: var(--vp-button-alt-active-text);
+  background-color: var(--vp-button-alt-active-bg);
+}
+.dark .pwa-toast {
+  --pwa-divider: var(--vp-c-divider-dark-1);
+}
+
+.vp-doc :not(pre) > code {
+  padding: 1px 6px;
+}
diff --git a/docs/analyzer.md b/docs/analyzer.md
@@ -8,8 +8,10 @@ import Analyzer from './.vitepress/theme/components/Analyzer.vue'
 
 # 崩溃分析工具
 
-:::warning 警告 ⚠
-施工中 请绕行
+:::tip 提示
+崩溃分析工具目前处于测试阶段，可能不稳定。
+
+如果你愿意帮助我们，就请试用一下，我们期待你的贡献！
 :::
 
 ---

diff --git a/docs/about.md → docs/contribute/contributors.md b/docs/about.md → docs/contribute/contributors.md
@@ -1,16 +1,18 @@
 <script setup>
 import { VPTeamMembers } from 'vitepress/theme'
-import members from "./.vitepress/data/members"
+import members from "../.vitepress/data/members"
 </script>
 
-# 关于我们
+# 贡献者
 
+<!--
 ---
 
 GlobeMC 河豚分析是一个 2023 年 7 月底成立的崩溃日志分析组织，以方便 / 开放 / 专业为目标
 
 ---
+-->
 
-此处列出了 GlobeMC 团队的所有成员，没有他们就不会有项目的诞生。
+此处列出了本文档的所有贡献者，感谢他们为文档作出的贡献。
 
 <VPTeamMembers size="small" :members="members" />