@tnotesjs/core 0.1.22 → 0.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/README.md +87 -87
  2. package/package.json +1 -1
  3. package/types/config.ts +60 -60
  4. package/types/index.ts +11 -11
  5. package/types/note.ts +33 -33
  6. package/vitepress/assets/icons/icon__check.svg +3 -3
  7. package/vitepress/assets/icons/icon__clipboard.svg +7 -7
  8. package/vitepress/assets/icons/icon__close.svg +1 -1
  9. package/vitepress/assets/icons/icon__collapse.svg +1 -1
  10. package/vitepress/assets/icons/icon__confirm.svg +1 -1
  11. package/vitepress/assets/icons/icon__copy.svg +4 -4
  12. package/vitepress/assets/icons/icon__focus.svg +1 -1
  13. package/vitepress/assets/icons/icon__fold.svg +3 -3
  14. package/vitepress/assets/icons/icon__folder.svg +1 -1
  15. package/vitepress/assets/icons/icon__fullscreen.svg +1 -1
  16. package/vitepress/assets/icons/icon__fullscreen_exit.svg +1 -1
  17. package/vitepress/assets/icons/icon__github.svg +3 -3
  18. package/vitepress/assets/icons/icon__mindmap.svg +1 -1
  19. package/vitepress/assets/icons/icon__next.svg +1 -1
  20. package/vitepress/assets/icons/icon__number_gray.svg +1 -1
  21. package/vitepress/assets/icons/icon__number_purple.svg +1 -1
  22. package/vitepress/assets/icons/icon__prev.svg +1 -1
  23. package/vitepress/assets/icons/icon__restore.svg +1 -1
  24. package/vitepress/assets/icons/icon__rotate.svg +4 -4
  25. package/vitepress/assets/icons/icon__search.svg +1 -1
  26. package/vitepress/assets/icons/icon__sidebar_collapsed.svg +1 -1
  27. package/vitepress/assets/icons/icon__sidebar_opened.svg +1 -1
  28. package/vitepress/assets/icons/icon__totop.svg +5 -5
  29. package/vitepress/assets/icons/icon__vscode.svg +5 -5
  30. package/vitepress/assets/icons/icon__zoom_fit.svg +1 -1
  31. package/vitepress/assets/icons/icon__zoom_in.svg +1 -1
  32. package/vitepress/assets/icons/icon__zoom_out.svg +1 -1
  33. package/vitepress/assets/icons/icon__zoom_reset.svg +1 -1
  34. package/vitepress/assets/icons/index.ts +39 -39
  35. package/vitepress/components/BilibiliOutsidePlayer/BilibiliOutsidePlayer.vue +20 -20
  36. package/vitepress/components/CodeBlockFullscreen/CodeBlockFullscreen.vue +369 -369
  37. package/vitepress/components/CodeBlockFullscreen/index.ts +209 -209
  38. package/vitepress/components/CodeBlockFullscreen/styles.css +126 -126
  39. package/vitepress/components/Discussions/Discussions.vue +242 -242
  40. package/vitepress/components/EnWordList/EnWordList.vue +664 -664
  41. package/vitepress/components/EnWordList/RightClickMenu.vue +87 -87
  42. package/vitepress/components/Footprints/Footprints.vue +472 -472
  43. package/vitepress/components/Layout/AboutModal.vue +329 -329
  44. package/vitepress/components/Layout/AboutPanel.vue +485 -485
  45. package/vitepress/components/Layout/ContentCollapse.vue +591 -591
  46. package/vitepress/components/Layout/CustomSidebar.vue +817 -817
  47. package/vitepress/components/Layout/DocBeforeControls.vue +145 -145
  48. package/vitepress/components/Layout/DocFooter.vue +233 -233
  49. package/vitepress/components/Layout/ImagePreview.vue +485 -485
  50. package/vitepress/components/Layout/Layout.vue +744 -744
  51. package/vitepress/components/Layout/NoteStatus.vue +140 -140
  52. package/vitepress/components/Layout/SidebarItems.vue +1083 -1083
  53. package/vitepress/components/Layout/SidebarNavBefore.vue +170 -170
  54. package/vitepress/components/Layout/SidebarResizeHandle.vue +311 -311
  55. package/vitepress/components/Layout/Swiper.vue +167 -167
  56. package/vitepress/components/Layout/ToggleFullContent.vue +45 -45
  57. package/vitepress/components/Layout/ToggleSidebar.vue +35 -35
  58. package/vitepress/components/Layout/composables/useCollapseControl.ts +88 -88
  59. package/vitepress/components/Layout/composables/useNoteConfig.ts +119 -119
  60. package/vitepress/components/Layout/composables/useNoteSave.ts +178 -178
  61. package/vitepress/components/Layout/composables/useNoteValidation.ts +85 -85
  62. package/vitepress/components/Layout/composables/useRedirect.ts +113 -113
  63. package/vitepress/components/Layout/composables/useSidebarLayout.ts +122 -122
  64. package/vitepress/components/Layout/composables/useVSCodeIntegration.ts +85 -85
  65. package/vitepress/components/Layout/homeReadme.data.ts +124 -124
  66. package/vitepress/components/MarkMap/MarkMap.vue +562 -562
  67. package/vitepress/components/Mermaid/Mermaid.vue +644 -644
  68. package/vitepress/components/NotesTable/NotesTable.vue +175 -175
  69. package/vitepress/components/NotesTable/README.md +67 -67
  70. package/vitepress/components/Settings/Settings.vue +711 -711
  71. package/vitepress/components/SidebarCard/MindMapView.vue +484 -484
  72. package/vitepress/components/SidebarCard/NotesTrendChart.vue +108 -108
  73. package/vitepress/components/SidebarCard/SidebarCard.vue +945 -945
  74. package/vitepress/components/Tooltip/Tooltip.vue +70 -70
  75. package/vitepress/components/constants.ts +109 -109
  76. package/vitepress/components/notesConfig.data.ts +73 -73
  77. package/vitepress/components/sidebar.data.ts +59 -59
  78. package/vitepress/components/tnotes-config.data.ts +21 -21
  79. package/vitepress/components/utils.ts +26 -26
  80. package/vitepress/config/index.ts +169 -169
  81. package/vitepress/configs/constants.ts +26 -26
  82. package/vitepress/configs/head.config.ts +25 -25
  83. package/vitepress/configs/index.ts +9 -9
  84. package/vitepress/configs/markdown-it.d.ts +23 -23
  85. package/vitepress/configs/markdown.config.ts +368 -368
  86. package/vitepress/configs/theme.config.ts +108 -108
  87. package/vitepress/plugins/buildProgressPlugin.ts +434 -434
  88. package/vitepress/plugins/getNoteByConfigIdPlugin.ts +107 -107
  89. package/vitepress/plugins/renameNotePlugin.ts +68 -68
  90. package/vitepress/plugins/sidebarStructurePlugin.ts +260 -260
  91. package/vitepress/plugins/updateConfigPlugin.ts +63 -63
  92. package/vitepress/theme/index.ts +137 -137
  93. package/vitepress/theme/styles/base.scss +66 -64
  94. package/vitepress/theme/styles/components/404.scss +31 -31
  95. package/vitepress/theme/styles/components/collapse.scss +172 -172
  96. package/vitepress/theme/styles/components/markmap.scss +101 -101
  97. package/vitepress/theme/styles/components/swiper.scss +255 -255
  98. package/vitepress/theme/styles/index.scss +25 -25
  99. package/vitepress/theme/styles/layout.scss +78 -78
  100. package/vitepress/theme/styles/utilities.scss +39 -39
  101. package/vitepress/theme/styles/vitepress-override.scss +25 -25
@@ -1,113 +1,113 @@
1
- import { useRoute, useData } from 'vitepress'
2
- import { ref, watch } from 'vue'
3
-
4
- import type { NoteConfig } from '../../../../types'
5
-
6
- /**
7
- * 处理 404 重定向逻辑
8
- * 当用户访问旧的笔记 URL 时,自动重定向到新的 URL
9
- */
10
- export function useRedirect(allNotesConfig: Record<string, NoteConfig & { redirect?: string }>) {
11
- const route = useRoute()
12
- const vpData = useData()
13
-
14
- // 控制是否显示 404 内容
15
- const showNotFound = ref(false)
16
- const currentPath = ref('')
17
- const matchedId = ref('')
18
- const redirectPath = ref('')
19
-
20
- // 解码后的当前路径(用于调试)
21
- const decodedCurrentPath = ref('')
22
-
23
- // 重定向检查函数
24
- function checkRedirect() {
25
- if (typeof window === 'undefined') return false
26
-
27
- currentPath.value = window.location.pathname
28
-
29
- // 匹配路径格式:/TNotes.*/notes/四个数字{任意内容}/README
30
- const match = currentPath.value.match(
31
- /\/TNotes[^/]+\/notes\/(\d{4})[^/]*(?:\/.*)?$/
32
- )
33
-
34
- if (match) {
35
- const matchedNoteId = match[1]
36
- if (!matchedNoteId) return false
37
-
38
- matchedId.value = matchedNoteId
39
- const targetNote = allNotesConfig[matchedNoteId]
40
- redirectPath.value = targetNote?.redirect ?? ''
41
-
42
- if (targetNote?.redirect) {
43
- const base = vpData.site.value.base
44
- // 构建目标路径(包含基础路径)
45
- const targetPath = `${base}${targetNote.redirect}`
46
-
47
- // 避免重定向死循环
48
- if (currentPath.value !== targetPath) {
49
- console.log(`Redirecting from ${currentPath.value} to ${targetPath}`)
50
-
51
- // 使用完整的页面跳转(强制刷新)
52
- window.location.href = targetPath
53
- return true
54
- }
55
- }
56
- }
57
- return false
58
- }
59
-
60
- // 更新解码后的路径
61
- function updateDecodedPath() {
62
- try {
63
- decodedCurrentPath.value = decodeURIComponent(currentPath.value)
64
- } catch (e) {
65
- console.error('Failed to decode URI:', e)
66
- decodedCurrentPath.value = currentPath.value
67
- }
68
- }
69
-
70
- // 初始化检查(在组件挂载后调用)
71
- function initRedirectCheck() {
72
- // 延迟执行以确保路由状态稳定
73
- setTimeout(() => {
74
- // 如果是 404 页面,尝试重定向
75
- if (vpData.page.value.isNotFound) {
76
- const redirected = checkRedirect()
77
-
78
- // 如果重定向失败,显示原始 404 内容
79
- if (!redirected) {
80
- showNotFound.value = true
81
- }
82
- }
83
- }, 1000)
84
- }
85
-
86
- // 监听路由变化
87
- watch(
88
- () => route.path,
89
- () => {
90
- // 延迟检查以确保路由更新完成
91
- setTimeout(() => {
92
- if (vpData.page.value.isNotFound) {
93
- const redirected = checkRedirect()
94
- if (!redirected) {
95
- showNotFound.value = true
96
- }
97
- }
98
- }, 1000)
99
- }
100
- )
101
-
102
- // 监听 currentPath 变化,更新解码后的路径
103
- watch(currentPath, updateDecodedPath, { immediate: true })
104
-
105
- return {
106
- showNotFound,
107
- currentPath,
108
- matchedId,
109
- redirectPath,
110
- decodedCurrentPath,
111
- initRedirectCheck,
112
- }
113
- }
1
+ import { useRoute, useData } from 'vitepress'
2
+ import { ref, watch } from 'vue'
3
+
4
+ import type { NoteConfig } from '../../../../types'
5
+
6
+ /**
7
+ * 处理 404 重定向逻辑
8
+ * 当用户访问旧的笔记 URL 时,自动重定向到新的 URL
9
+ */
10
+ export function useRedirect(allNotesConfig: Record<string, NoteConfig & { redirect?: string }>) {
11
+ const route = useRoute()
12
+ const vpData = useData()
13
+
14
+ // 控制是否显示 404 内容
15
+ const showNotFound = ref(false)
16
+ const currentPath = ref('')
17
+ const matchedId = ref('')
18
+ const redirectPath = ref('')
19
+
20
+ // 解码后的当前路径(用于调试)
21
+ const decodedCurrentPath = ref('')
22
+
23
+ // 重定向检查函数
24
+ function checkRedirect() {
25
+ if (typeof window === 'undefined') return false
26
+
27
+ currentPath.value = window.location.pathname
28
+
29
+ // 匹配路径格式:/TNotes.*/notes/四个数字{任意内容}/README
30
+ const match = currentPath.value.match(
31
+ /\/TNotes[^/]+\/notes\/(\d{4})[^/]*(?:\/.*)?$/
32
+ )
33
+
34
+ if (match) {
35
+ const matchedNoteId = match[1]
36
+ if (!matchedNoteId) return false
37
+
38
+ matchedId.value = matchedNoteId
39
+ const targetNote = allNotesConfig[matchedNoteId]
40
+ redirectPath.value = targetNote?.redirect ?? ''
41
+
42
+ if (targetNote?.redirect) {
43
+ const base = vpData.site.value.base
44
+ // 构建目标路径(包含基础路径)
45
+ const targetPath = `${base}${targetNote.redirect}`
46
+
47
+ // 避免重定向死循环
48
+ if (currentPath.value !== targetPath) {
49
+ console.log(`Redirecting from ${currentPath.value} to ${targetPath}`)
50
+
51
+ // 使用完整的页面跳转(强制刷新)
52
+ window.location.href = targetPath
53
+ return true
54
+ }
55
+ }
56
+ }
57
+ return false
58
+ }
59
+
60
+ // 更新解码后的路径
61
+ function updateDecodedPath() {
62
+ try {
63
+ decodedCurrentPath.value = decodeURIComponent(currentPath.value)
64
+ } catch (e) {
65
+ console.error('Failed to decode URI:', e)
66
+ decodedCurrentPath.value = currentPath.value
67
+ }
68
+ }
69
+
70
+ // 初始化检查(在组件挂载后调用)
71
+ function initRedirectCheck() {
72
+ // 延迟执行以确保路由状态稳定
73
+ setTimeout(() => {
74
+ // 如果是 404 页面,尝试重定向
75
+ if (vpData.page.value.isNotFound) {
76
+ const redirected = checkRedirect()
77
+
78
+ // 如果重定向失败,显示原始 404 内容
79
+ if (!redirected) {
80
+ showNotFound.value = true
81
+ }
82
+ }
83
+ }, 1000)
84
+ }
85
+
86
+ // 监听路由变化
87
+ watch(
88
+ () => route.path,
89
+ () => {
90
+ // 延迟检查以确保路由更新完成
91
+ setTimeout(() => {
92
+ if (vpData.page.value.isNotFound) {
93
+ const redirected = checkRedirect()
94
+ if (!redirected) {
95
+ showNotFound.value = true
96
+ }
97
+ }
98
+ }, 1000)
99
+ }
100
+ )
101
+
102
+ // 监听 currentPath 变化,更新解码后的路径
103
+ watch(currentPath, updateDecodedPath, { immediate: true })
104
+
105
+ return {
106
+ showNotFound,
107
+ currentPath,
108
+ matchedId,
109
+ redirectPath,
110
+ decodedCurrentPath,
111
+ initRedirectCheck,
112
+ }
113
+ }
@@ -1,122 +1,122 @@
1
- import { ref } from 'vue'
2
-
3
- const SIDEBAR_HIDDEN_KEY = 'vp:sidebar:hidden'
4
- const SIDEBAR_WIDTH_KEY = 'vp:sidebar:width'
5
- const SIDEBAR_MIN_WIDTH = 260
6
- const SIDEBAR_MAX_WIDTH = 480
7
- const SIDEBAR_DEFAULT_WIDTH = 260
8
-
9
- const hidden = ref(false)
10
- const width = ref(SIDEBAR_DEFAULT_WIDTH)
11
- let initialized = false
12
-
13
- function canUseDOM(): boolean {
14
- return typeof window !== 'undefined' && typeof document !== 'undefined'
15
- }
16
-
17
- function clampSidebarWidth(nextWidth: number): number {
18
- if (!Number.isFinite(nextWidth)) return SIDEBAR_DEFAULT_WIDTH
19
-
20
- return Math.min(
21
- SIDEBAR_MAX_WIDTH,
22
- Math.max(SIDEBAR_MIN_WIDTH, Math.round(nextWidth)),
23
- )
24
- }
25
-
26
- function readStoredWidth(): number {
27
- if (!canUseDOM()) return SIDEBAR_DEFAULT_WIDTH
28
-
29
- const savedWidth = window.localStorage.getItem(SIDEBAR_WIDTH_KEY)
30
- if (!savedWidth) return SIDEBAR_DEFAULT_WIDTH
31
-
32
- return clampSidebarWidth(Number(savedWidth))
33
- }
34
-
35
- function applyHiddenState(nextHidden: boolean) {
36
- if (!canUseDOM()) return
37
-
38
- document.documentElement.classList.toggle('hide-sidebar', nextHidden)
39
- }
40
-
41
- function applySidebarWidth(nextWidth: number, nextHidden = hidden.value) {
42
- if (!canUseDOM()) return
43
-
44
- const widthValue = `${clampSidebarWidth(nextWidth)}px`
45
- const layoutWidthValue = nextHidden ? '0px' : widthValue
46
- document.documentElement.style.setProperty('--tn-sidebar-width', widthValue)
47
- document.documentElement.style.setProperty(
48
- '--tn-sidebar-layout-width',
49
- layoutWidthValue,
50
- )
51
- document.documentElement.style.setProperty(
52
- '--vp-sidebar-width',
53
- layoutWidthValue,
54
- )
55
- }
56
-
57
- function persistHiddenState(nextHidden: boolean) {
58
- if (!canUseDOM()) return
59
-
60
- try {
61
- window.localStorage.setItem(SIDEBAR_HIDDEN_KEY, nextHidden ? '1' : '0')
62
- } catch {}
63
- }
64
-
65
- function persistSidebarWidth(nextWidth: number) {
66
- if (!canUseDOM()) return
67
-
68
- try {
69
- window.localStorage.setItem(
70
- SIDEBAR_WIDTH_KEY,
71
- String(clampSidebarWidth(nextWidth)),
72
- )
73
- } catch {}
74
- }
75
-
76
- function initSidebarLayout() {
77
- if (!canUseDOM()) return
78
-
79
- if (!initialized) {
80
- hidden.value = window.localStorage.getItem(SIDEBAR_HIDDEN_KEY) === '1'
81
- width.value = readStoredWidth()
82
- initialized = true
83
- }
84
-
85
- applyHiddenState(hidden.value)
86
- applySidebarWidth(width.value, hidden.value)
87
- }
88
-
89
- function setSidebarHidden(nextHidden: boolean) {
90
- hidden.value = nextHidden
91
- applyHiddenState(hidden.value)
92
- applySidebarWidth(width.value, hidden.value)
93
- persistHiddenState(hidden.value)
94
- }
95
-
96
- function toggleSidebar() {
97
- setSidebarHidden(!hidden.value)
98
- }
99
-
100
- function setSidebarWidth(nextWidth: number) {
101
- width.value = clampSidebarWidth(nextWidth)
102
- applySidebarWidth(width.value)
103
- }
104
-
105
- function saveSidebarWidth() {
106
- persistSidebarWidth(width.value)
107
- }
108
-
109
- export function useSidebarLayout() {
110
- return {
111
- hidden,
112
- width,
113
- minWidth: SIDEBAR_MIN_WIDTH,
114
- maxWidth: SIDEBAR_MAX_WIDTH,
115
- defaultWidth: SIDEBAR_DEFAULT_WIDTH,
116
- initSidebarLayout,
117
- setSidebarHidden,
118
- toggleSidebar,
119
- setSidebarWidth,
120
- saveSidebarWidth,
121
- }
122
- }
1
+ import { ref } from 'vue'
2
+
3
+ const SIDEBAR_HIDDEN_KEY = 'vp:sidebar:hidden'
4
+ const SIDEBAR_WIDTH_KEY = 'vp:sidebar:width'
5
+ const SIDEBAR_MIN_WIDTH = 260
6
+ const SIDEBAR_MAX_WIDTH = 480
7
+ const SIDEBAR_DEFAULT_WIDTH = 260
8
+
9
+ const hidden = ref(false)
10
+ const width = ref(SIDEBAR_DEFAULT_WIDTH)
11
+ let initialized = false
12
+
13
+ function canUseDOM(): boolean {
14
+ return typeof window !== 'undefined' && typeof document !== 'undefined'
15
+ }
16
+
17
+ function clampSidebarWidth(nextWidth: number): number {
18
+ if (!Number.isFinite(nextWidth)) return SIDEBAR_DEFAULT_WIDTH
19
+
20
+ return Math.min(
21
+ SIDEBAR_MAX_WIDTH,
22
+ Math.max(SIDEBAR_MIN_WIDTH, Math.round(nextWidth)),
23
+ )
24
+ }
25
+
26
+ function readStoredWidth(): number {
27
+ if (!canUseDOM()) return SIDEBAR_DEFAULT_WIDTH
28
+
29
+ const savedWidth = window.localStorage.getItem(SIDEBAR_WIDTH_KEY)
30
+ if (!savedWidth) return SIDEBAR_DEFAULT_WIDTH
31
+
32
+ return clampSidebarWidth(Number(savedWidth))
33
+ }
34
+
35
+ function applyHiddenState(nextHidden: boolean) {
36
+ if (!canUseDOM()) return
37
+
38
+ document.documentElement.classList.toggle('hide-sidebar', nextHidden)
39
+ }
40
+
41
+ function applySidebarWidth(nextWidth: number, nextHidden = hidden.value) {
42
+ if (!canUseDOM()) return
43
+
44
+ const widthValue = `${clampSidebarWidth(nextWidth)}px`
45
+ const layoutWidthValue = nextHidden ? '0px' : widthValue
46
+ document.documentElement.style.setProperty('--tn-sidebar-width', widthValue)
47
+ document.documentElement.style.setProperty(
48
+ '--tn-sidebar-layout-width',
49
+ layoutWidthValue,
50
+ )
51
+ document.documentElement.style.setProperty(
52
+ '--vp-sidebar-width',
53
+ layoutWidthValue,
54
+ )
55
+ }
56
+
57
+ function persistHiddenState(nextHidden: boolean) {
58
+ if (!canUseDOM()) return
59
+
60
+ try {
61
+ window.localStorage.setItem(SIDEBAR_HIDDEN_KEY, nextHidden ? '1' : '0')
62
+ } catch {}
63
+ }
64
+
65
+ function persistSidebarWidth(nextWidth: number) {
66
+ if (!canUseDOM()) return
67
+
68
+ try {
69
+ window.localStorage.setItem(
70
+ SIDEBAR_WIDTH_KEY,
71
+ String(clampSidebarWidth(nextWidth)),
72
+ )
73
+ } catch {}
74
+ }
75
+
76
+ function initSidebarLayout() {
77
+ if (!canUseDOM()) return
78
+
79
+ if (!initialized) {
80
+ hidden.value = window.localStorage.getItem(SIDEBAR_HIDDEN_KEY) === '1'
81
+ width.value = readStoredWidth()
82
+ initialized = true
83
+ }
84
+
85
+ applyHiddenState(hidden.value)
86
+ applySidebarWidth(width.value, hidden.value)
87
+ }
88
+
89
+ function setSidebarHidden(nextHidden: boolean) {
90
+ hidden.value = nextHidden
91
+ applyHiddenState(hidden.value)
92
+ applySidebarWidth(width.value, hidden.value)
93
+ persistHiddenState(hidden.value)
94
+ }
95
+
96
+ function toggleSidebar() {
97
+ setSidebarHidden(!hidden.value)
98
+ }
99
+
100
+ function setSidebarWidth(nextWidth: number) {
101
+ width.value = clampSidebarWidth(nextWidth)
102
+ applySidebarWidth(width.value)
103
+ }
104
+
105
+ function saveSidebarWidth() {
106
+ persistSidebarWidth(width.value)
107
+ }
108
+
109
+ export function useSidebarLayout() {
110
+ return {
111
+ hidden,
112
+ width,
113
+ minWidth: SIDEBAR_MIN_WIDTH,
114
+ maxWidth: SIDEBAR_MAX_WIDTH,
115
+ defaultWidth: SIDEBAR_DEFAULT_WIDTH,
116
+ initSidebarLayout,
117
+ setSidebarHidden,
118
+ toggleSidebar,
119
+ setSidebarWidth,
120
+ saveSidebarWidth,
121
+ }
122
+ }
@@ -1,88 +1,88 @@
1
- import { useData } from 'vitepress'
1
+ import { useData } from 'vitepress'
2
2
  import { ref } from 'vue'
3
-
3
+
4
4
  import { NOTES_DIR_KEY } from '../../constants'
5
-
5
+
6
6
  import type { Router } from 'vitepress'
7
- import type { Ref, ComputedRef } from 'vue'
8
-
9
-
10
- /**
11
- * VSCode 集成和 GitHub 链接拦截
12
- */
13
- export function useVSCodeIntegration() {
14
- const vpData = useData()
15
- const vscodeNotesDir = ref('')
16
-
17
- // 更新 VSCode 笔记目录
18
- const updateVscodeNoteDir = () => {
19
- if (typeof window !== 'undefined') {
20
- const notesDir = localStorage.getItem(NOTES_DIR_KEY)
21
- vscodeNotesDir.value = notesDir
22
- ? `vscode://file/${notesDir}/${vpData.page.value.relativePath}`
23
- : ''
24
- }
25
- }
26
-
27
- // 拦截 home README 中的笔记链接,将 GitHub 链接转换为站点内跳转
28
- const interceptHomeReadmeLinks = (
29
- isHomeReadme: Ref<boolean> | ComputedRef<boolean>,
30
- router: Router,
31
- ) => {
32
- if (typeof window === 'undefined') return
33
-
34
- // 只在 home README 页面执行
35
- if (!isHomeReadme.value) return
36
-
37
- // 延迟执行,确保 DOM 已渲染
38
- setTimeout(() => {
39
- const content = document.querySelector('.vp-doc')
40
- if (!content) return
41
-
42
- // 查找所有指向 GitHub 的笔记链接
43
- const links = content.querySelectorAll(
44
- 'a[href*="github.com"][href*="/notes/"]',
45
- )
46
-
47
- links.forEach((link) => {
48
- const href = link.getAttribute('href')
49
- if (!href) return
50
-
51
- // 匹配 GitHub 链接格式:https://github.com/{owner}/{repo}/tree/main/notes/{noteDir}/README.md
52
- const match = href.match(
53
- /github\.com\/[^/]+\/[^/]+\/tree\/main\/notes\/([^/]+)\/README\.md/,
54
- )
55
-
56
- if (match) {
57
- const encodedNoteDir = match[1]
58
- const noteDir = decodeURIComponent(encodedNoteDir)
59
-
60
- // 构建站点内的相对路径
61
- const base = vpData.site.value.base || '/'
62
- const internalPath = `${base}notes/${noteDir}/README`
63
-
64
- // 移除原有的点击事件监听器(如果有)
65
- const newLink = link.cloneNode(true) as HTMLElement
66
-
67
- // 添加点击事件拦截
68
- newLink.addEventListener('click', (e) => {
69
- e.preventDefault()
70
- router.go(internalPath)
71
- })
72
-
73
- // 更新 href 属性(用于悬停显示和右键菜单)
74
- newLink.setAttribute('href', internalPath)
75
-
76
- // 替换原链接
77
- link.parentNode?.replaceChild(newLink, link)
78
- }
79
- })
80
- }, 100)
81
- }
82
-
83
- return {
84
- vscodeNotesDir,
85
- updateVscodeNoteDir,
86
- interceptHomeReadmeLinks,
87
- }
88
- }
7
+ import type { Ref, ComputedRef } from 'vue'
8
+
9
+
10
+ /**
11
+ * VSCode 集成和 GitHub 链接拦截
12
+ */
13
+ export function useVSCodeIntegration() {
14
+ const vpData = useData()
15
+ const vscodeNotesDir = ref('')
16
+
17
+ // 更新 VSCode 笔记目录
18
+ const updateVscodeNoteDir = () => {
19
+ if (typeof window !== 'undefined') {
20
+ const notesDir = localStorage.getItem(NOTES_DIR_KEY)
21
+ vscodeNotesDir.value = notesDir
22
+ ? `vscode://file/${notesDir}/${vpData.page.value.relativePath}`
23
+ : ''
24
+ }
25
+ }
26
+
27
+ // 拦截 home README 中的笔记链接,将 GitHub 链接转换为站点内跳转
28
+ const interceptHomeReadmeLinks = (
29
+ isHomeReadme: Ref<boolean> | ComputedRef<boolean>,
30
+ router: Router,
31
+ ) => {
32
+ if (typeof window === 'undefined') return
33
+
34
+ // 只在 home README 页面执行
35
+ if (!isHomeReadme.value) return
36
+
37
+ // 延迟执行,确保 DOM 已渲染
38
+ setTimeout(() => {
39
+ const content = document.querySelector('.vp-doc')
40
+ if (!content) return
41
+
42
+ // 查找所有指向 GitHub 的笔记链接
43
+ const links = content.querySelectorAll(
44
+ 'a[href*="github.com"][href*="/notes/"]',
45
+ )
46
+
47
+ links.forEach((link) => {
48
+ const href = link.getAttribute('href')
49
+ if (!href) return
50
+
51
+ // 匹配 GitHub 链接格式:https://github.com/{owner}/{repo}/tree/main/notes/{noteDir}/README.md
52
+ const match = href.match(
53
+ /github\.com\/[^/]+\/[^/]+\/tree\/main\/notes\/([^/]+)\/README\.md/,
54
+ )
55
+
56
+ if (match) {
57
+ const encodedNoteDir = match[1]
58
+ const noteDir = decodeURIComponent(encodedNoteDir)
59
+
60
+ // 构建站点内的相对路径
61
+ const base = vpData.site.value.base || '/'
62
+ const internalPath = `${base}notes/${noteDir}/README`
63
+
64
+ // 移除原有的点击事件监听器(如果有)
65
+ const newLink = link.cloneNode(true) as HTMLElement
66
+
67
+ // 添加点击事件拦截
68
+ newLink.addEventListener('click', (e) => {
69
+ e.preventDefault()
70
+ router.go(internalPath)
71
+ })
72
+
73
+ // 更新 href 属性(用于悬停显示和右键菜单)
74
+ newLink.setAttribute('href', internalPath)
75
+
76
+ // 替换原链接
77
+ link.parentNode?.replaceChild(newLink, link)
78
+ }
79
+ })
80
+ }, 100)
81
+ }
82
+
83
+ return {
84
+ vscodeNotesDir,
85
+ updateVscodeNoteDir,
86
+ interceptHomeReadmeLinks,
87
+ }
88
+ }