js-notebook-inspector
js-notebook-inspector copied to clipboard
JS Notebook 📓 Inspector 🕵️ -> vscode extension for Interactive Preview of Observable JS Notebooks 📚 & Notebook 📓 Nodes ⎇ & Cells ⌗ source code.
wire it to js notebook view for js files ending with that file extension, and register that notebook view with gistpad for rendering.
use notebook json document added in #32 for getting and displaying notebook nodes code
with new native vscode [Notebooks UX](https://github.com/microsoft/vscode/issues/95154) and notebook document [API](https://github.com/microsoft/vscode/issues/93265) for editing observable notebooks
synchronized it with open editors tree view panel in vscode explorer.
via star/favorite toggle in notebook view title bar and notebook tree node remove command in notebooks tree view.
for easy discovery of latest popular observable JS notebooks part of notebook collections view feature (#7) popular notebooks query example: ``` https://api.observablehq.com/documents/public/popular?date=2020-07-11T05%3A00%3A00.000Z&limit=10 ``` response to parse & display in notebooks...
with options to: - star loaded notebooks - follow notebook authors - view notebook author collections - bookmark notebook cells ...
for navigation of notebook cells. should be what vscode already displays in its defualt outline panel + parsed code from notebook nodes added in #32
with links and nodes to view imported notebook cells and referenced notebooks via notebook view. see prototype here: https://observablehq.com/@randomfractals/notebook-info & use notebook document json added in #32 for traversing notebook...
for searching observable js notebooks ... should show a custom webview similar to these search results on observable website: https://observablehq.com/search?query=vega our notebooks visualizer already has most of the api's for...