💄 Apply GLSL formatting and configuration updates

Apply comprehensive GLSL code formatting and linting configuration

- Format GLSL shaders with consistent 2-space indentation and 120 character
width
- Improve readability with better line breaks and alignment in complex
expressions
- Update .glslrc.json to use compact array format for defines
- Add .prettierignore file to exclude build output, dependencies, and IDE
files
- Configure prettier overrides for GLSL files with specific formatting options
- Update GLSL linting script with improved code formatting and structure
- Apply consistent formatting to documentation examples in advanced.md,
developer-guide.md, and examples.md
- Format neural synapse fire effect with enhanced performance optimizations
- Update all fragment shaders with improved formatting and consistent style
- Maintain functionality while improving code maintainability

Author: hyperb1iss

.glslrc.json

@@ -11,13 +11,11 @@
     "GL_EXT_shader_explicit_arithmetic_types_float32",
     "GL_EXT_shader_explicit_arithmetic_types_float64"
   ],
-  "defines": [
-    "WEBGL_VERSION=2"
-  ],
+  "defines": ["WEBGL_VERSION=2"],
   "warnings": {
     "unused_variables": true,
     "unused_functions": true,
     "missing_precision": true,
     "deprecated_functions": true
   }
-}
+}

.prettierignore

@@ -0,0 +1,20 @@
+# Build output
+dist/
+build/
+
+# Dependencies
+node_modules/
+
+# Test coverage
+coverage/
+
+# IDE
+.vscode/
+.idea/
+
+# If you want to exclude specific GLSL files from formatting:
+# src/effects/*/fragment.glsl
+# src/effects/*/vertex.glsl
+
+# Or exclude all GLSL files (uncomment if you prefer manual formatting):
+# *.glsl

.prettierrc

@@ -1,3 +1,13 @@
 {
-  "plugins": ["prettier-plugin-uppercase-doctype", "prettier-plugin-glsl"]
+  "plugins": ["prettier-plugin-uppercase-doctype", "prettier-plugin-glsl"],
+  "overrides": [
+    {
+      "files": "*.glsl",
+      "options": {
+        "printWidth": 120,
+        "tabWidth": 2,
+        "useTabs": false
+      }
+    }
+  ]
 }

docs/advanced.md

@@ -623,15 +623,17 @@ vec3 getNormal(vec3 p) {
   const float eps = 0.001;
   vec2 e = vec2(eps, 0.0);
 
-  return normalize(vec3(
-    map(p + e.xyy) - map(p - e.xyy),
-    map(p + e.yxy) - map(p - e.yxy),
-    map(p + e.yyx) - map(p - e.yyx)
-  ));
+  return normalize(
+    vec3(
+      map(p + e.xyy) - map(p - e.xyy),
+      map(p + e.yxy) - map(p - e.yxy),
+      map(p + e.yyx) - map(p - e.yyx)
+    )
+  );
 }
 
 // Usage in mainImage
-void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+void mainImage(out vec4 fragColor, vec2 fragCoord) {
   vec2 uv = (fragCoord - 0.5 * iResolution.xy) / iResolution.y;
 
   // Camera setup
@@ -916,12 +918,12 @@ Create effects that adapt to different types of RGB devices.
 ### Responsive Layouts
 
 ```glsl
-void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+void mainImage(out vec4 fragColor, vec2 fragCoord) {
   vec2 uv = fragCoord / iResolution.xy;
   float aspectRatio = iResolution.x / iResolution.y;
 
   // Adjust for different aspect ratios
-  if (aspectRatio > 16.0/9.0) {
+  if (aspectRatio > 16.0 / 9.0) {
     // Ultrawide monitor or LED strip
     // Create horizontal effect
     float horizontalGradient = fract(uv.x * 5.0 - iTime * 0.1);
@@ -1095,7 +1097,7 @@ Use color output to visualize values:
 uniform bool iDebugMode;
 uniform int iDebugView; // 0: normal, 1: uv, 2: distance, 3: normals...
 
-void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+void mainImage(out vec4 fragColor, vec2 fragCoord) {
   vec2 uv = fragCoord / iResolution.xy;
 
   // Normal effect calculation

docs/developer-guide.md

@@ -255,19 +255,22 @@ vec3 getColor(float pos, int mode) {
   // Rainbow colors
   if (mode == 0) {
     return hsv2rgb(vec3(pos, 0.8, 1.0));
-  }
-  // Ocean colors
-  else if (mode == 1) {
-    return mix(vec3(0.0, 0.3, 0.8), vec3(0.0, 0.8, 1.0),
-               sin(pos * 6.28) * 0.5 + 0.5);
-  }
-  // Fire colors
-  else if (mode == 2) {
-    return mix(vec3(1.0, 0.5, 0.0), vec3(1.0, 0.2, 0.0),
-               sin(pos * 6.28) * 0.5 + 0.5);
-  }
-  // Neon colors
-  else if (mode == 3) {
+  } else // Ocean colors
+  if (mode == 1) {
+    return mix(
+      vec3(0.0, 0.3, 0.8),
+      vec3(0.0, 0.8, 1.0),
+      sin(pos * 6.28) * 0.5 + 0.5
+    );
+  } else // Fire colors
+  if (mode == 2) {
+    return mix(
+      vec3(1.0, 0.5, 0.0),
+      vec3(1.0, 0.2, 0.0),
+      sin(pos * 6.28) * 0.5 + 0.5
+    );
+  } else // Neon colors
+  if (mode == 3) {
     float segment = floor(pos * 4.0) / 4.0;
     float t = fract(pos * 4.0);
 
@@ -286,7 +289,7 @@ vec3 getColor(float pos, int mode) {
   return hsv2rgb(vec3(pos, 0.8, 1.0));
 }
 
-void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+void mainImage(out vec4 fragColor, vec2 fragCoord) {
   // Normalized coordinates
   vec2 uv = fragCoord / iResolution.xy;
 

docs/examples.md

@@ -74,7 +74,7 @@ vec3 getColor(float t, int mode) {
   }
 }
 
-void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+void mainImage(out vec4 fragColor, vec2 fragCoord) {
   // Normalized pixel coordinates
   vec2 uv = fragCoord / iResolution.xy;
 
@@ -301,7 +301,7 @@ vec3 hsv2rgb(vec3 c) {
   return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
 }
 
-void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+void mainImage(out vec4 fragColor, vec2 fragCoord) {
   // Center coordinates
   vec2 uv = fragCoord / iResolution.xy;
   vec2 center = uv - 0.5;
@@ -315,7 +315,7 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
 
   // Color based on angle and time
   float angle = atan(center.y, center.x);
-  float hue = fract((angle / 6.28) + iTime * iColorShift);
+  float hue = fract(angle / 6.28 + iTime * iColorShift);
 
   // Final color
   vec3 color = hsv2rgb(vec3(hue, 0.8, brightness));