@metamask/sdk-install-modal-web

Preact Embeddable Widget

Live preview

Features

• Typescript
• Smaller bundle size (Preact vs React)
• Package fonts, CSS, json, transpiled javascript into one .js library bundle (via webpack)
• Semantic versioning release management
• Widget can be mounted in targeted Node
• No conflicting CSS between the host and widget

Getting started

Install dependencies

yarn

Start hot-reload development server

yarn start

Building for production

Run yarn build to build the widget bundle for production

Releasing a new production version of the widget

Run yarn build:release and follow the interactive steps to tag a new version of your widget

Use Cases

• Your widget needs to be easily added to websites with a <script> tag
• Configurable at runtime (publishable keys and other config)
• You find that an iframe is not flexible and feature rich enough for your needs

---

Inspired by https://github.com/seriousben/embeddable-react-widget