Rich Text Editors in Action: Stress Test On Lexical and ProseMirror
This article explores how Lexical and ProseMirror handle long-term use and heavy data stress.
PNPM workspace with git submodules
Manage your NPM package chaos with a monorepo using pnpm and git submodules.
prosemirror-slash-menu: Slash menu for ProseMirror
Implement a slash menu for ProseMirror in your app in 5 minutes.
Hocuspocus with Supabase
A quick tutorial on how to use Hocuspocus with Supabase to build a quick collaborative editor backend.
prosemirror-link-preview: Link preview for prosemirror!
An open source link preview plugin for prosemirror made by Emergence-Engineering.
JsonSchema generation from {{ mustache }} templates
A guide with code samples for building a strict schema validator for your mustache templates.
Building a production ready Next.js+PostGraphile architecture
A guide with code samples and a GitHub repository for building a production ready architecture with the following three services: Postgres, Postgraphile and Next.js
A year after we chose to go with PostGraphile over Hasura in production
Summarising our experiences of using PostGraphile in production for more than a year in light of the recent investigation on whether we want to switch to Hasura
Discord gitBot: get Github notifications on your discord server
Release of Discord gitBot: get notified about GitHub events on your discord server.
prosemirror-codemirror-block: CodeMirror 6 code block for ProseMirror
Release ProseMirror codeblock plugin that uses the brand-new CodeMirror 6, a major improvement over CodeMirror 5.
Sponsored by Skiff - a private, end-to-end encrypted, and decentralized workspace.
prosemirror-image-plugin v2: Resizable images!
A 2.0 update for ProseMirror image plugin with resizable images!
prosemirror-link-plugin: Create automatic links in ProseMirror
If you want to have a decorations around different strings in your ProseMirror document then this is your plugin! You can make the found words to behave as links ( for example ), and add new items to your string list on the fly
Image plugin for ProseMirror with drop & paste handling, easy uploading, alignment selector and title
Most production editors need functionality to drop or paste images, have editable titles, and these images have to be uploaded & stored on a server. Managing this from the ground up takes a lot of time, so I wrote a plugin for ProseMirror which makes this very easy, and is flexible enough to handle a lot of use cases.
Collaborative text editor with ProseMirror and a syncing database
With the collaborative editing functionality in ProseMirror it's possible to create documents that are editable by multiple users at the same time. Although the [ prosemirror-collab ] module is not very hard to use, a communication layer is necessary for the clients to receive new steps to update their local document, keeping them in sync. This is usually done with WebSockets, which adds another layer in the stack where bugs can hide. This article shows a path to get rid of that layer by using a well-tested layer in the form of a syncing database. In this article PouchDB/CouchDB is used, so the emulated "server" can also live in the browser, thus making the example simpler. This approach has also been tested with Firestore.
Everyday javascript ep. 1: Rest/spread operator pt1.
Going trough the internet you'll find a lot of in-depth articles about specific issues, light tutorials, and everything in between. But the javascript landscape is vast, and sometimes too much information gets in the way of understanding.
Even after years of professional development I see tricks every now and then which are straightforward conceptually, but easy to miss, and there's no place where I could read more about real usage, and not a 30 page long detailed article about every small detail of a given feature.
lexical-link-preview-plugin: Link preview for Lexical
An open source link preview plugin for lexical made by Emergence-Engineering.
Guide for writing ProseMirror plugins
A gentle introduction to the ProseMirror plugin system with examples, tricks & tips.
lexical-slash-menu-plugin: Slash menu for lexical
An open source slash menu plugin for lexical made by Emergence-Engineering.