undefined — vista limpia

Descripción

Toolbar es el componente de barra de herramientas del editor Cuaderno. Proporciona accesos directos para insertar marcadores Markdown, gestionar el estado de la nota (pin, archivo) y controlar el modo de visualización del editor.

Localización

src/components/notebook/Toolbar.tsx

Tipo exportado

export type ViewMode = 'source' | 'preview' | 'split';

Este tipo se exporta desde Toolbar.tsx y es importado por NoteEditor.tsx para tipar el estado de modo de vista. Introducido en commit 6c248fc.

Props

Prop	Tipo	Descripción
`editorView`	`EditorView \| null`	Referencia al editor CodeMirror (puede ser null durante la inicialización)
`pinned`	`boolean`	Estado de anclaje de la nota
`archived`	`boolean`	Estado de archivado de la nota
`viewMode`	`ViewMode`	Modo de vista activo (`'source'`, `'split'`, `'preview'`) — nuevo
`onChangeViewMode`	`(m: ViewMode) => void`	Callback al seleccionar un modo de vista — nuevo
`onTogglePin`	`() => void`	Anclar / desanclar la nota
`onToggleArchive`	`() => void`	Archivar / restaurar la nota
`onOpenTheme`	`() => void`	Abrir el panel de tema MD
`saving`	`boolean` (implícito)	Indica si hay un auto-save en curso (mostrado en el hint de estado)

Grupo de toggle de modo de vista

Desde el commit 6c248fc, el toolbar incluye un <div role="group" aria-label="Modo de vista"> con tres botones mutuamente excluyentes:

Botón	`ViewMode`	Title
📝 MD	`'source'`	“Solo source markdown (Notepad++)”
⊟ Split	`'split'`	“Source + Preview lado a lado”
👁 Preview	`'preview'`	“Solo preview HTML renderizado”

El botón activo recibe la clase CSS 'on'.

Inserciones MD: negrita, cursiva, código, enlaces, tablas (modal con configuración de filas/cols)
Hint contextual: getContextHint(view) muestra sugerencias según el contexto del cursor
Tema MD: botón 🎨 Tema MD que llama a onOpenTheme
Pin / Archivo: botones de estado con clase 'on' cuando están activos

Véase también