fluencelabs/js-libp2p
1
0
Fork 0
mirror of https://github.com/fluencelabs/js-libp2p synced 2025-06-22 05:21:35 +00:00
Code Issues Projects Releases Wiki Activity

docs: libp2p in browser example (#390)

Browse Source 
* docs: improve browser example

* docs: remove bad ipfs link
This commit is contained in:
Jacob Heun
2019-07-30 12:38:02 +02:00
committed by GitHub
parent 9554b05c6f
commit 48b1b442e9
5 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/libp2p-in-the-browser/1/package.json
View File

@ -17,7 +17,9 @@
}, },
"dependencies": { "dependencies": {
"detect-dom-ready": "^1.0.2", "detect-dom-ready": "^1.0.2",
"libp2p": "../../../",
"libp2p-bootstrap": "~0.9.7", "libp2p-bootstrap": "~0.9.7",
"libp2p-kad-dht": "^0.15.3",
"libp2p-mplex": "~0.8.5", "libp2p-mplex": "~0.8.5",
"libp2p-secio": "~0.11.1", "libp2p-secio": "~0.11.1",
"libp2p-spdy": "~0.13.3", "libp2p-spdy": "~0.13.3",

11
examples/libp2p-in-the-browser/1/src/browser-bundle.js
View File

@ -8,8 +8,7 @@ const SPDY = require('libp2p-spdy')
const SECIO = require('libp2p-secio') const SECIO = require('libp2p-secio')
const Bootstrap = require('libp2p-bootstrap') const Bootstrap = require('libp2p-bootstrap')
const DHT = require('libp2p-kad-dht') const DHT = require('libp2p-kad-dht')
const defaultsDeep = require('@nodeutils/defaults-deep') const libp2p = require('libp2p')
const libp2p = require('../../../../')
// Find this list at: https://github.com/ipfs/js-ipfs/blob/master/src/core/runtime/config-browser.json // Find this list at: https://github.com/ipfs/js-ipfs/blob/master/src/core/runtime/config-browser.json
const bootstrapList = [ const bootstrapList = [
@ -26,9 +25,9 @@ const bootstrapList = [
] ]
class Node extends libp2p { class Node extends libp2p {
constructor (_options) { constructor ({ peerInfo }) {
const wrtcStar = new WebRTCStar({ id: _options.peerInfo.id }) const wrtcStar = new WebRTCStar({ id: peerInfo.id })
const wsstar = new WebSocketStar({ id: _options.peerInfo.id }) const wsstar = new WebSocketStar({ id: peerInfo.id })
const defaults = { const defaults = {
modules: { modules: {
@ -86,7 +85,7 @@ class Node extends libp2p {
} }
} }
super(defaultsDeep(_options, defaults)) super({ ...defaults, peerInfo })
} }
} }

6
examples/libp2p-in-the-browser/1/src/create-node.js
View File

@ -10,9 +10,11 @@ function createNode (callback) {
} }
const peerIdStr = peerInfo.id.toB58String() const peerIdStr = peerInfo.id.toB58String()
const ma = `/dns4/star-signal.cloud.ipfs.team/tcp/443/wss/p2p-webrtc-star/p2p/${peerIdStr}` const webrtcAddr = `/dns4/star-signal.cloud.ipfs.team/tcp/443/wss/p2p-webrtc-star/p2p/${peerIdStr}`
const wsAddr = `/dns4/ws-star.discovery.libp2p.io/tcp/443/wss/p2p-websocket-star`
peerInfo.multiaddrs.add(ma) peerInfo.multiaddrs.add(webrtcAddr)
peerInfo.multiaddrs.add(wsAddr)
const node = new Node({ const node = new Node({
peerInfo peerInfo

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

@ -46,6 +46,9 @@ domReady(() => {
myPeerDiv.append(idDiv) myPeerDiv.append(idDiv)
console.log('Node is listening o/') console.log('Node is listening o/')
node.peerInfo.multiaddrs.toArray().forEach(ma => {
console.log(ma.toString())
})
// NOTE: to stop the node // NOTE: to stop the node
// node.stop((err) => {}) // node.stop((err) => {})

2
examples/libp2p-in-the-browser/README.md
View File

@ -20,5 +20,3 @@ Then simply go into the folder [1](./1) and execute the following
> npm start > npm start
# open your browser in port :9090 # open your browser in port :9090
``` ```
[Version Published on IPFS](http://ipfs.io/ipfs/Qmbc1J7ehw1dNYachbkCWPto4RsnVvqCKNVzmYEod2gXcy)