pomax / browser-editor-tests Goto Github PK

This should be one of the things that codemirror 6 made "easier", so rather than creating a whole bunch of cmInstances, it's time to rewrite the code to use a single instance with state swapping instead of show/hiding separate instances.

https://ace.c9.io

https://code.visualstudio.com/docs/editor/vscode-web

• user login, with user dir ensurance on login
• create/delete project within user's dir.

Editors don't need to tick all these boxes, but we do want to know which editor supports what features so that a rational decision can be made about which one is the best fit.

• feel like a code editor, not a text editor
• line numbers
  • with code folding
• unicode support (even in 2024, make sure to test)
• document-change events
  • OT/diff based
    • sensibly debounced/aggregated (i.e. not every single letter its own OT/diff)
  • if not, at least in a way that's easily turned into OT/diff
• mini/sidebar file view for fast navigation and file shape memorization
• works properly on mobile
• easy "multi file" (e.g. tabs)
  • if not, easy "multi doc per editor"
  • if not, at least easy "make multiple editors without them clobbering each other"
• track record of fixing problems
• good documentation
  • easy to understand methodology
  • real recipes (rather than toy examples)
• good support
  • issue tracker
  • forum
  • async and/or real time chat (IRC, matrix, discord, whatever)
• actual community (e.g. folks actually building things on top of this editor)
• syntax highlighting
  • JS
  • JSON
  • HTML
  • CSS
  • Python
  • Rust
• linting
  • JS
  • JSON
  • HTML
  • CSS
  • Python
  • Rust
• error flags as you type
• autocomplete
• undo-redo
  • sensible undo-redo (i.e. not "every single letter is a state")
• find in "all editors" rather than just current view
• search and replace
  • with regex
• pretty print
• plugin system
• "file preview" (markdown, html etc?)
• collaborative editing

Currently it's a combination of manual fetch(`/history`) and fetch(`/rewind/somehashhere`, { method: `post`}), but this should be a graph of some sort that we can just click -> "rewind?" -> [yes] -> call the rewind URL.

This should really be a <file-tree> element with <file-entry> and <dir-entry> and baked in file moving, sorted presentation, drag-and-drop upload, etc.

base site: https://codemirror.net/

extended core functionality: https://codemirror.net/docs/extensions/

third party extensions thread: https://discuss.codemirror.net/t/list-of-community-extensions/4899/4

right now it creates the file but then doesn't open an editor view for it.

https://github.com/microsoft/monaco-editor