kildom / cre-web-demo Goto Github PK

• update to newest node modules
• add source code (in compressed and encoded form) in the address bar. Compression experiments in a different branch. It should also contains file name.
• add browser storage
• add multiple files support (in tabs)
• add sharing button that copies the address
• show "View as HTML" check box if HTML is detected in the output.
• add Open button with menu: sample files (title as label), tutorial files (section and stage as label), recently closed files (modification time as label), from URL. File will not be saved as "recently closed" if it is identical to sample or tutorial.
• Download file button

Apply to web demo and VCS plugin:

• use registerDocumentSemanticTokensProvider to do coloring of the CRE.
• use codelens to automatically generate interfaces in TypeScript (only VSC). May be not 100% accurate because of interpolation - simple solution: allow user to handle interpolation, e.g. by allowing to add extends in the generated interface. Alternative: use model-markers below.
• use completion-provider for autocomplete CRE
• use configure-javascript-defaults to provide declarations for cre if possible (only in web demo)
• use hover-provider to explain each token in the CRE. Hovering the cre should show the compiled expression if interpolation allows it.
• use model-markers to show errors and warnings in the CRE. Second usage in typescript: use it to mark `/*# interface myGroupInterface */ if the interface is out of date allowing to regenerate if needed.

registerDocumentSemanticTokensProvider sample code with CRE

https://code.visualstudio.com/api/language-extensions/semantic-highlight-guide