Chrome extension sample using Miro Web SDK

Overview

The repository provides a simple example of a Chrome extension that interacts with Miro board using Miro Web SDK.

The following features are contained:

• Miro Web SDK 2.0
• Chrome Extension (Manifest V3)
• TypeScript
• Vite

How to try

1. Clone the repository
2. Run npm i
3. Run npm run build, which generates dist directory
4. Open Chrome and install the extension as follows:
   1. Go to chrome://extensions
   2. Activate "Developer mode"
   3. Press "Unpacked" and choose the dist directory
5. Open your Miro board
6. You will find "Put Star!!" button at the bottom right corner of the board. Pressing this button puts a yellow star and zoom to it, as explained on an official document.

Development cycle

1. Run npm run dev
2. Open your Miro page
3. Iterate the followings:
   1. Edit your extension file (src/main.ts)
   2. Saving the file automatically triggers the Miro page to reload