@prenta/admin 0.98.1 → 1.1.0

package/src/__tests__/views/page-templates.render.test.tsx

@@ -1,182 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-
-const cmsApi = vi.fn()
-vi.mock('../../lib/api.js', () => ({ cmsApi: (...args: unknown[]) => cmsApi(...args) }))
-vi.mock('sonner', () => ({ toast: { success: vi.fn(), error: vi.fn(), loading: vi.fn() } }))
-
-const { PageTemplates } = await import('../../views/page-builder/PageTemplates.js')
-
-function section(id: string) {
-  return { id, type: 'section', settings: {}, children: [] }
-}
-
-const TEMPLATES = [
-  {
-    id: 'builtin-landing',
-    name: 'Landing Page',
-    description: 'Hero, features cards, CTA, testimonials, and final CTA',
-    category: 'landing',
-    builtIn: true,
-    updatedAt: '2026-05-29T00:00:00.000Z',
-    thumbnail: null,
-    tree: { id: 'p1', type: 'page', children: [section('a'), section('b'), section('c')] },
-  },
-  {
-    id: 'custom-1',
-    name: 'Team Member',
-    description: 'Avatar hero, full bio, and contact links',
-    category: 'content',
-    builtIn: false,
-    updatedAt: '2026-06-10T00:00:00.000Z',
-    thumbnail: null,
-    tree: { id: 'p2', type: 'page', children: [section('a')] },
-  },
-]
-
-beforeEach(() => {
-  cmsApi.mockReset()
-  cmsApi.mockImplementation(async (endpoint: string, options?: RequestInit) => {
-    if (endpoint === '/page-templates' && !options?.method) {
-      return { data: TEMPLATES, status: 200 }
-    }
-    return { data: {}, status: 200 }
-  })
-})
-
-describe('PageTemplates card grid', () => {
-  it('renders a card per template with name, category, and section-count meta', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-
-    expect(await screen.findByText('Landing Page')).toBeTruthy()
-    expect(screen.getByText('Team Member')).toBeTruthy()
-    // Section counts derived from each template's tree.
-    expect(screen.getByText(/3 sections/)).toBeTruthy()
-    expect(screen.getByText(/1 section ·/)).toBeTruthy()
-    // Category labels from the design's palette.
-    expect(screen.getByText('Landing Page')).toBeTruthy()
-    expect(screen.getByText('Built-in')).toBeTruthy()
-  })
-
-  it('hides edit/delete actions on built-in templates (server rejects them)', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Landing Page')
-
-    expect(screen.queryByRole('button', { name: 'Edit Landing Page' })).toBeNull()
-    expect(screen.queryByRole('button', { name: 'Delete Landing Page' })).toBeNull()
-    expect(screen.getByRole('button', { name: 'Edit Team Member' })).toBeTruthy()
-    expect(screen.getByRole('button', { name: 'Delete Team Member' })).toBeTruthy()
-  })
-
-  it('deletes a custom template only after the confirm dialog is accepted', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Team Member')
-
-    fireEvent.click(screen.getByRole('button', { name: 'Delete Team Member' }))
-
-    // Confirm dialog is up; nothing deleted yet.
-    expect(await screen.findByText('Delete template?')).toBeTruthy()
-    expect(cmsApi).not.toHaveBeenCalledWith(
-      '/page-templates/custom-1',
-      expect.objectContaining({ method: 'DELETE' }),
-    )
-
-    fireEvent.click(screen.getByRole('button', { name: 'Delete' }))
-
-    await waitFor(() =>
-      expect(cmsApi).toHaveBeenCalledWith(
-        '/page-templates/custom-1',
-        expect.objectContaining({ method: 'DELETE' }),
-      ),
-    )
-  })
-
-  it('opens the edit modal seeded with the template and saves via PUT', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Team Member')
-
-    fireEvent.click(screen.getByRole('button', { name: 'Edit Team Member' }))
-
-    const nameInput = (await screen.findByPlaceholderText('Template name')) as HTMLInputElement
-    expect(nameInput.value).toBe('Team Member')
-
-    fireEvent.change(nameInput, { target: { value: 'Team Bio' } })
-    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }))
-
-    await waitFor(() =>
-      expect(cmsApi).toHaveBeenCalledWith(
-        '/page-templates/custom-1',
-        expect.objectContaining({ method: 'PUT' }),
-      ),
-    )
-    const putCall = cmsApi.mock.calls.find(
-      (c) => (c[1] as RequestInit | undefined)?.method === 'PUT',
-    )!
-    expect(JSON.parse((putCall[1] as RequestInit).body as string)).toMatchObject({
-      name: 'Team Bio',
-      category: 'content',
-    })
-  })
-
-  it('routes "Use template" into the builder with the template id', async () => {
-    const onNavigate = vi.fn()
-    render(<PageTemplates onNavigate={onNavigate} />)
-    await screen.findByText('Landing Page')
-
-    fireEvent.click(screen.getByRole('button', { name: 'Create page from Landing Page' }))
-
-    expect(onNavigate).toHaveBeenCalledWith('/page-builder/new?template=builtin-landing')
-  })
-
-  it('duplicates a template (built-ins included) via POST with a "(copy)" name', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Landing Page')
-
-    fireEvent.click(screen.getByRole('button', { name: 'Duplicate Landing Page' }))
-
-    await waitFor(() =>
-      expect(cmsApi).toHaveBeenCalledWith(
-        '/page-templates',
-        expect.objectContaining({ method: 'POST' }),
-      ),
-    )
-    const postCall = cmsApi.mock.calls.find(
-      (c) => (c[1] as RequestInit | undefined)?.method === 'POST',
-    )!
-    expect(JSON.parse((postCall[1] as RequestInit).body as string)).toMatchObject({
-      name: 'Landing Page (copy)',
-      category: 'landing',
-      tree: TEMPLATES[0]!.tree,
-    })
-    // The grid refetches so the copy appears.
-    await waitFor(() =>
-      expect(
-        cmsApi.mock.calls.filter(
-          (c) => c[0] === '/page-templates' && !(c[1] as RequestInit | undefined)?.method,
-        ).length,
-      ).toBeGreaterThanOrEqual(2),
-    )
-  })
-
-  it('filters cards by search text', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Team Member')
-
-    fireEvent.change(screen.getByPlaceholderText('Search templates…'), {
-      target: { value: 'landing' },
-    })
-
-    await waitFor(() => {
-      expect(screen.queryByText('Team Member')).toBeNull()
-      expect(screen.getByText('Landing Page')).toBeTruthy()
-    })
-  })
-
-  it('shows the empty state when no templates exist', async () => {
-    cmsApi.mockResolvedValue({ data: [], status: 200 })
-    render(<PageTemplates onNavigate={() => {}} />)
-
-    expect(await screen.findByText('No page templates yet')).toBeTruthy()
-  })
-})

package/src/__tests__/views/use-site-preview.render.test.tsx

@@ -1,164 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-
-/**
- * useSitePreview — drives the inline branded preview (iframe of the public
- * site rendering a draft). Pins: token minted + URL built on activation,
- * unsaved drafts are persisted first (a failed save cancels activation), and
- * the frame reloads (reloadKey bump) after each completed save.
- */
-
-const createPreviewToken = vi.fn(async () => ({
-  token: 'tok-123',
-  expiresAt: '2026-06-19T00:00:00Z',
-}))
-
-vi.mock('../../lib/preview-link.js', () => ({
-  createPreviewToken: (...args: unknown[]) => createPreviewToken(...(args as [])),
-  buildPublicPreviewUrl: ({ siteUrl, urlPrefix, slug, path, token }: any) => {
-    const p =
-      path === '/' || path === '' ? '/' : path || `${urlPrefix ? `/${urlPrefix}` : ''}/${slug}`
-    return p === '/'
-      ? `${siteUrl}/?preview=${token}`
-      : `${siteUrl}${p.startsWith('/') ? p : `/${p}`}?preview=${token}`
-  },
-  resolveSiteUrl: (u?: string | null) => u ?? 'https://fallback.test',
-}))
-
-vi.mock('sonner', () => ({
-  toast: { error: vi.fn(), success: vi.fn() },
-}))
-
-const { useSitePreview } = await import('../../views/page-editor/useSitePreview.js')
-const { toast } = await import('sonner')
-
-import type { SaveState } from '../../views/page-editor/EditorTopBar.js'
-
-function Harness({
-  documentId = 'doc-1',
-  slug = 'about',
-  dirty = false,
-  saveState = 'idle' as SaveState,
-  saveDraft = vi.fn(async () => true),
-  defaultActive = false,
-}: {
-  documentId?: string | null
-  slug?: string | null
-  dirty?: boolean
-  saveState?: SaveState
-  saveDraft?: () => Promise<boolean>
-  defaultActive?: boolean
-}) {
-  const sp = useSitePreview({
-    collection: 'pages',
-    documentId,
-    slug,
-    urlPrefix: '',
-    // Canvas defaults to window.location.origin (Next builder / CMS host).
-    dirty,
-    saveState,
-    saveDraft,
-    defaultActive,
-  })
-  return (
-    <div>
-      <button type="button" onClick={sp.toggle}>
-        toggle
-      </button>
-      <output data-testid="state">
-        {JSON.stringify({ active: sp.active, url: sp.url, reloadKey: sp.reloadKey })}
-      </output>
-    </div>
-  )
-}
-
-function state(): { active: boolean; url: string | null; reloadKey: number } {
-  return JSON.parse(screen.getByTestId('state').textContent ?? '{}')
-}
-
-beforeEach(() => {
-  createPreviewToken.mockClear()
-  vi.mocked(toast.error).mockClear()
-})
-
-describe('useSitePreview', () => {
-  it('mints a token and builds the canvas draft URL on activation', async () => {
-    render(<Harness />)
-    fireEvent.click(screen.getByText('toggle'))
-    expect(state().active).toBe(true)
-    await waitFor(() => {
-      expect(state().url).toBe(`${window.location.origin}/about?preview=tok-123`)
-    })
-    expect(createPreviewToken).toHaveBeenCalledWith('pages', 'doc-1')
-  })
-
-  it('saves a dirty draft before minting; a failed save cancels activation', async () => {
-    const saveDraft = vi.fn(async () => false)
-    render(<Harness dirty saveDraft={saveDraft} />)
-    fireEvent.click(screen.getByText('toggle'))
-    await waitFor(() => expect(saveDraft).toHaveBeenCalled())
-    await waitFor(() => expect(state().active).toBe(false))
-    expect(createPreviewToken).not.toHaveBeenCalled()
-  })
-
-  it('refuses to activate for unsaved documents', () => {
-    render(<Harness documentId={null} />)
-    fireEvent.click(screen.getByText('toggle'))
-    expect(state().active).toBe(false)
-    expect(toast.error).toHaveBeenCalled()
-  })
-
-  it('toggles back to the canvas on second click', async () => {
-    render(<Harness />)
-    fireEvent.click(screen.getByText('toggle'))
-    await waitFor(() => expect(state().url).not.toBeNull())
-    fireEvent.click(screen.getByText('toggle'))
-    expect(state().active).toBe(false)
-  })
-
-  it('auto-activates when defaultActive is true', async () => {
-    render(<Harness defaultActive />)
-    await waitFor(() => {
-      expect(state().active).toBe(true)
-      expect(state().url).toBe(`${window.location.origin}/about?preview=tok-123`)
-    })
-    expect(createPreviewToken).toHaveBeenCalledWith('pages', 'doc-1')
-  })
-
-  it('honors an explicit canvasUrl override', async () => {
-    function CanvasHarness() {
-      const sp = useSitePreview({
-        collection: 'pages',
-        documentId: 'doc-1',
-        slug: 'about',
-        urlPrefix: '',
-        canvasUrl: 'https://cms.test',
-        dirty: false,
-        saveState: 'idle',
-        saveDraft: vi.fn(async () => true),
-      })
-      return (
-        <button type="button" onClick={sp.toggle}>
-          {sp.url ?? 'none'}
-        </button>
-      )
-    }
-    render(<CanvasHarness />)
-    fireEvent.click(screen.getByRole('button'))
-    await waitFor(() => {
-      expect(screen.getByRole('button').textContent).toBe('https://cms.test/about?preview=tok-123')
-    })
-  })
-
-  it('bumps reloadKey after a save completes while the preview is open', async () => {
-    const { rerender } = render(<Harness saveState="idle" />)
-    fireEvent.click(screen.getByText('toggle'))
-    await waitFor(() => expect(state().url).not.toBeNull())
-    expect(state().reloadKey).toBe(0)
-
-    rerender(<Harness saveState="saving" />)
-    rerender(<Harness saveState="saved" />)
-    await waitFor(() => expect(state().reloadKey).toBe(1))
-  })
-})

package/src/hooks/useBuilderState.ts

@@ -1,361 +0,0 @@
-'use client'
-
-import { useState, useCallback, useRef, useMemo } from 'react'
-import type { PageNode, BuilderNode, BlockNode, SectionNode, ColumnNode } from '@prenta/core'
-import {
-  addNode,
-  removeNode,
-  moveNode,
-  updateNodeSettings,
-  updateBlockData,
-  findNode,
-  findParent,
-  createEmptyPage,
-  createSection,
-  createContainer,
-  createRow,
-  createColumn,
-  createBlock,
-  hasChildren,
-} from '@prenta/core/page-builder'
-
-export type DeviceMode = 'desktop' | 'tablet' | 'mobile'
-export type PanelTab = 'block' | 'node' | 'page' | 'seo' | 'design'
-
-export interface PageSettings {
-  title: string
-  slug: string
-  template?: string
-  metaTitle?: string
-  metaDescription?: string
-  ogImage?: string
-  focusKeyphrase?: string
-  schemaType?: string
-}
-
-export interface BuilderState {
-  tree: PageNode
-  selectedNodeId: string | null
-  selectedNode: BuilderNode | null
-  deviceMode: DeviceMode
-  activeTab: PanelTab
-  pageSettings: PageSettings
-  dirty: boolean
-  canUndo: boolean
-  canRedo: boolean
-  showGridOverlay: boolean
-}
-
-export interface BuilderActions {
-  selectNode: (id: string | null) => void
-  setDeviceMode: (mode: DeviceMode) => void
-  setActiveTab: (tab: PanelTab) => void
-  setPageSettings: (settings: Partial<PageSettings>) => void
-  setShowGridOverlay: (show: boolean) => void
-
-  addSection: () => void
-  addRowToSection: (sectionId: string) => void
-  addBlockToColumn: (columnId: string, blockType: string, variant?: string) => void
-  addNodeAtId: (parentId: string, node: BuilderNode, index?: number) => void
-  removeNodeById: (id: string) => void
-  moveNodeById: (id: string, newParentId: string, index?: number) => void
-  updateSettings: (id: string, settings: Record<string, unknown>) => void
-  updateBlock: (id: string, data: Record<string, unknown>) => void
-  duplicateNode: (id: string) => void
-  moveNodeUp: (id: string) => void
-  moveNodeDown: (id: string) => void
-
-  undo: () => void
-  redo: () => void
-  markClean: () => void
-  replaceTree: (tree: PageNode) => void
-}
-
-const MAX_HISTORY = 50
-
-function deepClone<T>(obj: T): T {
-  return JSON.parse(JSON.stringify(obj))
-}
-
-function regenerateIds(node: BuilderNode): BuilderNode {
-  const cloned = deepClone(node)
-  let counter = 0
-  function walk(n: any) {
-    n.id = `node_${Date.now().toString(36)}_${(counter++).toString(36)}_${Math.random().toString(36).slice(2, 8)}`
-    if (Array.isArray(n.children)) {
-      for (const child of n.children) walk(child)
-    }
-  }
-  walk(cloned)
-  return cloned
-}
-
-export function useBuilderState(
-  initialTree?: PageNode,
-  initialPageSettings?: Partial<PageSettings>,
-): BuilderState & BuilderActions {
-  const [tree, setTree] = useState<PageNode>(() => initialTree ?? createEmptyPage())
-  const [selectedNodeId, setSelectedNodeId] = useState<string | null>(null)
-  const [deviceMode, setDeviceMode] = useState<DeviceMode>('desktop')
-  const [activeTab, setActiveTab] = useState<PanelTab>('page')
-  const [showGridOverlay, setShowGridOverlay] = useState(false)
-  const [pageSettings, setPageSettingsState] = useState<PageSettings>({
-    title: '',
-    slug: '',
-    ...initialPageSettings,
-  })
-  const [dirty, setDirty] = useState(false)
-
-  const undoStack = useRef<PageNode[]>([])
-  const redoStack = useRef<PageNode[]>([])
-
-  const pushHistory = useCallback((currentTree: PageNode) => {
-    undoStack.current = [...undoStack.current.slice(-MAX_HISTORY + 1), currentTree]
-    redoStack.current = []
-  }, [])
-
-  const [canUndo, setCanUndo] = useState(false)
-  const [canRedo, setCanRedo] = useState(false)
-
-  const applyTreeChange = useCallback(
-    (fn: (prev: PageNode) => PageNode) => {
-      setTree((prev) => {
-        pushHistory(prev)
-        const next = fn(prev)
-        setDirty(true)
-        setCanUndo(true)
-        setCanRedo(false)
-        return next
-      })
-    },
-    [pushHistory],
-  )
-
-  const selectedNode = useMemo(() => {
-    if (!selectedNodeId) return null
-    return findNode(tree, selectedNodeId) ?? null
-  }, [tree, selectedNodeId])
-
-  const selectNode = useCallback(
-    (id: string | null) => {
-      setSelectedNodeId(id)
-      if (id) {
-        const node = findNode(tree, id)
-        if (node) {
-          if (node.type === 'block') setActiveTab('block')
-          else if (node.type === 'page') setActiveTab('page')
-          else setActiveTab('node')
-        }
-      }
-    },
-    [tree],
-  )
-
-  const setPageSettings = useCallback((settings: Partial<PageSettings>) => {
-    setPageSettingsState((prev) => ({ ...prev, ...settings }))
-    setDirty(true)
-  }, [])
-
-  const addSection = useCallback(() => {
-    applyTreeChange((prev) => {
-      const section = createSection({ paddingTop: '64px', paddingBottom: '64px' })
-      const container = createContainer()
-      const col = createColumn(12)
-      const row = createRow([col])
-      ;(container as any).children = [row]
-      ;(section as any).children = [container]
-      return addNode(prev, prev.id, section as BuilderNode)
-    })
-  }, [applyTreeChange])
-
-  const addRowToSection = useCallback(
-    (sectionId: string) => {
-      applyTreeChange((prev) => {
-        const section = findNode(prev, sectionId)
-        if (!section || !hasChildren(section)) return prev
-        const containers = (section as SectionNode).children.filter((c) => c.type === 'container')
-        const targetId = containers.length > 0 ? containers[containers.length - 1]!.id : sectionId
-        const col = createColumn(12)
-        const row = createRow([col])
-        return addNode(prev, targetId, row as BuilderNode)
-      })
-    },
-    [applyTreeChange],
-  )
-
-  const addBlockToColumn = useCallback(
-    (columnId: string, blockType: string, variant?: string) => {
-      applyTreeChange((prev) => {
-        const block = createBlock(blockType, variant)
-        return addNode(prev, columnId, block as BuilderNode)
-      })
-    },
-    [applyTreeChange],
-  )
-
-  const addNodeAtId = useCallback(
-    (parentId: string, node: BuilderNode, index?: number) => {
-      applyTreeChange((prev) => addNode(prev, parentId, node, index))
-    },
-    [applyTreeChange],
-  )
-
-  const removeNodeById = useCallback(
-    (id: string) => {
-      applyTreeChange((prev) => {
-        const result = removeNode(prev, id)
-        if (selectedNodeId === id) setSelectedNodeId(null)
-        return result
-      })
-    },
-    [applyTreeChange, selectedNodeId],
-  )
-
-  const moveNodeById = useCallback(
-    (id: string, newParentId: string, index?: number) => {
-      applyTreeChange((prev) => moveNode(prev, id, newParentId, index))
-    },
-    [applyTreeChange],
-  )
-
-  const updateSettings = useCallback(
-    (id: string, settings: Record<string, unknown>) => {
-      applyTreeChange((prev) => updateNodeSettings(prev, id, settings))
-    },
-    [applyTreeChange],
-  )
-
-  const updateBlock = useCallback(
-    (id: string, data: Record<string, unknown>) => {
-      applyTreeChange((prev) => updateBlockData(prev, id, data))
-    },
-    [applyTreeChange],
-  )
-
-  const duplicateNode = useCallback(
-    (id: string) => {
-      applyTreeChange((prev) => {
-        const node = findNode(prev, id)
-        if (!node) return prev
-        const parent = findParent(prev, id)
-        if (!parent) return prev
-        const siblings = (parent as any).children as BuilderNode[]
-        const idx = siblings.findIndex((c) => c.id === id)
-        const cloned = regenerateIds(node)
-        return addNode(prev, parent.id, cloned, idx + 1)
-      })
-    },
-    [applyTreeChange],
-  )
-
-  const moveNodeUp = useCallback(
-    (id: string) => {
-      applyTreeChange((prev) => {
-        const parent = findParent(prev, id)
-        if (!parent) return prev
-        const siblings = (parent as any).children as BuilderNode[]
-        const idx = siblings.findIndex((c) => c.id === id)
-        if (idx <= 0) return prev
-        const withoutNode = removeNode(prev, id)
-        const node = findNode(prev, id)
-        if (!node) return prev
-        return addNode(withoutNode, parent.id, deepClone(node), idx - 1)
-      })
-    },
-    [applyTreeChange],
-  )
-
-  const moveNodeDown = useCallback(
-    (id: string) => {
-      applyTreeChange((prev) => {
-        const parent = findParent(prev, id)
-        if (!parent) return prev
-        const siblings = (parent as any).children as BuilderNode[]
-        const idx = siblings.findIndex((c) => c.id === id)
-        if (idx >= siblings.length - 1) return prev
-        const withoutNode = removeNode(prev, id)
-        const node = findNode(prev, id)
-        if (!node) return prev
-        return addNode(withoutNode, parent.id, deepClone(node), idx + 1)
-      })
-    },
-    [applyTreeChange],
-  )
-
-  const undo = useCallback(() => {
-    if (undoStack.current.length === 0) return
-    const prev = undoStack.current[undoStack.current.length - 1]!
-    undoStack.current = undoStack.current.slice(0, -1)
-    setTree((current) => {
-      redoStack.current = [...redoStack.current, current]
-      setCanUndo(undoStack.current.length > 0)
-      setCanRedo(true)
-      return prev
-    })
-  }, [])
-
-  const redo = useCallback(() => {
-    if (redoStack.current.length === 0) return
-    const next = redoStack.current[redoStack.current.length - 1]!
-    redoStack.current = redoStack.current.slice(0, -1)
-    setTree((current) => {
-      undoStack.current = [...undoStack.current, current]
-      setCanRedo(redoStack.current.length > 0)
-      setCanUndo(true)
-      return next
-    })
-  }, [])
-
-  const markClean = useCallback(() => {
-    setDirty(false)
-  }, [])
-
-  const replaceTree = useCallback(
-    (newTree: PageNode) => {
-      setTree((prev) => {
-        pushHistory(prev)
-        setDirty(true)
-        setCanUndo(true)
-        setCanRedo(false)
-        return newTree
-      })
-    },
-    [pushHistory],
-  )
-
-  return {
-    tree,
-    selectedNodeId,
-    selectedNode,
-    deviceMode,
-    activeTab,
-    pageSettings,
-    dirty,
-    canUndo,
-    canRedo,
-    showGridOverlay,
-
-    selectNode,
-    setDeviceMode,
-    setActiveTab,
-    setPageSettings,
-    setShowGridOverlay,
-
-    addSection,
-    addRowToSection,
-    addBlockToColumn,
-    addNodeAtId,
-    removeNodeById,
-    moveNodeById,
-    updateSettings,
-    updateBlock,
-    duplicateNode,
-    moveNodeUp,
-    moveNodeDown,
-
-    undo,
-    redo,
-    markClean,
-    replaceTree,
-  }
-}