Note
mimansajaiswal: write me a small app that takes in text like this:
"mimansajaiswal: write notation-fold.ts similar to notion-highlight.ts where if a region is marked to be collapsed, it allows you to collapse it and expand it similar to code folding in ides. this is how it works with multiple lines in code highlight: Use [!code highlight] to highlight a line. ts console.log('Not highlighted') console.log('Highlighted') // [!code highlight] console.log('Not highlighted')
Renders (with custom CSS rules): console.log('Not highlighted') console.log('Highlighted') console.log('Not highlighted') // [!code highlight] outputs: The outer
tag is modified:You can also highlight multiple lines with a single comment:ts // [!code highlight:3] console.log('Highlighted') console.log('Highlighted') console.log('Not highlighted')
Renders: console.log('Highlighted') console.log('Highlighted') console.log('Not highlighted')"and a