browserify example

substack · substack · commit 442ee5ede55d · 2017-06-19T13:21:00.000+02:00
diff --git a/browser/data.json b/browser/data.json
@@ -0,0 +1 @@
+[1,2,3,4]
diff --git a/browser/error.js b/browser/error.js
@@ -0,0 +1,5 @@
+module.exports = 500
+
+setTimeout(function () {
+  throw new Error('whatever')
+}, 1000)
diff --git a/browser/hello.txt b/browser/hello.txt
@@ -0,0 +1 @@
+HI THERE!!!!
diff --git a/browser/main.js b/browser/main.js
@@ -0,0 +1,17 @@
+var gamma = require('gamma')
+var foo = require('foo')
+console.log(require('./data.json'))
+var fs = require('fs')
+var xhr = require('xhr')
+xhr('/hello.txt', function (err, res, body) {
+  console.log(body)
+})
+
+var img = document.createElement('img')
+img.src = 'data:image/jpg;base64,'
+  + fs.readFileSync(__dirname + '/tinycat.jpg', 'base64')
+document.body.appendChild(img)
+
+foo(3, function (err, n) {
+  document.body.innerHTML += '<u>' + n + '</u>'
+})
diff --git a/browser/package.json b/browser/package.json
@@ -0,0 +1,24 @@
+{
+  "dependencies": {
+    "brfs": "^1.4.3",
+    "gamma": "^1.0.0",
+    "glsl-noise": "0.0.0",
+    "glslify": "^6.1.0",
+    "level-browserify": "^1.1.1",
+    "regl": "^1.3.0",
+    "regl-camera": "^2.1.1",
+    "webaudio": "^2.0.0",
+    "xhr": "^2.4.0",
+    "yo-yo": "^1.4.1",
+    "yo-yoify": "^3.7.3"
+  },
+  "scripts": {
+    "build": "browserify main.js > public/bundle.js",
+    "watch": "watchify main.js -o public/bundle.js -dv"
+  },
+  "browserify": {
+    "transform": [
+      "brfs"
+    ]
+  }
+}
diff --git a/browser/public/index.html b/browser/public/index.html
@@ -0,0 +1,4 @@
+<body>
+<h1>hi</h1>
+<script src="bundle.js"></script>
+</body>
diff --git a/browser/tinycat.jpg b/browser/tinycat.jpg
