svelte-debug-console
debug.js implementation for Svelte SPA, SSR and sveltekit static sites. See your debug statements in the browser.
Features
- [x] svelte server side rendering (SSR) friendly.
- [x] works with sveltekit SPA, SSR and static site adapters.
- [x] auto scrolls to the last entry.
- [x] typescript definitions are included for LSP.
Demonstration
Getting Started
# install as a development dependency
pnpm install -D svelte-debug-console
Basic Usage
Import the library onto your template and update your google key:
import { Debug } from "svelte-debug-console";
/*
│Debug: svelte <Debug> component.
*/
In your parent component, add the <Debug>
:
<Debug discard={"false"} />
If you want to start fresh, set discard
option to true.
By default, debug.js will only create a single instance across your application. svelte-debug-console
will inject itself into the main debug instance.
For some use cases, this may not be desired.
Issues
If any trouble, please create an issue. PRs are most welcome.