massCode v2 - An open source snippets manager is out to beta 🎉
Tags: vue, typescript, electron, webdev
Published: 2022-04-13 18:09:23

---
title: massCode v2 - An open source snippets manager is out to beta 🎉
published: true
description: massCode - An open source snippets manager for developers
tags: vue, typescript, electron, webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2koqm010mgon3dkbi471.jpg
---

Hi, there!

For a long time I did not have free time to develop massCode v1 and I am exited that massCode v2 is out to beta. 

## Goal

The v1 code base is simply obsolete. massCode v1 was written using Electron v7, Vue 2, and JavaScript. The new version of massCode is based on Electron 16, Vue 3, and TypeScript. The only option to use the latest technology is to start from scratch, since rewriting the current code base is pretty much like starting from scratch, except that a lot of time will be spent migrating to the new requirements of the technology in use. This also includes updating dependencies.

Electron v16 makes it possible to create a build for M1, Vue 3 & Vite is a very fast development and final build of the frontend of the application, TypeScript is a typing tool which gives less time for the subsequent development.

In the new version of the application I am abandoning Monaco editor in favor of Ace editor, as it is a lighter weight library. Ace also supports much more language syntax highlighting and TextMate, which is more widespread than the proprietary Monarch for Monaco editor.

The new version will have a database based on plain JSON. In v1 it was used for this purpose library NeDB, which is no longer supported by the author and has bugs. Also, new version will have API server available on localhost, which will allow integration with any third-party applications, such as Raycast or Alfred.

## Features

### Organization
massCode allows you to organize snippets using multi-level folders as well as tags. Each snippet has fragments - tabs, which gives even greater level of organization.

### Editor
A snippet manager must not only provide organization of snippets but also have a good code editor. That's why under the hood of massCode there's [Ace](https://microsoft.github.io/monaco-editor). Ace is a high performance code editor which supports syntax highlighting for over 170 languages. I also added a [Prettier](https://prettier.io/) to code formatter.

### Markdown
massCode allows you to write in Markdown and also provide syntax highlighting inside a code block. And of course there is a preview.

### Search
It is impossible to imagine a productive snippets manager without quick access to snippets. Therefore massCode has a fast full-text search with highlighting of the search query.

### Autosave
massCode automatically saves any changes you make during work, so you don't have to worry about losing changes.

### Sync
You can use any service that provides cloud synchronization, such as iCloud Drive, Google Drive, Dropbox or other similar.

### Database
massCode uses a simple JSON to store your data. The database files are on your local computer.

### API Server
Coming soon.

I hope that my app will be useful to someone. 

{% github massCodeIO/massCode %}

Best regards, Anton.