feat: add dual-mode tree editor with Code Mode, variables, and markdown sync
Implements the full dual-mode tree editor (Plan Phases 1-5): Backend: - JSONB↔Markdown bidirectional serializer/parser with mistune - Markdown validator with line/column error reporting - 3 API endpoints: export-markdown, import-markdown, validate-markdown - Variable extraction/resolution service ([USER_INPUT], [VAR], [SAVE_AS]) - Session variables JSONB column (migration 028) - 39 tree markdown tests + variable service tests (403 total passing) Frontend: - Monaco-based Code Mode with custom Monarch tokenizer and dark theme - Autocomplete for @node_id refs, type values, variable names - Debounced validation (800ms) with inline Monaco error markers - Syntax help panel (absolute overlay, toggleable) - Starter template for new trees with valid cross-references - Bidirectional metadata sync (name/description/category/tags frontmatter) - Synchronous tree→markdown serializer (fixes async race condition) - Pre-save validation blocks save on broken refs or missing tree name - Mode-aware undo/redo: Monaco native in Code Mode, throttled zundo in Flow Mode - Variable prompt modal and frontend resolver for session navigation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -10,3 +10,4 @@ export { default as stepsApi } from './steps'
|
||||
export { default as stepCategoriesApi } from './stepCategories'
|
||||
export { default as accountsApi } from './accounts'
|
||||
export { default as adminApi } from './admin'
|
||||
export { treeMarkdownApi } from './treeMarkdown'
|
||||
|
||||
22
frontend/src/api/treeMarkdown.ts
Normal file
22
frontend/src/api/treeMarkdown.ts
Normal file
@@ -0,0 +1,22 @@
|
||||
import api from '@/api/client'
|
||||
import type { TreeMarkdownValidation } from '@/types'
|
||||
|
||||
export const treeMarkdownApi = {
|
||||
/** Export a tree's JSONB structure as ResolutionFlow markdown */
|
||||
exportMarkdown: async (treeId: string): Promise<{ markdown: string }> => {
|
||||
const response = await api.get(`/trees/${treeId}/export-markdown`)
|
||||
return response.data
|
||||
},
|
||||
|
||||
/** Parse markdown and update a tree's JSONB structure */
|
||||
importMarkdown: async (treeId: string, markdown: string): Promise<TreeMarkdownValidation> => {
|
||||
const response = await api.put(`/trees/${treeId}/import-markdown`, { markdown })
|
||||
return response.data
|
||||
},
|
||||
|
||||
/** Validate markdown without saving */
|
||||
validateMarkdown: async (markdown: string): Promise<TreeMarkdownValidation> => {
|
||||
const response = await api.post('/trees/validate-markdown', { markdown })
|
||||
return response.data
|
||||
},
|
||||
}
|
||||
Reference in New Issue
Block a user