style(web-ui): Annotate GLSL shader templates

Author: stackia

web-ui/src/playback-engine/render/filters/bwdif.ts

@@ -65,7 +65,7 @@ import { type RenderParams, registerFilter, type VideoFilter } from "./types";
  * it is older in cur, newer in next.
  */
 
-const FRAGMENT_SHADER = `#version 300 es
+const FRAGMENT_SHADER =  /*glsl*/`#version 300 es
 precision highp float;
 
 uniform sampler2D u_prev;

web-ui/src/playback-engine/render/filters/gl-utils.ts

@@ -41,7 +41,7 @@ export function createProgram(gl: WebGL2RenderingContext, vertexSource: string,
  * v_texCoord has (0,0) at the top-left of the video frame (texel row 0 = top video row,
  * so Y is flipped relative to clip space). Field parity math relies on this orientation.
  */
-export const FULLSCREEN_VERTEX_SHADER = `#version 300 es
+export const FULLSCREEN_VERTEX_SHADER = /*glsl*/`#version 300 es
 out vec2 v_texCoord;
 void main() {
   vec2 pos = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));
@@ -57,7 +57,7 @@ void main() {
  * fed to a presenter directly (no source stage) needs the same Y-flip as
  * `FULLSCREEN_VERTEX_SHADER`. `u_flipY` selects which one applies per draw.
  */
-export const FRAMEBUFFER_VERTEX_SHADER = `#version 300 es
+export const FRAMEBUFFER_VERTEX_SHADER = /*glsl*/`#version 300 es
 uniform bool u_flipY;
 out vec2 v_texCoord;
 void main() {

web-ui/src/playback-engine/render/fsr.ts

@@ -54,7 +54,7 @@ import type { Presenter } from "./presenters";
  * taps are accumulated through easuTap and normalized, then de-ringed by
  * clamping to the range of the four central texels (f,g,j,k).
  */
-const EASU_FRAGMENT_SHADER = `#version 300 es
+const EASU_FRAGMENT_SHADER = /*glsl*/`#version 300 es
 precision highp float;
 precision highp int;
 
@@ -248,7 +248,7 @@ void main() {
  * noise/grain), and blends the cross taps with the center by that lobe
  * before applying the CONTRAST/SATURATION lift.
  */
-const RCAS_FRAGMENT_SHADER = `#version 300 es
+const RCAS_FRAGMENT_SHADER = /*glsl*/`#version 300 es
 precision highp float;
 precision highp int;
 

web-ui/src/playback-engine/render/interlace-detector.ts

@@ -75,7 +75,7 @@ const READBACK_POOL_SIZE = 4;
  * Prepended to every detection fragment shader so the luma weights live in one
  * place.
  */
-const GLSL_LUMA_PRELUDE = `#version 300 es
+const GLSL_LUMA_PRELUDE = /*glsl*/`#version 300 es
 precision highp float;
 
 float lumaOfRgb(vec3 rgb) {
@@ -91,7 +91,7 @@ float lumaAt(sampler2D tex, vec2 uv) {
  * Marker pass — one fullscreen pass over the video texture.
  * Output: R = combed (0.0 or 1.0), G = abs luma diff vs prev frame [0,1].
  */
-const MARKER_FRAGMENT_SHADER = `${GLSL_LUMA_PRELUDE}
+const MARKER_FRAGMENT_SHADER = /*glsl*/`${GLSL_LUMA_PRELUDE}
 uniform sampler2D u_cur;
 uniform sampler2D u_prev;
 uniform float u_height;
@@ -116,7 +116,7 @@ void main() {
  * Reduction pass — 2×2 box filter, reused for every step of the chain.
  * u_texelSize is 1/inputWidth, 1/inputHeight of the current step's input.
  */
-const REDUCTION_FRAGMENT_SHADER = `#version 300 es
+const REDUCTION_FRAGMENT_SHADER = /*glsl*/`#version 300 es
 precision highp float;
 
 uniform sampler2D u_input;
@@ -146,7 +146,7 @@ void main() {
  * main maps v_texCoord.y in [0,1] to half-height FBO rows, each corresponding to
  * an even source row (0, 2, 4, ...).
  */
-const FIELD_ORDER_FRAGMENT_SHADER = `${GLSL_LUMA_PRELUDE}
+const FIELD_ORDER_FRAGMENT_SHADER = /*glsl*/`${GLSL_LUMA_PRELUDE}
 uniform sampler2D u_prev;
 uniform sampler2D u_cur;
 uniform float u_height;

web-ui/src/playback-engine/render/presenters.ts

@@ -32,7 +32,7 @@ export interface Presenter {
   destroy(gl: WebGL2RenderingContext): void;
 }
 
-const PASSTHROUGH_FRAGMENT_SHADER = `#version 300 es
+const PASSTHROUGH_FRAGMENT_SHADER = /*glsl*/`#version 300 es
 precision highp float;
 
 uniform sampler2D u_input;