feat: convert to typescript (#1172)

Converts this module to typescript.

- Ecosystem modules renamed from (e.g.) `libp2p-tcp` to `@libp2p/tcp`
- Ecosystem module now have named exports
- Configuration has been updated, now pass instances of modules instead of classes:
- Some configuration keys have been renamed to make them more descriptive.  `transport` -> `transports`, `connEncryption` -> `connectionEncryption`.  In general where we pass multiple things, the key is now plural, e.g. `streamMuxer` -> `streamMuxers`, `contentRouting` -> `contentRouters`, etc.  Where we are configuring a singleton the config key is singular, e.g. `connProtector` -> `connectionProtector` etc.
- Properties of the `modules` config key have been moved to the root
- Properties of the `config` config key have been moved to the root
```js
// before
import Libp2p from 'libp2p'
import TCP from 'libp2p-tcp'

await Libp2p.create({
  modules: {
    transport: [
      TCP
    ],
  }
  config: {
    transport: {
      [TCP.tag]: {
        foo: 'bar'
      }
    },
    relay: {
      enabled: true,
      hop: {
        enabled: true,
        active: true
      }
    }
  }
})
```
```js
// after
import { createLibp2p } from 'libp2p'
import { TCP } from '@libp2p/tcp'

await createLibp2p({
  transports: [
    new TCP({ foo: 'bar' })
  ],
  relay: {
    enabled: true,
    hop: {
      enabled: true,
      active: true
    }
  }
})
```
- Use of `enabled` flag has been reduced - previously you could pass a module but disable it with config.  Now if you don't want a feature, just don't pass an implementation.   Eg:
```js
// before
await Libp2p.create({
  modules: {
    transport: [
      TCP
    ],
    pubsub: Gossipsub
  },
  config: {
    pubsub: {
      enabled: false
    }
  }
})
```
```js
// after
await createLibp2p({
  transports: [
    new TCP()
  ]
})
```
- `.multiaddrs` renamed to `.getMultiaddrs()` because it's not a property accessor, work is done by that method to calculate announce addresses, observed addresses, etc
- `/p2p/${peerId}` is now appended to all addresses returned by `.getMultiaddrs()` so they can be used opaquely (every consumer has to append the peer ID to the address to actually use it otherwise).  If you need low-level unadulterated addresses, call methods on the address manager.

BREAKING CHANGE: types are no longer hand crafted, this module is now ESM only

examples/webrtc-direct/test.js

@@ -1,10 +1,11 @@
-'use strict'
+import path from 'path'
+import execa from 'execa'
+import pDefer from 'p-defer'
+import { toString as uint8ArrayToString } from 'uint8arrays/to-string'
+import { chromium } from 'playwright'
+import { fileURLToPath } from 'url'
 
-const path = require('path')
-const execa = require('execa')
-const pDefer = require('p-defer')
-const { toString: uint8ArrayToString } = require('uint8arrays/to-string')
-const { chromium } = require('playwright');
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
 function startNode (name, args = []) {
     return execa('node', [path.join(__dirname, name), ...args], {
@@ -13,8 +14,8 @@ function startNode (name, args = []) {
     })
 }
 
-function startBrowser (name, args = []) {
-    return execa('parcel', [path.join(__dirname, name), ...args], {
+function startBrowser () {
+    return execa('vite', [], {
         preferLocal: true,
         localDir: __dirname,
         cwd: __dirname,
@@ -22,7 +23,7 @@ function startBrowser (name, args = []) {
     })
 }
 
-async function test () {
+export async function test () {
     // Step 1, listener process
     const listenerProcReady = pDefer()
     let listenerOutput = ''
@@ -42,20 +43,14 @@ async function test () {
 
     // Step 2, dialer process
     process.stdout.write('dialer.js\n')
-    let dialerUrl = ''
-    const dialerProc = startBrowser('index.html')
+    let dialerUrl = 'http://localhost:3000'
+    const dialerProc = startBrowser()
 
     dialerProc.all.on('data', async (chunk) => {
         /**@type {string} */
         const out = chunk.toString()
 
-        if (out.includes('Server running at')) {
-            dialerUrl = out.split('Server running at ')[1]
-        }
-
-
-        if (out.includes('Built in ')) {
-
+        if (out.includes('ready in')) {
             try {
                 const browser = await chromium.launch();
                 const page = await browser.newPage();
@@ -71,25 +66,14 @@ async function test () {
                   '#output',
                   { timeout: 10000 }
                 )
-                await browser.close();
-            } catch (/** @type {any} */ err) {
+                await browser.close()
+            } catch (err) {
                 console.error(err)
                 process.exit(1)
             } finally {
                 dialerProc.cancel()
-                listenerProc.kill()
+                listenerProc.cancel()
             }
         }
     })
-
-    await Promise.all([
-        listenerProc,
-        dialerProc,
-    ]).catch((err) => {
-        if (err.signal !== 'SIGTERM') {
-            throw err
-        }
-    })
 }
-
-module.exports = test