Bender Render

This is a VSCode extension that allows you to run multiple repos at once using a GUI dropdown within VSCode.

Install

VSCode Marketplace: https://marketplace.visualstudio.com/items?itemName=khirabayashi.bender-render

Use

Open command palette in VSCode (CMD + SHIFT + P)

Available Commands

• BEND: Select Source Directory
• BEND: Set Preferred Terminal
• BEND: Serve Repositories
• BEND: Create Collection
• BEND: Serve Colelction
• BEND: Delete Collection

Select Source Directory

IMPORTANT NOTE: Do not skip. This one-time step is required before using any other commands!

This sets your default directory where repos are located (usually src/). This should be the top level directory that contains all of your repos you want to run. You can re-run this command as necessary to change the directory.

Set Preferred Terminal

This sets your preferred terminal where the commands will be run. It supports VSCode/Cursor, iTerm, and macOS. Defaults to VSCode/Cursor.

Serve Repositories

1. Open the dropdown and select the repos you want to run. Use spacebar to select and enter to submit
2. Select any additional CLI flags you wish to use *

Create Collection

Create a selection of repos. This will open a dropdown with a list of repos contained within your source directory to create a named collection. This will create a collection of repos you can serve later with Serve Collection.

Serve Collection

Serve a collection of repos. This will open a dropdown with all collections created with Create Collection. Select the collection you want to run. This will serve all repos within the collection.

Delete Collection

Delete a collection of repos. This will open a dropdown with all collections created with Create Collection. Select the collection you want to delete. This will delete the collection from the dropdown.

* By default, your repos will be run with:

• --ts-watch
• --update
• NODE_ARGS='--max_old_space_size=8192'

Development

Build locally

Clone this repo and:

cd bender-render
brew install vsce
npm run build

Then, in VSCode/Cursor:

1. Open Extensions
2. Click ...
3. Click Install from vsix
4. In bender-render, choose bender-render-1.0.0.vsix

Running Unit Tests

1. Close all VSCode/Cursor instances
2. From terminal, npm run test

Debugging

1. Open the project in VSCode/Cursor
2. Make changes
3. Run npm run compile
4. Press F5 to start debugging

F5 will open a new VSCode window with the extension running. You can then open a new window and test the extension.