@tnotesjs/core 0.1.18 → 0.1.20

package/vitepress/components/Layout/homeReadme.data.ts

@@ -1,124 +1,124 @@
-// .vitepress/components/Layout/homeReadme.data.ts
-import { execSync } from 'node:child_process'
-import fs from 'node:fs'
-import path from 'node:path'
-
-const rootPath = process.cwd()
-
-interface ReadmeData {
-  fileContent: string
-  doneNotesID: string[]
-  doneNotesLen: number
-  totalNotesLen: number
-  created_at?: number
-  updated_at?: number
-}
-
-export default {
-  watch: [path.resolve(rootPath, 'README.md'), path.resolve(rootPath, 'notes')],
-  load(watchedFiles: string[]): ReadmeData {
-    let readmeData: ReadmeData = {
-      fileContent: '',
-      doneNotesID: [],
-      doneNotesLen: 0,
-      totalNotesLen: 0,
-    }
-
-    watchedFiles.forEach((file) => {
-      if (file.endsWith('README.md')) {
-        // console.log('file:', file) // => file: README.md
-
-        const fileContent = fs.readFileSync(file, 'utf-8')
-        const doneNotesID = getDoneNotesID(fileContent)
-        const doneNotesLen = doneNotesID.length
-
-        // 获取 git 仓库的时间戳
-        const timestamps = getGitTimestamps()
-
-        // 计算总笔记数
-        const notesDir = path.join(path.dirname(file), 'notes')
-        const totalNotesLen = getTotalNotesCount(notesDir)
-
-        readmeData = {
-          fileContent,
-          doneNotesID,
-          doneNotesLen,
-          totalNotesLen,
-          ...timestamps,
-        }
-      }
-    })
-    return readmeData
-  },
-}
-
-/**
- * 获取 notes 目录下的笔记总数
- * @param notesDir notes 目录路径
- * @returns 笔记总数
- */
-function getTotalNotesCount(notesDir: string): number {
-  try {
-    if (!fs.existsSync(notesDir)) return 0
-
-    const dirs = fs.readdirSync(notesDir, { withFileTypes: true })
-    // 统计符合格式 "0001. xxx" 的目录
-    return dirs.filter(
-      (dirent) => dirent.isDirectory() && /^\d{4}\./.test(dirent.name),
-    ).length
-  } catch (error) {
-    console.error(`获取笔记总数失败:`, error)
-    return 0
-  }
-}
-
-/**
- * 获取 git 仓库的时间戳
- * @returns 包含 created_at 和 updated_at 的对象
- */
-function getGitTimestamps(): {
-  created_at?: number
-  updated_at?: number
-} {
-  const now = Date.now()
-  let created_at = now
-  let updated_at = now
-
-  try {
-    // 仓库的首次提交时间（最早的提交）
-    // 先获取所有提交，然后取第一行
-    const createdStdout = execSync(`git log --reverse --format=%ct`, {
-      encoding: 'utf-8',
-    })
-    const createdTs = createdStdout.toString().trim().split('\n')[0]
-    if (createdTs) {
-      created_at = parseInt(createdTs, 10) * 1000
-    }
-
-    // 仓库的最近一次提交时间
-    const updatedStdout = execSync(`git log -1 --format=%ct`, {
-      encoding: 'utf-8',
-    })
-    const updatedTs = updatedStdout.toString().trim()
-    if (updatedTs) {
-      updated_at = parseInt(updatedTs, 10) * 1000
-    }
-
-    return { created_at, updated_at }
-  } catch (error) {
-    console.error(`获取 git 仓库时间戳失败:`, error)
-    return { created_at, updated_at }
-  }
-}
-
-/**
- * 返回已完成的笔记的 ID 列表
- * @param fileContent 文件内容
- * @returns 已完成的笔记的 ID 列表
- */
-function getDoneNotesID(fileContent: string): string[] {
-  const matches = fileContent.match(/- \[x\]\s\[(\d{4})\./g)
-  return matches
-    ? [...new Set(matches.map((match) => match.slice(-5, -1)))]
-    : []
-}
+// .vitepress/components/Layout/homeReadme.data.ts
+import { execSync } from 'node:child_process'
+import fs from 'node:fs'
+import path from 'node:path'
+
+const rootPath = process.cwd()
+
+interface ReadmeData {
+  fileContent: string
+  doneNotesID: string[]
+  doneNotesLen: number
+  totalNotesLen: number
+  created_at?: number
+  updated_at?: number
+}
+
+export default {
+  watch: [path.resolve(rootPath, 'README.md'), path.resolve(rootPath, 'notes')],
+  load(watchedFiles: string[]): ReadmeData {
+    let readmeData: ReadmeData = {
+      fileContent: '',
+      doneNotesID: [],
+      doneNotesLen: 0,
+      totalNotesLen: 0,
+    }
+
+    watchedFiles.forEach((file) => {
+      if (file.endsWith('README.md')) {
+        // console.log('file:', file) // => file: README.md
+
+        const fileContent = fs.readFileSync(file, 'utf-8')
+        const doneNotesID = getDoneNotesID(fileContent)
+        const doneNotesLen = doneNotesID.length
+
+        // 获取 git 仓库的时间戳
+        const timestamps = getGitTimestamps()
+
+        // 计算总笔记数
+        const notesDir = path.join(path.dirname(file), 'notes')
+        const totalNotesLen = getTotalNotesCount(notesDir)
+
+        readmeData = {
+          fileContent,
+          doneNotesID,
+          doneNotesLen,
+          totalNotesLen,
+          ...timestamps,
+        }
+      }
+    })
+    return readmeData
+  },
+}
+
+/**
+ * 获取 notes 目录下的笔记总数
+ * @param notesDir notes 目录路径
+ * @returns 笔记总数
+ */
+function getTotalNotesCount(notesDir: string): number {
+  try {
+    if (!fs.existsSync(notesDir)) return 0
+
+    const dirs = fs.readdirSync(notesDir, { withFileTypes: true })
+    // 统计符合格式 "0001. xxx" 的目录
+    return dirs.filter(
+      (dirent) => dirent.isDirectory() && /^\d{4}\./.test(dirent.name),
+    ).length
+  } catch (error) {
+    console.error(`获取笔记总数失败:`, error)
+    return 0
+  }
+}
+
+/**
+ * 获取 git 仓库的时间戳
+ * @returns 包含 created_at 和 updated_at 的对象
+ */
+function getGitTimestamps(): {
+  created_at?: number
+  updated_at?: number
+} {
+  const now = Date.now()
+  let created_at = now
+  let updated_at = now
+
+  try {
+    // 仓库的首次提交时间（最早的提交）
+    // 先获取所有提交，然后取第一行
+    const createdStdout = execSync(`git log --reverse --format=%ct`, {
+      encoding: 'utf-8',
+    })
+    const createdTs = createdStdout.toString().trim().split('\n')[0]
+    if (createdTs) {
+      created_at = parseInt(createdTs, 10) * 1000
+    }
+
+    // 仓库的最近一次提交时间
+    const updatedStdout = execSync(`git log -1 --format=%ct`, {
+      encoding: 'utf-8',
+    })
+    const updatedTs = updatedStdout.toString().trim()
+    if (updatedTs) {
+      updated_at = parseInt(updatedTs, 10) * 1000
+    }
+
+    return { created_at, updated_at }
+  } catch (error) {
+    console.error(`获取 git 仓库时间戳失败:`, error)
+    return { created_at, updated_at }
+  }
+}
+
+/**
+ * 返回已完成的笔记的 ID 列表
+ * @param fileContent 文件内容
+ * @returns 已完成的笔记的 ID 列表
+ */
+function getDoneNotesID(fileContent: string): string[] {
+  const matches = fileContent.match(/- \[x\]\s\[(\d{4})\./g)
+  return matches
+    ? [...new Set(matches.map((match) => match.slice(-5, -1)))]
+    : []
+}

package/vitepress/components/MarkMap/MarkMap.module.scss

@@ -1,159 +1,159 @@
-/**
- * MarkMap 组件样式
- * 全局样式（.mm-toolbar, .mm-toolbar-item 等）已移至 global-components.css
- */
-
-.markmapContainer {
-  border-radius: 8px;
-  padding: 1rem;
-  overflow: auto;
-  position: relative;
-  margin: 1.5rem 0;
-  transition: all 0.3s ease;
-  background-color: #fff;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
-
-  &:hover {
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
-  }
-
-  svg {
-    min-width: 100%;
-    display: block;
-    transition: height 0.3s ease;
-
-    text:empty {
-      animation: pulse 1.5s ease-in-out infinite;
-    }
-  }
-
-  /* 鼠标悬停显示 toolbar */
-  &:hover :global(.mm-toolbar) {
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
-
-/* dark background */
-:global(.markmap-dark) .markmapContainer {
-  background-color: #1d1d1d;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
-
-  &:hover {
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
-  }
-}
-
-/* 按钮组样式 */
-.btnGroup {
-  color: var(--vp-c-brand-1);
-
-  input {
-    display: inline-block;
-    width: 2rem;
-    text-align: center;
-    border: 1px solid var(--vp-c-divider);
-    border-radius: 4px;
-    padding: 2px 4px;
-    background: var(--vp-c-bg);
-    color: var(--vp-c-text-1);
-    transition: all 0.2s ease;
-
-    &:focus {
-      outline: none;
-      border-color: var(--vp-c-brand-1);
-      box-shadow: 0 0 0 2px rgba(var(--vp-c-brand-1), 0.1);
-    }
-
-    &:hover {
-      border-color: var(--vp-c-brand-2);
-    }
-  }
-
-  button {
-    outline: none;
-    border: none;
-    cursor: pointer;
-    padding: 4px 8px;
-    border-radius: 4px;
-    background-color: #f0f0f0;
-    transition: all 0.2s ease;
-    font-weight: 500;
-
-    &:hover {
-      background-color: #e0e0e0;
-      transform: translateY(-1px);
-    }
-
-    &:active {
-      transform: translateY(0);
-    }
-  }
-}
-
-:global(.markmap-dark) .btnGroup {
-  button {
-    background-color: #333;
-    color: #fff;
-
-    &:hover {
-      background-color: #444;
-    }
-  }
-
-  input {
-    background-color: #2a2a2a;
-    border-color: #444;
-    color: #fff;
-
-    &:focus {
-      border-color: var(--vp-c-brand-1);
-    }
-  }
-}
-
-/* 全屏样式 */
-.markmapContainer:fullscreen,
-.markmapContainer:-ms-fullscreen,
-.markmapContainer:-webkit-full-screen {
-  width: 100%;
-  height: 100%;
-  padding: 20px;
-  background: white;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  box-shadow: none;
-}
-
-:global(.markmap-dark) .markmapContainer:fullscreen,
-:global(.markmap-dark) .markmapContainer:-ms-fullscreen,
-:global(.markmap-dark) .markmapContainer:-webkit-full-screen {
-  background: #1d1d1d;
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
-  .markmapContainer {
-    padding: 0.75rem;
-    margin: 1rem 0;
-  }
-}
-
-@media (max-width: 480px) {
-  .markmapContainer {
-    padding: 0.5rem;
-    margin: 0.75rem 0;
-  }
-}
-
-/* 加载动画 */
-@keyframes pulse {
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
+/**
+ * MarkMap 组件样式
+ * 全局样式（.mm-toolbar, .mm-toolbar-item 等）已移至 global-components.css
+ */
+
+.markmapContainer {
+  border-radius: 8px;
+  padding: 1rem;
+  overflow: auto;
+  position: relative;
+  margin: 1.5rem 0;
+  transition: all 0.3s ease;
+  background-color: #fff;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+
+  &:hover {
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
+  }
+
+  svg {
+    min-width: 100%;
+    display: block;
+    transition: height 0.3s ease;
+
+    text:empty {
+      animation: pulse 1.5s ease-in-out infinite;
+    }
+  }
+
+  /* 鼠标悬停显示 toolbar */
+  &:hover :global(.mm-toolbar) {
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+
+/* dark background */
+:global(.markmap-dark) .markmapContainer {
+  background-color: #1d1d1d;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
+
+  &:hover {
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
+  }
+}
+
+/* 按钮组样式 */
+.btnGroup {
+  color: var(--vp-c-brand-1);
+
+  input {
+    display: inline-block;
+    width: 2rem;
+    text-align: center;
+    border: 1px solid var(--vp-c-divider);
+    border-radius: 4px;
+    padding: 2px 4px;
+    background: var(--vp-c-bg);
+    color: var(--vp-c-text-1);
+    transition: all 0.2s ease;
+
+    &:focus {
+      outline: none;
+      border-color: var(--vp-c-brand-1);
+      box-shadow: 0 0 0 2px rgba(var(--vp-c-brand-1), 0.1);
+    }
+
+    &:hover {
+      border-color: var(--vp-c-brand-2);
+    }
+  }
+
+  button {
+    outline: none;
+    border: none;
+    cursor: pointer;
+    padding: 4px 8px;
+    border-radius: 4px;
+    background-color: #f0f0f0;
+    transition: all 0.2s ease;
+    font-weight: 500;
+
+    &:hover {
+      background-color: #e0e0e0;
+      transform: translateY(-1px);
+    }
+
+    &:active {
+      transform: translateY(0);
+    }
+  }
+}
+
+:global(.markmap-dark) .btnGroup {
+  button {
+    background-color: #333;
+    color: #fff;
+
+    &:hover {
+      background-color: #444;
+    }
+  }
+
+  input {
+    background-color: #2a2a2a;
+    border-color: #444;
+    color: #fff;
+
+    &:focus {
+      border-color: var(--vp-c-brand-1);
+    }
+  }
+}
+
+/* 全屏样式 */
+.markmapContainer:fullscreen,
+.markmapContainer:-ms-fullscreen,
+.markmapContainer:-webkit-full-screen {
+  width: 100%;
+  height: 100%;
+  padding: 20px;
+  background: white;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  box-shadow: none;
+}
+
+:global(.markmap-dark) .markmapContainer:fullscreen,
+:global(.markmap-dark) .markmapContainer:-ms-fullscreen,
+:global(.markmap-dark) .markmapContainer:-webkit-full-screen {
+  background: #1d1d1d;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .markmapContainer {
+    padding: 0.75rem;
+    margin: 1rem 0;
+  }
+}
+
+@media (max-width: 480px) {
+  .markmapContainer {
+    padding: 0.5rem;
+    margin: 0.75rem 0;
+  }
+}
+
+/* 加载动画 */
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}