Roadmap

[ije]

Requested features

• Dynamic Editor Options #12
• Bundler Usage #33
• React/Nextjs integration #13
• Feature request: Possibility to render multiple editors on a page #23 (Multi workspace setup #32)

Planned features

• Diff API
• Mobile optimization
• Streaming SSR for AI agent
• Custom workspace file system (Feat/Custom FS for Workspace #5)
• Built-in file tree (only if a workspace is provided)
• Multiple window(editor) (only if a workspace is provided)
• Quick open menu (only if a workspace is provided)
• Drag and drop file (only if a workspace is provided)
• Display non-code files, like images, videos, etc (only if a workspace is provided)
• Show a loading indicator while the editor-core.js is loading
• Implement VSCode window.show<XXX>Message APIs
• Emmet
• Built-in markdown language service
• Support Shiki JS RegExp Engine

Plugin system:

A plugin for modern-monaco can:

• Add theme (shiki theme)
• Add language grammar (tmlanguage)
• Add LSP provider
• Add Typescript server plugin
• Access workspace if provided
• Access editor instance
• Configurate File Tree (Add file icons, hide files, etc...)

import { lazy, Workspace } from "modern-monaco"
import myPlugin from "my-plugin-on-npm"

const workspace = new Workspace({ ... })

lazy({
  workspace,
  plugins: [
    myPlugin,
    import("https://esm.sh/gh/username/my-plugin-repo")
  ]
})

Remote language server

see #21

[kvoon3]

Awesome work! Is there any roadmap for adding Vim key-bindings 👀 monaco-vim

[geoman2]

Hi, can you add MCP integration too? Some tutorials you can use:
https://huggingface.co/blog/gradio-mcp
https://blog.platformatic.dev/platformatic-mcp
https://x.com/jherr/status/1950721916597105009

[dbzx10299]

Does this support shiki custom themes?

[ZWkang]

allow use multiple different theme instance in one page?

[ije]

@dbzx10299 yes

import OneDark from "themes/my-theme.json" with { type: "json" };

lazy({
  theme: OneDark
});

[ije]

@ZWkang currently only one instance exists when using lazy

[ZWkang]

@ije microsoft/monaco-editor#338 will this problem will be resolved in this package?

[ije]

@ZWkang, not very sure, i will check!

[Nyx2022]

hello,thank you for your hard work ! i found you wanna add a featrue "Display non-code files, like images, videos, etc (only if a workspace is provided)",so i wanna know can you add another 2 features:
one is support binary mode.the key is setValue() and getValue() should be enhanced
the second one is can has 2 editor,in the left is plain text(must has some invisible or not readable chars) in monaco , in the right side,it has a hex version ,they has a map to show what i choosed(highlight),i can modify the left or right ,which can auto update in the other sides.
actually the 2 featrue can combine too ,so you can provide a option to users to decide if they need 2 editors

[nguyenduchuyz190]

Looking forward to a built-in file tree. And it would be great if it could support a treeview API like a VSCode extension.

[ije]

Looking forward to a built-in file tree. And it would be great if it could support a treeview API like a VSCode extension.

@nguyenduchuyz190 nice idea!