@tnotesjs/core 0.1.15 → 0.1.17

package/vitepress/components/Layout/composables/useRedirect.ts

@@ -1,113 +1,113 @@
-import { useRoute, useData } from 'vitepress'
-import { ref, watch } from 'vue'
-
-import type { NoteConfig } from '../../../../types'
-
-/**
- * 处理 404 重定向逻辑
- * 当用户访问旧的笔记 URL 时,自动重定向到新的 URL
- */
-export function useRedirect(allNotesConfig: Record<string, NoteConfig & { redirect?: string }>) {
-  const route = useRoute()
-  const vpData = useData()
-
-  // 控制是否显示 404 内容
-  const showNotFound = ref(false)
-  const currentPath = ref('')
-  const matchedId = ref('')
-  const redirectPath = ref('')
-
-  // 解码后的当前路径(用于调试)
-  const decodedCurrentPath = ref('')
-
-  // 重定向检查函数
-  function checkRedirect() {
-    if (typeof window === 'undefined') return false
-
-    currentPath.value = window.location.pathname
-
-    // 匹配路径格式：/TNotes.*/notes/四个数字{任意内容}/README
-    const match = currentPath.value.match(
-      /\/TNotes[^/]+\/notes\/(\d{4})[^/]*(?:\/.*)?$/
-    )
-
-    if (match) {
-      const matchedNoteId = match[1]
-      if (!matchedNoteId) return false
-
-      matchedId.value = matchedNoteId
-      const targetNote = allNotesConfig[matchedNoteId]
-      redirectPath.value = targetNote?.redirect ?? ''
-
-      if (targetNote?.redirect) {
-        const base = vpData.site.value.base
-        // 构建目标路径（包含基础路径）
-        const targetPath = `${base}${targetNote.redirect}`
-
-        // 避免重定向死循环
-        if (currentPath.value !== targetPath) {
-          console.log(`Redirecting from ${currentPath.value} to ${targetPath}`)
-
-          // 使用完整的页面跳转（强制刷新）
-          window.location.href = targetPath
-          return true
-        }
-      }
-    }
-    return false
-  }
-
-  // 更新解码后的路径
-  function updateDecodedPath() {
-    try {
-      decodedCurrentPath.value = decodeURIComponent(currentPath.value)
-    } catch (e) {
-      console.error('Failed to decode URI:', e)
-      decodedCurrentPath.value = currentPath.value
-    }
-  }
-
-  // 初始化检查(在组件挂载后调用)
-  function initRedirectCheck() {
-    // 延迟执行以确保路由状态稳定
-    setTimeout(() => {
-      // 如果是 404 页面,尝试重定向
-      if (vpData.page.value.isNotFound) {
-        const redirected = checkRedirect()
-
-        // 如果重定向失败,显示原始 404 内容
-        if (!redirected) {
-          showNotFound.value = true
-        }
-      }
-    }, 1000)
-  }
-
-  // 监听路由变化
-  watch(
-    () => route.path,
-    () => {
-      // 延迟检查以确保路由更新完成
-      setTimeout(() => {
-        if (vpData.page.value.isNotFound) {
-          const redirected = checkRedirect()
-          if (!redirected) {
-            showNotFound.value = true
-          }
-        }
-      }, 1000)
-    }
-  )
-
-  // 监听 currentPath 变化,更新解码后的路径
-  watch(currentPath, updateDecodedPath, { immediate: true })
-
-  return {
-    showNotFound,
-    currentPath,
-    matchedId,
-    redirectPath,
-    decodedCurrentPath,
-    initRedirectCheck,
-  }
-}
+import { useRoute, useData } from 'vitepress'
+import { ref, watch } from 'vue'
+
+import type { NoteConfig } from '../../../../types'
+
+/**
+ * 处理 404 重定向逻辑
+ * 当用户访问旧的笔记 URL 时,自动重定向到新的 URL
+ */
+export function useRedirect(allNotesConfig: Record<string, NoteConfig & { redirect?: string }>) {
+  const route = useRoute()
+  const vpData = useData()
+
+  // 控制是否显示 404 内容
+  const showNotFound = ref(false)
+  const currentPath = ref('')
+  const matchedId = ref('')
+  const redirectPath = ref('')
+
+  // 解码后的当前路径(用于调试)
+  const decodedCurrentPath = ref('')
+
+  // 重定向检查函数
+  function checkRedirect() {
+    if (typeof window === 'undefined') return false
+
+    currentPath.value = window.location.pathname
+
+    // 匹配路径格式：/TNotes.*/notes/四个数字{任意内容}/README
+    const match = currentPath.value.match(
+      /\/TNotes[^/]+\/notes\/(\d{4})[^/]*(?:\/.*)?$/
+    )
+
+    if (match) {
+      const matchedNoteId = match[1]
+      if (!matchedNoteId) return false
+
+      matchedId.value = matchedNoteId
+      const targetNote = allNotesConfig[matchedNoteId]
+      redirectPath.value = targetNote?.redirect ?? ''
+
+      if (targetNote?.redirect) {
+        const base = vpData.site.value.base
+        // 构建目标路径（包含基础路径）
+        const targetPath = `${base}${targetNote.redirect}`
+
+        // 避免重定向死循环
+        if (currentPath.value !== targetPath) {
+          console.log(`Redirecting from ${currentPath.value} to ${targetPath}`)
+
+          // 使用完整的页面跳转（强制刷新）
+          window.location.href = targetPath
+          return true
+        }
+      }
+    }
+    return false
+  }
+
+  // 更新解码后的路径
+  function updateDecodedPath() {
+    try {
+      decodedCurrentPath.value = decodeURIComponent(currentPath.value)
+    } catch (e) {
+      console.error('Failed to decode URI:', e)
+      decodedCurrentPath.value = currentPath.value
+    }
+  }
+
+  // 初始化检查(在组件挂载后调用)
+  function initRedirectCheck() {
+    // 延迟执行以确保路由状态稳定
+    setTimeout(() => {
+      // 如果是 404 页面,尝试重定向
+      if (vpData.page.value.isNotFound) {
+        const redirected = checkRedirect()
+
+        // 如果重定向失败,显示原始 404 内容
+        if (!redirected) {
+          showNotFound.value = true
+        }
+      }
+    }, 1000)
+  }
+
+  // 监听路由变化
+  watch(
+    () => route.path,
+    () => {
+      // 延迟检查以确保路由更新完成
+      setTimeout(() => {
+        if (vpData.page.value.isNotFound) {
+          const redirected = checkRedirect()
+          if (!redirected) {
+            showNotFound.value = true
+          }
+        }
+      }, 1000)
+    }
+  )
+
+  // 监听 currentPath 变化,更新解码后的路径
+  watch(currentPath, updateDecodedPath, { immediate: true })
+
+  return {
+    showNotFound,
+    currentPath,
+    matchedId,
+    redirectPath,
+    decodedCurrentPath,
+    initRedirectCheck,
+  }
+}

package/vitepress/components/Layout/composables/useSidebarLayout.ts

@@ -0,0 +1,122 @@
+import { ref } from 'vue'
+
+const SIDEBAR_HIDDEN_KEY = 'vp:sidebar:hidden'
+const SIDEBAR_WIDTH_KEY = 'vp:sidebar:width'
+const SIDEBAR_MIN_WIDTH = 260
+const SIDEBAR_MAX_WIDTH = 480
+const SIDEBAR_DEFAULT_WIDTH = 260
+
+const hidden = ref(false)
+const width = ref(SIDEBAR_DEFAULT_WIDTH)
+let initialized = false
+
+function canUseDOM(): boolean {
+  return typeof window !== 'undefined' && typeof document !== 'undefined'
+}
+
+function clampSidebarWidth(nextWidth: number): number {
+  if (!Number.isFinite(nextWidth)) return SIDEBAR_DEFAULT_WIDTH
+
+  return Math.min(
+    SIDEBAR_MAX_WIDTH,
+    Math.max(SIDEBAR_MIN_WIDTH, Math.round(nextWidth)),
+  )
+}
+
+function readStoredWidth(): number {
+  if (!canUseDOM()) return SIDEBAR_DEFAULT_WIDTH
+
+  const savedWidth = window.localStorage.getItem(SIDEBAR_WIDTH_KEY)
+  if (!savedWidth) return SIDEBAR_DEFAULT_WIDTH
+
+  return clampSidebarWidth(Number(savedWidth))
+}
+
+function applyHiddenState(nextHidden: boolean) {
+  if (!canUseDOM()) return
+
+  document.documentElement.classList.toggle('hide-sidebar', nextHidden)
+}
+
+function applySidebarWidth(nextWidth: number, nextHidden = hidden.value) {
+  if (!canUseDOM()) return
+
+  const widthValue = `${clampSidebarWidth(nextWidth)}px`
+  const layoutWidthValue = nextHidden ? '0px' : widthValue
+  document.documentElement.style.setProperty('--tn-sidebar-width', widthValue)
+  document.documentElement.style.setProperty(
+    '--tn-sidebar-layout-width',
+    layoutWidthValue,
+  )
+  document.documentElement.style.setProperty(
+    '--vp-sidebar-width',
+    layoutWidthValue,
+  )
+}
+
+function persistHiddenState(nextHidden: boolean) {
+  if (!canUseDOM()) return
+
+  try {
+    window.localStorage.setItem(SIDEBAR_HIDDEN_KEY, nextHidden ? '1' : '0')
+  } catch {}
+}
+
+function persistSidebarWidth(nextWidth: number) {
+  if (!canUseDOM()) return
+
+  try {
+    window.localStorage.setItem(
+      SIDEBAR_WIDTH_KEY,
+      String(clampSidebarWidth(nextWidth)),
+    )
+  } catch {}
+}
+
+function initSidebarLayout() {
+  if (!canUseDOM()) return
+
+  if (!initialized) {
+    hidden.value = window.localStorage.getItem(SIDEBAR_HIDDEN_KEY) === '1'
+    width.value = readStoredWidth()
+    initialized = true
+  }
+
+  applyHiddenState(hidden.value)
+  applySidebarWidth(width.value, hidden.value)
+}
+
+function setSidebarHidden(nextHidden: boolean) {
+  hidden.value = nextHidden
+  applyHiddenState(hidden.value)
+  applySidebarWidth(width.value, hidden.value)
+  persistHiddenState(hidden.value)
+}
+
+function toggleSidebar() {
+  setSidebarHidden(!hidden.value)
+}
+
+function setSidebarWidth(nextWidth: number) {
+  width.value = clampSidebarWidth(nextWidth)
+  applySidebarWidth(width.value)
+}
+
+function saveSidebarWidth() {
+  persistSidebarWidth(width.value)
+}
+
+export function useSidebarLayout() {
+  return {
+    hidden,
+    width,
+    minWidth: SIDEBAR_MIN_WIDTH,
+    maxWidth: SIDEBAR_MAX_WIDTH,
+    defaultWidth: SIDEBAR_DEFAULT_WIDTH,
+    initSidebarLayout,
+    setSidebarHidden,
+    toggleSidebar,
+    setSidebarWidth,
+    saveSidebarWidth,
+  }
+}

package/vitepress/components/Layout/composables/useVSCodeIntegration.ts

@@ -1,88 +1,88 @@
-import { useData } from 'vitepress'
+import { useData } from 'vitepress'
 import { ref } from 'vue'
-
+
 import { NOTES_DIR_KEY } from '../../constants'
-
+
 import type { Router } from 'vitepress'
-import type { Ref, ComputedRef } from 'vue'
-
-
-/**
- * VSCode 集成和 GitHub 链接拦截
- */
-export function useVSCodeIntegration() {
-  const vpData = useData()
-  const vscodeNotesDir = ref('')
-
-  // 更新 VSCode 笔记目录
-  const updateVscodeNoteDir = () => {
-    if (typeof window !== 'undefined') {
-      const notesDir = localStorage.getItem(NOTES_DIR_KEY)
-      vscodeNotesDir.value = notesDir
-        ? `vscode://file/${notesDir}/${vpData.page.value.relativePath}`
-        : ''
-    }
-  }
-
-  // 拦截 home README 中的笔记链接，将 GitHub 链接转换为站点内跳转
-  const interceptHomeReadmeLinks = (
-    isHomeReadme: Ref<boolean> | ComputedRef<boolean>,
-    router: Router,
-  ) => {
-    if (typeof window === 'undefined') return
-
-    // 只在 home README 页面执行
-    if (!isHomeReadme.value) return
-
-    // 延迟执行，确保 DOM 已渲染
-    setTimeout(() => {
-      const content = document.querySelector('.vp-doc')
-      if (!content) return
-
-      // 查找所有指向 GitHub 的笔记链接
-      const links = content.querySelectorAll(
-        'a[href*="github.com"][href*="/notes/"]',
-      )
-
-      links.forEach((link) => {
-        const href = link.getAttribute('href')
-        if (!href) return
-
-        // 匹配 GitHub 链接格式：https://github.com/{owner}/{repo}/tree/main/notes/{noteDir}/README.md
-        const match = href.match(
-          /github\.com\/[^/]+\/[^/]+\/tree\/main\/notes\/([^/]+)\/README\.md/,
-        )
-
-        if (match) {
-          const encodedNoteDir = match[1]
-          const noteDir = decodeURIComponent(encodedNoteDir)
-
-          // 构建站点内的相对路径
-          const base = vpData.site.value.base || '/'
-          const internalPath = `${base}notes/${noteDir}/README`
-
-          // 移除原有的点击事件监听器（如果有）
-          const newLink = link.cloneNode(true) as HTMLElement
-
-          // 添加点击事件拦截
-          newLink.addEventListener('click', (e) => {
-            e.preventDefault()
-            router.go(internalPath)
-          })
-
-          // 更新 href 属性（用于悬停显示和右键菜单）
-          newLink.setAttribute('href', internalPath)
-
-          // 替换原链接
-          link.parentNode?.replaceChild(newLink, link)
-        }
-      })
-    }, 100)
-  }
-
-  return {
-    vscodeNotesDir,
-    updateVscodeNoteDir,
-    interceptHomeReadmeLinks,
-  }
-}
+import type { Ref, ComputedRef } from 'vue'
+
+
+/**
+ * VSCode 集成和 GitHub 链接拦截
+ */
+export function useVSCodeIntegration() {
+  const vpData = useData()
+  const vscodeNotesDir = ref('')
+
+  // 更新 VSCode 笔记目录
+  const updateVscodeNoteDir = () => {
+    if (typeof window !== 'undefined') {
+      const notesDir = localStorage.getItem(NOTES_DIR_KEY)
+      vscodeNotesDir.value = notesDir
+        ? `vscode://file/${notesDir}/${vpData.page.value.relativePath}`
+        : ''
+    }
+  }
+
+  // 拦截 home README 中的笔记链接，将 GitHub 链接转换为站点内跳转
+  const interceptHomeReadmeLinks = (
+    isHomeReadme: Ref<boolean> | ComputedRef<boolean>,
+    router: Router,
+  ) => {
+    if (typeof window === 'undefined') return
+
+    // 只在 home README 页面执行
+    if (!isHomeReadme.value) return
+
+    // 延迟执行，确保 DOM 已渲染
+    setTimeout(() => {
+      const content = document.querySelector('.vp-doc')
+      if (!content) return
+
+      // 查找所有指向 GitHub 的笔记链接
+      const links = content.querySelectorAll(
+        'a[href*="github.com"][href*="/notes/"]',
+      )
+
+      links.forEach((link) => {
+        const href = link.getAttribute('href')
+        if (!href) return
+
+        // 匹配 GitHub 链接格式：https://github.com/{owner}/{repo}/tree/main/notes/{noteDir}/README.md
+        const match = href.match(
+          /github\.com\/[^/]+\/[^/]+\/tree\/main\/notes\/([^/]+)\/README\.md/,
+        )
+
+        if (match) {
+          const encodedNoteDir = match[1]
+          const noteDir = decodeURIComponent(encodedNoteDir)
+
+          // 构建站点内的相对路径
+          const base = vpData.site.value.base || '/'
+          const internalPath = `${base}notes/${noteDir}/README`
+
+          // 移除原有的点击事件监听器（如果有）
+          const newLink = link.cloneNode(true) as HTMLElement
+
+          // 添加点击事件拦截
+          newLink.addEventListener('click', (e) => {
+            e.preventDefault()
+            router.go(internalPath)
+          })
+
+          // 更新 href 属性（用于悬停显示和右键菜单）
+          newLink.setAttribute('href', internalPath)
+
+          // 替换原链接
+          link.parentNode?.replaceChild(newLink, link)
+        }
+      })
+    }, 100)
+  }
+
+  return {
+    vscodeNotesDir,
+    updateVscodeNoteDir,
+    interceptHomeReadmeLinks,
+  }
+}