codemirror-promql
use-prosemirror
codemirror-promql | use-prosemirror | |
---|---|---|
1 | 2 | |
36 | 352 | |
- | 0.3% | |
5.6 | 1.8 | |
almost 2 years ago | over 1 year ago | |
TypeScript | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
codemirror-promql
-
CodeMirror 6
I'm using CodeMirror 6 for promlens.com and together with the lezer parser generator, it was great for developing syntax highlighting, contextual autocompletion, and inline linting for PromQL (that part is OSS actually, in https://github.com/prometheus-community/codemirror-promql, much of it built by Augustin Hudson, some by myself).
use-prosemirror
- What does a 'good' GitHub page like? (Q for the Professionals)
-
CodeMirror 6
> I'm guessing the integration will be basically a wrapper component with a ref of a DOM node where CodeMirror will do its thing.
Pretty much. This is how my React ProseMirror integration works: https://github.com/dminkovsky/use-prosemirror/blob/main/src/.... I believe CodeMirror would be the same. Makes me think I should expand support.
What are some alternatives?
Monaco Editor - A browser based code editor
HyperMD - A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
use-force-update - React Hook to force your function component to update
rp-codebooth - Liqvid widget for interactive code demonstrations
rp-codemirror - CodeMirror recording/playing for Liqvid
dev - Development repository for the CodeMirror editor project
react-bare-forms - A bare minimal React form library for quick & simple forms.
use-resize-observer - A React hook that allows you to use a ResizeObserver to measure an element's size.