517a2af730
When user edits a theme note directly in the editor and presses Cmd+S, the app now immediately re-applies CSS variables — no manual reload needed. Added notifyThemeSaved(path, content) to ThemeManager; wired into onNotePersisted callback so saving the active theme updates cachedThemeContent, triggering useThemeApplier. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
31 lines
1.4 KiB
TypeScript
31 lines
1.4 KiB
TypeScript
import { useCallback, useRef } from 'react'
|
|
import { useEditorSave } from './useEditorSave'
|
|
import { extractOutgoingLinks } from '../utils/wikilinks'
|
|
import type { VaultEntry } from '../types'
|
|
|
|
export function useEditorSaveWithLinks(config: {
|
|
updateEntry: (path: string, patch: Partial<VaultEntry>) => void
|
|
setTabs: Parameters<typeof useEditorSave>[0]['setTabs']
|
|
setToastMessage: (msg: string | null) => void
|
|
onAfterSave: () => void
|
|
onNotePersisted?: (path: string, content: string) => void
|
|
}) {
|
|
const { updateEntry } = config
|
|
const saveContent = useCallback((path: string, content: string) => {
|
|
updateEntry(path, { outgoingLinks: extractOutgoingLinks(content) })
|
|
}, [updateEntry])
|
|
const editor = useEditorSave({ updateVaultContent: saveContent, setTabs: config.setTabs, setToastMessage: config.setToastMessage, onAfterSave: config.onAfterSave, onNotePersisted: config.onNotePersisted })
|
|
const { handleContentChange: rawOnChange } = editor
|
|
const prevLinksKeyRef = useRef('')
|
|
const handleContentChange = useCallback((path: string, content: string) => {
|
|
rawOnChange(path, content)
|
|
const links = extractOutgoingLinks(content)
|
|
const key = links.join('\0')
|
|
if (key !== prevLinksKeyRef.current) {
|
|
prevLinksKeyRef.current = key
|
|
updateEntry(path, { outgoingLinks: links })
|
|
}
|
|
}, [rawOnChange, updateEntry])
|
|
return { ...editor, handleContentChange }
|
|
}
|