diff --git a/.gitignore b/.gitignore
index 802ddd2..938365e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+dist
node_modules
npm-debug.log
-dist
+package-lock.json
diff --git a/index.html b/index.html
index 6b10fae..d2c7372 100644
--- a/index.html
+++ b/index.html
@@ -1,31 +1,9 @@
- Sample App
+ IPFS JavaScript gateway
+
-
+
diff --git a/package.json b/package.json
index 97f8e16..d182772 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,6 @@
"webpack-dev-server": "^2.4.5"
},
"dependencies": {
- "ipfs": "file:../../"
+ "ipfs": "0.27.1"
}
}
diff --git a/src/index.js b/src/index.js
index 5c70989..f103117 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,65 +1,28 @@
'use strict'
const IPFS = require('ipfs')
-const Repo = require('ipfs-repo')
-const LevelStore = require('datastore-level')
-
-function MemoryLevelStore() {
- return new LevelStore('/memory', {db: require('memdown')})
-}
-MemoryLevelStore.prototype = new LevelStore('/memory', {db: require('memdown')})
-MemoryLevelStore.prototype.constructor = MemoryLevelStore
-
-const stringToUse = 'Hello world from self-contained, self-hosted js-ipfs!!!'
function App() {
let node
create()
- function create () {
- // Create the IPFS node instance
+ function create() {
+ node = new IPFS()
- var repo_name = String(Math.random() + Date.now())
- var storage_backends = {
- root: MemoryLevelStore,
- blocks: MemoryLevelStore,
- datastore: MemoryLevelStore,
- }
+ node.on('ready', () => {
+ console.log('IPFS node is ready')
+ console.log('loading IPFS content for ' + window.location.pathname)
- node = new IPFS({ repo: new Repo(repo_name, {storageBackends: storage_backends}) })
-
- node.once('ready', () => {
- console.log('IPFS node is ready')
- ops()
- })
- }
-
- function ops () {
- node.id((err, res) => {
- if (err) {
- throw err
- }
-
- document.body.insertAdjacentHTML('beforeend',
- "Everything is working!
" +
- "Your ID is " + res.id + "
" +
- "Your IPFS version is " + res.agentVersion + "
" +
- "Your IPFS protocol version is " + res.protocolVersion + "
"
- )
- })
-
- node.files.add([Buffer.from(stringToUse)], (err, filesAdded) => {
- if (err) { console.log("ERROR"); throw err }
-
- const hash = filesAdded[0].hash
- document.body.insertAdjacentHTML('beforeend', "
")
-
- node.files.cat(hash, (err, data) => {
- if (err) { console.log("ERROR 2"); throw err }
- document.body.insertAdjacentHTML('beforeend', "Contents of this file:
" + data + "
")
+ // Load the page contents for the IPFS hash.
+ node.files.cat(window.location.pathname, (err, file) => {
+ if (err) { throw err }
+ var iframe = document.createElement('iframe')
+ iframe.style = 'width: 100%; height: 100%; border: 0; overflow: hidden'
+ iframe.src = URL.createObjectURL(new Blob([file]))
+ document.body.appendChild(iframe)
+ })
})
- })
}
}