@dapplets/dapplet-overlay-bridge v0.1.3

Dapplet-Overlay Bridge

TypeScript library for two-way communication between a dapplet and an overlay.

Installation

Use the package manager npm or yarn to install the library.

npm i @dapplets/dapplet-overlay-bridge

You can import the library as ECMAScript module.

<script type="module">
    import Bridge from 'https://unpkg.com/@dapplets/dapplet-overlay-bridge';
</script>

Usage

You can try simple example written in one HTML file by this path: examples/pure-html-page.

React.js based example also available in examples/react-overlay.

// Dapplet side
const overlay = Core.overlay({ url: 'http://localhost:5000', title: 'Overlay' });
overlay.sendAndListen('data', 'Hello, World!', {});

// Overlay side
import Bridge from '@dapplets/dapplet-overlay-bridge';

class MyBridge extends Bridge {
    _subId = 0;

    onData(callback) {
        this.subscribe('data', (data) => {
            callback(data);
            return (++this._subId).toString();
        });
    }
}

const bridge = new MyBridge();

bridge.onData((data) => alert(data)); // Hello, World!