All files / src/ipfs config.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import IpfsMessagePortClient from 'ipfs-message-port-client'
import { IPFS } from './types'
import { setup } from '../setup/internal'
 
 
let ipfs: IPFS | null = null
 
 
export const set = (userIpfs: unknown): void => {
  ipfs = userIpfs as IPFS
}
 
export const get = async (): Promise<IPFS> => {
  if (!ipfs) {
    const port = await iframe()
    ipfs = IpfsMessagePortClient.from(port) as unknown as IPFS
  }
  return ipfs
}
 
export function iframe(): Promise<MessagePort> {
  return new Promise((resolve, reject) => {
    const iframe = document.createElement("iframe")
    iframe.style.width = "0"
    iframe.style.height = "0"
    iframe.style.border = "none"
    iframe.style.display = "none"
    document.body.appendChild(iframe)
 
    iframe.onload = () => {
      const channel = new MessageChannel()
      channel.port1.onmessage = ({ ports }) => resolve(ports[0])
      iframe.contentWindow
        ? iframe.contentWindow.postMessage("connect", "*", [ channel.port2 ])
        : reject(new Error("Don't have access to iframe.contentWindow"))
    }
 
    iframe.src = `${setup.endpoints.lobby}/ipfs.html`
  })
}