Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(transport): add bridge transport #309

Open
wants to merge 12 commits into
base: develop
Choose a base branch
from
Open

feat(transport): add bridge transport #309

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
5476fba
feat(transport): add bridge transport
AndreasGassmann Jan 26, 2022
2fbc15a
fix(): update version
AndreasGassmann Jan 26, 2022
81f7107
fix(): package-lock
AndreasGassmann Jan 26, 2022
2a06ba7
fix(): remove types
AndreasGassmann Jan 26, 2022
c681541
fix(): version wildcards
AndreasGassmann Jan 26, 2022
e849bd6
fix(): remove package lock
AndreasGassmann Jan 26, 2022
a894c6d
chore(release): v2.4.0-beta.4 test
AndreasGassmann Jan 26, 2022
d4d3daf
fix(build): peer dependencies
AndreasGassmann Jan 26, 2022
9a3265b
fix(build): fix version number
AndreasGassmann Jan 26, 2022
8c72bdf
fix(): remove some any types
AndreasGassmann Jan 26, 2022
4a856b0
Merge branch 'develop' into feat/bridge-transport
AndreasGassmann Jan 27, 2022
5921a4a
feat(): add axios
AndreasGassmann Jan 27, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 60 additions & 0 deletions examples/bridge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Beacon Bridge</title>

<script src="./channel.min.js"></script>
</head>

<body>
<script>
// Read the parent URL from the query string
const urlParams = new URLSearchParams(window.location.search)
const parentOrigin = urlParams.get('parent')

const channel = new window.BroadcastChannel2('beacon')

const receiveMessage = (evt) => {
console.log('[BRIDGE]: event received', evt)

// Make sure the parent window sent us the message
if (evt.source !== parent) {
console.log('[BRIDGE]: Event source is not parent')
return
}
if (evt.origin !== parentOrigin) {
throw new Error("[BRIDGE]: Origin doesn't match parent url parameter")
}

channel.postMessage(evt.data)
}

const sendMessage = (message, type = 'message') => {
var data = {
type,
payload: message
}

console.log('[BRIDGE]: SENDING', data, parentOrigin)
parent.postMessage(JSON.stringify(data), parentOrigin)
}

channel.onmessage = sendMessage

if (window.addEventListener) {
// Listen to postMessage messages
window.addEventListener('message', receiveMessage, false)
} else {
// In case "addEventListener" is not available
window.attachEvent('onmessage', receiveMessage)
}

const loadingComplete = () => {
sendMessage('', 'ready')
}

loadingComplete()
</script>
</body>
</html>
Loading