René's URL Explorer Experiment

Title: feat: Add runtime errors overlay to show undefined nodes location by GuiDevloper · Pull Request #372 · nullstack/nullstack · GitHub

Open Graph Title: feat: Add runtime errors overlay to show undefined nodes location by GuiDevloper · Pull Request #372 · nullstack/nullstack

X Title: feat: Add runtime errors overlay to show undefined nodes location by GuiDevloper · Pull Request #372 · nullstack/nullstack

Description: TL;DR: UndefinedNodesOverlay-speed.mp4 Full component used in the test above: NullstackOverlayTester.tsx Important notes Two routes were added for when environment.development === true (written in server/devRoutes.js): /nullstack-dev-server/get-file?fileName=full/path/to/File.jsx&lineNumber=20&columnNumber=2: Returns the formatted file pointing exactly where the undefined error happens and the relativePath to it (for showing purposes). /nullstack-dev-server/open-editor?fileName=full/path/to/File.jsx:20:2: Opens editor in that line/column using Evan You's launch-editor. The default editor can be configured, I moved that possibility to a env variable NULLSTACK_EDITOR defaulting to VSCode. Only works in development mode (when __source object is injected for every node by SWC & Babel), otherwise throws saying to retry that route in development mode to see the source of error. The errors are always cleared at every generateTree call, keeping it all updated at every rerender step. Throws became the last-case warning, only happening in production (__source === undefined) or when the main component tries to render an undefined node itself, like: import Nullstack from 'nullstack' export default class Application extends Nullstack { render() { return } }

Open Graph Description: TL;DR: UndefinedNodesOverlay-speed.mp4 Full component used in the test above: NullstackOverlayTester.tsx Important notes Two routes were added for when en...

X Description: TL;DR: UndefinedNodesOverlay-speed.mp4 Full component used in the test above: NullstackOverlayTester.tsx Important notes Two routes were added for when en...

Opengraph URL: https://github.com/nullstack/nullstack/pull/372

X: @github

direct link

Domain: github.com

Links:

Viewport: width=device-width