micugl 0.0.9 → 0.0.10

package/dist/core/systems/Postprocessing.mjs

@@ -0,0 +1,135 @@
+var m = Object.defineProperty;
+var w = (u, e, t) => e in u ? m(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var h = (u, e, t) => w(u, typeof e != "symbol" ? e + "" : e, t);
+class M {
+  constructor(e) {
+    h(this, "webglManager");
+    h(this, "effects", /* @__PURE__ */ new Map());
+    h(this, "chains", /* @__PURE__ */ new Map());
+    h(this, "defaultFramebufferOptions", {
+      width: 0,
+      height: 0,
+      textureCount: 2,
+      textureOptions: {
+        minFilter: WebGLRenderingContext.LINEAR,
+        magFilter: WebGLRenderingContext.LINEAR
+      }
+    });
+    this.webglManager = e;
+  }
+  registerEffect(e) {
+    this.effects.has(e.id) && console.warn(`Effect with id ${e.id} already exists, overwriting`), this.webglManager.resources.has(e.programId) || this.webglManager.createProgram(e.programId, e.shaderConfig), this.effects.set(e.id, e);
+  }
+  removeEffect(e) {
+    if (!this.effects.has(e)) {
+      console.warn(`Effect with id ${e} not found`);
+      return;
+    }
+    this.effects.delete(e);
+  }
+  createChain(e, t, r, s = null, i = this.defaultFramebufferOptions) {
+    this.chains.has(e) && console.warn(`Chain with id ${e} already exists, overwriting`);
+    const a = [];
+    for (const o of t) {
+      const f = this.effects.get(o);
+      if (!f)
+        throw new Error(`Effect with id ${o} not found`);
+      a.push(f);
+    }
+    const n = [];
+    for (let o = 0; o < a.length - 1; o++) {
+      const f = `${e}-intermediate-${o}`;
+      this.webglManager.fbo.createFramebuffer(f, i), n.push(f);
+    }
+    this.chains.set(e, {
+      id: e,
+      effects: a,
+      inputFramebufferId: r,
+      outputFramebufferId: s,
+      intermediateFramebufferIds: n
+    });
+  }
+  removeChain(e) {
+    const t = this.chains.get(e);
+    if (!t) {
+      console.warn(`Chain with id ${e} not found`);
+      return;
+    }
+    t.intermediateFramebufferIds.forEach((r) => {
+      this.webglManager.fbo.destroy(r);
+    }), this.chains.delete(e);
+  }
+  generatePasses(e, t) {
+    const r = this.chains.get(e);
+    if (!r)
+      throw new Error(`Chain with id ${e} not found`);
+    const s = [], i = r.effects.filter((a) => a.enabled);
+    return i.length === 0 ? [{
+      programId: "copy-shader",
+      inputTextures: [{
+        id: r.inputFramebufferId,
+        textureUnit: 0,
+        bindingType: "read"
+      }],
+      outputFramebuffer: r.outputFramebufferId,
+      renderOptions: { clear: !0 }
+    }] : (i.forEach((a, n) => {
+      const o = n === 0, f = n === i.length - 1, b = o ? r.inputFramebufferId : r.intermediateFramebufferIds[n - 1], l = f ? r.outputFramebufferId : r.intermediateFramebufferIds[n], d = {};
+      Object.entries(a.uniforms).forEach(([c, g]) => {
+        const p = c.startsWith("u_") ? c : `u_${c}`;
+        d[p] = {
+          type: g.type,
+          value: g.value
+        };
+      }), s.push({
+        programId: a.programId,
+        inputTextures: [{
+          id: b,
+          textureUnit: 0,
+          bindingType: "read"
+        }],
+        outputFramebuffer: l,
+        uniforms: d,
+        renderOptions: { clear: !0 }
+      });
+    }), s);
+  }
+  process(e, t) {
+    const r = this.generatePasses(e, t);
+    for (const s of r)
+      s.outputFramebuffer ? this.webglManager.fbo.bindFramebuffer(s.outputFramebuffer) : this.webglManager.fbo.bindFramebuffer(null), this.webglManager.prepareRender(s.programId, s.renderOptions), s.inputTextures.forEach((i) => {
+        this.webglManager.fbo.bindTexture(i.id, i.textureUnit), this.webglManager.setUniform(
+          s.programId,
+          `u_texture${i.textureUnit}`,
+          i.textureUnit,
+          "sampler2D"
+        );
+      }), s.uniforms && Object.entries(s.uniforms).forEach(([i, a]) => {
+        const n = typeof a.value == "function" ? a.value(t, this.webglManager.context.canvas.width, this.webglManager.context.canvas.height) : a.value;
+        this.webglManager.setUniform(
+          s.programId,
+          i,
+          n,
+          a.type
+        );
+      }), this.webglManager.context.drawArrays(
+        this.webglManager.context.TRIANGLE_STRIP,
+        0,
+        4
+      );
+  }
+  resizeFramebuffers(e, t) {
+    for (const r of this.chains.values())
+      for (const s of r.intermediateFramebufferIds)
+        this.webglManager.fbo.resizeFramebuffer(s, e, t);
+  }
+  destroyAll() {
+    for (const e of this.chains.values())
+      for (const t of e.intermediateFramebufferIds)
+        this.webglManager.fbo.destroy(t);
+    this.chains.clear(), this.effects.clear();
+  }
+}
+export {
+  M as Postprocessing
+};

package/dist/core.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core/lib/vectorUtils.js"),r=require("./core/lib/createShaderConfig.js"),a=require("./core/managers/FBOManager.js"),t=require("./core/managers/WebGLManager.js"),s=require("./core/systems/Passes.js"),c=require("./core/systems/Postprocessing.js");exports.createTypedFloat32Array=e.createTypedFloat32Array;exports.mat2=e.mat2;exports.mat3=e.mat3;exports.mat4=e.mat4;exports.vec2=e.vec2;exports.vec3=e.vec3;exports.vec4=e.vec4;exports.createShaderConfig=r.createShaderConfig;exports.FBOManager=a.FBOManager;exports.WebGLManager=t.WebGLManager;exports.Passes=s.Passes;exports.Postprocessing=c.Postprocessing;

package/dist/core.mjs

@@ -0,0 +1,20 @@
+import { createTypedFloat32Array as o, mat2 as a, mat3 as t, mat4 as m, vec2 as p, vec3 as f, vec4 as c } from "./core/lib/vectorUtils.mjs";
+import { createShaderConfig as x } from "./core/lib/createShaderConfig.mjs";
+import { FBOManager as n } from "./core/managers/FBOManager.mjs";
+import { WebGLManager as d } from "./core/managers/WebGLManager.mjs";
+import { Passes as y } from "./core/systems/Passes.mjs";
+import { Postprocessing as M } from "./core/systems/Postprocessing.mjs";
+export {
+  n as FBOManager,
+  y as Passes,
+  M as Postprocessing,
+  d as WebGLManager,
+  x as createShaderConfig,
+  o as createTypedFloat32Array,
+  a as mat2,
+  t as mat3,
+  m as mat4,
+  p as vec2,
+  f as vec3,
+  c as vec4
+};

package/dist/index.d.ts

@@ -1,49 +1,3 @@
-import { CSSProperties } from 'react';
-import { JSX } from 'react/jsx-runtime';
-
-export declare const Marble: ({ marbleScale, tileScale, turbulence, swirl, veinFrequency, veinWidth, colorStart, colorEnd, veinColor, colorStartDark, colorEndDark, veinColorDark, className, style }: MarbleProps) => JSX.Element;
-
-export declare const marbleFragmentShader = "\nprecision highp float;\n  \nuniform vec2 u_resolution;\nuniform float u_time;\nuniform float u_marbleScale;\nuniform float u_turbulence;\nuniform float u_swirl;\nuniform vec3 u_colorStart;\nuniform vec3 u_colorEnd;\nuniform vec3 u_veinColor;\nuniform float u_veinFrequency;\nuniform float u_veinWidth;\nuniform float u_tileScale;\n  \nvarying vec2 v_texCoord;\n  \nfloat hash(float n) {\n  return fract(sin(n) * 43758.5453123);\n}\n  \nfloat hash(vec2 p) {\n  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453123);\n}\n  \nfloat noise(vec2 x) {\n  vec2 i = floor(x);\n  vec2 f = fract(x);\n  \n  float a = hash(i);\n  float b = hash(i + vec2(1.0, 0.0));\n  float c = hash(i + vec2(0.0, 1.0));\n  float d = hash(i + vec2(1.0, 1.0));\n  \n  vec2 u = f * f * (3.0 - 2.0 * f);\n  \n  return clamp(mix(mix(a, b, u.x), mix(c, d, u.x), u.y), 0.0, 1.0);\n}\n  \nfloat fbm(vec2 p, int octaves) {\n  float value = 0.0;\n  float amplitude = 0.5;\n  float frequency = 1.0;\n  float maxValue = 0.0;\n  \n  for (int i = 0; i < 10; i++) {\n    if (i >= octaves) break;\n    value += amplitude * noise(p * frequency);\n    maxValue += amplitude;\n    frequency *= 2.0;\n    amplitude *= 0.5;\n  }\n  \n  return value / maxValue;\n}\n  \nvec2 swirl(vec2 p, float strength) {\n  float theta = fbm(p, 3) * strength;\n  float c = cos(theta);\n  float s = sin(theta);\n  return vec2(\n    p.x * c - p.y * s,\n    p.x * s + p.y * c\n  );\n}\n\nvec2 applyTilePixelation(vec2 uv, float tileScale) {\n  vec2 cell = floor(uv * tileScale);\n  float cellHash = (1.3 * fbm(u_time * 0.00002 * vec2(pow(pow(cell.x * cell.y, 2.0), 0.5), 2.0) + cell, 1) + 0.8 * hash(cell)) * 0.5;\n  float hashValue = cellHash * 3.0;\n  float pixelSize = 1.0;\n\n  if (hashValue < 1.0) pixelSize = 32.0;\n    else if (hashValue < 1.3) pixelSize = 16.0;\n    else if (hashValue < 1.8) pixelSize = 64.0;\n    else if (hashValue < 1.85) pixelSize = 16.0;\n    else if (hashValue < 2.2) pixelSize = 64.0;\n    else if (hashValue < 2.3) pixelSize = 16.0;\n    else if (hashValue < 2.6) pixelSize = 32.0;\n    else pixelSize = 128.0;\n\n  return floor(uv * pixelSize) / pixelSize;\n}\n  \nvoid main() {\n  vec2 uv = v_texCoord * 2.0 - 1.0;\n  uv = uv * u_resolution / min(u_resolution.x, u_resolution.y);\n  \n  vec2 pixelatedUv = applyTilePixelation(uv, u_tileScale);\n  \n  float time = u_time * 0.25;\n  \n  vec2 swirlUv = swirl(pixelatedUv + vec2(time * 0.0005, time * 0.00083), max(0.0, min(10.0, u_swirl)));\n  \n  float baseNoise = fbm(swirlUv * max(0.1, u_marbleScale) + vec2(time * 0.1, time * 0.13), 5);\n  \n  float turbulenceAmount = max(0.0, min(1.0, u_turbulence));\n  float turbulence = turbulenceAmount * fbm(swirlUv * max(0.1, u_marbleScale) * 2.0 + vec2(time * -0.15), 2);\n  baseNoise = clamp(baseNoise + turbulence, 0.0, 1.0);\n  \n  float veinFreq = max(0.1, u_veinFrequency);\n  float veinW = max(0.1, min(5.0, u_veinWidth));\n  float veins = abs(sin(baseNoise * veinFreq * 3.14159));\n  veins = pow(veins, veinW);\n  veins = clamp(veins, 0.0, 1.0);\n  \n  vec3 baseColor = mix(u_colorStart, u_colorEnd, baseNoise);\n  \n  vec3 marbleColor = mix(baseColor, u_veinColor, veins);\n  \n  float highlight = pow(fbm(swirlUv * max(0.1, u_marbleScale) * 4.0, 2), 3.0) * 0.2;\n \n  marbleColor = floor(marbleColor * 32.0) / 32.0;\n  marbleColor = mix(marbleColor, u_veinColor, veins * 0.5);\n  marbleColor = marbleColor + 0.0425;\n  marbleColor = clamp(marbleColor, 0.0, 1.0);\n\n  marbleColor = mix(marbleColor, u_veinColor, 0.7);\n  gl_FragColor = vec4(marbleColor, 1.0);\n}\n";
-
-export declare interface MarbleProps {
-    marbleScale?: number;
-    tileScale?: number;
-    turbulence?: number;
-    swirl?: number;
-    colorStart?: Vec3;
-    colorEnd?: Vec3;
-    veinColor?: Vec3;
-    colorStartDark?: Vec3;
-    colorEndDark?: Vec3;
-    veinColorDark?: Vec3;
-    veinFrequency?: number;
-    veinWidth?: number;
-    className?: string;
-    style?: CSSProperties;
-}
-
-export declare const marbleVertexShader = "\n  attribute vec2 a_position;\n  varying vec2 v_texCoord;\n\n  void main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texCoord = a_position * 0.5 + 0.5;\n  }\n";
-
-export declare const Ripple: ({ damping, mouseForce, color1, color2, iterations, className, style }: RippleProps) => JSX.Element;
-
-export declare interface RippleProps {
-    damping?: number;
-    mouseForce?: number;
-    color1?: Vec3_2;
-    color2?: Vec3_2;
-    iterations?: number;
-    className?: string;
-    style?: CSSProperties;
-}
-
-export declare const rippleRenderShader = "\n  precision highp float;\n  \n  uniform vec2 u_resolution;\n  uniform float u_time;\n  uniform sampler2D u_texture0;\n  uniform vec3 u_color1;\n  uniform vec3 u_color2;\n  \n  varying vec2 v_texCoord;\n  \n  void main() {\n    vec2 uv = v_texCoord;\n    \n    vec4 state = texture2D(u_texture0, uv);\n    float height = state.r;\n    \n    vec3 color = mix(u_color1, u_color2, (height + 1.0) * 0.5);\n    \n    float t = u_time * 0.001;\n    float brightness = 1.0 + 0.1 * sin(uv.x * 10.0 + t) * sin(uv.y * 10.0 + t);\n    color *= brightness;\n    \n    gl_FragColor = vec4(color, 1.0);\n  }\n";
-
-export declare const rippleSimulationShader = "\n  precision highp float;\n  \n  uniform vec2 u_resolution;\n  uniform float u_time;\n  uniform sampler2D u_texture0;\n  uniform vec2 u_mouse;\n  uniform float u_mouseForce;\n  uniform float u_damping;\n  \n  varying vec2 v_texCoord;\n  \n  void main() {\n    vec2 uv = v_texCoord;\n    vec2 texelSize = 1.0 / u_resolution;\n    \n    vec4 state = texture2D(u_texture0, uv);\n    float height = state.r;\n    float velocity = state.g;\n    \n    float north = texture2D(u_texture0, uv + vec2(0.0, texelSize.y)).r;\n    float south = texture2D(u_texture0, uv - vec2(0.0, texelSize.y)).r;\n    float east = texture2D(u_texture0, uv + vec2(texelSize.x, 0.0)).r;\n    float west = texture2D(u_texture0, uv - vec2(texelSize.x, 0.0)).r;\n    \n    float newVelocity = velocity + ((north + south + east + west) / 4.0 - height) * 2.0;\n    newVelocity *= u_damping;\n    \n    float newHeight = height + newVelocity;\n    \n    vec2 mouseVec = u_mouse - uv;\n    float mouseDistance = length(mouseVec);\n    if (mouseDistance < 0.05 && u_mouseForce > 0.0) {\n        newHeight += 0.5;\n    }\n    \n    float startTime = mod(u_time * 0.001, 10.0);\n    if (startTime < 0.2) {\n        vec2 center = vec2(0.5, 0.5);\n        float centerDist = length(uv - center);\n        if (centerDist < 0.05) {\n            newHeight += 0.5 * (1.0 - startTime * 5.0);\n        }\n    }\n    \n    gl_FragColor = vec4(newHeight, newVelocity, 0.0, 1.0);\n  }\n";
-
-export declare const rippleVertexShader = "\n  attribute vec2 a_position;\n  varying vec2 v_texCoord;\n  void main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texCoord = a_position * 0.5 + 0.5;\n  }\n";
-
-declare type Vec3 = [number, number, number];
-
-declare type Vec3_2 = [number, number, number];
-
-export { }
+export { createShaderConfig, createTypedFloat32Array, FBOManager, mat2, mat3, mat4, Passes, Postprocessing, vec2, vec3, vec4, WebGLManager } from './core';
+export { BasePingPongShaderComponent, BaseShaderComponent, createCommonUpdaters, createUniformUpdater, createUniformUpdaters, PingPongShaderEngine, ShaderEngine, useDarkMode, usePingPongPasses, useUniformUpdaters } from './react';
+export type { AttributeConfig, AttributeType, BufferData, Float32Array2, Float32Array3, Float32Array4, Float32Array9, Float32Array16, FramebufferOptions, FramebufferResources, Mat2, Mat3, Mat4, PingPongState, RenderOptions, RenderPass, RenderPassUniformUpdateFn, RenderPassUniformValue, ShaderAttributeLocations, ShaderProgramConfig, ShaderRenderCallback, ShaderResources, ShaderUniformLocations, TextureBinding, TextureOptions, TypedFloat32Array, UniformConfig, UniformParam, UniformParamMap, UniformType, UniformTypeMap, UniformUpdateFn, UniformUpdaterDef, UniformValue, Vec2, Vec3, Vec4, WebGLExtensionName, WebGLExtensionTypes } from './types';

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./src/core/lib/vectorUtils.js"),n=require("./src/core/lib/createShaderConfig.js"),a=require("./src/core/managers/FBOManager.js"),o=require("./src/core/managers/WebGLManager.js"),s=require("./src/core/systems/Passes.js"),t=require("./src/core/systems/Postprocessing.js"),i=require("./src/react/components/base/BasePingPongShaderComponent.js"),c=require("./src/react/components/base/BaseShaderComponent.js"),g=require("./src/react/components/engine/PingPongShaderEngine.js"),d=require("./src/react/components/engine/ShaderEngine.js"),P=require("./src/react/hooks/useDarkMode.js"),u=require("./src/react/hooks/usePingPongPasses.js"),m=require("./src/react/hooks/useUniformUpdaters.js"),r=require("./src/react/lib/createUniformUpdater.js");exports.createTypedFloat32Array=e.createTypedFloat32Array;exports.mat2=e.mat2;exports.mat3=e.mat3;exports.mat4=e.mat4;exports.vec2=e.vec2;exports.vec3=e.vec3;exports.vec4=e.vec4;exports.createShaderConfig=n.createShaderConfig;exports.FBOManager=a.FBOManager;exports.WebGLManager=o.WebGLManager;exports.Passes=s.Passes;exports.Postprocessing=t.Postprocessing;exports.BasePingPongShaderComponent=i.BasePingPongShaderComponent;exports.BaseShaderComponent=c.BaseShaderComponent;exports.PingPongShaderEngine=g.PingPongShaderEngine;exports.ShaderEngine=d.ShaderEngine;exports.useDarkMode=P.useDarkMode;exports.usePingPongPasses=u.usePingPongPasses;exports.useUniformUpdaters=m.useUniformUpdaters;exports.createCommonUpdaters=r.createCommonUpdaters;exports.createUniformUpdater=r.createUniformUpdater;exports.createUniformUpdaters=r.createUniformUpdaters;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core/lib/vectorUtils.js"),n=require("./core/lib/createShaderConfig.js"),a=require("./core/managers/FBOManager.js"),o=require("./core/managers/WebGLManager.js"),s=require("./core/systems/Passes.js"),t=require("./core/systems/Postprocessing.js"),i=require("./react/components/base/BasePingPongShaderComponent.js"),c=require("./react/components/base/BaseShaderComponent.js"),g=require("./react/components/engine/PingPongShaderEngine.js"),d=require("./react/components/engine/ShaderEngine.js"),P=require("./react/hooks/useDarkMode.js"),u=require("./react/hooks/usePingPongPasses.js"),m=require("./react/hooks/useUniformUpdaters.js"),r=require("./react/lib/createUniformUpdater.js");exports.createTypedFloat32Array=e.createTypedFloat32Array;exports.mat2=e.mat2;exports.mat3=e.mat3;exports.mat4=e.mat4;exports.vec2=e.vec2;exports.vec3=e.vec3;exports.vec4=e.vec4;exports.createShaderConfig=n.createShaderConfig;exports.FBOManager=a.FBOManager;exports.WebGLManager=o.WebGLManager;exports.Passes=s.Passes;exports.Postprocessing=t.Postprocessing;exports.BasePingPongShaderComponent=i.BasePingPongShaderComponent;exports.BaseShaderComponent=c.BaseShaderComponent;exports.PingPongShaderEngine=g.PingPongShaderEngine;exports.ShaderEngine=d.ShaderEngine;exports.useDarkMode=P.useDarkMode;exports.usePingPongPasses=u.usePingPongPasses;exports.useUniformUpdaters=m.useUniformUpdaters;exports.createCommonUpdaters=r.createCommonUpdaters;exports.createUniformUpdater=r.createUniformUpdater;exports.createUniformUpdaters=r.createUniformUpdaters;

package/dist/index.mjs

@@ -1,17 +1,17 @@
-import { createTypedFloat32Array as o, mat2 as t, mat3 as a, mat4 as m, vec2 as n, vec3 as p, vec4 as f } from "./src/core/lib/vectorUtils.mjs";
-import { createShaderConfig as x } from "./src/core/lib/createShaderConfig.mjs";
-import { FBOManager as d } from "./src/core/managers/FBOManager.mjs";
-import { WebGLManager as c } from "./src/core/managers/WebGLManager.mjs";
-import { Passes as U } from "./src/core/systems/Passes.mjs";
-import { Postprocessing as S } from "./src/core/systems/Postprocessing.mjs";
-import { BasePingPongShaderComponent as u } from "./src/react/components/base/BasePingPongShaderComponent.mjs";
-import { BaseShaderComponent as B } from "./src/react/components/base/BaseShaderComponent.mjs";
-import { PingPongShaderEngine as y } from "./src/react/components/engine/PingPongShaderEngine.mjs";
-import { ShaderEngine as F } from "./src/react/components/engine/ShaderEngine.mjs";
-import { useDarkMode as k } from "./src/react/hooks/useDarkMode.mjs";
-import { usePingPongPasses as A } from "./src/react/hooks/usePingPongPasses.mjs";
-import { useUniformUpdaters as G } from "./src/react/hooks/useUniformUpdaters.mjs";
-import { createCommonUpdaters as O, createUniformUpdater as T, createUniformUpdaters as W } from "./src/react/lib/createUniformUpdater.mjs";
+import { createTypedFloat32Array as o, mat2 as t, mat3 as a, mat4 as m, vec2 as n, vec3 as p, vec4 as f } from "./core/lib/vectorUtils.mjs";
+import { createShaderConfig as x } from "./core/lib/createShaderConfig.mjs";
+import { FBOManager as d } from "./core/managers/FBOManager.mjs";
+import { WebGLManager as c } from "./core/managers/WebGLManager.mjs";
+import { Passes as U } from "./core/systems/Passes.mjs";
+import { Postprocessing as S } from "./core/systems/Postprocessing.mjs";
+import { BasePingPongShaderComponent as u } from "./react/components/base/BasePingPongShaderComponent.mjs";
+import { BaseShaderComponent as B } from "./react/components/base/BaseShaderComponent.mjs";
+import { PingPongShaderEngine as y } from "./react/components/engine/PingPongShaderEngine.mjs";
+import { ShaderEngine as F } from "./react/components/engine/ShaderEngine.mjs";
+import { useDarkMode as k } from "./react/hooks/useDarkMode.mjs";
+import { usePingPongPasses as A } from "./react/hooks/usePingPongPasses.mjs";
+import { useUniformUpdaters as G } from "./react/hooks/useUniformUpdaters.mjs";
+import { createCommonUpdaters as O, createUniformUpdater as T, createUniformUpdaters as W } from "./react/lib/createUniformUpdater.mjs";
 export {
   u as BasePingPongShaderComponent,
   B as BaseShaderComponent,

package/dist/react/components/base/BasePingPongShaderComponent.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+import { FramebufferOptions, RenderPass, ShaderProgramConfig } from '../../../core';
+import { UniformParam } from '../../../types';
+export interface BasePingPongShaderProps {
+    programId: string;
+    shaderConfig: ShaderProgramConfig;
+    secondaryProgramId?: string;
+    secondaryShaderConfig?: ShaderProgramConfig;
+    iterations?: number;
+    uniforms: Record<string, UniformParam>;
+    secondaryUniforms?: Record<string, UniformParam>;
+    framebufferOptions?: FramebufferOptions;
+    className?: string;
+    style?: CSSProperties;
+    customPasses?: RenderPass[];
+    renderOptions?: {
+        clear?: boolean;
+        clearColor?: [number, number, number, number];
+    };
+}
+export declare const BasePingPongShaderComponent: ({ programId, shaderConfig, secondaryProgramId, secondaryShaderConfig, iterations, uniforms, secondaryUniforms, framebufferOptions, className, style, customPasses, renderOptions }: BasePingPongShaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/components/base/BaseShaderComponent.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { ShaderProgramConfig } from '../../../core';
+import { UniformParam } from '../../../types';
+export interface BaseShaderProps {
+    programId: string;
+    shaderConfig: ShaderProgramConfig;
+    uniforms: Record<string, UniformParam>;
+    className?: string;
+    style?: CSSProperties;
+    renderOptions?: {
+        clear?: boolean;
+        clearColor?: [number, number, number, number];
+    };
+}
+export declare const BaseShaderComponent: ({ programId, shaderConfig, uniforms, className, style, renderOptions }: BaseShaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/components/engine/PingPongShaderEngine.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { FramebufferOptions, RenderPass, ShaderProgramConfig } from '../../../core';
+interface PingPongShaderEngineProps {
+    programConfigs: Record<string, ShaderProgramConfig>;
+    passes: RenderPass[];
+    framebuffers?: Record<string, FramebufferOptions>;
+    className?: string;
+    style?: CSSProperties;
+    useDevicePixelRatio?: boolean;
+}
+export declare const PingPongShaderEngine: ({ programConfigs, passes, framebuffers, className, style, useDevicePixelRatio }: PingPongShaderEngineProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/components/engine/ShaderEngine.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { RenderOptions, ShaderProgramConfig, ShaderRenderCallback, UniformType, UniformUpdateFn } from '../../../core';
+interface ShaderEngineProps {
+    programConfigs: Record<string, ShaderProgramConfig>;
+    renderCallback: ShaderRenderCallback;
+    renderOptions?: RenderOptions;
+    className?: string;
+    style?: CSSProperties;
+    uniformUpdaters?: Record<string, {
+        name: string;
+        type: UniformType;
+        updateFn: UniformUpdateFn<UniformType>;
+    }[]>;
+    useFastPath?: boolean;
+    useDevicePixelRatio?: boolean;
+}
+export declare const ShaderEngine: ({ programConfigs, renderCallback, renderOptions, className, style, uniformUpdaters, useFastPath, useDevicePixelRatio }: ShaderEngineProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useDarkMode } from './useDarkMode';
+export { usePingPongPasses } from './usePingPongPasses';
+export { useUniformUpdaters } from './useUniformUpdaters';

package/dist/react/hooks/useDarkMode.d.ts

@@ -0,0 +1 @@
+export declare const useDarkMode: () => boolean;

package/dist/react/hooks/usePingPongPasses.d.ts

@@ -0,0 +1,21 @@
+import { FramebufferOptions, RenderPass, UniformParam } from '../../types';
+interface PingPongPassesOptions {
+    programId: string;
+    secondaryProgramId?: string;
+    iterations?: number;
+    uniforms: Record<string, UniformParam>;
+    secondaryUniforms?: Record<string, UniformParam>;
+    framebufferOptions?: FramebufferOptions;
+    renderOptions?: {
+        clear?: boolean;
+        clearColor?: [number, number, number, number];
+    };
+    customPasses?: RenderPass[];
+}
+export declare const usePingPongPasses: ({ programId, secondaryProgramId, iterations, uniforms, secondaryUniforms, framebufferOptions, renderOptions, customPasses }: PingPongPassesOptions) => {
+    passes: RenderPass[];
+    framebuffers: {
+        [x: string]: FramebufferOptions;
+    };
+};
+export {};

package/dist/react/hooks/useUniformUpdaters.d.ts

@@ -0,0 +1,4 @@
+import { UniformParam, UniformType, UniformUpdaterDef } from '../../types';
+export declare const useUniformUpdaters: (programId: string, uniforms: Record<string, UniformParam>) => {
+    [x: string]: UniformUpdaterDef<UniformType>[];
+};

package/dist/react/index.d.ts

@@ -0,0 +1,8 @@
+export { BasePingPongShaderComponent } from './components/base/BasePingPongShaderComponent';
+export { BaseShaderComponent } from './components/base/BaseShaderComponent';
+export { PingPongShaderEngine } from './components/engine/PingPongShaderEngine';
+export { ShaderEngine } from './components/engine/ShaderEngine';
+export { useDarkMode } from './hooks/useDarkMode';
+export { usePingPongPasses } from './hooks/usePingPongPasses';
+export { useUniformUpdaters } from './hooks/useUniformUpdaters';
+export { createCommonUpdaters, createUniformUpdater, createUniformUpdaters } from './lib/createUniformUpdater';

package/dist/react/lib/createUniformUpdater.d.ts

@@ -0,0 +1,8 @@
+import { UniformType, UniformUpdaterDef, UniformValue } from '../../types';
+export declare function createUniformUpdater<T extends UniformType>(name: string, type: T, value: UniformValue<T>): UniformUpdaterDef<T>;
+export declare function createUniformUpdaters<T extends UniformType>(configs: {
+    name: string;
+    type: T;
+    value: UniformValue<T>;
+}[]): UniformUpdaterDef<T>[];
+export declare function createCommonUpdaters(): UniformUpdaterDef<UniformType>[];

package/dist/react.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./react/components/base/BasePingPongShaderComponent.js"),r=require("./react/components/base/BaseShaderComponent.js"),o=require("./react/components/engine/PingPongShaderEngine.js"),a=require("./react/components/engine/ShaderEngine.js"),s=require("./react/hooks/useDarkMode.js"),t=require("./react/hooks/usePingPongPasses.js"),i=require("./react/hooks/useUniformUpdaters.js"),e=require("./react/lib/createUniformUpdater.js");exports.BasePingPongShaderComponent=n.BasePingPongShaderComponent;exports.BaseShaderComponent=r.BaseShaderComponent;exports.PingPongShaderEngine=o.PingPongShaderEngine;exports.ShaderEngine=a.ShaderEngine;exports.useDarkMode=s.useDarkMode;exports.usePingPongPasses=t.usePingPongPasses;exports.useUniformUpdaters=i.useUniformUpdaters;exports.createCommonUpdaters=e.createCommonUpdaters;exports.createUniformUpdater=e.createUniformUpdater;exports.createUniformUpdaters=e.createUniformUpdaters;

package/dist/react.mjs

@@ -0,0 +1,20 @@
+import { BasePingPongShaderComponent as o } from "./react/components/base/BasePingPongShaderComponent.mjs";
+import { BaseShaderComponent as t } from "./react/components/base/BaseShaderComponent.mjs";
+import { PingPongShaderEngine as m } from "./react/components/engine/PingPongShaderEngine.mjs";
+import { ShaderEngine as f } from "./react/components/engine/ShaderEngine.mjs";
+import { useDarkMode as d } from "./react/hooks/useDarkMode.mjs";
+import { usePingPongPasses as i } from "./react/hooks/usePingPongPasses.mjs";
+import { useUniformUpdaters as P } from "./react/hooks/useUniformUpdaters.mjs";
+import { createCommonUpdaters as h, createUniformUpdater as S, createUniformUpdaters as c } from "./react/lib/createUniformUpdater.mjs";
+export {
+  o as BasePingPongShaderComponent,
+  t as BaseShaderComponent,
+  m as PingPongShaderEngine,
+  f as ShaderEngine,
+  h as createCommonUpdaters,
+  S as createUniformUpdater,
+  c as createUniformUpdaters,
+  d as useDarkMode,
+  i as usePingPongPasses,
+  P as useUniformUpdaters
+};