adding glslify to plotly.js

Author: monfera

package.json

@@ -103,6 +103,7 @@
     "fs-extra": "^1.0.0",
     "fuse.js": "^2.2.0",
     "glob": "^7.0.0",
+    "glslify": "^6.0.1",
     "gzip-size": "^3.0.0",
     "image-size": "^0.5.0",
     "jasmine-core": "^2.4.1",

src/traces/parcoords/lineLayer.js

@@ -10,8 +10,9 @@
 
 var utils = require('./utils');
 var createREGL = require('regl');
-var vertexShaderSource = require('./shaderVertex');
-var fragmentShaderSource = require('./shaderFragment');
+var glslify = require('glslify');
+var vertexShaderSource = glslify('./shaderVertex.glsl');
+var fragmentShaderSource = glslify('./shaderFragment.glsl');
 
 var depthLimitEpsilon = 1e-6; // don't change; otherwise near/far plane lines are lost
 var filterEpsilon = 1e-3; // don't change; otherwise filter may lose lines on domain boundaries

src/traces/parcoords/shaderFragment.glsl

@@ -0,0 +1,7 @@
+precision lowp float;
+
+varying vec4 fragColor;
+
+void main() {
+    gl_FragColor = fragColor;
+}

src/traces/parcoords/shaderFragment.js

@@ -1,5 +1,3 @@
-module.exports = `
-
 precision highp float;
 
 attribute vec4 p0, p1, p2, p3,
@@ -75,6 +73,4 @@ void main() {
 
     float clampedColorIndex = clamp((colorIndex - colorClamp[0]) / (colorClamp[1] - colorClamp[0]), 0.0, 1.0);
     fragColor = texture2D(palette, vec2((clampedColorIndex * 255.0 + 0.5) / 256.0, 0.5));
-}
-
-`
+}

src/traces/parcoords/shaderVertex.js renamed to src/traces/parcoords/shaderVertex.glsl

@@ -38,7 +38,7 @@ module.exports = function _bundle(pathToIndex, pathToBundle, opts) {
     var browserifyOpts = {};
     browserifyOpts.standalone = opts.standalone;
     browserifyOpts.debug = opts.debug;
-    browserifyOpts.transform = outputMinified ? [compressAttributes] : [];
+    browserifyOpts.transform = outputMinified ? ['glslify', compressAttributes] : ['glslify'];
 
     var b = browserify(pathToIndex, browserifyOpts),
         bundleWriteStream = fs.createWriteStream(pathToBundle);

tasks/util/browserify_wrapper.js

@@ -22,7 +22,7 @@ module.exports = function makeWatchifiedBundle(onFirstBundleCallback) {
     var b = browserify(constants.pathToPlotlyIndex, {
         debug: true,
         standalone: 'Plotly',
-        transform: [compressAttributes],
+        transform: ['glslify', compressAttributes],
         cache: {},
         packageCache: {},
         plugin: [watchify]

tasks/util/watchified_bundle.js

@@ -95,7 +95,7 @@ func.defaultConfig = {
     singleRun: false,
 
     browserify: {
-        transform: ['../../tasks/util/shortcut_paths.js'],
+        transform: ['glslify', '../../tasks/util/shortcut_paths.js'],
         extensions: ['.js'],
         watch: true,
         debug: true