shaders 2.2.20 → 2.2.22

package/dist/solid/utils/generatePresetCode.d.ts

@@ -0,0 +1,13 @@
+interface ComponentConfig {
+    type: string;
+    id?: string;
+    props?: Record<string, any>;
+    children?: ComponentConfig[];
+}
+interface PresetConfig {
+    components: ComponentConfig[];
+}
+export declare function generatePresetCode(preset: PresetConfig): string;
+export declare const availableComponents: string[];
+export {};
+//# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/solid/utils/generatePresetCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA0kBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAwD/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -1,87 +1,203 @@
-const c = {
+const d = {
   AngularBlur: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 20,
+    center: {
+      x: 0.5,
+      y: 0.5
+    }
   },
   Ascii: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    characters: "@%#*+=-:.",
+    cellSize: 30,
+    fontFamily: "JetBrains Mono",
+    spacing: 1
   },
   Blob: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#ff6b35",
+    colorB: "#e91e63",
+    size: 0.5,
+    deformation: 0.5,
+    softness: 0.5,
+    highlightIntensity: 0.5,
+    highlightX: 0.3,
+    highlightY: -0.3,
+    highlightZ: 0.4,
+    highlightColor: "#ffe11a",
+    speed: 0.5,
+    seed: 1,
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    colorSpace: "linear"
   },
   Blur: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 50
   },
   Bulge: {
     opacity: 1,
-    blendMode: "normal"
-  },
-  CRTScreen: {
-    opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    strength: 1,
+    radius: 1,
+    falloff: 0.5,
+    edges: "stretch"
   },
   ChannelBlur: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    redIntensity: 0,
+    greenIntensity: 20,
+    blueIntensity: 40
   },
   Checkerboard: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#cccccc",
+    colorB: "#999999",
+    cells: 8,
+    softness: 0,
+    colorSpace: "linear"
   },
   ChromaFlow: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    baseColor: "#0066ff",
+    upColor: "#00ff00",
+    downColor: "#ff0000",
+    leftColor: "#0000ff",
+    rightColor: "#ffff00",
+    intensity: 1,
+    radius: 2,
+    momentum: 30
   },
   ChromaticAberration: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    strength: 0.2,
+    angle: 0,
+    redOffset: -1,
+    greenOffset: 0,
+    blueOffset: 1
   },
   Circle: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    color: "#ffffff",
+    radius: 1,
+    softness: 0,
+    center: {
+      x: 0.5,
+      y: 0.5
+    }
+  },
+  CRTScreen: {
+    opacity: 1,
+    blendMode: "normal",
+    pixelSize: 128,
+    colorShift: 1,
+    scanlineIntensity: 0.3,
+    scanlineFrequency: 200,
+    brightness: 1.1,
+    contrast: 1.2
   },
   CursorTrail: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#00aaff",
+    colorB: "#ff00aa",
+    radius: 0.5,
+    length: 0.5,
+    shrink: 1,
+    colorSpace: "linear"
   },
   DiffuseBlur: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 30,
+    edges: "stretch"
   },
   Dither: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    pixelSize: 4,
+    threshold: 0.5,
+    colorA: "transparent",
+    colorB: "#ffffff"
   },
   DotGrid: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    color: "#ffffff",
+    density: 100,
+    dotSize: 0.3,
+    twinkle: 0
   },
   Duotone: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#ff0000",
+    colorB: "#023af4",
+    blend: 0.5,
+    colorSpace: "linear"
   },
   FilmGrain: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    strength: 0.5
   },
   FloatingParticles: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    randomness: 0.25,
+    speed: 0.25,
+    angle: 90,
+    particleSize: 1,
+    particleSoftness: 0,
+    twinkle: 0.5,
+    count: 5,
+    particleColor: "#ffffff",
+    speedVariance: 0.3,
+    angleVariance: 30,
+    particleDensity: 3
   },
   GlassTiles: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 1,
+    tileCount: 100
   },
   Glow: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 1,
+    threshold: 0.5,
+    size: 10
   },
   Godrays: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    center: {
+      x: 0,
+      y: 0
+    },
+    density: 0.3,
+    intensity: 0.8,
+    spotty: 1,
+    speed: 0.5,
+    rayColor: "#4283fb",
+    backgroundColor: "transparent"
   },
   Grayscale: {
     opacity: 1,
@@ -89,11 +205,20 @@ const c = {
   },
   Grid: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    color: "#ffffff",
+    cells: 10,
+    thickness: 1
   },
   GridDistortion: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 1,
+    swirl: 0,
+    decay: 3,
+    radius: 1,
+    gridSize: 20,
+    edges: "stretch"
   },
   Group: {
     opacity: 1,
@@ -101,15 +226,21 @@ const c = {
   },
   Halftone: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    frequency: 100,
+    angle: 45,
+    smoothness: 0.1
   },
   HueShift: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    shift: 0
   },
   ImageTexture: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    url: "https://shaders.com/sample.jpg",
+    objectFit: "cover"
   },
   Invert: {
     opacity: 1,
@@ -117,155 +248,329 @@ const c = {
   },
   LinearBlur: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 30,
+    angle: 0
   },
   LinearGradient: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#1aff00",
+    colorB: "#0000ff",
+    start: {
+      x: 0,
+      y: 0.5
+    },
+    end: {
+      x: 1,
+      y: 0.5
+    },
+    angle: 0,
+    edges: "stretch",
+    colorSpace: "linear"
   },
   Liquify: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 1,
+    swirl: 0,
+    decay: 3,
+    radius: 1,
+    edges: "stretch"
   },
   Pixelate: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    scale: 50
   },
   PolarCoordinates: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    wrap: 1,
+    radius: 1,
+    intensity: 1,
+    edges: "transparent"
   },
   Posterize: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 5
   },
   ProgressiveBlur: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 50,
+    angle: 0,
+    center: {
+      x: 0,
+      y: 0.5
+    },
+    falloff: 1
   },
   RadialGradient: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#ff0000",
+    colorB: "#0000ff",
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    radius: 1,
+    colorSpace: "linear"
   },
   RectangularCoordinates: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    scale: 1,
+    intensity: 1,
+    edges: "transparent"
   },
   Ripples: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    colorA: "#ffffff",
+    colorB: "#000000",
+    speed: 1,
+    frequency: 20,
+    softness: 0,
+    thickness: 0.5,
+    phase: 0
   },
   Saturation: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 1
   },
   SimplexNoise: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#ffffff",
+    colorB: "#000000",
+    scale: 2,
+    balance: 0,
+    contrast: 0,
+    seed: 0,
+    speed: 1
   },
   SineWave: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    color: "#ffffff",
+    amplitude: 0.15,
+    frequency: 1,
+    speed: 1,
+    angle: 0,
+    position: {
+      x: 0.5,
+      y: 0.5
+    },
+    thickness: 0.2,
+    softness: 0.4
   },
   SolidColor: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    color: "#5b18ca"
   },
   Spherize: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    radius: 1,
+    depth: 1,
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    lightPosition: {
+      x: 0.3,
+      y: 0.3
+    },
+    lightIntensity: 0.5,
+    lightSoftness: 0.5,
+    lightColor: "#ffffff"
   },
   Spiral: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#000000",
+    colorB: "#ffffff",
+    strokeWidth: 0.5,
+    strokeFalloff: 0,
+    softness: 0,
+    speed: 1,
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    scale: 1,
+    colorSpace: "linear"
   },
   Strands: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    speed: 0.5,
+    amplitude: 1,
+    frequency: 1,
+    lineCount: 12,
+    lineWidth: 0.1,
+    waveColor: "#f1c907",
+    pinEdges: !0,
+    start: {
+      x: 0,
+      y: 0.5
+    },
+    end: {
+      x: 1,
+      y: 0.5
+    }
   },
   Stretch: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    strength: 1,
+    angle: 0,
+    falloff: 0,
+    edges: "stretch"
   },
   Swirl: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#1275d8",
+    colorB: "#e19136",
+    speed: 1,
+    detail: 1,
+    blend: 50,
+    coarseX: 50,
+    coarseY: 50,
+    mediumX: 50,
+    mediumY: 50,
+    fineX: 50,
+    fineY: 50,
+    colorSpace: "linear"
   },
   TiltShift: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 50,
+    width: 0.3,
+    falloff: 0.3,
+    angle: 0,
+    center: {
+      x: 0.5,
+      y: 0.5
+    }
   },
   Tritone: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    colorA: "#ce1bea",
+    colorB: "#2fff00",
+    colorC: "#ffff00",
+    blendMid: 0.5,
+    colorSpace: "linear"
   },
   Twirl: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    center: {
+      x: 0.5,
+      y: 0.5
+    },
+    intensity: 1,
+    edges: "stretch"
   },
   Vibrance: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 0
   },
   WaveDistortion: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    strength: 0.3,
+    frequency: 1,
+    speed: 1,
+    angle: 0,
+    waveType: "sine",
+    edges: "stretch"
   },
   ZoomBlur: {
     opacity: 1,
-    blendMode: "normal"
+    blendMode: "normal",
+    intensity: 30,
+    center: {
+      x: 0.5,
+      y: 0.5
+    }
   }
 };
-function s(a, l, t = "  ") {
-  return Object.entries(a).filter(([o, e]) => {
-    const r = c[l] || {};
-    if (r.hasOwnProperty(o)) {
-      const n = r[o];
-      return e !== null && n !== null && typeof e == "object" && typeof n == "object" ? JSON.stringify(e) !== JSON.stringify(n) : e !== n;
+function f(t, l, i = "  ") {
+  return Object.entries(t).filter(([e, o]) => {
+    const r = d[l] || {};
+    if (r.hasOwnProperty(e)) {
+      const n = r[e];
+      return o !== null && n !== null && typeof o == "object" && typeof n == "object" ? JSON.stringify(o) !== JSON.stringify(n) : o !== n;
     }
-    return !(o === "opacity" && e === 1 || o === "blendMode" && e === "normal");
-  }).map(([o, e]) => typeof e == "string" ? `${o}=${JSON.stringify(e)}` : e !== null && typeof e == "object" ? `${o}={${JSON.stringify(e)}}` : `${o}={${e}}`).join(`
-` + t + "  ");
+    return !(e === "opacity" && o === 1 || e === "blendMode" && o === "normal");
+  }).map(([e, o]) => typeof o == "string" ? `${e}=${JSON.stringify(o)}` : o !== null && typeof o == "object" ? `${e}={${JSON.stringify(o)}}` : `${e}={${o}}`).join(`
+` + i + "  ");
 }
-function m(a, l) {
-  const t = [];
-  function o(e) {
-    for (const r of e)
-      t.push(r), r.children && o(r.children);
+function p(t, l) {
+  const i = [];
+  function e(o) {
+    for (const r of o)
+      i.push(r), r.children && e(r.children);
   }
-  return o(l), t.some(
-    (e) => {
+  return e(l), i.some(
+    (o) => {
       var r;
-      return ((r = e.props) == null ? void 0 : r.maskSource) === a;
+      return ((r = o.props) == null ? void 0 : r.maskSource) === t;
     }
   );
 }
-function y(a) {
-  const l = (o, e = "  ") => {
-    const r = o.props ? s(o.props, o.type, e) : "";
+function y(t) {
+  const l = (e, o = "  ") => {
+    const r = e.props ? f(e.props, e.type, o) : "";
     let n = "";
-    o.id && m(o.id, a.components) && (n = `id="${o.id}"`);
-    const i = [n, r].filter(Boolean).join(`
-` + e + "  ");
-    if (o.children && o.children.length > 0) {
-      const d = o.children.map((p) => l(p, e + "  ")).join(`
+    e.id && p(e.id, t.components) && (n = `id="${e.id}"`);
+    const a = [n, r].filter(Boolean).join(`
+` + o + "  ");
+    if (e.children && e.children.length > 0) {
+      const s = e.children.map((c) => l(c, o + "  ")).join(`
 `);
-      return i ? `${e}<${o.type}
-${e}  ${i}>
-${d}
-${e}</${o.type}>` : `${e}<${o.type}>
-${d}
-${e}</${o.type}>`;
+      return a ? `${o}<${e.type}
+${o}  ${a}>
+${s}
+${o}</${e.type}>` : `${o}<${e.type}>
+${s}
+${o}</${e.type}>`;
     } else
-      return i ? `${e}<${o.type}
-${e}  ${i} />` : `${e}<${o.type} />`;
+      return a ? `${o}<${e.type}
+${o}  ${a} />` : `${o}<${e.type} />`;
   };
   return `<Shader>
-${a.components.map((o) => l(o)).join(`
+${t.components.map((e) => l(e)).join(`
 `)}
 </Shader>`;
 }
-const b = [
+const m = [
   // @ts-ignore - replaced at build time
   "AngularBlur",
   "Ascii",
@@ -323,6 +628,6 @@ const b = [
   "ZoomBlur"
 ];
 export {
-  b as availableComponents,
+  m as availableComponents,
   y as generatePresetCode
 };