bookmarklet-builder

I added some further features to Bookmarklet Builder:

• Share source - a link that can be shared that will preload the editor with the formatted source. Use this to share non-minified source so you or other people can edit later.
• Caching - refreshing the page, or returning later, will load whatever code was edited last

Links

• Bookmarklet Builder
• Source

Whilst there are a number of bookmarklet creators available on the web, none of them were close enough to the IDE experience I’ve become used to with vscode. As such, I decided make a first attempt at writing my own Bookmarklet editor by embedding the Monaco Editor within the page and integrating it with Prettier and Terser for easy switching between formatted code and a minified bookmarklet.

I discovered useKeyPress from ahooks which is an easy way to configure single or multi-key presses and their handlers in react.

Links

• Bookmarklet Builder
• Source