Concatenation of an es6 template literal with arguments.

literal-glsl.ts

/** 
 * This is a tagged template function for using inline glsl in javascript.
 * Also helpful for inline html, css, etc. 
 * 
 * @param x this is the template literal split up by the arguments
 * @param args the arguments passed in ${like.this}
 * @returns {string} the joined string
 * 
 * @example
 * const frag = glsl`
 *   void main() {
 *     vec3 color = vec3(${Math.random()});
 *     gl_FragColor = vec4(color,1.);
 *   }`;
 * 
 */

const glsl = (x, ...args) => args ? x[0] + args.reduce((a, b, i) => a + b + x[i + 1], "") : x[0];