use babel-plugin-inline-import to embed glsl shader code inline

src/WebGL2.js

@@ -1,3 +1,5 @@
+import vertexShaderSource from './webgl/vertexShader.glsl'
+
 class WebGL2 {
   constructor() {
     this.isSupported = false
@@ -37,10 +39,8 @@ class WebGL2 {
   createCommonVertexShader() {
     const gl = this.context
 
-    const source = require('./webgl/vertexShader.glsl')
-
     const vertexShader = gl.createShader(gl.VERTEX_SHADER)
-    gl.shaderSource(vertexShader, source)
+    gl.shaderSource(vertexShader, vertexShaderSource)
     gl.compileShader(vertexShader)
 
     const success = gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)

src/activations/programSources.js

@@ -0,0 +1,21 @@
+import softmaxProgramSource from './softmax.glsl'
+import eluProgramSource from './elu.glsl'
+import seluProgramSource from './selu.glsl'
+import softplusProgramSource from './softplus.glsl'
+import softsignProgramSource from './softsign.glsl'
+import reluProgramSource from './relu.glsl'
+import tanhProgramSource from './tanh.glsl'
+import sigmoidProgramSource from './sigmoid.glsl'
+import hardSigmoidProgramSource from './hard_sigmoid.glsl'
+import linearProgramSource from './linear.glsl'
+
+export { softmaxProgramSource as softmax }
+export { eluProgramSource as elu }
+export { seluProgramSource as selu }
+export { softplusProgramSource as softplus }
+export { softsignProgramSource as softsign }
+export { reluProgramSource as relu }
+export { tanhProgramSource as tanh }
+export { sigmoidProgramSource as sigmoid }
+export { hardSigmoidProgramSource as hard_sigmoid }
+export { linearProgramSource as linear }

src/layers/advanced_activations/ELU.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import cwise from 'cwise'
+import programSource from './ELU.glsl'
 
 /**
  * ELU advanced activation layer class
@@ -23,7 +24,7 @@ export default class ELU extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.program = webgl2.compileProgram(require('./ELU.glsl'))
+      this.program = webgl2.compileProgram(programSource)
     }
   }
 

src/layers/advanced_activations/LeakyReLU.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import { relu } from '../../activations'
+import programSource from './LeakyReLU.glsl'
 
 /**
  * LeakyReLU advanced activation layer class
@@ -23,7 +24,7 @@ export default class LeakyReLU extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.program = webgl2.compileProgram(require('./LeakyReLU.glsl'))
+      this.program = webgl2.compileProgram(programSource)
     }
   }
 

src/layers/advanced_activations/PReLU.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import cwise from 'cwise'
+import programSource from './PReLU.glsl'
 
 /**
  * PReLU advanced activation layer class
@@ -28,7 +29,7 @@ export default class PReLU extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.program = webgl2.compileProgram(require('./PReLU.glsl'))
+      this.program = webgl2.compileProgram(programSource)
     }
   }
 

src/layers/advanced_activations/ThresholdedReLU.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import cwise from 'cwise'
+import programSource from './ThresholdedReLU.glsl'
 
 /**
  * ThresholdedReLU advanced activation layer class
@@ -23,7 +24,7 @@ export default class ThresholdedReLU extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.program = webgl2.compileProgram(require('./ThresholdedReLU.glsl'))
+      this.program = webgl2.compileProgram(programSource)
     }
   }
 

src/layers/convolutional/Conv2D.js

@@ -6,6 +6,10 @@ import * as tensorUtils from '../../utils/tensorUtils'
 import _ from 'lodash'
 import ops from 'ndarray-ops'
 import gemm from 'ndarray-gemm'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
+import mapInputFragmentsProgramSource from '../../webgl/mapInput.fragments.glsl'
+import matMulProgramSource from '../../webgl/matMul.glsl'
+import * as activationProgramSources from '../../activations/programSources'
 
 /**
  * Conv2D layer class
@@ -81,10 +85,10 @@ export default class Conv2D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
-      this.mapInputFragmentsProgram = webgl2.compileProgram(require('../../webgl/mapInput.fragments.glsl'))
-      this.matMulProgram = webgl2.compileProgram(require('../../webgl/matMul.glsl'))
-      this.activationProgram = webgl2.compileProgram(require(`../../activations/${this.activation}.glsl`))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
+      this.mapInputFragmentsProgram = webgl2.compileProgram(mapInputFragmentsProgramSource)
+      this.matMulProgram = webgl2.compileProgram(matMulProgramSource)
+      this.activationProgram = webgl2.compileProgram(activationProgramSources[this.activation])
     }
   }
 

src/layers/convolutional/Conv2DTranspose.js

@@ -5,6 +5,9 @@ import { webgl2 } from '../../WebGL2'
 import * as tensorUtils from '../../utils/tensorUtils'
 import ops from 'ndarray-ops'
 import gemm from 'ndarray-gemm'
+import matMulProgramSource from '../../webgl/matMul.glsl'
+import convTransposeProgramSource from './Conv2DTranspose.glsl'
+import * as activationProgramSources from '../../activations/programSources'
 
 /**
  * Conv2DTranspose layer class
@@ -65,9 +68,9 @@ export default class Conv2DTranspose extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.matMulProgram = webgl2.compileProgram(require('../../webgl/matMul.glsl'))
-      this.convTransposeProgram = webgl2.compileProgram(require('./Conv2DTranspose.glsl'))
-      this.activationProgram = webgl2.compileProgram(require(`../../activations/${this.activation}.glsl`))
+      this.matMulProgram = webgl2.compileProgram(matMulProgramSource)
+      this.convTransposeProgram = webgl2.compileProgram(convTransposeProgramSource)
+      this.activationProgram = webgl2.compileProgram(activationProgramSources[this.activation])
     }
   }
 

src/layers/convolutional/Conv3D.js

@@ -6,6 +6,10 @@ import * as tensorUtils from '../../utils/tensorUtils'
 import _ from 'lodash'
 import ops from 'ndarray-ops'
 import gemm from 'ndarray-gemm'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
+import mapInputFragmentsProgramSource from '../../webgl/mapInput.fragments.glsl'
+import matMulProgramSource from '../../webgl/matMul.glsl'
+import * as activationProgramSources from '../../activations/programSources'
 
 /**
  * Conv3D layer class
@@ -81,10 +85,10 @@ export default class Conv3D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
-      this.mapInputFragmentsProgram = webgl2.compileProgram(require('../../webgl/mapInput.fragments.glsl'))
-      this.matMulProgram = webgl2.compileProgram(require('../../webgl/matMul.glsl'))
-      this.activationProgram = webgl2.compileProgram(require(`../../activations/${this.activation}.glsl`))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
+      this.mapInputFragmentsProgram = webgl2.compileProgram(mapInputFragmentsProgramSource)
+      this.matMulProgram = webgl2.compileProgram(matMulProgramSource)
+      this.activationProgram = webgl2.compileProgram(activationProgramSources[this.activation])
     }
   }
 

src/layers/convolutional/Cropping1D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * Cropping1D layer class
@@ -27,7 +28,7 @@ export default class Cropping1D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/convolutional/Cropping2D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * Cropping2D layer class
@@ -37,7 +38,7 @@ export default class Cropping2D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/convolutional/Cropping3D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * Cropping3D layer class
@@ -37,7 +38,7 @@ export default class Cropping3D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/convolutional/SeparableConv2D.js

@@ -7,6 +7,7 @@ import _ from 'lodash'
 import ops from 'ndarray-ops'
 import gemm from 'ndarray-gemm'
 import Conv2D from './Conv2D'
+import * as activationProgramSources from '../../activations/programSources'
 
 /**
  * _DepthwiseConv2D layer class
@@ -301,7 +302,7 @@ export default class SeparableConv2D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.activationProgram = webgl2.compileProgram(require(`../../activations/${this.activation}.glsl`))
+      this.activationProgram = webgl2.compileProgram(activationProgramSources[this.activation])
     }
   }
 

src/layers/convolutional/UpSampling1D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * UpSampling1D layer class
@@ -22,7 +23,7 @@ export default class UpSampling1D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/convolutional/UpSampling2D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * UpSampling2D layer class
@@ -30,7 +31,7 @@ export default class UpSampling2D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/convolutional/UpSampling3D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * UpSampling3D layer class
@@ -30,7 +31,7 @@ export default class UpSampling3D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/convolutional/ZeroPadding1D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * ZeroPadding1D layer class
@@ -27,7 +28,7 @@ export default class ZeroPadding1D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/convolutional/ZeroPadding2D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * ZeroPadding2D layer class
@@ -37,7 +38,7 @@ export default class ZeroPadding2D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/convolutional/ZeroPadding3D.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import ops from 'ndarray-ops'
+import mapInputProgramSource from '../../webgl/mapInput.glsl'
 
 /**
  * ZeroPadding3D layer class
@@ -37,7 +38,7 @@ export default class ZeroPadding3D extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.mapInputProgram = webgl2.compileProgram(require('../../webgl/mapInput.glsl'))
+      this.mapInputProgram = webgl2.compileProgram(mapInputProgramSource)
     }
   }
 

src/layers/core/Activation.js

@@ -2,6 +2,7 @@ import Layer from '../../Layer'
 import Tensor from '../../Tensor'
 import { webgl2 } from '../../WebGL2'
 import * as activations from '../../activations'
+import * as activationProgramSources from '../../activations/programSources'
 
 /**
  * Activation layer class
@@ -24,7 +25,7 @@ export default class Activation extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.program = webgl2.compileProgram(require(`../../activations/${this.activation}.glsl`))
+      this.program = webgl2.compileProgram(activationProgramSources[this.activation])
     }
   }
 

src/layers/core/Dense.js

@@ -4,6 +4,8 @@ import * as activations from '../../activations'
 import { webgl2 } from '../../WebGL2'
 import { gemv } from 'ndarray-blas-level2'
 import ops from 'ndarray-ops'
+import matMulProgramSource from '../../webgl/matMul.glsl'
+import * as activationProgramSources from '../../activations/programSources'
 
 /**
  * Dense layer class
@@ -41,8 +43,8 @@ export default class Dense extends Layer {
 
     // GPU setup
     if (this.gpu) {
-      this.matMulProgram = webgl2.compileProgram(require('../../webgl/matMul.glsl'))
-      this.activationProgram = webgl2.compileProgram(require(`../../activations/${this.activation}.glsl`))
+      this.matMulProgram = webgl2.compileProgram(matMulProgramSource)
+      this.activationProgram = webgl2.compileProgram(activationProgramSources[this.activation])
       this.outputPreactiv.createGLTexture({ type: '2d', format: 'float' })
       this.output.createGLTexture({ type: '2d', format: 'float' })
     }