How to use the @aragon/api.providers.WindowMessage function in @aragon/api
To help you get started, we’ve selected a few @aragon/api examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
AutarkLabs / open-enterprise / apps / rewards / app / index.js View on Github 
import React from 'react'
import ReactDOM from 'react-dom'
import Aragon, { providers } from '@aragon/api'
import App from './components/App/App'
class ConnectedApp extends React.Component {
state = {
app: new Aragon(new providers.WindowMessage(window.parent)),
observable: null,
userAccount: '',
network: {},
// ...allocationsMockData
}
componentDidMount() {
window.addEventListener('message', this.handleWrapperMessage)
}
componentWillUnmount() {
window.removeEventListener('message', this.handleWrapperMessage)
}
// handshake between Aragon Core and the iframe,
// since iframes can lose messages that were sent before they were ready
handleWrapperMessage = ({ data }) => {
if (data.from !== 'wrapper') {
returnimport Aragon, { providers } from '@aragon/api'
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
class ConnectedApp extends React.Component {
state = {
app: new Aragon(new providers.WindowMessage(window.parent)),
observable: null,
account: '',
network: {},
}
componentDidMount() {
window.addEventListener('message', this.handleWrapperMessage)
}
componentWillUnmount() {
window.removeEventListener('message', this.handleWrapperMessage)
}
handleWrapperMessage = ({ data }) => {
if (data.from !== 'wrapper') {
return
}
if (data.name === 'ready') {
const { app } = this.stateimport Aragon, { providers } from '@aragon/api'
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
class ConnectedApp extends React.Component {
state = {
app: new Aragon(new providers.WindowMessage(window.parent)),
observable: null,
account: '',
network: {},
}
componentDidMount() {
window.addEventListener('message', this.handleWrapperMessage)
}
componentWillUnmount() {
window.removeEventListener('message', this.handleWrapperMessage)
}
handleWrapperMessage = ({ data }) => {
if (data.from !== 'wrapper') {
return
}
if (data.name === 'ready') {
const { app } = this.state
