https://github.com/funtechinc/handshake
🤝 Shake hands with iframe
https://github.com/funtechinc/handshake
Last synced: 4 months ago
JSON representation
🤝 Shake hands with iframe
- Host: GitHub
- URL: https://github.com/funtechinc/handshake
- Owner: FunTechInc
- License: mit
- Created: 2025-02-10T02:44:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-11T13:50:16.000Z (over 1 year ago)
- Last Synced: 2025-10-26T12:43:04.974Z (8 months ago)
- Language: JavaScript
- Size: 171 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Promise-based postMessage iframe communication library.
0 dependencies, Lightweight.
```bash
$ npm i @funtech-inc/handshake --D
```
```html
// CDN
```
## Example
**parent**
```javascript
new Handshake.Parent({
container: "container",
url: "http://example.com/child",
}).ready(({ on, emit, container, iframe }) => {
console.log(container); // HTMLElement
console.log(iframe); // HTMLIFrameElement
emit("parentToChild", "hello child");
on("childToParent", (data) => {
console.log(data);
}); // Log... "hello parent"
});
```
**child**
```javascript
new Handshake.Child({ url: "http://example.com/" }).ready(({ on, emit }) => {
emit("childToParent", "hello parent");
on("parentToChild", (data) => {
console.log(data);
}); // Log... "hello child"
});
```
### License
MIT