react-native-effects 0.0.1 → 0.2.0

package/lib/typescript/src/components/LinearGradient.d.ts

@@ -0,0 +1,15 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The color of the start of the gradient. */
+    startColor: ColorInput;
+    /** The color of the end of the gradient. */
+    endColor: ColorInput;
+    /** The angle of the gradient in degrees (0-360). */
+    angle: number;
+    /** Rotation speed in degrees/second. 0 = static. Default: 0 */
+    speed?: number;
+};
+export default function LinearGradient({ startColor, endColor, angle, speed, ...viewProps }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LinearGradient.d.ts.map

package/lib/typescript/src/components/LinearGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/LinearGradient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,8CAA8C;IAC9C,UAAU,EAAE,UAAU,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,EAAE,UAAU,CAAC;IACrB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,EACV,QAAQ,EACR,KAAK,EACL,KAAS,EACT,GAAG,SAAS,EACb,EAAE,KAAK,+BAcP"}

package/lib/typescript/src/components/LiquidChrome.d.ts

@@ -0,0 +1,17 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The base color for the liquid chrome effect. */
+    color?: ColorInput;
+    /** Animation speed multiplier. Default: 0.2 */
+    speed?: number;
+    /** Amplitude of the distortion. Default: 0.3 */
+    amplitude?: number;
+    /** Horizontal frequency. Default: 3 */
+    frequencyX?: number;
+    /** Vertical frequency. Default: 3 */
+    frequencyY?: number;
+};
+export default function LiquidChrome({ color, speed, amplitude, frequencyX, frequencyY, ...viewProps }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LiquidChrome.d.ts.map

package/lib/typescript/src/components/LiquidChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiquidChrome.d.ts","sourceRoot":"","sources":["../../../../src/components/LiquidChrome.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,UAAc,EACd,UAAc,EACd,GAAG,SAAS,EACb,EAAE,KAAK,+BAiBP"}

package/lib/typescript/src/components/ShaderView/index.d.ts

@@ -0,0 +1,3 @@
+import type { ShaderViewProps } from './types';
+export default function ShaderView({ fragmentShader, colors, speed, params, isStatic, transparent, paramsSynchronizable, style, ...viewProps }: ShaderViewProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ShaderView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ShaderView/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,cAAc,EACd,MAAW,EACX,KAAW,EACX,MAAW,EACX,QAAgB,EAChB,WAAmB,EACnB,oBAAoB,EACpB,KAAK,EACL,GAAG,SAAS,EACb,EAAE,eAAe,+BAiOjB"}

package/lib/typescript/src/components/ShaderView/types.d.ts

@@ -0,0 +1,35 @@
+import type { ViewProps } from 'react-native';
+import type { Synchronizable } from 'react-native-worklets';
+import type { ColorInput } from '../../utils/colors';
+/**
+ * A 4-float synchronizable whose values are written into the dedicated `u.live`
+ * uniform slot every frame. It has its own slot, so it never collides with the
+ * 8 static `params` (`u.params0`/`u.params1`).
+ *
+ * This is the bridge for live, per-frame input (touch position, scroll
+ * progress, velocity) coming from the JS thread into the off-thread render
+ * loop. Create one with `useParamsSynchronizable` and update it from
+ * gesture/scroll handlers. See `ShaderViewWithPanGesture`.
+ */
+export type ParamsSynchronizable = Synchronizable<Float64Array>;
+export type ShaderViewProps = ViewProps & {
+    /** WGSL fragment shader source (must declare the Uniforms struct) */
+    fragmentShader: string;
+    /** Array of colors mapped to u.color0, u.color1 (max 2). Default: [] */
+    colors?: ColorInput[];
+    /** Time multiplier — controls animation speed. Default: 1.0 */
+    speed?: number;
+    /** Up to 8 shader-specific floats mapped to u.params0.xyzw and u.params1.xyzw */
+    params?: number[];
+    /** Render once then stop the RAF loop. Default: false */
+    isStatic?: boolean;
+    /** Use transparent background (clear to alpha 0). Default: false */
+    transparent?: boolean;
+    /**
+     * Optional live input. Its 4 floats are written into the dedicated `u.live`
+     * slot every frame — independent of the static `params`. Use for
+     * touch/scroll/audio. Create it with `useParamsSynchronizable`.
+     */
+    paramsSynchronizable?: ParamsSynchronizable;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ShaderView/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ShaderView/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;GASG;AACH,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC,qEAAqE;IACrE,cAAc,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;CAC7C,CAAC"}

package/lib/typescript/src/components/ShaderViewWithPanGesture/index.d.ts

@@ -0,0 +1,35 @@
+import type { ShaderViewProps } from '../ShaderView/types';
+/**
+ * A {@link ShaderView} that feeds touch input into the shader's `u.live`:
+ *
+ *   - `live.x` → pointer X, normalized 0..1 (left → right)
+ *   - `live.y` → pointer Y, normalized 0..1 (bottom → top, matching UV space)
+ *   - `live.z` → 1.0 while touching, 0.0 when released
+ *   - `live.w` → 0.0 (reserved)
+ *
+ * Dragging moves the pointer **relatively** — it pushes from where the pointer
+ * already is rather than jumping under the finger — and a fling lets it glide to
+ * a stop. The position is **remembered**: it stays wherever it ended and is
+ * never reset; only the "touched" flag (`live.z`) toggles on release. A
+ * shader can read `live.xy` as a stable resting position and use `live.z`
+ * purely for touch-driven emphasis, so the effect never snaps back.
+ *
+ * The resting value before the first touch is `[0, 0, 0, 0]` by default; pass
+ * `initialParamsSynchronizable` to seed it — e.g. `[0.5, 0.5, 0, 0]` to start a
+ * pointer at screen center.
+ *
+ * The drag runs as a **worklet on the UI thread** and writes the synchronizable
+ * directly, so pointer updates never hop to the JS thread — matching the rest of
+ * the library, which renders off the JS thread. The render runtime reads the
+ * same synchronizable each frame.
+ */
+export type ShaderViewWithPanGestureProps = Omit<ShaderViewProps, 'paramsSynchronizable'> & {
+    /**
+     * Initial value for the gesture channel (`u.live`) before the first touch.
+     * Defaults to `[0, 0, 0, 0]`. Use e.g. `[0.5, 0.5, 0, 0]` to rest a pointer at
+     * screen center.
+     */
+    initialParamsSynchronizable?: readonly [number, number, number, number];
+};
+export default function ShaderViewWithPanGesture({ style, initialParamsSynchronizable, ...props }: ShaderViewWithPanGestureProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ShaderViewWithPanGesture/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ShaderViewWithPanGesture/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC9C,eAAe,EACf,sBAAsB,CACvB,GAAG;IACF;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACzE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,KAAK,EACL,2BAA0C,EAC1C,GAAG,KAAK,EACT,EAAE,6BAA6B,+BAuK/B"}

package/lib/typescript/src/components/Silk.d.ts

@@ -0,0 +1,17 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The base color for the silk effect. */
+    color?: ColorInput;
+    /** Animation speed multiplier. Default: 1.0 */
+    speed?: number;
+    /** Scale of the pattern. Default: 1.0 */
+    scale?: number;
+    /** Rotation angle in radians. Default: 0.0 */
+    rotation?: number;
+    /** Intensity of the noise grain. Default: 1.5 */
+    noiseIntensity?: number;
+};
+export default function Silk({ color, speed, scale, rotation, noiseIntensity, ...viewProps }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Silk.d.ts.map

package/lib/typescript/src/components/Silk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Silk.d.ts","sourceRoot":"","sources":["../../../../src/components/Silk.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,KAAiB,EACjB,KAAW,EACX,KAAW,EACX,QAAc,EACd,cAAoB,EACpB,GAAG,SAAS,EACb,EAAE,KAAK,+BAiBP"}

package/lib/typescript/src/consts.d.ts

@@ -0,0 +1,2 @@
+export declare const NAMED_COLORS: Record<string, number>;
+//# sourceMappingURL=consts.d.ts.map

package/lib/typescript/src/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuJ/C,CAAC"}

package/lib/typescript/src/hooks/useClock.d.ts

@@ -0,0 +1,3 @@
+import { type SharedValue } from 'react-native-reanimated';
+export declare function useClock(): SharedValue<number>;
+//# sourceMappingURL=useClock.d.ts.map

package/lib/typescript/src/hooks/useClock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClock.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useClock.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAEjC,wBAAgB,QAAQ,IAAI,WAAW,CAAC,MAAM,CAAC,CAW9C"}

package/lib/typescript/src/hooks/useParamsSynchronizable.d.ts

@@ -0,0 +1,22 @@
+import type { ParamsSynchronizable } from '../components/ShaderView/types';
+/**
+ * Creates a {@link ParamsSynchronizable} — a 4-float channel written into the
+ * dedicated `u.live` slot of a {@link ShaderView} every frame. It has its own
+ * uniform slot, so it leaves all 8 static `params` untouched.
+ *
+ * The returned `setParamsSynchronizable` runs on the JS thread (call it from gesture or scroll
+ * handlers); the values are read by the off-thread render loop. By convention
+ * the four floats carry `(x, y, active, extra)` for pointer input, or
+ * `(progress, ...)` for scroll-driven effects — but the meaning is up to the
+ * shader consuming `u.live`.
+ *
+ * Pass `initial` to seed the channel's starting value (read once on first
+ * render), so the shader has a sane resting state before the first update —
+ * e.g. `[0.5, 0.5, 0, 0]` to start a pointer at screen center. Defaults to all
+ * zeros.
+ */
+export declare function useParamsSynchronizable(initial?: readonly [number, number, number, number]): {
+    paramsSynchronizable: ParamsSynchronizable;
+    setParamsSynchronizable: (x: number, y: number, active: number, extra: number) => void;
+};
+//# sourceMappingURL=useParamsSynchronizable.d.ts.map

package/lib/typescript/src/hooks/useParamsSynchronizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParamsSynchronizable.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useParamsSynchronizable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAE3E;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,GAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAgB,GAChE;IACD,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,uBAAuB,EAAE,CACvB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;CACX,CAqBA"}

package/lib/typescript/src/hooks/useWGPUSetup.d.ts

@@ -0,0 +1,15 @@
+import { type CanvasRef, type RNCanvasContext } from 'react-native-webgpu';
+import type { WorkletRuntime } from 'react-native-worklets';
+type GPUResources = {
+    device: GPUDevice;
+    context: RNCanvasContext;
+    presentationFormat: GPUTextureFormat;
+};
+type WGPUSetupResult = {
+    canvasRef: React.RefObject<CanvasRef>;
+    runtime: WorkletRuntime;
+    resources: GPUResources | null;
+};
+export declare function useWGPUSetup(): WGPUSetupResult;
+export {};
+//# sourceMappingURL=useWGPUSetup.d.ts.map

package/lib/typescript/src/hooks/useWGPUSetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWGPUSetup.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useWGPUSetup.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI5D,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC;IACzB,kBAAkB,EAAE,gBAAgB,CAAC;CACtC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,YAAY,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,wBAAgB,YAAY,IAAI,eAAe,CAiD9C"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,16 @@
+import CircularGradient from './components/CircularGradient';
+import LinearGradient from './components/LinearGradient';
+import ShaderView from './components/ShaderView';
+import ShaderViewWithPanGesture from './components/ShaderViewWithPanGesture';
+import Iridescence from './components/Iridescence';
+import LiquidChrome from './components/LiquidChrome';
+import Silk from './components/Silk';
+import Campfire from './components/Campfire';
+import CalicoSwirl from './components/CalicoSwirl';
+import Aurora from './components/Aurora';
+import { useParamsSynchronizable } from './hooks/useParamsSynchronizable';
+export type { ShaderViewProps, ParamsSynchronizable, } from './components/ShaderView/types';
+export type { ShaderViewWithPanGestureProps } from './components/ShaderViewWithPanGesture';
+export type { ColorInput } from './utils/colors';
+export { CircularGradient, LinearGradient, ShaderView, ShaderViewWithPanGesture, Iridescence, LiquidChrome, Silk, Campfire, CalicoSwirl, Aurora, useParamsSynchronizable, };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,wBAAwB,MAAM,uCAAuC,CAAC;AAC7E,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAC3F,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,wBAAwB,EACxB,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,MAAM,EACN,uBAAuB,GACxB,CAAC"}

package/lib/typescript/src/shaders/TRIANGLE_VERTEX_SHADER.d.ts

@@ -0,0 +1,2 @@
+export declare const TRIANGLE_VERTEX_SHADER = "\n  struct VSOut { \n    @builtin(position) pos: vec4<f32>,\n    @location(0) ndc: vec2<f32>,\n  };\n  \n  @vertex \n  fn main(@builtin(vertex_index) vid: u32) -> VSOut {\n    var p = array<vec2<f32>,3>(\n      vec2<f32>(-1.0,-3.0), vec2<f32>(-1.0,1.0), vec2<f32>(3.0,1.0)\n    );\n    var o: VSOut;\n    o.pos = vec4<f32>(p[vid], 0, 1.0);\n    o.ndc = p[vid];\n    return o;\n  }\n";
+//# sourceMappingURL=TRIANGLE_VERTEX_SHADER.d.ts.map

package/lib/typescript/src/shaders/TRIANGLE_VERTEX_SHADER.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TRIANGLE_VERTEX_SHADER.d.ts","sourceRoot":"","sources":["../../../../src/shaders/TRIANGLE_VERTEX_SHADER.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,mYAgBlC,CAAC"}

package/lib/typescript/src/shaders/uniforms.d.ts

@@ -0,0 +1,6 @@
+/** 112 bytes = 7 × vec4<f32> */
+export declare const UNIFORM_BUFFER_SIZE = 112;
+/** Number of float32 values in the uniform buffer */
+export declare const UNIFORM_FLOAT_COUNT: number;
+export declare const UNIFORMS_WGSL = "\nstruct Uniforms {\n  resolution: vec4<f32>,  // (width, height, aspect, pixelRatio)\n  time:       vec4<f32>,  // (seconds, dt, 0, 0)\n  color0:     vec4<f32>,  // colors[0] RGBA\n  color1:     vec4<f32>,  // colors[1] RGBA\n  params0:    vec4<f32>,  // params[0..3]\n  params1:    vec4<f32>,  // params[4..7]\n  live:       vec4<f32>,  // paramsSynchronizable (touch/scroll/audio); (0,0,0,0) when unused\n};\n@group(0) @binding(0) var<uniform> u: Uniforms;\n";
+//# sourceMappingURL=uniforms.d.ts.map

package/lib/typescript/src/shaders/uniforms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../../../src/shaders/uniforms.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,qDAAqD;AACrD,eAAO,MAAM,mBAAmB,QAA0B,CAAC;AAE3D,eAAO,MAAM,aAAa,kdAWzB,CAAC"}

package/lib/typescript/src/utils/backgroundRuntime.d.ts

@@ -0,0 +1,3 @@
+export declare const BackgroundRuntime: import("react-native-worklets").WorkletRuntime;
+export declare function runOnBackground(callback: (...args: any[]) => void): void;
+//# sourceMappingURL=backgroundRuntime.d.ts.map

package/lib/typescript/src/utils/backgroundRuntime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backgroundRuntime.d.ts","sourceRoot":"","sources":["../../../../src/utils/backgroundRuntime.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AAEH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,QAGjE"}

package/lib/typescript/src/utils/colors.d.ts

@@ -0,0 +1,22 @@
+export type ColorInput = number | string;
+/**
+ * RGBA color values normalized to 0-1 range
+ */
+export type RGBA = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+/**
+ * Converts various color formats to RGBA object
+ * @param color - Can be:
+ *   - Hex number (0xff0000)
+ *   - Hex string ("#ff0000" or "ff0000")
+ *   - RGB string ("rgb(255, 0, 0)")
+ *   - RGBA string ("rgba(255, 0, 0, 0.5)")
+ *   - Named color ("red", "blue", "purple", etc.)
+ * @returns RGBA object with normalized values (0-1), alpha defaults to 1.0 for non-rgba formats
+ */
+export declare function colorToVec4(color: ColorInput): RGBA;
+//# sourceMappingURL=colors.d.ts.map

package/lib/typescript/src/utils/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CA4FnD"}

package/lib/typescript/src/utils/initWebGPU.d.ts

@@ -0,0 +1,23 @@
+import { type WorkletRuntime } from 'react-native-worklets';
+/**
+ * Installs WebGPU globals on the given worklet runtime.
+ *
+ * Worklet runtimes run on a separate JS context that lacks browser-like globals.
+ * This function captures WebGPU constants and `navigator.gpu` from the RN thread
+ * and injects them into the worklet's `globalThis` so that WebGPU code can run
+ * as if it were in a browser environment.
+ *
+ * @param runtime - The worklet runtime to initialize
+ */
+export declare function initWebGPU(runtime: WorkletRuntime): void;
+declare global {
+    var self: typeof globalThis;
+    var _WORKLET: boolean | undefined;
+    var performance: {
+        now(): number;
+    };
+    interface Navigator {
+        gpu: GPU;
+    }
+}
+//# sourceMappingURL=initWebGPU.d.ts.map

package/lib/typescript/src/utils/initWebGPU.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initWebGPU.d.ts","sourceRoot":"","sources":["../../../../src/utils/initWebGPU.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE/E;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,cAAc,QAwBjD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,IAAI,EAAE,OAAO,UAAU,CAAC;IAC5B,IAAI,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,IAAI,WAAW,EAAE;QAAE,GAAG,IAAI,MAAM,CAAA;KAAE,CAAC;IAEnC,UAAU,SAAS;QACjB,GAAG,EAAE,GAAG,CAAC;KACV;CACF"}

package/package.json

@@ -1,12 +1,180 @@
 {
   "name": "react-native-effects",
-  "version": "0.0.1",
-  "main": "index.js",
+  "version": "0.2.0",
+  "description": "WebGPU-powered visual effects running on a background thread in React Native",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "example": "yarn workspace react-native-effects-example",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "prettier": "prettier --check \"**/*.{js,ts,tsx,json,md}\"",
+    "prettier:write": "prettier --write \"**/*.{js,ts,tsx,json,md}\"",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "webgpu",
+    "glb",
+    "gltf",
+    "worklets"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/blazejkustra/react-native-effects.git"
+  },
+  "author": "Blazej Kustra <kustrablazej@gmail.com> (https://github.com/blazejkustra)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/blazejkustra/react-native-effects/issues"
+  },
+  "homepage": "https://github.com/blazejkustra/react-native-effects#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^21.0.2",
+    "@eslint/compat": "^2.1.0",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^9.39.4",
+    "@react-native/babel-preset": "0.85.3",
+    "@react-native/eslint-config": "0.85.3",
+    "@react-native/jest-preset": "0.85.3",
+    "@release-it/conventional-changelog": "^11.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.2.17",
+    "@webgpu/types": "0.1.70",
+    "commitlint": "^21.0.2",
+    "del-cli": "^7.0.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.6",
+    "jest": "^29.7.0",
+    "lefthook": "^2.1.9",
+    "prettier": "^3.8.3",
+    "react": "19.2.3",
+    "react-native": "0.85.3",
+    "react-native-builder-bob": "^0.41.0",
+    "react-native-gesture-handler": "2.31.1",
+    "react-native-reanimated": "4.3.1",
+    "react-native-webgpu": "0.5.14",
+    "react-native-worklets": "0.8.3",
+    "release-it": "^20.2.0",
+    "turbo": "^2.9.16",
+    "typescript": "^6.0.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-webgpu": ">=0.5.0",
+    "react-native-worklets": ">=0.8.0"
+  },
+  "resolutions": {
+    "metro": "patch:metro@npm%3A0.84.4#./.yarn/patches/metro-npm-0.84.4.patch",
+    "metro-runtime": "patch:metro-runtime@npm%3A0.84.4#./.yarn/patches/metro-runtime-npm-0.84.4.patch"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "@react-native/jest-preset",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": ""
+  "create-react-native-library": {
+    "type": "library",
+    "languages": "js",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it"
+    ],
+    "version": "0.57.2"
+  }
 }