pumi

VSCode Editor

by pumi-dev

VS Code's editor (Monaco) for file tabs: highlighting for about 35 languages, multiple cursors, find and replace, the command palette, and the window's theme.

editormonacovscodecodetext

A Rust file in Monaco, with the find box, folding marks and the minimap

What it adds

Commands
save VSCode Editor: save
find VSCode Editor: find
goToLine VSCode Editor: go to line
commands VSCode Editor: show the editor's commands
toggleWordWrap VSCode Editor: toggle word wrap
toggleMinimap VSCode Editor: toggle the minimap
Adds to
tab.toolbar
Settings
4
Key bindings
1
Uses
files

README

Monaco, the editor inside VS Code, for file tabs. It uses the terminals' colours and font, and the app's menus and clipboard.

pumi plugin add pumi-dev/plugins/vscode-editor
pumi open src/main.rs            # on the right of this tab
pumi open --line 42 src/main.rs  # at line 42

It draws every file a viewer that fits it better does not: pumi open, the File Tree, the palette and agents all open files here.

  • Highlighting for about 35 languages, and JSON's validation, formatting and folding.
  • Multiple cursors, column selection, find and replace, go to line, and Monaco's command palette (F1).
  • Coloured like your terminals: the palette's background, foreground, cursor, selection and sixteen colours; the font from Settings → Appearance.
  • Each file keeps its undo, scroll and unsaved edits while another file shows in the same tab.
  • Saving: cmd+s, or the dot in the tab's toolbar while the file has unsaved changes. A file that changed on disk is read again when the tab comes back, unless it has unsaved edits.
  • Drop a file from the File Tree or Finder to open it.

The palette has VSCode Editor: find, go to line, show the editor's commands, toggle word wrap and toggle the minimap.

Options

tab_sizecolumns per tab, for a file whose indentation says nothing (Monaco detects it)
word_wrapwrap long lines (on)
minimapthe file in miniature on the right (off)

Limits

  • Language services (completion, go to definition, diagnostics) only for JSON. TypeScript's, CSS's and HTML's workers are several megabytes each and are left out.
  • Closing a tab drops its unsaved edits without asking.
  • Text files up to 16 MB, read as UTF-8.
  • macOS only for now: it draws in a web view.

Development

pumi plugin dev vscode-editor   # link it, reload on save
bun test                        # the theme and the page's helpers
bun run build                   # build web/ now (the plugin does it itself the first time it runs)

monaco-editor is an npm dependency. The first time the plugin runs it bundles the page in page/ with Monaco into web/, which takes under a second, and again whenever either changes. Nothing built is kept in git.