Implement peer package to send messages between peers (#279)

* Initial implementation of class and discoving other peers

* Implement peer connection and sending messages between peers

* Add react app and use peer package for broadcasting

* Maintain stream for each remote peer

* Refactor code in peer package

* Add serve package for react-app

* Add readme for running react app

* Add peer package readme

* Add logs for events with details

* Add a chat CLI using peer package (#280)

* Add a flag to instantiate Peer for nodejs

* Add a basic chat CLI using peer

* Add a signal server arg to chat CLI

* Add instructions for chat CLI

* Fix typescript and ESM issues after adding peer package (#282)

* Fix build issues in util package

* Update eslint TS plugins

* Scope react app package name

* Convert cli package back to CJS and dynamically import ESM

* Upgrade ts-node version

* Fix tests

* Setup a relay node and pubsub based discovery (#284)

* Add a script to setup a relay node

* Use pubsub based peer discovery

* Add peer multiaddr to connection log

* Catch relay node dial errors

* Increase discovery interval and dial all mutiaddr

* Add UI to display self peer ID and multiaddrs

* Add UI for displaying live remote connections

* Send js objects in peer broadcast messages

* Add react-peer package for using peer in react app

* Reduce disconnect frequency between peers (#287)

* Restrict number of max concurrent dials per peer

* Increase hop relay timeout to 1 day

* Self review changes

* Review changes

* Increase pubsub discovery interval and add steps to create a peer id  (#290)

* Increase pubsub discovery interval

* Disable autodial to avoid peer dials without protocol on a reconnect

* Add steps to create a peer id and use for relay node

* Add back dependency to run signalling server

* Avoid bootstrapping and dial to relay node directly

Co-authored-by: prathamesh0 <42446521+prathamesh0@users.noreply.github.com>
Co-authored-by: prathamesh0 <prathamesh.musale0@gmail.com>

packages/cli/src/chat.ts

@@ -0,0 +1,63 @@
+//
+// Copyright 2022 Vulcanize, Inc.
+//
+
+import * as readline from 'readline';
+import { hideBin } from 'yargs/helpers';
+import yargs from 'yargs';
+
+// @ts-expect-error https://github.com/microsoft/TypeScript/issues/49721#issuecomment-1319854183
+import { PeerId } from '@libp2p/interface-peer-id';
+
+interface Arguments {
+  signalServer: string;
+  relayNode: string;
+}
+
+async function main (): Promise<void> {
+  const argv: Arguments = _getArgv();
+  if (!argv.signalServer) {
+    console.log('Using the default signalling server URL');
+  }
+
+  // https://adamcoster.com/blog/commonjs-and-esm-importexport-compatibility-examples#importing-esm-into-commonjs-cjs
+  const { Peer } = await import('@cerc-io/peer');
+  const peer = new Peer(true);
+  await peer.init(argv.signalServer, argv.relayNode);
+
+  peer.subscribeMessage((peerId: PeerId, message: string) => {
+    console.log(`> ${peerId.toString()} > ${message}`);
+  });
+
+  console.log(`Peer ID: ${peer.peerId?.toString()}`);
+
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+
+  rl.on('line', (input: string) => {
+    peer.broadcastMessage(input);
+  });
+
+  console.log('Reading input...');
+}
+
+function _getArgv (): any {
+  return yargs(hideBin(process.argv)).parserConfiguration({
+    'parse-numbers': false
+  }).options({
+    signalServer: {
+      type: 'string',
+      describe: 'Signalling server URL'
+    },
+    relayNode: {
+      type: 'string',
+      describe: 'Relay node URL'
+    }
+  }).argv;
+}
+
+main().catch(err => {
+  console.log(err);
+});

packages/cli/src/export-state.ts

@@ -22,7 +22,6 @@ import {
   GraphWatcherInterface,
   Config
 } from '@cerc-io/util';
-import * as codec from '@ipld/dag-cbor';
 
 import { BaseCmd } from './base';
 
@@ -164,6 +163,7 @@ export class ExportStateCmd {
     }
 
     if (this._argv.exportFile) {
+      const codec = await import('@ipld/dag-cbor');
       const encodedExportData = codec.encode(exportData);
 
       const filePath = path.resolve(this._argv.exportFile);

packages/cli/src/import-state.ts

@@ -25,7 +25,6 @@ import {
   updateEntitiesFromState,
   Config
 } from '@cerc-io/util';
-import * as codec from '@ipld/dag-cbor';
 
 import { BaseCmd } from './base';
 
@@ -112,6 +111,7 @@ export class ImportStateCmd {
     // Import data.
     const importFilePath = path.resolve(this._argv.importFile);
     const encodedImportData = fs.readFileSync(importFilePath);
+    const codec = await import('@ipld/dag-cbor');
     const importData = codec.decode(Buffer.from(encodedImportData)) as any;
 
     // Fill the snapshot block.