ts-snippets is a powerful Chrome extension designed to enhance your development workflow by enabling you to create, save, run, and manage TypeScript code snippets directly within your browser's DevTools.

With integrated Monaco Editor support, you benefit from features like IntelliSense, syntax highlighting, and code validation, making it easier to write and test TypeScript code on the fly.

Key Features:

Create and Save Snippets: Easily create new TypeScript snippets and save them for future use.

Run Snippets Instantly: Execute your TypeScript snippets with a single click or using keyboard shortcuts.

Monaco Editor Integration: Enjoy a rich coding experience with IntelliSense, syntax highlighting, and error checking.

Seamless DevTools Integration: Access and manage your snippets directly from the Chrome DevTools panel.

Auto-Save Feature: Your code is automatically saved as you type, ensuring you never lose your progress.

Whether you’re debugging, prototyping, or learning TypeScript, TS Snippets provides a convenient and efficient way to work with TypeScript code snippets directly in your browser.

Technologies Used

Language: TypeScript

Bundling: Webpack

Editor: Monaco Editor

Environment Management: dotenv

Styling: CSS Modules

Extension Framework: Chrome Extension APIs

Storage: IndexedDB