New Incremark DevTools Release: Built with Svelte, Now with Multi-Parser Support

#devtools #svelte #opensource #markdown

Incremark is a high-performance incremental Markdown parser designed for AI streaming output. We're excited to announce a complete rewrite of Incremark DevTools! The new version is built with Svelte, bringing better performance, internationalization support, and a more polished debugging experience.

About Incremark

Incremark uses incremental parsing technology — only new content is parsed, completed blocks are never reprocessed. The longer the document, the more pronounced the performance advantage — from 4-6x faster on short documents to 16-65x faster on long documents.

Supports Vue, React, Svelte, and Solid frameworks with full TypeScript definitions and rich customization options.

Star us on GitHub ⭐️: https://github.com/kingshuaishuai/incremark

Report Issues 🐛: https://github.com/kingshuaishuai/incremark/issues

What's New

🌐 Internationalization (i18n)

DevTools now supports both Chinese and English interfaces! You can switch languages dynamically:

import { setLocale } from '@incremark/devtools'

// Switch to Chinese
setLocale('zh-CN')

// Switch to English
setLocale('en-US')

🔌 Multi-Parser Support

Monitor multiple parser instances simultaneously! This is incredibly useful when you have different Markdown parsers in your application.

🎨 Framework-Agnostic Design

DevTools is now completely framework-agnostic. It works seamlessly with Vue, React, Svelte, Solid, and vanilla JavaScript.

📊 Enhanced Features

The new DevTools includes four powerful tabs: Overview, Blocks, AST, and Timeline.

Migration Guide

The old useDevTools() hook has been removed. The new API uses createDevTools() to create instances and mount()/unmount() for lifecycle management.