Pulse Editor Extension Template

This is a React template which you can use to make your own Pulse Editor extension. It uses Webpack Module Federation to share extensions with Pulse Editor.

Get Started

Add extension source code

Add React code inside /src to make your custom component(s) for your extension, main.tsx is the main entrance for Pulse Editor Extensions.

Pulse Editor hooks library

You can use hooks provided by @pulse-editor/react-api to interact with Pulse Editor main process. Some examples are:

• Load/write currently opened file.
• Invoke Pulse Editor agents.
• Use agentic tools installed in Pulse Editor.

Start development

Method 1: Install your extension in Pulse Editor as a dev extension

Run the following to start a dev server locally.

npm run dev

This will host your extension at http://localhost:3001 (or you can customize the server host in webpack.config.ts). Then in Pulse Editor, go to settings and fill in your extension dev server's information to install you new extension. You will need the following:

• dev server: e.g. http://localhost:3001
• extension id: your extension's ID specified in pulse.config.ts
• version: your extension's version specified in pulse.config.ts

Method 2: Preview your extension in browser

If you'd like to quickly get started on developing your extension without installing it inside Pulse Editor. You can run a preview dev server that runs in your browser (just like developing React application).

npm run preview

Please note that your extension won't be able to use IMC (Inter-Module-Communication) to communicate with Pulse Editor during preview development mode.