@signalcore/ui 0.1.0 → 1.0.0-beta.1

package/dist/voice/webgl.js

@@ -0,0 +1,177 @@
+//#region src/voice/webgl.ts
+const VERTEX = `attribute vec2 aPos; void main(){ gl_Position=vec4(aPos,0.0,1.0); }`;
+/**
+* The line every shader ends its `main` with: the shaders paint light on black, and an orb sits on
+* any background, so what is near black becomes transparent instead. The canvas is premultiplied,
+* so the colour goes with its alpha. There is no black square around the orb.
+*/
+const CUTOUT = `gl_FragColor.a *= smoothstep(0.02, 0.12, max(gl_FragColor.r, max(gl_FragColor.g, gl_FragColor.b))); gl_FragColor.rgb *= gl_FragColor.a;`;
+/** The uniforms of the host's colour, which every shader declares beside its own. */
+const INK_UNIFORMS = `uniform vec3 uInk; uniform float uInked; // signalcore: the host's colour`;
+/**
+* The line before `CUTOUT`: with the host's colour (`uInked` 1), the shader's light is painted
+* in it, as bright as it was (its brightest channel); without, the shader's own colours stay.
+*/
+const INK = `gl_FragColor.rgb = mix(gl_FragColor.rgb, uInk * max(gl_FragColor.r, max(gl_FragColor.g, gl_FragColor.b)), uInked);`;
+/**
+* What the shader paints so that, blended by exclusion over `surface`, its brightest light shows
+* as `color`: the colour itself over black, its opposite over white (exclusion turns it over),
+* and between them, channel by channel, what turns into it as far as it can; a channel of the
+* surface near the middle turns nothing over, and keeps the colour.
+*/
+function inkOver(color, surface) {
+	const channel = (wanted, under) => {
+		const turn = 1 - 2 * under;
+		if (Math.abs(turn) < .2) return wanted;
+		return Math.min(1, Math.max(0, (wanted - under) / turn));
+	};
+	return [
+		channel(color[0], surface[0]),
+		channel(color[1], surface[1]),
+		channel(color[2], surface[2])
+	];
+}
+/** A pixel to read colours off: any CSS colour, as the browser paints it. */
+let swatch;
+/** A CSS colour as red, green, blue and alpha, each 0 to 1; null where it can't be read. */
+function rgbaOf(css) {
+	if (swatch === void 0) swatch = document.createElement("canvas").getContext("2d", { willReadFrequently: true });
+	if (swatch === null || css === "") return null;
+	swatch.clearRect(0, 0, 1, 1);
+	swatch.fillStyle = "#000";
+	swatch.fillStyle = css;
+	swatch.fillRect(0, 0, 1, 1);
+	const [r = 0, g = 0, b = 0, a = 0] = swatch.getImageData(0, 0, 1, 1).data;
+	return [
+		r / 255,
+		g / 255,
+		b / 255,
+		a / 255
+	];
+}
+/**
+* The host's colour for an orb's canvas, as its shader paints it, from what the stylesheet puts
+* on the canvas: the colour (`color`: `--sc-orb-color`, transparent when none) and the surface it
+* blends with (`outline-color`; a page's own, light, where the surface is see-through). Null:
+* the shader's own colours.
+*/
+function inkOf(canvas) {
+	const style = getComputedStyle(canvas);
+	const color = rgbaOf(style.color);
+	if (color === null || color[3] === 0) return null;
+	const surface = rgbaOf(style.outlineColor);
+	const under = surface === null || surface[3] < .5 ? [
+		1,
+		1,
+		1
+	] : [
+		surface[0],
+		surface[1],
+		surface[2]
+	];
+	return inkOver([
+		color[0],
+		color[1],
+		color[2]
+	], under);
+}
+function compile(gl, type, source) {
+	const shader = gl.createShader(type);
+	if (!shader) throw new Error("no shader");
+	gl.shaderSource(shader, source);
+	gl.compileShader(shader);
+	if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+		const log = gl.getShaderInfoLog(shader);
+		gl.deleteShader(shader);
+		throw new Error(log ?? "shader compile error");
+	}
+	return shader;
+}
+/** The program of a fragment shader, linked: the triangle's vertex shader and `fragment`. */
+function link(gl, fragment) {
+	const program = gl.createProgram();
+	const vertex = compile(gl, gl.VERTEX_SHADER, VERTEX);
+	const pixels = compile(gl, gl.FRAGMENT_SHADER, fragment);
+	gl.attachShader(program, vertex);
+	gl.attachShader(program, pixels);
+	gl.linkProgram(program);
+	gl.deleteShader(vertex);
+	gl.deleteShader(pixels);
+	if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+		const log = gl.getProgramInfoLog(program);
+		gl.deleteProgram(program);
+		throw new Error(log ?? "shader link error");
+	}
+	return program;
+}
+/**
+* Sets `canvas` up to draw `fragment` on a square of `dim` pixels, compiled once: the program, the
+* triangle and the uniforms' places are kept for every frame after. Nothing when WebGL is not
+* there or the shader does not compile on this device, and `onLost` is called if the browser
+* takes the context away later (a GPU reset, too many contexts on the page).
+*/
+function createRenderer(canvas, fragment, dim, onLost) {
+	const gl = canvas.getContext("webgl", {
+		alpha: true,
+		premultipliedAlpha: true
+	});
+	if (!gl) return void 0;
+	let program;
+	try {
+		program = link(gl, fragment);
+	} catch {
+		return;
+	}
+	gl.useProgram(program);
+	const buffer = gl.createBuffer();
+	gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+	gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+		-1,
+		-1,
+		3,
+		-1,
+		-1,
+		3
+	]), gl.STATIC_DRAW);
+	const position = gl.getAttribLocation(program, "aPos");
+	gl.enableVertexAttribArray(position);
+	gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);
+	canvas.width = dim;
+	canvas.height = dim;
+	gl.viewport(0, 0, dim, dim);
+	gl.clearColor(0, 0, 0, 0);
+	gl.uniform2f(gl.getUniformLocation(program, "iResolution"), dim, dim);
+	const time = gl.getUniformLocation(program, "iTime");
+	const level = gl.getUniformLocation(program, "uLevel");
+	const energy = gl.getUniformLocation(program, "uEnergy");
+	const inkColor = gl.getUniformLocation(program, "uInk");
+	const inked = gl.getUniformLocation(program, "uInked");
+	gl.uniform1f(inked, 0);
+	const lost = (event) => {
+		event.preventDefault();
+		onLost();
+	};
+	canvas.addEventListener("webglcontextlost", lost);
+	return {
+		draw(values) {
+			gl.uniform1f(time, values.time);
+			gl.uniform1f(level, values.level);
+			gl.uniform1f(energy, values.energy);
+			gl.clear(gl.COLOR_BUFFER_BIT);
+			gl.drawArrays(gl.TRIANGLES, 0, 3);
+		},
+		ink(ink) {
+			if (ink !== null) gl.uniform3f(inkColor, ink[0], ink[1], ink[2]);
+			gl.uniform1f(inked, ink === null ? 0 : 1);
+		},
+		dispose() {
+			canvas.removeEventListener("webglcontextlost", lost);
+			gl.deleteProgram(program);
+			gl.deleteBuffer(buffer);
+		}
+	};
+}
+//#endregion
+export { CUTOUT, INK, INK_UNIFORMS, createRenderer, inkOf, inkOver, rgbaOf };
+
+//# sourceMappingURL=webgl.js.map

package/dist/voice/webgl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgl.js","names":[],"sources":["../../src/voice/webgl.ts"],"sourcesContent":["/**\n * The WebGL under the `wave` and `fluid-dots` orbs: one fullscreen triangle drawn by one\n * fragment shader, and its uniforms (the time, the signal, the host's colour). Nothing here knows\n * React, a call or a state; the frame loop is `motion`'s.\n */\n\n/** A style of orb drawn by a fragment shader. */\nexport interface Shader {\n  /** GLSL ES 1.00 source of the fragment shader; it reads the uniforms named in `Uniforms`. */\n  fragment: string;\n  /**\n   * How fast the shader's clock runs at an energy, 0 (idle) to 1 (listening, speaking): 1 is the\n   * shader's own pace. The clock is summed frame by frame on this side, so a change of pace bends\n   * the motion instead of making it jump, as a time multiplied inside the shader would.\n   */\n  pace(energy: number): number;\n}\n\n/** What one frame is drawn from. */\nexport interface Uniforms {\n  /** `iTime`: seconds on the shader's own clock, already paced. */\n  time: number;\n  /** `uLevel`: how loud the microphone or the voice is, 0 to 1. */\n  level: number;\n  /** `uEnergy`: 0 at rest, 0.5 while thinking, 1 while listening or speaking. */\n  energy: number;\n}\n\n/** A colour as the shader takes it: red, green and blue, each 0 to 1. */\nexport type Rgb = readonly [number, number, number];\n\nexport interface Renderer {\n  draw(values: Uniforms): void;\n  /** Paints the next frames in `ink` (`uInk`), or (null) in the shader's own colours. */\n  ink(ink: Rgb | null): void;\n  dispose(): void;\n}\n\nconst VERTEX = `attribute vec2 aPos; void main(){ gl_Position=vec4(aPos,0.0,1.0); }`;\n\n/**\n * The line every shader ends its `main` with: the shaders paint light on black, and an orb sits on\n * any background, so what is near black becomes transparent instead. The canvas is premultiplied,\n * so the colour goes with its alpha. There is no black square around the orb.\n */\nexport const CUTOUT = `gl_FragColor.a *= smoothstep(0.02, 0.12, max(gl_FragColor.r, max(gl_FragColor.g, gl_FragColor.b))); gl_FragColor.rgb *= gl_FragColor.a;`;\n\n/** The uniforms of the host's colour, which every shader declares beside its own. */\nexport const INK_UNIFORMS = `uniform vec3 uInk; uniform float uInked; // signalcore: the host's colour`;\n\n/**\n * The line before `CUTOUT`: with the host's colour (`uInked` 1), the shader's light is painted\n * in it, as bright as it was (its brightest channel); without, the shader's own colours stay.\n */\nexport const INK = `gl_FragColor.rgb = mix(gl_FragColor.rgb, uInk * max(gl_FragColor.r, max(gl_FragColor.g, gl_FragColor.b)), uInked);`;\n\n/**\n * What the shader paints so that, blended by exclusion over `surface`, its brightest light shows\n * as `color`: the colour itself over black, its opposite over white (exclusion turns it over),\n * and between them, channel by channel, what turns into it as far as it can; a channel of the\n * surface near the middle turns nothing over, and keeps the colour.\n */\nexport function inkOver(color: Rgb, surface: Rgb): Rgb {\n  const channel = (wanted: number, under: number): number => {\n    const turn = 1 - 2 * under;\n    if (Math.abs(turn) < 0.2) return wanted;\n    return Math.min(1, Math.max(0, (wanted - under) / turn));\n  };\n  return [\n    channel(color[0], surface[0]),\n    channel(color[1], surface[1]),\n    channel(color[2], surface[2]),\n  ];\n}\n\n/** A pixel to read colours off: any CSS colour, as the browser paints it. */\nlet swatch: CanvasRenderingContext2D | null | undefined;\n\n/** A CSS colour as red, green, blue and alpha, each 0 to 1; null where it can't be read. */\nexport function rgbaOf(css: string): readonly [number, number, number, number] | null {\n  if (swatch === undefined) {\n    swatch = document.createElement(\"canvas\").getContext(\"2d\", { willReadFrequently: true });\n  }\n  if (swatch === null || css === \"\") return null;\n  swatch.clearRect(0, 0, 1, 1);\n  swatch.fillStyle = \"#000\";\n  swatch.fillStyle = css;\n  swatch.fillRect(0, 0, 1, 1);\n  const [r = 0, g = 0, b = 0, a = 0] = swatch.getImageData(0, 0, 1, 1).data;\n  return [r / 255, g / 255, b / 255, a / 255];\n}\n\n/**\n * The host's colour for an orb's canvas, as its shader paints it, from what the stylesheet puts\n * on the canvas: the colour (`color`: `--sc-orb-color`, transparent when none) and the surface it\n * blends with (`outline-color`; a page's own, light, where the surface is see-through). Null:\n * the shader's own colours.\n */\nexport function inkOf(canvas: HTMLCanvasElement): Rgb | null {\n  const style = getComputedStyle(canvas);\n  const color = rgbaOf(style.color);\n  if (color === null || color[3] === 0) return null;\n  const surface = rgbaOf(style.outlineColor);\n  const under: Rgb =\n    surface === null || surface[3] < 0.5 ? [1, 1, 1] : [surface[0], surface[1], surface[2]];\n  return inkOver([color[0], color[1], color[2]], under);\n}\n\nfunction compile(gl: WebGLRenderingContext, type: number, source: string): WebGLShader {\n  const shader = gl.createShader(type);\n  if (!shader) throw new Error(\"no shader\");\n  gl.shaderSource(shader, source);\n  gl.compileShader(shader);\n  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n    const log = gl.getShaderInfoLog(shader);\n    gl.deleteShader(shader);\n    throw new Error(log ?? \"shader compile error\");\n  }\n  return shader;\n}\n\n/** The program of a fragment shader, linked: the triangle's vertex shader and `fragment`. */\nfunction link(gl: WebGLRenderingContext, fragment: string): WebGLProgram {\n  const program = gl.createProgram();\n  const vertex = compile(gl, gl.VERTEX_SHADER, VERTEX);\n  const pixels = compile(gl, gl.FRAGMENT_SHADER, fragment);\n  gl.attachShader(program, vertex);\n  gl.attachShader(program, pixels);\n  gl.linkProgram(program);\n  // Linked, the program keeps what it needs: the shaders can go.\n  gl.deleteShader(vertex);\n  gl.deleteShader(pixels);\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    const log = gl.getProgramInfoLog(program);\n    gl.deleteProgram(program);\n    throw new Error(log ?? \"shader link error\");\n  }\n  return program;\n}\n\n/**\n * Sets `canvas` up to draw `fragment` on a square of `dim` pixels, compiled once: the program, the\n * triangle and the uniforms' places are kept for every frame after. Nothing when WebGL is not\n * there or the shader does not compile on this device, and `onLost` is called if the browser\n * takes the context away later (a GPU reset, too many contexts on the page).\n */\nexport function createRenderer(\n  canvas: HTMLCanvasElement,\n  fragment: string,\n  dim: number,\n  onLost: () => void,\n): Renderer | undefined {\n  const gl = canvas.getContext(\"webgl\", { alpha: true, premultipliedAlpha: true });\n  if (!gl) return undefined;\n\n  let program: WebGLProgram;\n  try {\n    program = link(gl, fragment);\n  } catch {\n    return undefined;\n  }\n  gl.useProgram(program);\n\n  const buffer = gl.createBuffer();\n  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n  // One triangle bigger than the screen: three vertices cover it, with no seam across a quad.\n  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);\n  const position = gl.getAttribLocation(program, \"aPos\");\n  gl.enableVertexAttribArray(position);\n  gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n\n  canvas.width = dim;\n  canvas.height = dim;\n  gl.viewport(0, 0, dim, dim);\n  gl.clearColor(0, 0, 0, 0);\n  // A uniform a shader does not use is optimised out and has no place: setting it does nothing.\n  gl.uniform2f(gl.getUniformLocation(program, \"iResolution\"), dim, dim);\n  const time = gl.getUniformLocation(program, \"iTime\");\n  const level = gl.getUniformLocation(program, \"uLevel\");\n  const energy = gl.getUniformLocation(program, \"uEnergy\");\n  const inkColor = gl.getUniformLocation(program, \"uInk\");\n  const inked = gl.getUniformLocation(program, \"uInked\");\n  gl.uniform1f(inked, 0);\n\n  const lost = (event: Event) => {\n    event.preventDefault();\n    onLost();\n  };\n  canvas.addEventListener(\"webglcontextlost\", lost);\n\n  return {\n    draw(values) {\n      gl.uniform1f(time, values.time);\n      gl.uniform1f(level, values.level);\n      gl.uniform1f(energy, values.energy);\n      gl.clear(gl.COLOR_BUFFER_BIT);\n      gl.drawArrays(gl.TRIANGLES, 0, 3);\n    },\n    ink(ink) {\n      if (ink !== null) gl.uniform3f(inkColor, ink[0], ink[1], ink[2]);\n      gl.uniform1f(inked, ink === null ? 0 : 1);\n    },\n    dispose() {\n      canvas.removeEventListener(\"webglcontextlost\", lost);\n      gl.deleteProgram(program);\n      gl.deleteBuffer(buffer);\n    },\n  };\n}\n"],"mappings":"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"}