jrieken / vscode-regex-notebook Goto Github PK

View Code? Open in Web Editor NEW

25.0 3.0 6.0 2.13 MB

License: MIT License

TypeScript 51.99% JavaScript 48.01%

vscode-regex-notebook's Introduction

Native notebook for VS Code that renders regular expressions using https://regexper.com.

This samples makes use of the following APIs/concepts

NotebookSerializer to load and save notebook documents from disk
NotebookController to execute regular expressions cells
NotebookRenderer to present regular expressions in a nice way

Running out of source

run git submodule init and git submodule update
run npm install in the terminal
also run npm run compile
select F5 to debug

Thanks

The rendering uses the https://regexper.com source code which works like a charme 👏

vscode-regex-notebook's People

Contributors

$randomfractals avatar$

Stargazers

Watchers

Forkers

randomfractals admariner jasonlhy victorzxj danmarshall rlvs

vscode-regex-notebook's Issues

Does not compile

See below.
Note the error message :

error: [plugin: peg-loader] Cannot find module './src/renderer/regexper-static/node_modules/canopy'
Require stack:
- /Users/cog/vscode/vscode-regex-notebook/esbuild.js

Full session

git submodule init; git submodule update

Submodule 'regexper-static' (https://gitlab.com/javallone/regexper-static.git) registered for path 'src/renderer/regexper-static'
Cloning into '/Users/cog/vscode/vscode-regex-notebook/src/renderer/regexper-static'...
Submodule path 'src/renderer/regexper-static': checked out '6c17c40b34ddc792b5abfa5a5896950dae62d23b'
➜  vscode-regex-notebook git:(master) npm install

added 127 packages, and audited 128 packages in 2s

11 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
➜  vscode-regex-notebook git:(master) ✗ npm run compile

> [email protected] compile
> node esbuild.js

 > error: [plugin: peg-loader] Cannot find module './src/renderer/regexper-static/node_modules/canopy'
Require stack:
- /Users/cog/vscode/vscode-regex-notebook/esbuild.js

➜  vscode-regex-notebook git:(master) ✗ node -v
v16.16.0
➜  vscode-regex-notebook git:(master) ✗ npm -v
8.11.0
➜  vscode-regex-notebook git:(master) ✗ code-insiders -v
1.70.0-insider
12b08be500f8a307f30e92cbc3ee39ba115eab69
arm64

error loading regexper.js on windows

Text outside the boxes should be white in a dark theme

When using a dark theme in Visual Studio code, the text outside the boxes (e.g. "1..2 times" is still rendered in black, making it almost invisible:

"Dark+" theme (default dark theme):

"Light+" theme (default light theme):

Maybe it's possible to use colors from the theme. If not, using grey might be a workaround, just like the dashed boxes, which are visible in both themes.