Prosemirror Dev Toolkit
Injectable developer tools for ProseMirror rich-text editors implemented in Svelte and TypeScript.
Overview:
The prosemirror-dev-toolkit is a rewrite of the prosemirror-dev-tools, designed to be smaller, more efficient, and with improved features. It is implemented using Svelte, which compiles directly to JavaScript without the need for a runtime, resulting in a smaller package size. This toolkit also functions as a Chrome extension, offering the convenience of inspecting live editors without the need to bundle it with project dependencies.
Features:
- Svelte Implementation: Rewritten in Svelte for improved performance and smaller package size.
- Chrome Extension: Functions as a Chrome extension for easy inspection of live editors.
- 6 Tabs Interface: Consists of 6 tabs to interact with the Prosemirror editor for various functionalities.
- Snapshot Persistence: Allows the persistence and hydration of snapshots, with added export/import from JSON.
- State Tab: Shows current state.doc, selection, active marks, and document summary.
- History Tab: Displays the last dispatched transaction, content diff, selection diff, toDOM'd document slice, and transaction details.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
