use lang injection

Author: nartc

libs/postprocessing/src/lib/effects/lens-flare.ts

@@ -19,7 +19,7 @@ import { Color, Mesh, Texture, Uniform, Vector2, Vector3 } from 'three';
 import { NgtpEffectComposer } from '../effect-composer';
 
 const LensFlareShader = {
-	fragmentShader: /* glsl */ `
+	fragmentShader: /* language=glsl glsl */ `
 
   uniform float iTime;
   uniform vec2 lensPosition;

libs/soba/shaders/src/lib/caustics.ts

@@ -126,13 +126,13 @@ export const CausticsMaterial = shaderMaterial(
 		size: 10,
 		intensity: 0.5,
 	},
-	/* glsl */ `
+	/* language=glsl glsl */ `
   varying vec2 vUv;
   void main() {
       vUv = uv;
       gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }`,
-	/* glsl */ `
+	/* language=glsl glsl */ `
   uniform mat4 cameraMatrixWorld;
   uniform mat4 cameraProjectionMatrixInv;
   uniform vec3 lightDir;

libs/soba/shaders/src/lib/grid-material.ts

@@ -46,7 +46,7 @@ export const GridMaterial = shaderMaterial(
 		worldCamProjPosition: new Vector3(),
 		worldPlanePosition: new Vector3(),
 	},
-	/* glsl */ `
+	/* language=glsl glsl */ `
     varying vec3 localPosition;
     varying vec4 worldPosition;
 
@@ -69,7 +69,7 @@ export const GridMaterial = shaderMaterial(
       gl_Position = projectionMatrix * viewMatrix * worldPosition;
     }
   `,
-	/* glsl */ `
+	/* language=glsl glsl */ `
     varying vec3 localPosition;
     varying vec4 worldPosition;
 

libs/soba/src/materials/custom-shader-material.stories.ts

@@ -8,7 +8,7 @@ import { PointsMaterial } from 'three';
 import { makeDecorators, makeStoryObject, number } from '../setup-canvas';
 
 const shader = {
-	vertex: /* glsl */ `
+	vertex: /* language=glsl glsl */ `
     uniform float uTime;
     varying float vVisibility;
     varying vec3 vViewNormal;
@@ -28,7 +28,7 @@ const shader = {
       csm_PointSize += ((1. - visibility) * 0.05);
     }
     `,
-	fragment: /* glsl */ `
+	fragment: /* language=glsl glsl */ `
     varying float vVisibility;
     varying vec3 vViewNormal;
 

libs/soba/src/staging/spot-light.stories.ts

@@ -34,13 +34,7 @@ import { makeDecorators, makeStoryObject } from '../setup-canvas';
 		<ngts-spot-light [options]="options()">
 			<ngts-spot-light-shadow
 				[shader]="shader()"
-				[options]="{
-					scale: 4,
-					distance: 0.4,
-					width: 2048,
-					height: 2048,
-					map: leafTexture(),
-				}"
+				[options]="{ scale: 4, distance: 0.4, width: 2048, height: 2048, map: leafTexture() }"
 			/>
 		</ngts-spot-light>
 	`,
@@ -70,23 +64,24 @@ class SpotLightShadowStory {
 			},
 		},
 	);
+
 	leafTexture = injectTexture(() => './textures/other/leaves.jpg');
 	shader = computed(() => {
 		if (!this.wind()) return undefined;
-		return /* glsl */ `
-            varying vec2 vUv;
-            uniform sampler2D uShadowMap;
-            uniform float uTime;
-            void main() {
-              // material.repeat.set(2.5) - Since repeat is a shader feature not texture
-              // we need to implement it manually
-              vec2 uv = mod(vUv, 0.4) * 2.5;
-              // Fake wind distortion
-              uv.x += sin(uv.y * 10.0 + uTime * 0.5) * 0.02;
-              uv.y += sin(uv.x * 10.0 + uTime * 0.5) * 0.02;
-              vec3 color = texture2D(uShadowMap, uv).xyz;
-              gl_FragColor = vec4(color, 1.);
-            }
+		return /* language=glsl glsl */ `
+      varying vec2 vUv;
+      uniform sampler2D uShadowMap;
+      uniform float uTime;
+      void main() {
+        // material.repeat.set(2.5) - Since repeat is a shader feature not texture
+        // we need to implement it manually
+        vec2 uv = mod(vUv, 0.4) * 2.5;
+        // Fake wind distortion
+        uv.x += sin(uv.y * 10.0 + uTime * 0.5) * 0.02;
+        uv.y += sin(uv.x * 10.0 + uTime * 0.5) * 0.02;
+        vec3 color = texture2D(uShadowMap, uv).xyz;
+        gl_FragColor = vec4(color, 1.);
+      }
     `;
 	});
 }

libs/soba/staging/src/lib/spot-light.ts

@@ -266,7 +266,7 @@ export class NgtsSpotLightShadowShader {
 		return new FullScreenQuad(
 			new ShaderMaterial({
 				uniforms: this.uniforms,
-				vertexShader: /* glsl */ `
+				vertexShader: /* language=glsl glsl */ `
           varying vec2 vUv;
 
           void main() {