Feature: add code editor component. - Githubissues

typerefinery-ai / typerefinery

Testing: https://dashboard.cypress.io/projects/8v1kna/runs

https://innovolve-ai.github.io/typerefinery/report.html

Apache License 2.0

2 stars 2 forks source link

Feature: add code editor component. #78

Closed wildone closed 2 years ago

wildone commented 2 years ago

We need a code editor, could be ‘codemirror’ or 'monaco-editor' so that we can edit large text and code.

This will be used to edit following data:

query code (tql)
transformer (javascript) (data -> transformer -> d3)
service logfiles (text)
notes (mardown)
fast api (python)

It needs to be able to support formats out of the box:

markdown
Json
Python
Xml
Yaml
Javascript

It need to support adding new syntax formats:

tql - typedb query language.

wildone commented 2 years ago

@Shivam-apna take a look at this https://github.com/innovolve-ai/typeql-plugin-atom we could load it using this into codemirror https://github.com/patrick-steele-idem/codemirror-atom-modes.

Also have a look at https://microsoft.github.io/monaco-editor/ there is already syntax for it https://github.com/typedb-osi/typeql-plugin-vscode/. Here is a reference vue3 component https://github.com/bazingaedward/monaco-editor-vue3 we could use that and add our language to it.