react-native-webrtc-kaleidoscope 2.6.1 → 2.7.1

package/catalog/shaders/data-mesh/data-mesh.ts

@@ -0,0 +1,225 @@
+// Data-mesh layer-shader interface: typed uniforms + control descriptor. A mid-
+// 2000s corporate wireframe-wave background, an opaque BACKGROUND layer. One
+// data-mesh.frag fans out into the book presets (datafield, boardroom, acid,
+// cobalt, and slate) by varying these uniforms; the color set is the
+// big lever (gradient + line/crest/haze/accent), the structural dials set
+// composition and motion. Shader source is shaders/data-mesh/data-mesh.frag.
+
+import type { RGB } from '../../../src/lib/primitives.types';
+import type { UniformControl } from '../_shared/types';
+
+/** Typed uniforms for the `data-mesh` layer shader. */
+export type DataMeshUniforms = {
+  /** Background gradient color at the top of frame. */
+  readonly uBgTop: RGB;
+  /** Background gradient color at the bottom of frame. */
+  readonly uBgBottom: RGB;
+  /** Mid wireframe-line tint (the trough/body color). */
+  readonly uLineColor: RGB;
+  /** Crest highlight color (brightest along the peaks). */
+  readonly uCrestColor: RGB;
+  /** Atmospheric haze tint on the far rows. */
+  readonly uHazeColor: RGB;
+  /** The one restrained accent color (e.g. enterprise red). */
+  readonly uAccentColor: RGB;
+  /** Wave-field spatial frequency; lower = looser, broader hills. */
+  readonly uWaveScale: number;
+  /** Vertical wave displacement amount (near rows). */
+  readonly uWaveAmp: number;
+  /** Animation rate; 0 freezes the surface. */
+  readonly uWaveSpeed: number;
+  /** Column-grid density across the surface; keep loose. */
+  readonly uGridX: number;
+  /** Horizon height in uv.y units (rows converge toward it). */
+  readonly uHorizon: number;
+  /** Perspective scale of the farthest row; > 0 (guards the divide). */
+  readonly uFarScale: number;
+  /** Diagonal tilt; raises the right side for corner composition. */
+  readonly uSlant: number;
+  /** Wireframe line half-width (smaller = finer, sharper). */
+  readonly uLineWidth: number;
+  /** Emphasis of glowing intersection nodes (the dot reading), 0..1. */
+  readonly uNodeMix: number;
+  /** Emphasis of vertical struts (the wireframe reading), 0..1. */
+  readonly uStrutMix: number;
+  /** Overall additive mesh-glow / bloom strength. */
+  readonly uGlow: number;
+  /** Atmospheric far-haze strength. */
+  readonly uHaze: number;
+  /** Floating-particle intensity; 0 disables the field. */
+  readonly uParticles: number;
+  /** Lone accent-mote intensity; 0 disables it. */
+  readonly uAccent: number;
+  /** Eases the additive glow at frame center (the face zone); 0 = off. */
+  readonly uCalm: number;
+};
+
+/** The `data-mesh` shader's tunables; defaults are the cyan "datafield" look. */
+export const DATA_MESH_CONTROLS: readonly UniformControl[] = [
+  {
+    name: 'uBgTop',
+    kind: 'color',
+    default: [0.01, 0.02, 0.05],
+    doc: 'Background color at top of frame.',
+  },
+  {
+    name: 'uBgBottom',
+    kind: 'color',
+    default: [0.02, 0.05, 0.12],
+    doc: 'Background color at bottom of frame.',
+  },
+  {
+    name: 'uLineColor',
+    kind: 'color',
+    default: [0.1, 0.55, 0.75],
+    doc: 'Mid wireframe-line tint.',
+  },
+  { name: 'uCrestColor', kind: 'color', default: [0.85, 0.97, 1.0], doc: 'Crest highlight color.' },
+  {
+    name: 'uHazeColor',
+    kind: 'color',
+    default: [0.05, 0.25, 0.4],
+    doc: 'Far-row atmospheric haze tint.',
+  },
+  {
+    name: 'uAccentColor',
+    kind: 'color',
+    default: [0.9, 0.15, 0.12],
+    doc: 'The one restrained accent color.',
+  },
+  {
+    name: 'uWaveScale',
+    kind: 'float',
+    default: 1.2,
+    min: 0.4,
+    max: 4,
+    step: 0.05,
+    doc: 'Wave frequency; lower = looser, broader hills.',
+  },
+  {
+    name: 'uWaveAmp',
+    kind: 'float',
+    default: 0.14,
+    min: 0,
+    max: 0.4,
+    step: 0.005,
+    doc: 'Vertical wave displacement (near rows).',
+  },
+  {
+    name: 'uWaveSpeed',
+    kind: 'float',
+    default: 0.25,
+    min: 0,
+    max: 2,
+    step: 0.01,
+    doc: 'Animation rate; 0 freezes.',
+  },
+  {
+    name: 'uGridX',
+    kind: 'float',
+    default: 7,
+    min: 1,
+    max: 24,
+    step: 0.5,
+    doc: 'Column-grid density; keep loose.',
+  },
+  {
+    name: 'uHorizon',
+    kind: 'float',
+    default: 0.16,
+    min: -0.2,
+    max: 0.45,
+    step: 0.01,
+    doc: 'Horizon height (rows converge toward it).',
+  },
+  {
+    name: 'uFarScale',
+    kind: 'float',
+    default: 0.12,
+    min: 0.05,
+    max: 0.5,
+    step: 0.01,
+    doc: 'Perspective scale of the farthest row.',
+  },
+  {
+    name: 'uSlant',
+    kind: 'float',
+    default: 0.18,
+    min: -0.6,
+    max: 0.6,
+    step: 0.01,
+    doc: 'Diagonal tilt for corner composition.',
+  },
+  {
+    name: 'uLineWidth',
+    kind: 'float',
+    default: 0.018,
+    min: 0.004,
+    max: 0.06,
+    step: 0.001,
+    doc: 'Wireframe line half-width; smaller = finer.',
+  },
+  {
+    name: 'uNodeMix',
+    kind: 'float',
+    default: 0.5,
+    min: 0,
+    max: 1,
+    step: 0.01,
+    doc: 'Glowing-node (dot) emphasis.',
+  },
+  {
+    name: 'uStrutMix',
+    kind: 'float',
+    default: 0.35,
+    min: 0,
+    max: 1,
+    step: 0.01,
+    doc: 'Vertical-strut (wireframe) emphasis.',
+  },
+  {
+    name: 'uGlow',
+    kind: 'float',
+    default: 1,
+    min: 0,
+    max: 3,
+    step: 0.01,
+    doc: 'Overall mesh-glow / bloom strength.',
+  },
+  {
+    name: 'uHaze',
+    kind: 'float',
+    default: 0.6,
+    min: 0,
+    max: 2,
+    step: 0.01,
+    doc: 'Atmospheric far-haze strength.',
+  },
+  {
+    name: 'uParticles',
+    kind: 'float',
+    default: 0.5,
+    min: 0,
+    max: 2,
+    step: 0.01,
+    doc: 'Floating-particle intensity; 0 disables.',
+  },
+  {
+    name: 'uAccent',
+    kind: 'float',
+    default: 0,
+    min: 0,
+    max: 2,
+    step: 0.01,
+    doc: 'Lone accent-mote intensity; 0 disables.',
+  },
+  {
+    name: 'uCalm',
+    kind: 'float',
+    default: 0,
+    min: 0,
+    max: 1,
+    step: 0.01,
+    doc: 'Eases the additive glow at frame center (face zone).',
+  },
+];

package/catalog/shaders/index.ts

@@ -8,6 +8,7 @@ import type { AuroraSilkUniforms } from './aurora-silk/aurora-silk';
 import type { BlurUniforms } from './blur/blur';
 import type { CloudsUniforms } from './clouds/clouds';
 import type { CorporateBlobsUniforms } from './corporate-blobs/corporate-blobs';
+import type { DataMeshUniforms } from './data-mesh/data-mesh';
 import type { FirefliesUniforms } from './fireflies/fireflies';
 import type { GodraysUniforms } from './godrays/godrays';
 import type { HalftoneWavesUniforms } from './halftone-waves/halftone-waves';
@@ -30,6 +31,8 @@ export type { CloudsUniforms } from './clouds/clouds';
 export { CLOUDS_CONTROLS } from './clouds/clouds';
 export type { CorporateBlobsUniforms } from './corporate-blobs/corporate-blobs';
 export { CORPORATE_BLOBS_CONTROLS } from './corporate-blobs/corporate-blobs';
+export type { DataMeshUniforms } from './data-mesh/data-mesh';
+export { DATA_MESH_CONTROLS } from './data-mesh/data-mesh';
 export type { FirefliesUniforms } from './fireflies/fireflies';
 export { FIREFLIES_CONTROLS } from './fireflies/fireflies';
 export type { GodraysUniforms } from './godrays/godrays';
@@ -73,6 +76,7 @@ export type ShaderUniformsMap = {
   readonly 'aurora-silk': AuroraSilkUniforms;
   readonly 'light-beams-and-motes': LightBeamsAndMotesUniforms;
   readonly 'corporate-blobs': CorporateBlobsUniforms;
+  readonly 'data-mesh': DataMeshUniforms;
 };
 
 /** A patchable (uniform-bearing) layer shader name. */

package/catalog/shaders/nebula/nebula.frag

@@ -40,9 +40,11 @@ const float MIN_DIVIDE = 64.0;
 const float MAX_DIVIDE = 0.01;
 // Number of stacked starfield layers. Compile-time constant so the layer
 // loop has a fixed integer bound (cross-compile-safe; no float loop counter).
-// 8 (was 12) for low-end-mobile cost (issue #39); the work is linear in the
-// count and dimByDensity rebalances per-star brightness automatically.
-const int STARFIELD_LAYERS_COUNT = 8;
+// 7 (was 8 #74, was 12 #39) for cost; the work is linear in the count and
+// dimByDensity rebalances per-star brightness automatically. 7 keeps the dense
+// look essentially intact (6 was visibly sparser at some animation phases);
+// paired with the empty-cell early-out below it lands ~34% under the old 8.
+const int STARFIELD_LAYERS_COUNT = 7;
 
 mat2 Rotate(float angle) {
   float s = sin(angle);
@@ -110,6 +112,12 @@ vec3 StarFieldLayer(vec2 uv, float rotAngle) {
       float size = fract(randomN * 1356.33);
       float flareSwitch = smoothstep(0.9, 1.0, size);
       float star = Star(randomPosition, flareSwitch, rotAngle, randomN);
+      // The per-cell color below is multiplied by `star` at the end, so for any
+      // cell whose star is 0 (Star() returns exactly 0 for d >= 1.0, i.e. the
+      // empty-sky majority of the 8x9 = 72 cells/pixel) the whole term is 0.
+      // Skipping the sin(vec3) color work for those cells is output-identical and
+      // is the bulk of the win (issue #74).
+      if (star <= 0.0) continue;
 
       // fract trick: random colors
       float randomStarColorSeed = fract(randomN * 2150.0) * (3.0 * PI) * deltaTimeTwinkle;

package/catalog/shaders/outrun-grid/outrun-grid.frag

@@ -16,14 +16,14 @@
 // top-right. fragCoord-free; reads vUv directly. Fully procedural: no input
 // texture, so ZERO net texture flips on every runtime (web/Android/Metal alike).
 //
-// Cross-target correctness: the floor's depth is 1 / (uHorizon - y), which would
-// blow to Inf/NaN exactly at the horizon and diverges between desktop highp and
-// mobile mediump. The denominator is clamped (max(..., 1.5e-3)) and the floor is
-// shaded only BELOW the horizon. Grid anti-aliasing is per-axis, depth-scaled line
-// width (NOT fwidth, NOT reversed-edge smoothstep): each axis' line band widens at
-// its own screen-space compression rate, so far lines never go sub-pixel and the
-// grid does not shimmer as it scrolls. No derivative-precision question on the
-// Android/Metal targets. No variable-exponent pow, no gl_FragCoord, no arrays.
+// Cross-target correctness: the floor's depth is num / (dy + 0.05) where dy is the
+// centered distance below the horizon. The ADDITIVE offset caps the depth at the
+// horizon (no Inf/NaN, bounded line frequency); big cells in the near field keep
+// the line spacing above a pixel, so the grid neither sheets nor shimmers. The
+// floor is shaded only BELOW the horizon. Line width is depth-scaled (verticals
+// ~linear, rungs ~depth^2) so far lines fill the cell instead of going sub-pixel.
+// 1 - smoothstep(0, sz, .), NOT fwidth and NOT the reversed-edge smoothstep (which
+// is undefined on GLSL ES / Metal). No variable-exponent pow, no gl_FragCoord.
 //
 // Precision: highp float throughout; the depth divide and grid coordinate need
 // the range and the front-to-horizon dynamic range.
@@ -90,34 +90,38 @@ void main() {
 
     col = mix(col, sunCol, sunBody);
   } else {
-    // --- FLOOR --- perspective grid. Guard the divide; shade only below horizon.
-    float depth = 1.0 / max(h - fy, 1.5e-3); // large near the horizon
-    float depthMin = 1.0 / h;                // depth at the very front (fy = 0)
-
-    // Grid coordinates: x widens with depth (perspective); uGridDensity sets the
-    // cell count; the scroll is in cell units so its rate is density-independent.
-    vec2 g = vec2(fx * depth, depth) * uGridDensity;
-    g.y += uTime * uSpeed * 2.0;
-    vec2 cell = abs(fract(g) - 0.5); // 0 on a line .. 0.5 mid-cell, per axis
-
-    // Per-axis, depth-scaled line half-width: the rungs (g.y) compress toward the
-    // horizon as depth^2 and the verticals (g.x) ~linearly, so widening each axis'
-    // line band at its own compression rate holds the on-screen line width roughly
-    // constant. Far lines fuse into a band instead of a sub-pixel sheet that
-    // shimmers as it scrolls; near lines stay crisp. Written 1 - smoothstep(0, w, .)
-    // (NOT the reversed-edge smoothstep(w, 0, .), which is undefined on GLSL ES /
-    // Metal) and derivative-free, so it is portable and mobile-precision safe.
-    vec2 w = max(vec2(depth, depth * depth * 0.2) * uGridDensity * 0.0013, vec2(1e-4));
-    vec2 core = 1.0 - smoothstep(vec2(0.0), w, cell);
-    vec2 halo = (1.0 - smoothstep(vec2(0.0), w * 6.0, cell)) * (0.5 * uGridGlow);
-    float gridVal = clamp(core.x + core.y + halo.x + halo.y, 0.0, 1.5);
-
-    // Distance fog: fade the grid out toward the horizon for the converging look.
-    float fog = clamp(1.0 - (depth - depthMin) / (depthMin * 10.0), 0.0, 1.0);
-    fog *= fog;
-
-    vec3 floorBase = mix(vec3(0.0), uSkyHorizon * 0.16, fog * 0.6);
-    col = floorBase + uGridColor * gridVal * fog * calm;
+    // --- FLOOR --- perspective grid, a faithful port of a known-good community
+    // outrun grid (prior versions read as a too-dense, flickering sheet). Work in
+    // the reference's centered frame: cx is full-width centered x, dy is the
+    // centered distance BELOW the horizon. The additive offset caps the depth at
+    // the horizon, and putting big cells in the near field (low min depth) is what
+    // keeps the line spacing above a pixel, so it neither sheets nor shimmers.
+    float cx = 2.0 * fx;            // = (2*vUv.x - 1) * aspect
+    float dy = 2.0 * (h - fy);      // centered distance below the horizon (> 0)
+
+    // Cell count: uGridDensity 4 -> numerator 1.0 (sparse, big near cells). x
+    // widens with depth (the 0.7 factor); scroll is a slow drift toward the viewer.
+    float num = uGridDensity * 0.25;
+    float depth = num / (dy + 0.05);
+    vec2 g = vec2(cx * depth * 0.7, depth);
+    g.y += uTime * uSpeed * 0.3;
+    vec2 e = abs(fract(g) - 0.5);
+
+    // PIXEL-CALIBRATED line width: each line core is a fixed ~px wide in SCREEN
+    // PIXELS (via uResolution), the same at every depth and every resolution. The
+    // old depth^2*const width was constant in theory but landed sub-pixel, so
+    // discrete sampling rendered some rungs thick and others thin -> the uneven
+    // rungs that read as flicker. Solving sz so screen thickness == px: the rungs
+    // (g.y, compression ~depth^2/num) need sz.y = depth^2 * pf / num; the verticals
+    // (g.x) need sz.x = depth * 0.7 * pf. uGridGlow sets px (0.5 -> 2 px).
+    float pf = (uGridGlow * 4.0) / uResolution.y;
+    vec2 sz = vec2(depth * 0.7 * pf, depth * depth * pf / num);
+    vec2 lines = 1.0 - smoothstep(vec2(0.0), sz, e);
+    lines += (1.0 - smoothstep(vec2(0.0), sz * 4.0, e)) * 0.5;
+    float gridVal = clamp(lines.x + lines.y, 0.0, 1.0);
+
+    vec3 floorBase = uSkyHorizon * 0.06;
+    col = mix(floorBase, uGridColor, gridVal * calm);
   }
 
   // Glowing horizon seam where floor meets sky.

package/catalog/shaders/outrun-grid/outrun-grid.ts

@@ -61,8 +61,8 @@ export const OUTRUN_GRID_CONTROLS: readonly UniformControl[] = [
   {
     name: 'uGridDensity',
     kind: 'float',
-    default: 4,
-    min: 4,
+    default: 3,
+    min: 1,
     max: 32,
     step: 1,
     doc: 'Grid cells across the floor.',

package/dist/catalog/shaders/data-mesh/data-mesh.d.ts

@@ -0,0 +1,50 @@
+import type { RGB } from '../../../src/lib/primitives.types';
+import type { UniformControl } from '../_shared/types';
+/** Typed uniforms for the `data-mesh` layer shader. */
+export type DataMeshUniforms = {
+    /** Background gradient color at the top of frame. */
+    readonly uBgTop: RGB;
+    /** Background gradient color at the bottom of frame. */
+    readonly uBgBottom: RGB;
+    /** Mid wireframe-line tint (the trough/body color). */
+    readonly uLineColor: RGB;
+    /** Crest highlight color (brightest along the peaks). */
+    readonly uCrestColor: RGB;
+    /** Atmospheric haze tint on the far rows. */
+    readonly uHazeColor: RGB;
+    /** The one restrained accent color (e.g. enterprise red). */
+    readonly uAccentColor: RGB;
+    /** Wave-field spatial frequency; lower = looser, broader hills. */
+    readonly uWaveScale: number;
+    /** Vertical wave displacement amount (near rows). */
+    readonly uWaveAmp: number;
+    /** Animation rate; 0 freezes the surface. */
+    readonly uWaveSpeed: number;
+    /** Column-grid density across the surface; keep loose. */
+    readonly uGridX: number;
+    /** Horizon height in uv.y units (rows converge toward it). */
+    readonly uHorizon: number;
+    /** Perspective scale of the farthest row; > 0 (guards the divide). */
+    readonly uFarScale: number;
+    /** Diagonal tilt; raises the right side for corner composition. */
+    readonly uSlant: number;
+    /** Wireframe line half-width (smaller = finer, sharper). */
+    readonly uLineWidth: number;
+    /** Emphasis of glowing intersection nodes (the dot reading), 0..1. */
+    readonly uNodeMix: number;
+    /** Emphasis of vertical struts (the wireframe reading), 0..1. */
+    readonly uStrutMix: number;
+    /** Overall additive mesh-glow / bloom strength. */
+    readonly uGlow: number;
+    /** Atmospheric far-haze strength. */
+    readonly uHaze: number;
+    /** Floating-particle intensity; 0 disables the field. */
+    readonly uParticles: number;
+    /** Lone accent-mote intensity; 0 disables it. */
+    readonly uAccent: number;
+    /** Eases the additive glow at frame center (the face zone); 0 = off. */
+    readonly uCalm: number;
+};
+/** The `data-mesh` shader's tunables; defaults are the cyan "datafield" look. */
+export declare const DATA_MESH_CONTROLS: readonly UniformControl[];
+//# sourceMappingURL=data-mesh.d.ts.map

package/dist/catalog/shaders/data-mesh/data-mesh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-mesh.d.ts","sourceRoot":"","sources":["../../../../catalog/shaders/data-mesh/data-mesh.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,uDAAuD;AACvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;IACrB,wDAAwD;IACxD,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC;IACxB,uDAAuD;IACvD,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,WAAW,EAAE,GAAG,CAAC;IAC1B,6CAA6C;IAC7C,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,YAAY,EAAE,GAAG,CAAC;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,6CAA6C;IAC7C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,sEAAsE;IACtE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,wEAAwE;IACxE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,kBAAkB,EAAE,SAAS,cAAc,EAuKvD,CAAC"}

package/dist/catalog/shaders/data-mesh/data-mesh.form.d.ts

@@ -0,0 +1,3 @@
+import { type KaleidoscopeControls } from '../../../src/components/preset-control-panel';
+export declare function DataMeshForm({ uniforms, onPatch, disabled }: KaleidoscopeControls): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data-mesh.form.d.ts.map

package/dist/catalog/shaders/data-mesh/data-mesh.form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-mesh.form.d.ts","sourceRoot":"","sources":["../../../../catalog/shaders/data-mesh/data-mesh.form.tsx"],"names":[],"mappings":"AAMA,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,8CAA8C,CAAC;AAGtD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAsCjF"}

package/dist/catalog/shaders/data-mesh/data-mesh.form.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataMeshForm = DataMeshForm;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Data-mesh's editor form: the shader OWNS its control layout. One
+// <Control uniform="…"/> per uniform; grouped into palette / surface / glow
+// sections so the big color levers, the structural dials, and the additive extras
+// read as three clusters. A new primitive flows in through <Control> without
+// touching this file. Conventional layer id: "mesh".
+const preset_control_panel_1 = require("../../../src/components/preset-control-panel");
+const data_mesh_1 = require("./data-mesh");
+function DataMeshForm({ uniforms, onPatch, disabled }) {
+    return ((0, jsx_runtime_1.jsxs)(preset_control_panel_1.ControlForm, { id: "mesh", uniforms: uniforms.mesh ?? {}, onPatch: onPatch, disabled: disabled, controls: data_mesh_1.DATA_MESH_CONTROLS, children: [(0, jsx_runtime_1.jsxs)(preset_control_panel_1.ControlSection, { title: "palette", children: [(0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uBgTop" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uBgBottom" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uLineColor" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uCrestColor" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uHazeColor" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uAccentColor" })] }), (0, jsx_runtime_1.jsxs)(preset_control_panel_1.ControlSection, { title: "surface", children: [(0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uWaveScale" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uWaveAmp" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uWaveSpeed" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uGridX" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uHorizon" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uFarScale" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uSlant" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uLineWidth" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uNodeMix" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uStrutMix" })] }), (0, jsx_runtime_1.jsxs)(preset_control_panel_1.ControlSection, { title: "glow", children: [(0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uGlow" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uHaze" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uParticles" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uAccent" }), (0, jsx_runtime_1.jsx)(preset_control_panel_1.Control, { uniform: "uCalm" })] })] }));
+}
+//# sourceMappingURL=data-mesh.form.js.map

package/dist/catalog/shaders/data-mesh/data-mesh.form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-mesh.form.js","sourceRoot":"","sources":["../../../../catalog/shaders/data-mesh/data-mesh.form.tsx"],"names":[],"mappings":";;;;AAAA,mEAAmE;AACnE,4EAA4E;AAC5E,kFAAkF;AAClF,6EAA6E;AAC7E,qDAAqD;AAErD,uFAKsD;AACtD,2CAAiD;AAEjD,sBAA6B,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAwB;IAChF,OAAO,CACL,wBAAC,kCAAW,IACV,EAAE,EAAC,MAAM,EACT,QAAQ,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,8BAAkB,aAE5B,wBAAC,qCAAc,IAAC,KAAK,EAAC,SAAS,aAC7B,uBAAC,8BAAO,IAAC,OAAO,EAAC,QAAQ,GAAG,EAC5B,uBAAC,8BAAO,IAAC,OAAO,EAAC,WAAW,GAAG,EAC/B,uBAAC,8BAAO,IAAC,OAAO,EAAC,YAAY,GAAG,EAChC,uBAAC,8BAAO,IAAC,OAAO,EAAC,aAAa,GAAG,EACjC,uBAAC,8BAAO,IAAC,OAAO,EAAC,YAAY,GAAG,EAChC,uBAAC,8BAAO,IAAC,OAAO,EAAC,cAAc,GAAG,IACnB,EACjB,wBAAC,qCAAc,IAAC,KAAK,EAAC,SAAS,aAC7B,uBAAC,8BAAO,IAAC,OAAO,EAAC,YAAY,GAAG,EAChC,uBAAC,8BAAO,IAAC,OAAO,EAAC,UAAU,GAAG,EAC9B,uBAAC,8BAAO,IAAC,OAAO,EAAC,YAAY,GAAG,EAChC,uBAAC,8BAAO,IAAC,OAAO,EAAC,QAAQ,GAAG,EAC5B,uBAAC,8BAAO,IAAC,OAAO,EAAC,UAAU,GAAG,EAC9B,uBAAC,8BAAO,IAAC,OAAO,EAAC,WAAW,GAAG,EAC/B,uBAAC,8BAAO,IAAC,OAAO,EAAC,QAAQ,GAAG,EAC5B,uBAAC,8BAAO,IAAC,OAAO,EAAC,YAAY,GAAG,EAChC,uBAAC,8BAAO,IAAC,OAAO,EAAC,UAAU,GAAG,EAC9B,uBAAC,8BAAO,IAAC,OAAO,EAAC,WAAW,GAAG,IAChB,EACjB,wBAAC,qCAAc,IAAC,KAAK,EAAC,MAAM,aAC1B,uBAAC,8BAAO,IAAC,OAAO,EAAC,OAAO,GAAG,EAC3B,uBAAC,8BAAO,IAAC,OAAO,EAAC,OAAO,GAAG,EAC3B,uBAAC,8BAAO,IAAC,OAAO,EAAC,YAAY,GAAG,EAChC,uBAAC,8BAAO,IAAC,OAAO,EAAC,SAAS,GAAG,EAC7B,uBAAC,8BAAO,IAAC,OAAO,EAAC,OAAO,GAAG,IACZ,IACL,CACf,CAAC;AACJ,CAAC","sourcesContent":["// Data-mesh's editor form: the shader OWNS its control layout. One\n// <Control uniform=\"…\"/> per uniform; grouped into palette / surface / glow\n// sections so the big color levers, the structural dials, and the additive extras\n// read as three clusters. A new primitive flows in through <Control> without\n// touching this file. Conventional layer id: \"mesh\".\n\nimport {\n  Control,\n  ControlForm,\n  ControlSection,\n  type KaleidoscopeControls,\n} from '../../../src/components/preset-control-panel';\nimport { DATA_MESH_CONTROLS } from './data-mesh';\n\nexport function DataMeshForm({ uniforms, onPatch, disabled }: KaleidoscopeControls) {\n  return (\n    <ControlForm\n      id=\"mesh\"\n      uniforms={uniforms.mesh ?? {}}\n      onPatch={onPatch}\n      disabled={disabled}\n      controls={DATA_MESH_CONTROLS}\n    >\n      <ControlSection title=\"palette\">\n        <Control uniform=\"uBgTop\" />\n        <Control uniform=\"uBgBottom\" />\n        <Control uniform=\"uLineColor\" />\n        <Control uniform=\"uCrestColor\" />\n        <Control uniform=\"uHazeColor\" />\n        <Control uniform=\"uAccentColor\" />\n      </ControlSection>\n      <ControlSection title=\"surface\">\n        <Control uniform=\"uWaveScale\" />\n        <Control uniform=\"uWaveAmp\" />\n        <Control uniform=\"uWaveSpeed\" />\n        <Control uniform=\"uGridX\" />\n        <Control uniform=\"uHorizon\" />\n        <Control uniform=\"uFarScale\" />\n        <Control uniform=\"uSlant\" />\n        <Control uniform=\"uLineWidth\" />\n        <Control uniform=\"uNodeMix\" />\n        <Control uniform=\"uStrutMix\" />\n      </ControlSection>\n      <ControlSection title=\"glow\">\n        <Control uniform=\"uGlow\" />\n        <Control uniform=\"uHaze\" />\n        <Control uniform=\"uParticles\" />\n        <Control uniform=\"uAccent\" />\n        <Control uniform=\"uCalm\" />\n      </ControlSection>\n    </ControlForm>\n  );\n}\n"]}

package/dist/catalog/shaders/data-mesh/data-mesh.js

@@ -0,0 +1,179 @@
+"use strict";
+// Data-mesh layer-shader interface: typed uniforms + control descriptor. A mid-
+// 2000s corporate wireframe-wave background, an opaque BACKGROUND layer. One
+// data-mesh.frag fans out into the book presets (datafield, boardroom, acid,
+// cobalt, and slate) by varying these uniforms; the color set is the
+// big lever (gradient + line/crest/haze/accent), the structural dials set
+// composition and motion. Shader source is shaders/data-mesh/data-mesh.frag.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_MESH_CONTROLS = void 0;
+/** The `data-mesh` shader's tunables; defaults are the cyan "datafield" look. */
+exports.DATA_MESH_CONTROLS = [
+    {
+        name: 'uBgTop',
+        kind: 'color',
+        default: [0.01, 0.02, 0.05],
+        doc: 'Background color at top of frame.',
+    },
+    {
+        name: 'uBgBottom',
+        kind: 'color',
+        default: [0.02, 0.05, 0.12],
+        doc: 'Background color at bottom of frame.',
+    },
+    {
+        name: 'uLineColor',
+        kind: 'color',
+        default: [0.1, 0.55, 0.75],
+        doc: 'Mid wireframe-line tint.',
+    },
+    { name: 'uCrestColor', kind: 'color', default: [0.85, 0.97, 1.0], doc: 'Crest highlight color.' },
+    {
+        name: 'uHazeColor',
+        kind: 'color',
+        default: [0.05, 0.25, 0.4],
+        doc: 'Far-row atmospheric haze tint.',
+    },
+    {
+        name: 'uAccentColor',
+        kind: 'color',
+        default: [0.9, 0.15, 0.12],
+        doc: 'The one restrained accent color.',
+    },
+    {
+        name: 'uWaveScale',
+        kind: 'float',
+        default: 1.2,
+        min: 0.4,
+        max: 4,
+        step: 0.05,
+        doc: 'Wave frequency; lower = looser, broader hills.',
+    },
+    {
+        name: 'uWaveAmp',
+        kind: 'float',
+        default: 0.14,
+        min: 0,
+        max: 0.4,
+        step: 0.005,
+        doc: 'Vertical wave displacement (near rows).',
+    },
+    {
+        name: 'uWaveSpeed',
+        kind: 'float',
+        default: 0.25,
+        min: 0,
+        max: 2,
+        step: 0.01,
+        doc: 'Animation rate; 0 freezes.',
+    },
+    {
+        name: 'uGridX',
+        kind: 'float',
+        default: 7,
+        min: 1,
+        max: 24,
+        step: 0.5,
+        doc: 'Column-grid density; keep loose.',
+    },
+    {
+        name: 'uHorizon',
+        kind: 'float',
+        default: 0.16,
+        min: -0.2,
+        max: 0.45,
+        step: 0.01,
+        doc: 'Horizon height (rows converge toward it).',
+    },
+    {
+        name: 'uFarScale',
+        kind: 'float',
+        default: 0.12,
+        min: 0.05,
+        max: 0.5,
+        step: 0.01,
+        doc: 'Perspective scale of the farthest row.',
+    },
+    {
+        name: 'uSlant',
+        kind: 'float',
+        default: 0.18,
+        min: -0.6,
+        max: 0.6,
+        step: 0.01,
+        doc: 'Diagonal tilt for corner composition.',
+    },
+    {
+        name: 'uLineWidth',
+        kind: 'float',
+        default: 0.018,
+        min: 0.004,
+        max: 0.06,
+        step: 0.001,
+        doc: 'Wireframe line half-width; smaller = finer.',
+    },
+    {
+        name: 'uNodeMix',
+        kind: 'float',
+        default: 0.5,
+        min: 0,
+        max: 1,
+        step: 0.01,
+        doc: 'Glowing-node (dot) emphasis.',
+    },
+    {
+        name: 'uStrutMix',
+        kind: 'float',
+        default: 0.35,
+        min: 0,
+        max: 1,
+        step: 0.01,
+        doc: 'Vertical-strut (wireframe) emphasis.',
+    },
+    {
+        name: 'uGlow',
+        kind: 'float',
+        default: 1,
+        min: 0,
+        max: 3,
+        step: 0.01,
+        doc: 'Overall mesh-glow / bloom strength.',
+    },
+    {
+        name: 'uHaze',
+        kind: 'float',
+        default: 0.6,
+        min: 0,
+        max: 2,
+        step: 0.01,
+        doc: 'Atmospheric far-haze strength.',
+    },
+    {
+        name: 'uParticles',
+        kind: 'float',
+        default: 0.5,
+        min: 0,
+        max: 2,
+        step: 0.01,
+        doc: 'Floating-particle intensity; 0 disables.',
+    },
+    {
+        name: 'uAccent',
+        kind: 'float',
+        default: 0,
+        min: 0,
+        max: 2,
+        step: 0.01,
+        doc: 'Lone accent-mote intensity; 0 disables.',
+    },
+    {
+        name: 'uCalm',
+        kind: 'float',
+        default: 0,
+        min: 0,
+        max: 1,
+        step: 0.01,
+        doc: 'Eases the additive glow at frame center (face zone).',
+    },
+];
+//# sourceMappingURL=data-mesh.js.map