js-libp2p/examples/libp2p-in-the-browser/1/src/index.js

/* eslint no-console: ["error", { allow: ["log"] }] */
/* eslint max-nested-callbacks: ["error", 5] */
'use strict'

const domReady = require('detect-dom-ready')
const createNode = require('./create-node')

domReady(() => {
  const myPeerDiv = document.getElementById('my-peer')
  const swarmDiv = document.getElementById('swarm')

  createNode((err, node) => {
    if (err) {
      return console.log('Could not create the Node, check if your browser has WebRTC Support', err)
    }

    let connections = {}

    node.on('peer:discovery', (peerInfo) => {
      console.log('Discovered a peer')
      const idStr = peerInfo.id.toB58String()
      console.log('Discovered: ' + idStr)
      if (connections[idStr]) {
        // If we're already trying to connect to this peer, dont dial again
        return
      }

      connections[idStr] = true
      node.dial(peerInfo, (err, conn) => {
        let timeToNextDial = 0
        if (err) {
          // Prevent immediate connection retries from happening
          timeToNextDial = 30 * 1000
          console.log('Failed to dial:', idStr)
        }

        setTimeout(() => delete connections[idStr], timeToNextDial)
      })
    })

    node.on('peer:connect', (peerInfo) => {
      const idStr = peerInfo.id.toB58String()
      console.log('Got connection to: ' + idStr)
      const connDiv = document.createElement('div')
      connDiv.innerHTML = 'Connected to: ' + idStr
      connDiv.id = idStr
      swarmDiv.append(connDiv)
    })

    node.on('peer:disconnect', (peerInfo) => {
      const idStr = peerInfo.id.toB58String()
      console.log('Lost connection to: ' + idStr)
      document.getElementById(idStr).remove()
    })

    node.start((err) => {
      if (err) {
        return console.log('WebRTC not supported')
      }

      const idStr = node.peerInfo.id.toB58String()

      const idDiv = document
        .createTextNode('Node is ready. ID: ' + idStr)

      myPeerDiv.append(idDiv)

      console.log('Node is listening o/')

      // NOTE: to stop the node
      // node.stop((err) => {})
    })
  })
})