five-bells-visualization/public/js/parser.js

Tool to visualize Five Bells payments

let unique = 0
export default class Parser {
  constructor (state) {
    this.state = state
    this.nodes = new Map()
    this.events = new Map()
    this.eventsByPayment = new Map()
    this.queue = []
    this.queueTimer = null
  }

  receiveEvent (event) {
    event.id = unique++
    this.queue.push(event)
    this.processQueue()
  }

  processQueue () {}

  getNode (nodeId) {
    return this.nodes.get(nodeId)
  }

  getEventsByPayment (paymentId) {
    return this.eventsByPayment.get(paymentId)
  }

  parseEvent (event) {
    switch (event.type) {
      case 'ledger':
        this.parseLedgerEvent(event)
        break
      case 'connector':
        this.parseConnectorEvent(event)
        break
      case 'user':
        // this.parseUserEvent(event)
        break
      case 'notification':
        this.parseNotificationEvent(event)
        break
      default:
    // console.log('Unknown event', event)
    }
  }

  parseLedgerEvent (event) {
    if (this.nodes.has(event.detail.id)) {
      return
    }

    const node = {
      id: unique++,
      type: 'ledger',
      identity: event.detail.id,
      radius: 1,
      x: unique,
      y: unique
    }
    this.nodes.set(event.detail.id, node)
    this.state.current.nodes.push(node)
  }

  parseConnectorEvent (event) {
    const nodeId = (event.detail.source < event.detail.destination)
      ? event.detail.source + ';' + event.detail.destination
      : event.detail.destination + ';' + event.detail.source

    if (this.nodes.has(nodeId)) {
      return
    }

    const node = {
      id: unique++,
      type: 'connector',
      identity: nodeId,
      source: event.detail.source,
      target: event.detail.destination
    }
    this.nodes.set(nodeId, node)
    this.state.current.connectors.push(node)
  }

  parseUserEvent (event) {
    if (this.nodes.has(event.detail.id)) {
      return
    }

    const node = {
      id: unique++,
      type: 'user',
      identity: event.detail.id,
      ledger: event.detail.ledger
    }
    this.nodes.set(event.detail.id, node)
    this.state.current.nodes.push(node)
  }

  parseNotificationEvent (event) {
    let notification
    if (this.events.has(event.detail.resource.id)) {
      notification = this.events.get(event.detail.resource.id)
    } else {
      notification = {
        id: unique++,
        related: this.nodes.get(event.detail.resource.ledger),
        text: event.detail.resource.state,
        state: event.detail.resource.state,
        offsetX: 0,
        offsetY: -20
      }
      this.events.set(event.detail.resource.id, notification)
      this.state.current.events.add(notification)
    }

    let paymentEvents
    const paymentId = event.detail.resource.partOfPayment
    if (this.eventsByPayment.has(paymentId)) {
      paymentEvents = this.eventsByPayment.get(paymentId)
    } else {
      paymentEvents = new Set()
      this.eventsByPayment.set(paymentId, paymentEvents)
    }
    paymentEvents.add(event)

    notification.text = event.detail.resource.state
    notification.state = event.detail.resource.state
  }

  clearFinalNotifications () {
    for (let e of this.state.current.events) {
      if (e.state === 'executed' || e.state === 'rejected') {
        this.state.current.events.delete(e)
      }
    }
  }
}