Use js-ipfs-unixfs in a browser environment

.gitignore

@@ -33,4 +33,8 @@ node_modules
 .node_repl_history
 
 dist
-lib
+lib
+
+# IntelliJ IDEA
+.idea
+js-ipfs-unixfs.iml

package.json

@@ -28,7 +28,8 @@
   "devDependencies": {
     "chai": "^3.5.0",
     "dignified.js": "github:dignifiedquire/dignified.js",
-    "pre-commit": "^1.1.2"
+    "pre-commit": "^1.1.2",
+    "webpack": "^2.1.0-beta.4"
   },
   "dependencies": {
     "protocol-buffers": "^3.1.5"

src/index.js

@@ -3,7 +3,9 @@
 const fs = require('fs')
 const path = require('path')
 const protobuf = require('protocol-buffers')
-const schema = fs.readFileSync(path.resolve(__dirname, '../protos/unixfs.proto'))
+
+const isNode = !global.window
+const schema = isNode ? fs.readFileSync(path.resolve(__dirname, '../protos/unixfs.proto')) : protobuf(require('buffer!'+path.resolve(__dirname, '../protos/unixfs.proto')))
 const pb = protobuf(schema)
 // encode/decode
 const unixfsData = pb.Data

test/browser.js

@@ -0,0 +1,18 @@
+/* eslint-env mocha */
+
+describe('IPFS-UnixFS Tests on the Browser', function () {
+  this.timeout(10000)
+
+  it('', () => {
+    const testsContext = require.context('.', true, /.*?spec.js$/)
+    console.log('KEYS', testsContext.keys())
+    testsContext
+      .keys()
+      .filter((key) => {
+        return !key.endsWith('-node.spec.js')
+      })
+      .forEach((key) => {
+        testsContext(key)
+      })
+  })
+})

test/unixfs-format-node.spec.js

@@ -0,0 +1,53 @@
+/* eslint-env mocha */
+'use strict'
+
+const expect = require('chai').expect
+const fs = require('fs')
+const path = require('path')
+
+const UnixFS = require('../src')
+
+describe('IPFS-UnixFS Tests on NodeJS', () => {
+
+  describe('interop', () => {
+    it('raw', (done) => {
+      const raw = fs.readFileSync(path.join(__dirname, '../test-data/raw.unixfs'))
+      const unmarsheled = UnixFS.unmarshal(raw)
+      expect(unmarsheled.data).to.deep.equal(new Buffer('Hello UnixFS\n'))
+      expect(unmarsheled.type).to.equal('file')
+      expect(unmarsheled.marshal()).to.deep.equal(raw)
+      done()
+    })
+
+    it('directory', (done) => {
+      const raw = fs.readFileSync(path.join(__dirname, '../test-data/directory.unixfs'))
+      const unmarsheled = UnixFS.unmarshal(raw)
+      expect(unmarsheled.data).to.deep.equal(undefined)
+      expect(unmarsheled.type).to.equal('directory')
+      expect(unmarsheled.marshal()).to.deep.equal(raw)
+      done()
+    })
+
+    it('file', (done) => {
+      const raw = fs.readFileSync(path.join(__dirname, '../test-data/file.txt.unixfs'))
+      const unmarsheled = UnixFS.unmarshal(raw)
+      expect(unmarsheled.data).to.deep.equal(new Buffer('Hello UnixFS\n'))
+      expect(unmarsheled.type).to.equal('file')
+      expect(unmarsheled.marshal()).to.deep.equal(raw)
+      done()
+    })
+
+    it.skip('metadata', (done) => {
+    })
+
+    it('symlink', (done) => {
+      const raw = fs.readFileSync(path.join(__dirname, '../test-data/symlink.txt.unixfs'))
+      const unmarsheled = UnixFS.unmarshal(raw)
+      expect(unmarsheled.data).to.deep.equal(new Buffer('file.txt'))
+      expect(unmarsheled.type).to.equal('symlink')
+      // TODO: waiting on https://github.com/ipfs/js-ipfs-data-importing/issues/3#issuecomment-182440079
+      // expect(unmarsheled.marshal()).to.deep.equal(raw)
+      done()
+    })
+  })
+})

test/unixfs-format.spec.js

@@ -2,8 +2,8 @@
 'use strict'
 
 const expect = require('chai').expect
-const fs = require('fs')
-const path = require('path')
+// const fs = require('fs')
+// const path = require('path')
 
 const UnixFS = require('../src')
 
@@ -91,45 +91,4 @@ describe('unixfs-format', () => {
     }
   })
 
-  describe('interop', () => {
-    it('raw', (done) => {
-      const raw = fs.readFileSync(path.join(__dirname, '/test-data/raw.unixfs'))
-      const unmarsheled = UnixFS.unmarshal(raw)
-      expect(unmarsheled.data).to.deep.equal(new Buffer('Hello UnixFS\n'))
-      expect(unmarsheled.type).to.equal('file')
-      expect(unmarsheled.marshal()).to.deep.equal(raw)
-      done()
-    })
-
-    it('directory', (done) => {
-      const raw = fs.readFileSync(path.join(__dirname, '/test-data/directory.unixfs'))
-      const unmarsheled = UnixFS.unmarshal(raw)
-      expect(unmarsheled.data).to.deep.equal(undefined)
-      expect(unmarsheled.type).to.equal('directory')
-      expect(unmarsheled.marshal()).to.deep.equal(raw)
-      done()
-    })
-
-    it('file', (done) => {
-      const raw = fs.readFileSync(path.join(__dirname, '/test-data/file.txt.unixfs'))
-      const unmarsheled = UnixFS.unmarshal(raw)
-      expect(unmarsheled.data).to.deep.equal(new Buffer('Hello UnixFS\n'))
-      expect(unmarsheled.type).to.equal('file')
-      expect(unmarsheled.marshal()).to.deep.equal(raw)
-      done()
-    })
-
-    it.skip('metadata', (done) => {
-    })
-
-    it('symlink', (done) => {
-      const raw = fs.readFileSync(path.join(__dirname, '/test-data/symlink.txt.unixfs'))
-      const unmarsheled = UnixFS.unmarshal(raw)
-      expect(unmarsheled.data).to.deep.equal(new Buffer('file.txt'))
-      expect(unmarsheled.type).to.equal('symlink')
-      // TODO: waiting on https://github.com/ipfs/js-ipfs-data-importing/issues/3#issuecomment-182440079
-      // expect(unmarsheled.marshal()).to.deep.equal(raw)
-      done()
-    })
-  })
 })