Fix: Shaders bundling

.gitattributes

@@ -0,0 +1,3 @@
+# Git hooks must keep LF line endings so their shebang line runs on Windows too
+# (core.autocrlf=true would otherwise check them out with CRLF and break execution).
+.husky/** text eol=lf

.husky/commit-msg

@@ -1,3 +1,4 @@
+#!/usr/bin/env sh
 [ -n "$CI" ] && exit 0
 
 npx --no-install commitlint --edit $1

.husky/pre-commit

@@ -1,3 +1,4 @@
+#!/usr/bin/env sh
 [ -n "$CI" ] && exit 0
 
 npm run lint

src/renderer/webgl/shaders/edge/edge.frag → src/renderer/webgl/shaders/edge/edge.frag.ts

@@ -1,4 +1,4 @@
-#version 300 es
+export default `#version 300 es
 
 precision highp float;
 
@@ -154,3 +154,4 @@ void main() {
     fragColor = edgeColor;
   }
 }
+`;

src/renderer/webgl/shaders/edge/edge.vert → src/renderer/webgl/shaders/edge/edge.vert.ts

@@ -1,4 +1,4 @@
-#version 300 es
+export default `#version 300 es
 
 precision highp float;
 
@@ -99,3 +99,4 @@ void main() {
   vec2 clip = (screenPos / uResolution) * 2.0 - 1.0;
   gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0);
 }
+`;

src/renderer/webgl/shaders/label/label.frag → src/renderer/webgl/shaders/label/label.frag.ts

@@ -1,4 +1,4 @@
-#version 300 es
+export default `#version 300 es
 
 precision highp float;
 
@@ -13,3 +13,4 @@ void main() {
   if (texel.a < 0.01) discard;
   fragColor = texel;
 }
+`;

src/renderer/webgl/shaders/label/label.vert → src/renderer/webgl/shaders/label/label.vert.ts

@@ -1,4 +1,4 @@
-#version 300 es
+export default `#version 300 es
 
 in vec2 aQuadPosition;
 
@@ -23,3 +23,4 @@ void main() {
   vec2 uv01 = aQuadPosition * 0.5 + 0.5;
   vAtlasUV = mix(aLabelUV0, aLabelUV1, uv01);
 }
+`;

src/renderer/webgl/shaders/node/node.frag → src/renderer/webgl/shaders/node/node.frag.ts

@@ -1,4 +1,4 @@
-#version 300 es
+export default `#version 300 es
 
 precision highp float;
 
@@ -160,3 +160,4 @@ void main() {
     fragColor = nodeColor;
   }
 }
+`;

src/renderer/webgl/shaders/node/node.vert → src/renderer/webgl/shaders/node/node.vert.ts

@@ -1,4 +1,4 @@
-#version 300 es
+export default `#version 300 es
 
 precision highp float;
 
@@ -62,3 +62,4 @@ void main() {
   vec2 clip = (screenPos / uResolution) * 2.0 - 1.0;
   gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0);
 }
+`;

src/simulator/engine/shaders/force/force.frag → src/simulator/engine/shaders/force/force.frag.ts

@@ -1,4 +1,4 @@
-#version 300 es
+export default `#version 300 es
 
 precision highp float;
 
@@ -195,3 +195,4 @@ void main() {
 
   fragColor = vec4(pos, vel);
 }
+`;

src/simulator/engine/shaders/force/force.vert → src/simulator/engine/shaders/force/force.vert.ts

@@ -1,7 +1,8 @@
-#version 300 es
+export default `#version 300 es
 
 in vec2 aPosition;
 
 void main() {
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
+`;

webpack.config.js

@@ -11,14 +11,10 @@ const commonConfiguration = {
         use: 'ts-loader',
         exclude: '/node_modules/',
       },
-      {
-        test: /\.(glsl|vert|frag)$/,
-        type: 'asset/source',
-      },
     ],
   },
   resolve: {
-    extensions: ['.tsx', '.ts', '.js', '.glsl', '.vert', '.frag'],
+    extensions: ['.tsx', '.ts', '.js'],
   },
   output: {
     chunkFilename(pathData) {