Function Editor

packages/app-core/src/components/Editor.tsx:1319–1347

()

}

export function Editor(): JSX.Element {
  const paneLayout = useStore((s) => s.paneLayout)
  const activeNote = useStore((s) => s.activeNote)
  const keymapOverrides = useStore((s) => s.keymapOverrides)
  const vimInsertEscape = useStore((s) => s.vimInsertEscape)
  const zenMode = useStore((s) => s.zenMode)

  useEffect(() => {
    registerVimCommands()
  }, [])

  useEffect(() => {
    registerVimCommands()
    syncVimKeymaps(keymapOverrides)
  }, [keymapOverrides])

  useEffect(() => {
    applyVimInsertEscape(vimInsertEscape)
  }, [vimInsertEscape])

  return (
    <section className="flex min-w-0 flex-1 flex-col">
      <div className="flex min-h-0 min-w-0 flex-1">
        <PaneTreeView node={paneLayout} />
      </div>
      {!zenMode && activeNote && <StatusBar note={activeNote} />}
    </section>
  )
}

function PaneTreeView({ node }: { node: PaneLayout }): JSX.Element {
  if (node.kind === 'leaf') {