Specialized Svelte performance monitoring agent - Component lifecycle tracking, store subscription monitoring, reactive state analysis, DOM mutation observation, and real-time memory profiling.
- 🔥 Svelte Component Tracking: Component lifecycle and performance monitoring
- 🗄️ Store Monitoring: Svelte store subscription and state tracking
- 🔄 Reactive State Analysis: Svelte reactivity system performance
- 🌐 DOM Mutation Tracking: Efficient DOM change monitoring
- 💾 Memory Profiling: Component memory usage optimization
- ⚡ SvelteKit Integration: Full-stack Svelte application monitoring
- 📊 Transition Analysis: Svelte transition and animation performance
- 🎯 Action Tracking: Custom action performance monitoring
npm install @stacksleuth/svelte-agent
yarn add @stacksleuth/svelte-agent
pnpm add @stacksleuth/svelte-agent
import { SvelteAgent } from '@stacksleuth/svelte-agent';
import App from './App.svelte';
// Initialize Svelte agent
const agent = new SvelteAgent({
enabled: true,
trackComponents: true,
trackStores: true,
monitorDOM: true
});
// Start monitoring
agent.startMonitoring();
// Initialize your Svelte app
const app = new App({
target: document.getElementById('app'),
props: {
name: 'world'
}
});
export default app;
We welcome contributions! Please see our Contributing Guide for details.
MIT License - see the LICENSE file for details.
Website • Documentation • NPM Registry • GitHub
Made with ⚡ by StackSleuth