IPFS Node
' + 'ID' - + ipfs.PeerId + '
' + + peerInfo.id + '
' + 'Address
' - + ipfs.APIAddress[0] + '
' + + peerInfo.addresses[0] + '
' + 'IPFS Data Directory
' + dirInput.value // Set the file status diff --git a/examples/access-go-ipfs-files/cat-a-file/public/start-ipfs.js b/examples/access-go-ipfs-files/cat-a-file/public/start-ipfs.js new file mode 100644 index 0000000000..284c53a208 --- /dev/null +++ b/examples/access-go-ipfs-files/cat-a-file/public/start-ipfs.js @@ -0,0 +1,47 @@ +'use strict' + +// Start an IPFS instance +window.startIpfs = (options, callback) => { + const repoPath = options.IpfsDataDir || '/tmp/ipfs' + + const node = new window.Ipfs(repoPath) + + node.init({ emptyRepo: true, bits: 2048 }, (err) => { + if (err && err.message !== 'repo already exists') { + return callback(err) + } + + node.config.get((err, config) => { + if (err) { + return callback(err) + } + + const host = options.SignalServer.split(':')[0] || '127.0.0.1' + const port = options.SignalServer.split(':')[1] || 9090 + const signalServer = `/libp2p-webrtc-star/ip4/${host}/tcp/${port}/ws/ipfs/${config.Identity.PeerID}` + + config.Addresses = { + Swarm: [ + signalServer + ], + API: '', + Gateway: '' + } + + config.Discovery.MDNS.Enabled = false + + node.config.replace(config, (err) => { + if (err) { return callback(err) } + + node.load((err) => { + if (err) { return callback(err) } + node.goOnline((err) => { + if (err) { return callback(err) } + console.log('IPFS node is ready') + callback(null, node) + }) + }) + }) + }) + }) +} diff --git a/examples/interop-examples/styles.css b/examples/access-go-ipfs-files/cat-a-file/public/styles.css similarity index 100% rename from examples/interop-examples/styles.css rename to examples/access-go-ipfs-files/cat-a-file/public/styles.css diff --git a/examples/interop-examples/README.md b/examples/interop-examples/README.md deleted file mode 100644 index fd9d9a8e63..0000000000 --- a/examples/interop-examples/README.md +++ /dev/null @@ -1,102 +0,0 @@ -# interop examples - -**WIP** - -## Run -``` -cd examples/interop-examples -npm i -npm start -``` - -Open http://127.0.0.1:8080 in your favorite browser. - -## Tutorial - -Steps -1. create IPFS instance - -First, we need an IPFS instance that we'll use throughout the tutorial. For the sake of convinience, we'll use `ipfs-daemon` module to create and IPFS instance. - -Add `ipfs-daemon` to your project: -``` -npm i ipfs-daemon --save -``` - -Add `ipfs-daemon` to your html: -```html - -``` - -Create the IPFS instance and wait for it to start: - -```javascript -const ipfs = new IpfsDaemon({ - // Directory to which save IPFS data to - IpfsDataDir: '/path/to/ipfs/data', - // IPFS dev server: webrtc-star-signalling.cloud.ipfs.team - SignalServer: '188.166.203.82:20000', -}) - -ipfs.on('error', (e) => console.error(e)) -ipfs.on('ready', () => { - // We're ready to use IPFS! -}) -``` - -2. listen for file drop - -```html - -``` - -```javascript -const rootElement = document.getElementById("ipfs") -rootElement.addEventListener('drop', onDrop) -``` - -```javascript -const onDrop = (event) => { - event.preventDefault() - const files = event.dataTransfer.files - - // Go through each file (allows dropping multiple files) - for (let i = 0; i < files.length; i ++) { - const file = files[i] - // See details below for reading file contents - readFileContents(file) - .then((content) => { - // Add the file to IPFS - // See detailed documentation at: https://github.com/ipfs/interface-ipfs-core/tree/master/API/files#javascript---ipfsfilesadddata-options-callback - return ipfs.files.add([{ - path: file.name, - content: new ipfs.types.Buffer(content) - }]) - }) - .then((files) => { - // Output the added files and their hashes to the HTML - rootElement.innerHTML = files - .map((e) => `Added ${e.path} as ${e.hash}`) - .join('
') - }) - .catch(onError) - } -} -``` - -The function to read file's contents: - -```javascript -const readFileContents = (file) => { - return new Promise((resolve) => { - const reader = new FileReader() - reader.onload = (event) => resolve(event.target.result) - reader.readAsArrayBuffer(file) - }) -} -``` - -3. add dropped file to IPFS -4. output file's hash -5. ipfs.files.cat -6. output to