feat(thunder): add thunder support to protocol launcher

Author: zhensherlock

.changeset/big-lizards-make.md

@@ -0,0 +1,5 @@
+---
+'protocol-launcher': minor
+---
+
+feat(thunder): add thunder support to protocol launcher

apps/docs/.vitepress/config.ts

@@ -63,6 +63,7 @@ export default defineConfig({
         items: [
           { text: 'Cherry Studio', link: '/apps/cherry-studio' },
           { text: 'Cursor', link: '/apps/cursor' },
+          { text: 'Thunder', link: '/apps/thunder' },
         ],
       },
     ],

apps/docs/.vitepress/constants/thunder.ts

@@ -0,0 +1,3 @@
+export const downloadUrlParams = {
+  url: 'https://raw.githubusercontent.com/zhensherlock/zhensherlock/main/profile-3d-contrib/profile-night-view.svg',
+}

apps/docs/en/apps/thunder.md

@@ -0,0 +1,47 @@
+---
+layout: doc
+---
+
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import VPLink from 'vitepress/dist/client/theme-default/components/VPLink.vue';
+import { downloadUrl } from 'protocol-launcher/thunder';
+import { SelectInstallationMethod } from '../../.vitepress/components';
+import { useAppStore } from '../../.vitepress/stores/app';
+import {
+  downloadUrlParams,
+} from '../../.vitepress/constants/thunder';
+
+const appStore = useAppStore();
+const currentMethod = ref('On-Demand');
+const importPath = computed(() => currentMethod.value === 'On-Demand' ? 'protocol-launcher/thunder' : 'protocol-launcher');
+</script>
+
+# Thunder
+
+[Thunder](https://www.xunlei.com/) is a popular download manager. **Protocol Launcher** allows you to generate deep links to automatically open download resources in Thunder.
+
+## Usage
+
+There are two ways to use this library:
+- On-Demand import from subpaths enables tree-shaking and keeps bundles small.
+- Full Import from the root package is convenient but includes all app modules.
+
+Pick On-Demand for production builds; Full Import is fine for quick scripts or demos.
+
+<SelectInstallationMethod v-model="currentMethod" />
+
+### Download URL
+
+```ts-vue [{{currentMethod}}]
+import { {{ currentMethod === 'On-Demand' ? 'downloadUrl' : 'thunder' }} } from '{{ importPath }}'
+
+const url = {{currentMethod === 'On-Demand' ? '' : 'thunder.'}}downloadUrl({
+  url: 'https://raw.githubusercontent.com/zhensherlock/zhensherlock/main/profile-3d-contrib/profile-night-view.svg',
+})
+```
+<div class="flex justify-center">
+  <VPLink :href="downloadUrl(downloadUrlParams)" target="_self">
+    Open in Thunder
+  </VPLink>
+</div>

apps/docs/en/guide/getting-started.md

@@ -54,5 +54,6 @@ import { cherryStudio, cursor } from 'protocol-launcher'
 
 For detailed usage instructions for each application, please refer to their respective guides:
 
-- [Cherry Studio](/en/apps/cherry-studio)
-- [Cursor](/en/apps/cursor)
+- [Cherry Studio](../apps/cherry-studio.md)
+- [Cursor](../apps/cursor.md)
+- [Thunder](../apps/thunder.md)

apps/docs/en/guide/what-is-it.md

@@ -23,5 +23,6 @@ Currently, we support the following applications:
 
 - [Cherry Studio](../apps/cherry-studio.md)
 - [Cursor](../apps/cursor.md)
+- [Thunder](../apps/thunder.md)
 
 More applications will be added in the future.

apps/docs/zh/apps/thunder.md

@@ -0,0 +1,47 @@
+---
+layout: doc
+---
+
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import VPLink from 'vitepress/dist/client/theme-default/components/VPLink.vue';
+import { downloadUrl } from 'protocol-launcher/thunder';
+import { SelectInstallationMethod } from '../../.vitepress/components';
+import { useAppStore } from '../../.vitepress/stores/app';
+import {
+  downloadUrlParams,
+} from '../../.vitepress/constants/thunder';
+
+const appStore = useAppStore();
+const currentMethod = ref('On-Demand');
+const importPath = computed(() => currentMethod.value === 'On-Demand' ? 'protocol-launcher/thunder' : 'protocol-launcher');
+</script>
+
+# Thunder
+
+[Thunder](https://www.xunlei.com/) 是一款流行的下载管理器。**Protocol Launcher** 允许你生成深度链接，以自动在 Thunder 中打开下载资源。
+
+## 使用
+
+提供两种使用方式：
+- 按需加载（通过子路径导入），支持 Tree Shaking，体积更小。
+- 全量导入（从根包导入），使用简单，但会包含所有应用模块。
+
+生产环境建议使用按需加载以减小体积；快速脚本或演示可选择全量导入。
+
+<SelectInstallationMethod v-model="currentMethod" />
+
+### 下载文件
+
+```ts-vue [{{currentMethod}}]
+import { {{ currentMethod === 'On-Demand' ? 'downloadUrl' : 'thunder' }} } from '{{ importPath }}'
+
+const url = {{currentMethod === 'On-Demand' ? '' : 'thunder.'}}downloadUrl({
+  url: 'https://raw.githubusercontent.com/zhensherlock/zhensherlock/main/profile-3d-contrib/profile-night-view.svg',
+})
+```
+<div class="flex justify-center">
+  <VPLink :href="downloadUrl(downloadUrlParams)" target="_self">
+    在 Thunder 中打开
+  </VPLink>
+</div>

apps/docs/zh/config.ts

@@ -32,6 +32,7 @@ export default defineAdditionalConfig({
         items: [
           { text: 'Cherry Studio', link: '/zh/apps/cherry-studio' },
           { text: 'Cursor', link: '/zh/apps/cursor' },
+          { text: 'Thunder', link: '/zh/apps/thunder' },
         ],
       },
     ],

apps/docs/zh/guide/getting-started.md

@@ -54,5 +54,6 @@ import { cherryStudio, cursor } from 'protocol-launcher'
 
 有关每个应用程序的详细使用说明，请参阅各自的指南：
 
-- [Cherry Studio](/zh/apps/cherry-studio)
-- [Cursor](/zh/apps/cursor)
+- [Cherry Studio](../apps/cherry-studio.md)
+- [Cursor](../apps/cursor.md)
+- [Thunder](../apps/thunder.md)

apps/docs/zh/guide/what-is-it.md

@@ -23,5 +23,6 @@ layout: doc
 
 - [Cherry Studio](../apps/cherry-studio.md)
 - [Cursor](../apps/cursor.md)
+- [Thunder](../apps/thunder.md)
 
 未来将添加更多应用程序。