@tnotesjs/core 0.0.6 → 0.0.7

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 (113) hide show
  1. package/README.md +84 -84
  2. package/dist/vitepress/config/index.js +2 -3
  3. package/package.json +1 -1
  4. package/types/config.ts +61 -61
  5. package/types/index.ts +11 -11
  6. package/types/note.ts +33 -33
  7. package/vitepress/assets/icons/icon__check.svg +3 -3
  8. package/vitepress/assets/icons/icon__clipboard.svg +7 -7
  9. package/vitepress/assets/icons/icon__close.svg +1 -1
  10. package/vitepress/assets/icons/icon__collapse.svg +1 -1
  11. package/vitepress/assets/icons/icon__confirm.svg +1 -1
  12. package/vitepress/assets/icons/icon__copy.svg +4 -4
  13. package/vitepress/assets/icons/icon__focus.svg +1 -1
  14. package/vitepress/assets/icons/icon__fold.svg +3 -3
  15. package/vitepress/assets/icons/icon__folder.svg +1 -1
  16. package/vitepress/assets/icons/icon__fullscreen.svg +1 -1
  17. package/vitepress/assets/icons/icon__fullscreen_exit.svg +1 -1
  18. package/vitepress/assets/icons/icon__github.svg +3 -3
  19. package/vitepress/assets/icons/icon__mindmap.svg +1 -1
  20. package/vitepress/assets/icons/icon__next.svg +1 -1
  21. package/vitepress/assets/icons/icon__number_gray.svg +1 -1
  22. package/vitepress/assets/icons/icon__number_purple.svg +1 -1
  23. package/vitepress/assets/icons/icon__prev.svg +1 -1
  24. package/vitepress/assets/icons/icon__restore.svg +1 -1
  25. package/vitepress/assets/icons/icon__rotate.svg +4 -4
  26. package/vitepress/assets/icons/icon__search.svg +1 -1
  27. package/vitepress/assets/icons/icon__sidebar_collapsed.svg +1 -1
  28. package/vitepress/assets/icons/icon__sidebar_opened.svg +1 -1
  29. package/vitepress/assets/icons/icon__totop.svg +5 -5
  30. package/vitepress/assets/icons/icon__vscode.svg +5 -5
  31. package/vitepress/assets/icons/icon__zoom_fit.svg +1 -1
  32. package/vitepress/assets/icons/icon__zoom_in.svg +1 -1
  33. package/vitepress/assets/icons/icon__zoom_out.svg +1 -1
  34. package/vitepress/assets/icons/icon__zoom_reset.svg +1 -1
  35. package/vitepress/assets/icons/index.ts +38 -38
  36. package/vitepress/components/BilibiliOutsidePlayer/BilibiliOutsidePlayer.vue +20 -20
  37. package/vitepress/components/CodeBlockFullscreen/CodeBlockFullscreen.vue +373 -373
  38. package/vitepress/components/CodeBlockFullscreen/index.ts +115 -115
  39. package/vitepress/components/CodeBlockFullscreen/styles.css +64 -64
  40. package/vitepress/components/Discussions/Discussions.module.scss +32 -32
  41. package/vitepress/components/Discussions/Discussions.vue +211 -211
  42. package/vitepress/components/EnWordList/EnWordList.module.scss +124 -124
  43. package/vitepress/components/EnWordList/EnWordList.vue +543 -543
  44. package/vitepress/components/EnWordList/RightClickMenu.module.scss +22 -22
  45. package/vitepress/components/EnWordList/RightClickMenu.vue +66 -66
  46. package/vitepress/components/Footprints/Footprints.module.scss +93 -93
  47. package/vitepress/components/Footprints/Footprints.vue +377 -377
  48. package/vitepress/components/Layout/AboutModal.module.scss +233 -233
  49. package/vitepress/components/Layout/AboutModal.vue +105 -105
  50. package/vitepress/components/Layout/AboutPanel.vue +266 -266
  51. package/vitepress/components/Layout/ContentCollapse.vue +603 -603
  52. package/vitepress/components/Layout/CustomSidebar.vue +605 -605
  53. package/vitepress/components/Layout/DocBeforeControls.vue +149 -139
  54. package/vitepress/components/Layout/DocFooter.vue +233 -233
  55. package/vitepress/components/Layout/ImagePreview.module.scss +201 -201
  56. package/vitepress/components/Layout/ImagePreview.vue +281 -281
  57. package/vitepress/components/Layout/Layout.module.scss +661 -661
  58. package/vitepress/components/Layout/Layout.vue +542 -542
  59. package/vitepress/components/Layout/NoteStatus.vue +140 -140
  60. package/vitepress/components/Layout/SidebarItems.vue +263 -263
  61. package/vitepress/components/Layout/SidebarNavBefore.vue +92 -92
  62. package/vitepress/components/Layout/Swiper.vue +167 -167
  63. package/vitepress/components/Layout/ToggleFullContent.module.scss +11 -11
  64. package/vitepress/components/Layout/ToggleFullContent.vue +34 -34
  65. package/vitepress/components/Layout/ToggleSidebar.module.scss +11 -11
  66. package/vitepress/components/Layout/ToggleSidebar.vue +35 -35
  67. package/vitepress/components/Layout/composables/useCollapseControl.ts +88 -88
  68. package/vitepress/components/Layout/composables/useNoteConfig.ts +121 -121
  69. package/vitepress/components/Layout/composables/useNoteSave.ts +173 -173
  70. package/vitepress/components/Layout/composables/useNoteValidation.ts +85 -85
  71. package/vitepress/components/Layout/composables/useRedirect.ts +110 -110
  72. package/vitepress/components/Layout/composables/useVSCodeIntegration.ts +85 -85
  73. package/vitepress/components/Layout/homeReadme.data.ts +124 -124
  74. package/vitepress/components/LoadingPage/LoadingPage.vue +192 -192
  75. package/vitepress/components/MarkMap/MarkMap.module.scss +159 -159
  76. package/vitepress/components/MarkMap/MarkMap.vue +404 -404
  77. package/vitepress/components/Mermaid/Mermaid.module.scss +275 -275
  78. package/vitepress/components/Mermaid/Mermaid.vue +364 -364
  79. package/vitepress/components/NotesTable/NotesTable.module.scss +77 -77
  80. package/vitepress/components/NotesTable/NotesTable.vue +98 -98
  81. package/vitepress/components/NotesTable/README.md +67 -67
  82. package/vitepress/components/Settings/Settings.module.scss +433 -433
  83. package/vitepress/components/Settings/Settings.vue +306 -306
  84. package/vitepress/components/SidebarCard/MindMapView.vue +483 -483
  85. package/vitepress/components/SidebarCard/NotesTrendChart.vue +108 -108
  86. package/vitepress/components/SidebarCard/SidebarCard.vue +948 -948
  87. package/vitepress/components/Tooltip/Tooltip.vue +70 -70
  88. package/vitepress/components/constants.ts +91 -91
  89. package/vitepress/components/notesConfig.data.ts +73 -73
  90. package/vitepress/components/sidebar.data.ts +59 -59
  91. package/vitepress/components/tnotes-config.data.ts +21 -21
  92. package/vitepress/components/utils.ts +26 -26
  93. package/vitepress/config/index.ts +160 -148
  94. package/vitepress/configs/constants.ts +26 -26
  95. package/vitepress/configs/head.config.ts +25 -25
  96. package/vitepress/configs/index.ts +9 -9
  97. package/vitepress/configs/markdown-it.d.ts +23 -23
  98. package/vitepress/configs/markdown.config.ts +366 -366
  99. package/vitepress/configs/theme.config.ts +108 -108
  100. package/vitepress/plugins/buildProgressPlugin.ts +470 -470
  101. package/vitepress/plugins/getNoteByConfigIdPlugin.ts +107 -107
  102. package/vitepress/plugins/renameNotePlugin.ts +60 -60
  103. package/vitepress/plugins/updateConfigPlugin.ts +63 -63
  104. package/vitepress/theme/index.ts +95 -95
  105. package/vitepress/theme/styles/base.scss +50 -50
  106. package/vitepress/theme/styles/components/404.scss +31 -31
  107. package/vitepress/theme/styles/components/collapse.scss +175 -175
  108. package/vitepress/theme/styles/components/markmap.scss +101 -101
  109. package/vitepress/theme/styles/components/swiper.scss +255 -255
  110. package/vitepress/theme/styles/index.scss +25 -25
  111. package/vitepress/theme/styles/layout.scss +62 -62
  112. package/vitepress/theme/styles/utilities.scss +39 -39
  113. package/vitepress/theme/styles/vitepress-override.scss +25 -25
@@ -1,366 +1,366 @@
1
- /**
2
- * .vitepress/config/markdown.config.ts
3
- *
4
- * Markdown 配置
5
- */
6
- import MarkdownIt from 'markdown-it'
7
- import markdownItContainer from 'markdown-it-container'
8
- import mila from 'markdown-it-link-attributes'
9
- import markdownItTaskLists from 'markdown-it-task-lists'
10
- import { MarkdownOptions } from 'vitepress'
11
- import { generateAnchor } from '../../utils'
12
- import fs from 'fs'
13
- import path from 'path'
14
-
15
- /**
16
- * 辅助函数:HTML 转义
17
- */
18
- function esc(s = '') {
19
- return s.replace(
20
- /[&<>"']/g,
21
- (ch) =>
22
- ({
23
- '&': '&amp;',
24
- '<': '&lt;',
25
- '>': '&gt;',
26
- '"': '&quot;',
27
- "'": '&#39;',
28
- }[ch]!)
29
- )
30
- }
31
-
32
- /**
33
- * 简化的 Mermaid 处理函数
34
- */
35
- const simpleMermaidMarkdown = (md: MarkdownIt) => {
36
- const fence = md.renderer.rules.fence
37
- ? md.renderer.rules.fence.bind(md.renderer.rules)
38
- : () => ''
39
-
40
- md.renderer.rules.fence = (tokens, index, options, env, slf) => {
41
- const token = tokens[index]
42
-
43
- // 检查是否为 mermaid 代码块
44
- if (token.info.trim() === 'mermaid') {
45
- try {
46
- const key = `mermaid-${Date.now()}-${Math.random()
47
- .toString(36)
48
- .substr(2, 9)}`
49
- const content = token.content
50
- return `<Mermaid id="${key}" graph="${encodeURIComponent(content)}" />`
51
- } catch (err) {
52
- return `<pre>${err}</pre>`
53
- }
54
- }
55
-
56
- // 允许使用 mmd 标记显示 Mermaid 代码本身
57
- if (token.info.trim() === 'mmd') {
58
- tokens[index].info = 'mermaid'
59
- }
60
-
61
- return fence(tokens, index, options, env, slf)
62
- }
63
- }
64
-
65
- /**
66
- * MarkMap 容器配置
67
- */
68
- function configureMarkMapContainer(md: MarkdownIt) {
69
- // 先保留 container 的解析(负责把 ```markmap ``` 识别成 container tokens)
70
- // 但让它本身不输出任何 HTML(render 返回空)
71
- md.use(markdownItContainer, 'markmap', {
72
- marker: '`',
73
- validate(params: string) {
74
- // 接受 "markmap", "markmap{...}" 或 "markmap key=val ..." 等写法
75
- const p = (params || '').trim()
76
- return p.startsWith('markmap')
77
- },
78
- render() {
79
- return ''
80
- },
81
- })
82
-
83
- // 在 core 阶段把整个 container 区间替换成一个 html_block(MarkMap 组件标签)
84
- // 这样渲染时就只输出 <MarkMap ...>,中间的列表 token 已被移除
85
- md.core.ruler.after('block', 'tn_replace_markmap_container', (state) => {
86
- const src = state.env.source || ''
87
- const lines = src.split('\n')
88
- const tokens = state.tokens
89
-
90
- for (let i = 0; i < tokens.length; i++) {
91
- const t = tokens[i]
92
- if (t.type === 'container_markmap_open') {
93
- // 找到对应的 close token
94
- let j = i + 1
95
- while (
96
- j < tokens.length &&
97
- tokens[j].type !== 'container_markmap_close'
98
- )
99
- j++
100
- if (j >= tokens.length) continue // safety
101
-
102
- // 使用 token.map 提取源文件对应行(open.token.map 存着 container 起止行)
103
- const open = t
104
- const startLine = open.map ? open.map[0] + 1 : null
105
- const endLine = open.map ? open.map[1] - 1 : null
106
-
107
- // 1) 从开头 fence 行解析参数(支持 `{a=1 b="x"}`、`a=1 b="x"`,并支持单个数字 shorthand)
108
- let params: { [key: string]: any; initialExpandLevel?: number } = {}
109
-
110
- if (open.map && typeof open.map[0] === 'number') {
111
- const openLine = (lines[open.map[0]] || '').trim()
112
- let paramPart = ''
113
-
114
- // 优先匹配大括号形式 ```markmap{...}
115
- const braceMatch = openLine.match(/\{([^}]*)\}/)
116
- if (braceMatch) {
117
- paramPart = braceMatch[1].trim()
118
- } else {
119
- // 否则尝试去掉前缀 ``` 和 markmap,剩下的作为参数部分
120
- const after = openLine.replace(/^`+\s*/, '')
121
- if (after.startsWith('markmap')) {
122
- paramPart = after.slice('markmap'.length).trim()
123
- }
124
- }
125
-
126
- if (paramPart) {
127
- // 使用正则按 token 切分:保持用引号包裹的片段为单个 token(支持包含空格)
128
- const tokenArr = paramPart.match(/"[^"]*"|'[^']*'|\S+/g) || []
129
-
130
- // 如果第一个 token 是纯数字,把它当作 initialExpandLevel
131
- let startIdx = 0
132
- if (tokenArr.length > 0 && /^\d+$/.test(tokenArr[0] as string)) {
133
- params.initialExpandLevel = Number(tokenArr[0])
134
- startIdx = 1
135
- }
136
-
137
- // 解析剩余 token 为 key=value(支持 key=val 或 key:val)
138
- for (let k = startIdx; k < tokenArr.length; k++) {
139
- const pair = tokenArr[k]
140
- if (!pair) continue
141
- const m = pair.match(/^([^=:\s]+)\s*(=|:)\s*(.+)$/)
142
- if (m) {
143
- const key = m[1]
144
- let val = m[3]
145
-
146
- // 去除外层引号(若存在)
147
- if (
148
- (/^".*"$/.test(val) && val.length >= 2) ||
149
- (/^'.*'$/.test(val) && val.length >= 2)
150
- ) {
151
- val = val.slice(1, -1)
152
- } else if (/^\d+$/.test(val)) {
153
- // 纯数字转字符串
154
- val = String(Number(val))
155
- }
156
-
157
- params[key] = val
158
- }
159
- }
160
- }
161
- }
162
-
163
- // 2) 提取内容(支持文件引用语法 `<<< ./path/to/file.md`)
164
- let content = ''
165
- if (startLine !== null && endLine !== null) {
166
- for (let k = startLine; k <= endLine && k < lines.length; k++) {
167
- content += lines[k] + '\n'
168
- }
169
- } else {
170
- // 回退:如果没有 map 信息,尝试用中间 tokens 拼接文本
171
- for (let k = i + 1; k < j; k++) {
172
- content += tokens[k].content || ''
173
- }
174
- }
175
-
176
- // --- 检查第一非空行是否为引用语法 ---
177
- const firstNonEmptyLine =
178
- (content || '').split('\n').find((ln) => ln.trim() !== '') || ''
179
- const refMatch = firstNonEmptyLine.trim().match(/^<<<\s*(.+)$/)
180
- if (refMatch) {
181
- // 提取引用路径,支持引号包裹
182
- let refRaw = refMatch[1].trim().replace(/^['"]|['"]$/g, '')
183
-
184
- // 尝试同步读取文件内容(兼容常见 Node 环境)
185
- try {
186
- // 尝试根据当前 markdown 文件位置解析相对路径
187
- const env = state.env || {}
188
- const possibleRel =
189
- env.relativePath || env.path || env.filePath || env.file || ''
190
- let refFullPath = refRaw
191
-
192
- if (!path.isAbsolute(refRaw)) {
193
- if (possibleRel) {
194
- // 将 relativePath 视作相对于项目根的路径(例如 'notes/foo/bar.md'),取其目录
195
- const currentDir = path.dirname(possibleRel)
196
- // 解析到 process.cwd()
197
- refFullPath = path.resolve(process.cwd(), currentDir, refRaw)
198
- } else {
199
- // 没有相对文件信息,则相对于项目根解析
200
- refFullPath = path.resolve(process.cwd(), refRaw)
201
- }
202
- } else {
203
- // 绝对路径直接使用(按系统路径)
204
- refFullPath = refRaw
205
- }
206
-
207
- // console.log('refFullPath:', refFullPath)
208
- const fileContent = fs.readFileSync(refFullPath, 'utf-8')
209
- content = fileContent
210
- } catch (err) {
211
- // 读取失败:将错误写入 content 以便排查(不会让流程直接崩溃)
212
- const errorMsg = err instanceof Error ? err.message : String(err)
213
- content = `Failed to load referenced file: ${esc(
214
- String(refRaw)
215
- )}\n\nError: ${esc(errorMsg)}`
216
- }
217
- }
218
-
219
- // 3) 构造组件标签并把参数注入为 props
220
- const encodedContent = encodeURIComponent(content.trim())
221
- let propsStr = `content="${encodedContent}"`
222
-
223
- for (const [k, v] of Object.entries(params)) {
224
- if (typeof v === 'number' || /^\d+$/.test(String(v))) {
225
- propsStr += ` :${k}="${v}"`
226
- } else {
227
- const safe = String(v).replace(/"/g, '&quot;')
228
- propsStr += ` ${k}="${safe}"`
229
- }
230
- }
231
-
232
- const html = `<MarkMap ${propsStr}></MarkMap>\n`
233
-
234
- // 创建 html_block token
235
- const htmlToken = new state.Token('html_block', '', 0)
236
- htmlToken.content = html
237
-
238
- // 用单个 html_token 替换 open..close 区间
239
- tokens.splice(i, j - i + 1, htmlToken as any)
240
- }
241
- }
242
-
243
- return true
244
- })
245
- }
246
-
247
- /**
248
- * Swiper 容器配置
249
- */
250
- function configureSwiperContainer(md: MarkdownIt) {
251
- let __tn_swiper_uid = 0
252
-
253
- interface TN_RULES_STACK_ITEM {
254
- image: any
255
- pOpen: any
256
- pClose: any
257
- }
258
- let __tn_rules_stack: Array<TN_RULES_STACK_ITEM> = []
259
-
260
- // 每个文档渲染前重置计数器
261
- md.core.ruler.before('block', 'tn_swiper_reset_uid', () => {
262
- __tn_swiper_uid = 0
263
- __tn_rules_stack = []
264
- return true
265
- })
266
-
267
- md.use(markdownItContainer, 'swiper', {
268
- render: (tokens: any[], idx: number) => {
269
- if (tokens[idx].nesting === 1) {
270
- // 进容器:保存原规则 & 局部覆盖
271
- __tn_rules_stack.push({
272
- image: md.renderer.rules.image,
273
- pOpen: md.renderer.rules.paragraph_open,
274
- pClose: md.renderer.rules.paragraph_close,
275
- })
276
-
277
- md.renderer.rules.paragraph_open = () => ''
278
- md.renderer.rules.paragraph_close = () => ''
279
- md.renderer.rules.image = (tokens: any[], i: number) => {
280
- const token: any = tokens[i]
281
- const src = token.attrGet('src') || ''
282
- const alt = token.content || ''
283
- const title = alt && alt.trim() ? alt : 'img'
284
- return `<div class="swiper-slide" data-title="${esc(
285
- title
286
- )}"><img src="${esc(src)}" alt="${esc(alt)}"></div>`
287
- }
288
-
289
- const id = `tn-swiper-${++__tn_swiper_uid}`
290
- return `
291
- <div class="tn-swiper" data-swiper-id="${id}">
292
- <div class="tn-swiper-tabs"></div>
293
- <div class="swiper-container">
294
- <div class="swiper-wrapper">
295
- `
296
- } else {
297
- // 出容器:恢复原规则并收尾
298
- const prev: TN_RULES_STACK_ITEM = __tn_rules_stack.pop() || {
299
- image: null,
300
- pOpen: null,
301
- pClose: null,
302
- }
303
- md.renderer.rules.image = prev.image
304
- md.renderer.rules.paragraph_open = prev.pOpen
305
- md.renderer.rules.paragraph_close = prev.pClose
306
-
307
- return `
308
- </div>
309
- <!-- 下一页按钮 -->
310
- <!-- <div class="swiper-button-next"></div> -->
311
- <!-- 上一页按钮 -->
312
- <!-- <div class="swiper-button-prev"></div> -->
313
- <!-- 分页导航 -->
314
- <!-- <div class="swiper-pagination"></div> -->
315
- </div>
316
- </div>
317
- `
318
- }
319
- },
320
- })
321
- }
322
-
323
- /**
324
- * Markdown 配置
325
- */
326
- export function getMarkdownConfig(): MarkdownOptions {
327
- const markdown: MarkdownOptions = {
328
- lineNumbers: true,
329
- math: true,
330
- config(md) {
331
- // 添加前置规则保存原始内容
332
- md.core.ruler.before('normalize', 'save-source', (state) => {
333
- state.env.source = state.src
334
- return true
335
- })
336
-
337
- // 添加 Mermaid 支持
338
- simpleMermaidMarkdown(md)
339
-
340
- // 添加 MarkMap 支持
341
- configureMarkMapContainer(md)
342
-
343
- // 添加任务列表支持
344
- md.use(markdownItTaskLists)
345
-
346
- // 添加链接属性支持
347
- md.use(mila, {
348
- attrs: {
349
- target: '_self',
350
- rel: 'noopener',
351
- },
352
- })
353
-
354
- // 添加 Swiper 支持
355
- configureSwiperContainer(md)
356
- },
357
- anchor: {
358
- slugify: generateAnchor,
359
- },
360
- image: {
361
- lazyLoading: true,
362
- },
363
- }
364
-
365
- return markdown
366
- }
1
+ /**
2
+ * .vitepress/config/markdown.config.ts
3
+ *
4
+ * Markdown 配置
5
+ */
6
+ import MarkdownIt from 'markdown-it'
7
+ import markdownItContainer from 'markdown-it-container'
8
+ import mila from 'markdown-it-link-attributes'
9
+ import markdownItTaskLists from 'markdown-it-task-lists'
10
+ import { MarkdownOptions } from 'vitepress'
11
+ import { generateAnchor } from '../../utils'
12
+ import fs from 'fs'
13
+ import path from 'path'
14
+
15
+ /**
16
+ * 辅助函数:HTML 转义
17
+ */
18
+ function esc(s = '') {
19
+ return s.replace(
20
+ /[&<>"']/g,
21
+ (ch) =>
22
+ ({
23
+ '&': '&amp;',
24
+ '<': '&lt;',
25
+ '>': '&gt;',
26
+ '"': '&quot;',
27
+ "'": '&#39;',
28
+ }[ch]!)
29
+ )
30
+ }
31
+
32
+ /**
33
+ * 简化的 Mermaid 处理函数
34
+ */
35
+ const simpleMermaidMarkdown = (md: MarkdownIt) => {
36
+ const fence = md.renderer.rules.fence
37
+ ? md.renderer.rules.fence.bind(md.renderer.rules)
38
+ : () => ''
39
+
40
+ md.renderer.rules.fence = (tokens, index, options, env, slf) => {
41
+ const token = tokens[index]
42
+
43
+ // 检查是否为 mermaid 代码块
44
+ if (token.info.trim() === 'mermaid') {
45
+ try {
46
+ const key = `mermaid-${Date.now()}-${Math.random()
47
+ .toString(36)
48
+ .substr(2, 9)}`
49
+ const content = token.content
50
+ return `<Mermaid id="${key}" graph="${encodeURIComponent(content)}" />`
51
+ } catch (err) {
52
+ return `<pre>${err}</pre>`
53
+ }
54
+ }
55
+
56
+ // 允许使用 mmd 标记显示 Mermaid 代码本身
57
+ if (token.info.trim() === 'mmd') {
58
+ tokens[index].info = 'mermaid'
59
+ }
60
+
61
+ return fence(tokens, index, options, env, slf)
62
+ }
63
+ }
64
+
65
+ /**
66
+ * MarkMap 容器配置
67
+ */
68
+ function configureMarkMapContainer(md: MarkdownIt) {
69
+ // 先保留 container 的解析(负责把 ```markmap ``` 识别成 container tokens)
70
+ // 但让它本身不输出任何 HTML(render 返回空)
71
+ md.use(markdownItContainer, 'markmap', {
72
+ marker: '`',
73
+ validate(params: string) {
74
+ // 接受 "markmap", "markmap{...}" 或 "markmap key=val ..." 等写法
75
+ const p = (params || '').trim()
76
+ return p.startsWith('markmap')
77
+ },
78
+ render() {
79
+ return ''
80
+ },
81
+ })
82
+
83
+ // 在 core 阶段把整个 container 区间替换成一个 html_block(MarkMap 组件标签)
84
+ // 这样渲染时就只输出 <MarkMap ...>,中间的列表 token 已被移除
85
+ md.core.ruler.after('block', 'tn_replace_markmap_container', (state) => {
86
+ const src = state.env.source || ''
87
+ const lines = src.split('\n')
88
+ const tokens = state.tokens
89
+
90
+ for (let i = 0; i < tokens.length; i++) {
91
+ const t = tokens[i]
92
+ if (t.type === 'container_markmap_open') {
93
+ // 找到对应的 close token
94
+ let j = i + 1
95
+ while (
96
+ j < tokens.length &&
97
+ tokens[j].type !== 'container_markmap_close'
98
+ )
99
+ j++
100
+ if (j >= tokens.length) continue // safety
101
+
102
+ // 使用 token.map 提取源文件对应行(open.token.map 存着 container 起止行)
103
+ const open = t
104
+ const startLine = open.map ? open.map[0] + 1 : null
105
+ const endLine = open.map ? open.map[1] - 1 : null
106
+
107
+ // 1) 从开头 fence 行解析参数(支持 `{a=1 b="x"}`、`a=1 b="x"`,并支持单个数字 shorthand)
108
+ let params: { [key: string]: any; initialExpandLevel?: number } = {}
109
+
110
+ if (open.map && typeof open.map[0] === 'number') {
111
+ const openLine = (lines[open.map[0]] || '').trim()
112
+ let paramPart = ''
113
+
114
+ // 优先匹配大括号形式 ```markmap{...}
115
+ const braceMatch = openLine.match(/\{([^}]*)\}/)
116
+ if (braceMatch) {
117
+ paramPart = braceMatch[1].trim()
118
+ } else {
119
+ // 否则尝试去掉前缀 ``` 和 markmap,剩下的作为参数部分
120
+ const after = openLine.replace(/^`+\s*/, '')
121
+ if (after.startsWith('markmap')) {
122
+ paramPart = after.slice('markmap'.length).trim()
123
+ }
124
+ }
125
+
126
+ if (paramPart) {
127
+ // 使用正则按 token 切分:保持用引号包裹的片段为单个 token(支持包含空格)
128
+ const tokenArr = paramPart.match(/"[^"]*"|'[^']*'|\S+/g) || []
129
+
130
+ // 如果第一个 token 是纯数字,把它当作 initialExpandLevel
131
+ let startIdx = 0
132
+ if (tokenArr.length > 0 && /^\d+$/.test(tokenArr[0] as string)) {
133
+ params.initialExpandLevel = Number(tokenArr[0])
134
+ startIdx = 1
135
+ }
136
+
137
+ // 解析剩余 token 为 key=value(支持 key=val 或 key:val)
138
+ for (let k = startIdx; k < tokenArr.length; k++) {
139
+ const pair = tokenArr[k]
140
+ if (!pair) continue
141
+ const m = pair.match(/^([^=:\s]+)\s*(=|:)\s*(.+)$/)
142
+ if (m) {
143
+ const key = m[1]
144
+ let val = m[3]
145
+
146
+ // 去除外层引号(若存在)
147
+ if (
148
+ (/^".*"$/.test(val) && val.length >= 2) ||
149
+ (/^'.*'$/.test(val) && val.length >= 2)
150
+ ) {
151
+ val = val.slice(1, -1)
152
+ } else if (/^\d+$/.test(val)) {
153
+ // 纯数字转字符串
154
+ val = String(Number(val))
155
+ }
156
+
157
+ params[key] = val
158
+ }
159
+ }
160
+ }
161
+ }
162
+
163
+ // 2) 提取内容(支持文件引用语法 `<<< ./path/to/file.md`)
164
+ let content = ''
165
+ if (startLine !== null && endLine !== null) {
166
+ for (let k = startLine; k <= endLine && k < lines.length; k++) {
167
+ content += lines[k] + '\n'
168
+ }
169
+ } else {
170
+ // 回退:如果没有 map 信息,尝试用中间 tokens 拼接文本
171
+ for (let k = i + 1; k < j; k++) {
172
+ content += tokens[k].content || ''
173
+ }
174
+ }
175
+
176
+ // --- 检查第一非空行是否为引用语法 ---
177
+ const firstNonEmptyLine =
178
+ (content || '').split('\n').find((ln) => ln.trim() !== '') || ''
179
+ const refMatch = firstNonEmptyLine.trim().match(/^<<<\s*(.+)$/)
180
+ if (refMatch) {
181
+ // 提取引用路径,支持引号包裹
182
+ let refRaw = refMatch[1].trim().replace(/^['"]|['"]$/g, '')
183
+
184
+ // 尝试同步读取文件内容(兼容常见 Node 环境)
185
+ try {
186
+ // 尝试根据当前 markdown 文件位置解析相对路径
187
+ const env = state.env || {}
188
+ const possibleRel =
189
+ env.relativePath || env.path || env.filePath || env.file || ''
190
+ let refFullPath = refRaw
191
+
192
+ if (!path.isAbsolute(refRaw)) {
193
+ if (possibleRel) {
194
+ // 将 relativePath 视作相对于项目根的路径(例如 'notes/foo/bar.md'),取其目录
195
+ const currentDir = path.dirname(possibleRel)
196
+ // 解析到 process.cwd()
197
+ refFullPath = path.resolve(process.cwd(), currentDir, refRaw)
198
+ } else {
199
+ // 没有相对文件信息,则相对于项目根解析
200
+ refFullPath = path.resolve(process.cwd(), refRaw)
201
+ }
202
+ } else {
203
+ // 绝对路径直接使用(按系统路径)
204
+ refFullPath = refRaw
205
+ }
206
+
207
+ // console.log('refFullPath:', refFullPath)
208
+ const fileContent = fs.readFileSync(refFullPath, 'utf-8')
209
+ content = fileContent
210
+ } catch (err) {
211
+ // 读取失败:将错误写入 content 以便排查(不会让流程直接崩溃)
212
+ const errorMsg = err instanceof Error ? err.message : String(err)
213
+ content = `Failed to load referenced file: ${esc(
214
+ String(refRaw)
215
+ )}\n\nError: ${esc(errorMsg)}`
216
+ }
217
+ }
218
+
219
+ // 3) 构造组件标签并把参数注入为 props
220
+ const encodedContent = encodeURIComponent(content.trim())
221
+ let propsStr = `content="${encodedContent}"`
222
+
223
+ for (const [k, v] of Object.entries(params)) {
224
+ if (typeof v === 'number' || /^\d+$/.test(String(v))) {
225
+ propsStr += ` :${k}="${v}"`
226
+ } else {
227
+ const safe = String(v).replace(/"/g, '&quot;')
228
+ propsStr += ` ${k}="${safe}"`
229
+ }
230
+ }
231
+
232
+ const html = `<MarkMap ${propsStr}></MarkMap>\n`
233
+
234
+ // 创建 html_block token
235
+ const htmlToken = new state.Token('html_block', '', 0)
236
+ htmlToken.content = html
237
+
238
+ // 用单个 html_token 替换 open..close 区间
239
+ tokens.splice(i, j - i + 1, htmlToken as any)
240
+ }
241
+ }
242
+
243
+ return true
244
+ })
245
+ }
246
+
247
+ /**
248
+ * Swiper 容器配置
249
+ */
250
+ function configureSwiperContainer(md: MarkdownIt) {
251
+ let __tn_swiper_uid = 0
252
+
253
+ interface TN_RULES_STACK_ITEM {
254
+ image: any
255
+ pOpen: any
256
+ pClose: any
257
+ }
258
+ let __tn_rules_stack: Array<TN_RULES_STACK_ITEM> = []
259
+
260
+ // 每个文档渲染前重置计数器
261
+ md.core.ruler.before('block', 'tn_swiper_reset_uid', () => {
262
+ __tn_swiper_uid = 0
263
+ __tn_rules_stack = []
264
+ return true
265
+ })
266
+
267
+ md.use(markdownItContainer, 'swiper', {
268
+ render: (tokens: any[], idx: number) => {
269
+ if (tokens[idx].nesting === 1) {
270
+ // 进容器:保存原规则 & 局部覆盖
271
+ __tn_rules_stack.push({
272
+ image: md.renderer.rules.image,
273
+ pOpen: md.renderer.rules.paragraph_open,
274
+ pClose: md.renderer.rules.paragraph_close,
275
+ })
276
+
277
+ md.renderer.rules.paragraph_open = () => ''
278
+ md.renderer.rules.paragraph_close = () => ''
279
+ md.renderer.rules.image = (tokens: any[], i: number) => {
280
+ const token: any = tokens[i]
281
+ const src = token.attrGet('src') || ''
282
+ const alt = token.content || ''
283
+ const title = alt && alt.trim() ? alt : 'img'
284
+ return `<div class="swiper-slide" data-title="${esc(
285
+ title
286
+ )}"><img src="${esc(src)}" alt="${esc(alt)}"></div>`
287
+ }
288
+
289
+ const id = `tn-swiper-${++__tn_swiper_uid}`
290
+ return `
291
+ <div class="tn-swiper" data-swiper-id="${id}">
292
+ <div class="tn-swiper-tabs"></div>
293
+ <div class="swiper-container">
294
+ <div class="swiper-wrapper">
295
+ `
296
+ } else {
297
+ // 出容器:恢复原规则并收尾
298
+ const prev: TN_RULES_STACK_ITEM = __tn_rules_stack.pop() || {
299
+ image: null,
300
+ pOpen: null,
301
+ pClose: null,
302
+ }
303
+ md.renderer.rules.image = prev.image
304
+ md.renderer.rules.paragraph_open = prev.pOpen
305
+ md.renderer.rules.paragraph_close = prev.pClose
306
+
307
+ return `
308
+ </div>
309
+ <!-- 下一页按钮 -->
310
+ <!-- <div class="swiper-button-next"></div> -->
311
+ <!-- 上一页按钮 -->
312
+ <!-- <div class="swiper-button-prev"></div> -->
313
+ <!-- 分页导航 -->
314
+ <!-- <div class="swiper-pagination"></div> -->
315
+ </div>
316
+ </div>
317
+ `
318
+ }
319
+ },
320
+ })
321
+ }
322
+
323
+ /**
324
+ * Markdown 配置
325
+ */
326
+ export function getMarkdownConfig(): MarkdownOptions {
327
+ const markdown: MarkdownOptions = {
328
+ lineNumbers: true,
329
+ math: true,
330
+ config(md) {
331
+ // 添加前置规则保存原始内容
332
+ md.core.ruler.before('normalize', 'save-source', (state) => {
333
+ state.env.source = state.src
334
+ return true
335
+ })
336
+
337
+ // 添加 Mermaid 支持
338
+ simpleMermaidMarkdown(md)
339
+
340
+ // 添加 MarkMap 支持
341
+ configureMarkMapContainer(md)
342
+
343
+ // 添加任务列表支持
344
+ md.use(markdownItTaskLists)
345
+
346
+ // 添加链接属性支持
347
+ md.use(mila, {
348
+ attrs: {
349
+ target: '_self',
350
+ rel: 'noopener',
351
+ },
352
+ })
353
+
354
+ // 添加 Swiper 支持
355
+ configureSwiperContainer(md)
356
+ },
357
+ anchor: {
358
+ slugify: generateAnchor,
359
+ },
360
+ image: {
361
+ lazyLoading: true,
362
+ },
363
+ }
364
+
365
+ return markdown
366
+ }