@tnotesjs/core 0.0.8 → 0.1.14

package/vitepress/plugins/fileWatcherBridgePlugin.ts

@@ -0,0 +1,49 @@
+/**
+ * .vitepress/tnotes/vitepress/plugins/fileWatcherBridgePlugin.ts
+ *
+ * file-watcher 与浏览器之间的 IPC 桥。
+ *
+ * file-watcher 跑在 DevCommand 主进程，VitePress / Vite 跑在子进程，
+ * 两者无法共享单例。文件夹直接重命名后，file-watcher 会 fetch 本接口，
+ * 本接口调 `server.ws.send` 向浏览器广播 `tnotes:note-renamed`。
+ */
+import type { PluginOption } from 'vite'
+
+const RENAME_EVENT = 'tnotes:note-renamed'
+const BROADCAST_PATH = '/__tnotes_broadcast_rename'
+
+export function fileWatcherBridgePlugin(): PluginOption {
+  return {
+    name: 'tnotes-file-watcher-bridge',
+    apply: 'serve',
+    configureServer(server) {
+      server.middlewares.use((req, res, next) => {
+        // Vite 的 baseMiddleware 顺序在不同版本可能不同，
+        // 这里同时接受 `/__tnotes_broadcast_rename` 与带 base 前缀的路径。
+        const url = req.url ?? ''
+        const isBroadcast =
+          url === BROADCAST_PATH || url.endsWith(BROADCAST_PATH)
+        if (!isBroadcast || req.method !== 'POST') {
+          return next()
+        }
+        let body = ''
+        req.on('data', (chunk) => {
+          body += chunk.toString()
+        })
+        req.on('end', () => {
+          try {
+            const data = JSON.parse(body || '{}')
+            server.ws.send({ type: 'custom', event: RENAME_EVENT, data })
+            res.statusCode = 204
+            res.end()
+          } catch (error) {
+            res.statusCode = 400
+            res.end(
+              error instanceof Error ? error.message : 'Bad rename payload',
+            )
+          }
+        })
+      })
+    },
+  }
+}

package/vitepress/plugins/renameNotePlugin.ts

@@ -3,7 +3,7 @@
  *
  * Vite 插件 - 处理笔记重命名请求
  */
-import { RenameNoteCommand } from '../../commands/note/RenameNoteCommand'
+import { RenameNoteCommand } from '../../commands/note/RenameNoteCommand'
 
 import type { PluginOption } from 'vite'
 
@@ -37,6 +37,11 @@ export function renameNotePlugin(): PluginOption {
               await renameCommand.renameNote({ noteIndex, newTitle })
               const duration = Date.now() - startTime
 
+              const newFolderName = `${noteIndex}. ${newTitle.trim()}`
+              const newUrl = `/notes/${encodeURIComponent(
+                newFolderName,
+              )}/README`
+
               res.statusCode = 200
               res.setHeader('Content-Type', 'application/json')
               res.end(
@@ -44,6 +49,8 @@ export function renameNotePlugin(): PluginOption {
                   success: true,
                   duration,
                   newTitle,
+                  newFolderName,
+                  newUrl,
                   message: '重命名完成',
                 })
               )

package/vitepress/theme/index.ts

@@ -12,20 +12,21 @@
  * v2 - https://vitepress.dev/zh/guide/custom-theme
  */
 
-import DefaultTheme from 'vitepress/theme'
+import DefaultTheme from 'vitepress/theme'
 
 import BilibiliOutsidePlayer from '../components/BilibiliOutsidePlayer/BilibiliOutsidePlayer.vue'
 import Discussions from '../components/Discussions/Discussions.vue'
 import EnWordList from '../components/EnWordList/EnWordList.vue'
 import Footprints from '../components/Footprints/Footprints.vue'
+import { useRenameOverlay } from '../components/Layout/composables/useRenameOverlay'
+import { redirectAfterRename } from '../components/Layout/composables/useRenameRedirect'
 import Layout from '../components/Layout/Layout.vue'
-import LoadingPage from '../components/LoadingPage/LoadingPage.vue'
 import MarkMap from '../components/MarkMap/MarkMap.vue'
 import Mermaid from '../components/Mermaid/Mermaid.vue'
 import NotesTable from '../components/NotesTable/NotesTable.vue'
 import Settings from '../components/Settings/Settings.vue'
 import SidebarCard from '../components/SidebarCard/SidebarCard.vue'
-import Tooltip from '../components/Tooltip/Tooltip.vue'
+import Tooltip from '../components/Tooltip/Tooltip.vue'
 
 import type { Theme, EnhanceAppContext } from 'vitepress'
 import './styles/index.scss'
@@ -42,7 +43,6 @@ function registerCoreComponents(ctx: EnhanceAppContext) {
   app.component('E', EnWordList)
   app.component('Footprints', Footprints)
   app.component('F', Footprints)
-  app.component('LoadingPage', LoadingPage)
   app.component('Settings', Settings)
   app.component('S', Settings)
   app.component('SidebarCard', SidebarCard)
@@ -53,6 +53,44 @@ function registerCoreComponents(ctx: EnhanceAppContext) {
   app.component('Tooltip', Tooltip)
 }
 
+/**
+ * 在 dev server 中监听文件夹直接重命名事件，
+ * 当当前页面路径属于被重命名的文件夹时，自动跳转到新 URL。
+ */
+function registerRenameHmrListener() {
+  if (typeof window === 'undefined') return
+  if (typeof import.meta.hot === 'undefined' || !import.meta.hot) return
+
+  const overlay = useRenameOverlay()
+  let handling = false
+
+  import.meta.hot.on(
+    'tnotes:note-renamed',
+    async (payload: {
+      oldFolder?: string
+      newFolder?: string
+      noteIndex?: string
+    }) => {
+      if (handling) return
+      if (!payload?.oldFolder || !payload?.newFolder) return
+
+      const oldSegment = encodeURIComponent(payload.oldFolder)
+      if (!window.location.pathname.includes(oldSegment)) return
+
+      handling = true
+      overlay.show({ message: '检测到文件夹重命名', tip: '正在跳转到新地址...' })
+
+      try {
+        await redirectAfterRename(
+          `notes/${encodeURIComponent(payload.newFolder)}/README`,
+        )
+      } finally {
+        handling = false
+      }
+    },
+  )
+}
+
 /**
  * 覆盖选项
  */
@@ -80,6 +118,7 @@ export function defineNotesTheme(overrides: NotesThemeOverrides = {}): Theme {
     Layout: overrides.Layout ?? Layout,
     enhanceApp(ctx) {
       registerCoreComponents(ctx)
+      registerRenameHmrListener()
       overrides.enhanceApp?.(ctx)
     },
   }
@@ -93,5 +132,6 @@ export default {
   Layout,
   enhanceApp(ctx: EnhanceAppContext) {
     registerCoreComponents(ctx)
+    registerRenameHmrListener()
   },
 } satisfies Theme