Flunkee | Code snippets on steroids

Snippets should ease and speed up your workflow and make tedious tasks less annoying. But existing solutions like the default editor snippets often fail to deliver the promised assistance, because they have to be generic so everyone can use them.

Whether you have a personal coding style, additional libraries or any other custom requirements the benefit of those snippets shrinks since you have to adapt the inserted snippet in a bunch of places. Flunkee aims to solve these problems through easier adjusments and transformative code snippets.

Web Application

You can create and edit your own snippets on https://www.flunkee.net. All you need is a Github Account and you can get started.

Extension Setup

1. Install the Extension
2. Got to your settings page on https://www.flunkee.net/settings and copy your api key
3. Open Extension settings with (ctrl|cmd)+shift+p search "Flunkee: Settings" and select insert api key
4. Paste your api key and press enter

That's all your snippets will be synced automatically. If you want to manually trigger a sync just press the statusbar item

Insert Snippets

Flunkee offers the same insert snippet functionality as vs code, but you can create and edit your snippets easily in a web interface. On top of the existing functionality you can use evaluation functionality, username and email variables and snippet referencing/nesting. View the recipe panel in the insert snippet editor to see different examples.

Editor Usage: Insert snippets are provided as you type, so no special workflow.

Transform Snippets

Transform snippets aim to solve repetitive code adaptions which are too small to leverage code mods but nevertheless time consuming and annoying. You can also create transform snippets in the web interface, you create a transformation script which gets input text and returns an output. You can test transform snippets directly in the browser.

Editor Usage: If you are happy with your snippets you can use them in the editor. For that you have to select the text you want to transform, open the flunkee snippet command menu with ctrl+alt+f and selecting your collection and snippet.

Alternative ways for viewing the available transform collections are:

1. Right-click and choose "Transform Snippets"
2. Clicking the clipboard icon in the top right corner of the active file
3. Open the vs code menu and searching "Flunkee: Transform Snippets"

Examples for transform snippets could be string casing transformations, or even more complex tasks like changing a react class component to a stateless function component or the transformation of css to inline-style css

Extension Settings

This extension contributes the following settings:

• flunkee.commands: the entry point for all you transform snippets
• flunkee.settings: the entry point for extension settings like api key, sync
• flunkee.syncNow: triggers a sync of the snippets

The extension registers ctrl+alt+f as a shortcut to open the transform snippet menu You can access the transform snippets also through a right click inside the editor and in the header navigation bar

Known Issues

Application is currently in alpha state - currently none

Release Notes

0.0.1

Initial release of Flunkee