react-native-shine 0.3.5 → 0.4.1

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

@@ -1 +1 @@
-{"version":3,"file":"ShineGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ShineGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAW5E,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAE9D,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,eAAuB,EACvB,cAAsB,EACtB,OAAe,EACf,cAAsB,GACvB,EAAE,eAAe,2CAkEjB"}
+{"version":3,"file":"ShineGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ShineGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAW5E,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAE9D,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,eAAuB,EACvB,OAAe,EACf,cAAsB,GACvB,EAAE,eAAe,2CAiEjB"}

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

@@ -64,6 +64,37 @@ export declare const colorMaskBindGroupLayout: import("typegpu").TgpuBindGroupLa
         }>;
     };
 }>;
+export declare const reverseHoloDetectionChannelFlagsSchema: d.WgslStruct<{
+    redChannel: d.Decorated<d.F32, [d.Align<16>]>;
+    greenChannel: d.F32;
+    blueChannel: d.F32;
+    hue: d.F32;
+    saturation: d.F32;
+    value: d.F32;
+}>;
+export type ReverseHoloDetectionChannelFlagsSchema = typeof reverseHoloDetectionChannelFlagsSchema;
+export declare const reverseHoloDetectionChannelFlagsBindGroupLayout: import("typegpu").TgpuBindGroupLayout<{
+    channelFlags: {
+        uniform: d.WgslStruct<{
+            redChannel: d.Decorated<d.F32, [d.Align<16>]>;
+            greenChannel: d.F32;
+            blueChannel: d.F32;
+            hue: d.F32;
+            saturation: d.F32;
+            value: d.F32;
+        }>;
+    };
+    glareOptions: {
+        uniform: d.WgslStruct<{
+            glowPower: d.F32;
+            hueShiftAngleMax: d.F32;
+            hueShiftAngleMin: d.F32;
+            hueBlendPower: d.F32;
+            lightIntensity: d.F32;
+            glareIntensity: d.F32;
+        }>;
+    };
+}>;
 export declare const bufferData: {
     readonly rotation: {
         readonly schema: d.Vec3f;
@@ -90,6 +121,17 @@ export declare const bufferData: {
         }>;
         readonly usage: "uniform";
     };
+    readonly reverseHoloDetectionChannelFlags: {
+        readonly schema: d.WgslStruct<{
+            redChannel: d.Decorated<d.F32, [d.Align<16>]>;
+            greenChannel: d.F32;
+            blueChannel: d.F32;
+            hue: d.F32;
+            saturation: d.F32;
+            value: d.F32;
+        }>;
+        readonly usage: "uniform";
+    };
 };
 export type BufferData = typeof bufferData;
 //# sourceMappingURL=bindGroupLayouts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"bindGroupLayouts.d.ts","sourceRoot":"","sources":["../../../../src/shaders/bindGroupLayouts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,eAAO,MAAM,sBAAsB;;;;;;;;;EAIjC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;;;;;;EAIrC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;EAElC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;EAOtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C,eAAO,MAAM,oBAAoB;;;;;;;;;;;EAE/B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD,eAAO,MAAM,wBAAwB;;;;;;;;;;EAEnC,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}
+{"version":3,"file":"bindGroupLayouts.d.ts","sourceRoot":"","sources":["../../../../src/shaders/bindGroupLayouts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,eAAO,MAAM,sBAAsB;;;;;;;;;EAIjC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;;;;;;EAIrC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;EAElC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;EAOtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C,eAAO,MAAM,oBAAoB;;;;;;;;;;;EAE/B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD,eAAO,MAAM,wBAAwB;;;;;;;;;;EAEnC,CAAC;AAEH,eAAO,MAAM,sCAAsC;;;;;;;EAOjD,CAAC;AAEH,MAAM,MAAM,sCAAsC,GAChD,OAAO,sCAAsC,CAAC;AAEhD,eAAO,MAAM,+CAA+C;;;;;;;;;;;;;;;;;;;;;EAIxD,CAAC;AAEL,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}

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

@@ -1,6 +1,6 @@
 import { type TgpuBuffer, type TgpuRoot, type UniformFlag } from 'typegpu';
 import * as d from 'typegpu/data';
-import { type ColorMaskSchema, type GlareSchema } from './bindGroupLayouts';
+import { type ColorMaskSchema, type GlareSchema, type ReverseHoloDetectionChannelFlagsSchema } from './bindGroupLayouts';
 import type { GlareOptions, ColorMask, PartiallyOptional } from '../types/types';
 export declare const createRotationBuffer: (root: TgpuRoot, initValues?: {
     x: number;
@@ -50,4 +50,26 @@ export declare const createColorMaskBindGroup: (root: TgpuRoot, buffer: TgpuBuff
         }>;
     };
 }>;
+export declare const createReverseHoloDetectionChannelFlagsBindGroup: (root: TgpuRoot, detectionChannelBuffer: TgpuBuffer<ReverseHoloDetectionChannelFlagsSchema> & UniformFlag, glareOptionsBuffer: TgpuBuffer<GlareSchema> & UniformFlag) => import("typegpu").TgpuBindGroup<{
+    channelFlags: {
+        uniform: d.WgslStruct<{
+            redChannel: d.Decorated<d.F32, [d.Align<16>]>;
+            greenChannel: d.F32;
+            blueChannel: d.F32;
+            hue: d.F32;
+            saturation: d.F32;
+            value: d.F32;
+        }>;
+    };
+    glareOptions: {
+        uniform: d.WgslStruct<{
+            glowPower: d.F32;
+            hueShiftAngleMax: d.F32;
+            hueShiftAngleMin: d.F32;
+            hueBlendPower: d.F32;
+            lightIntensity: d.F32;
+            glareIntensity: d.F32;
+        }>;
+    };
+}>;
 //# sourceMappingURL=bindGroupUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"bindGroupUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/bindGroupUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3E,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAIL,KAAK,eAAe,EAEpB,KAAK,WAAW,EAEjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AASxB,eAAO,MAAM,oBAAoB,GAAI,MAAM,QAAQ,EAAE;;;;CAAoB,sCAGnD,CAAC;AAEvB,eAAO,MAAM,6BAA6B,GACxC,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;;;;EAIzB,CAAC;AAEL,eAAO,MAAM,wBAAwB,GACnC,MAAM,QAAQ,EACd,aAAa,OAAO,CAAC,YAAY,CAAC;;;;;;;iBAId,CAAC;AAEvB,eAAO,MAAM,oBAAoB,GAC/B,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;;;;;;;;;;;EAI3C,CAAC;AAEL,eAAO,MAAM,qBAAqB,GAChC,MAAM,QAAQ,EACd,YAAY,iBAAiB,CAAC,SAAS,EAAE,WAAW,CAAC;;;;;;iBAOjC,CAAC;AAEvB,eAAO,MAAM,wBAAwB,GACnC,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,eAAe,CAAC,GAAG,WAAW;;;;;;;;;;EAI/C,CAAC"}
+{"version":3,"file":"bindGroupUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/bindGroupUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3E,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAIL,KAAK,eAAe,EAEpB,KAAK,WAAW,EAEhB,KAAK,sCAAsC,EAE5C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AASxB,eAAO,MAAM,oBAAoB,GAAI,MAAM,QAAQ,EAAE;;;;CAAoB,sCAGnD,CAAC;AAEvB,eAAO,MAAM,6BAA6B,GACxC,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;;;;EAIzB,CAAC;AAEL,eAAO,MAAM,wBAAwB,GACnC,MAAM,QAAQ,EACd,aAAa,OAAO,CAAC,YAAY,CAAC;;;;;;;iBAId,CAAC;AAEvB,eAAO,MAAM,oBAAoB,GAC/B,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;;;;;;;;;;;EAI3C,CAAC;AAEL,eAAO,MAAM,qBAAqB,GAChC,MAAM,QAAQ,EACd,YAAY,iBAAiB,CAAC,SAAS,EAAE,WAAW,CAAC;;;;;;iBAOjC,CAAC;AAEvB,eAAO,MAAM,wBAAwB,GACnC,MAAM,QAAQ,EACd,QAAQ,UAAU,CAAC,eAAe,CAAC,GAAG,WAAW;;;;;;;;;;EAI/C,CAAC;AAEL,eAAO,MAAM,+CAA+C,GAC1D,MAAM,QAAQ,EACd,wBAAwB,UAAU,CAAC,sCAAsC,CAAC,GACxE,WAAW,EACb,oBAAoB,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;EAKvD,CAAC"}

package/lib/typescript/src/shaders/fragmentShaders/reverseHoloFragment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reverseHoloFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/reverseHoloFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAUlC,eAAO,MAAM,mBAAmB;;WA2D9B,CAAC"}
+{"version":3,"file":"reverseHoloFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/reverseHoloFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAUlC,eAAO,MAAM,mBAAmB;;WAwF9B,CAAC"}

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

@@ -1,5 +1,7 @@
 import * as d from 'typegpu/data';
 export declare const hueShift: import("typegpu").TgpuFn<(rgb: d.Vec3f, angle: d.F32) => d.Vec3f>;
+export declare const rgbToHSV: import("typegpu").TgpuFn<(rgb: d.Vec3f) => d.Vec3f>;
+export declare const fmod: import("typegpu").TgpuFn<(number: d.F32, md: d.F32) => d.F32>;
 export declare const glareColorShift: import("typegpu").TgpuFn<(color: d.Vec3f, power: d.F32) => d.Vec3f>;
 export declare const overlayChannel: import("typegpu").TgpuFn<(base: d.F32, blend: d.F32) => d.F32>;
 export declare const overlayChannels: import("typegpu").TgpuFn<(base: d.Vec3f, blend: d.Vec3f) => d.Vec3f>;

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

@@ -1 +1 @@
-{"version":3,"file":"tgpuUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/tgpuUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAElC,eAAO,MAAM,QAAQ,mEA6BnB,CAAC;AAEH,eAAO,MAAM,eAAe,qEAc1B,CAAC;AAEH,eAAO,MAAM,cAAc,gEAYzB,CAAC;AAEH,eAAO,MAAM,eAAe,sEAS1B,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,OAAO,mDAQlB,CAAC;AAEH,eAAO,MAAM,0BAA0B,+DAcrC,CAAC;AAEH,eAAO,MAAM,UAAU,yEAMrB,CAAC"}
+{"version":3,"file":"tgpuUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/tgpuUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAElC,eAAO,MAAM,QAAQ,mEA6BnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qDA2BnB,CAAC;AAEH,eAAO,MAAM,IAAI,+DASf,CAAC;AAEH,eAAO,MAAM,eAAe,qEAc1B,CAAC;AAEH,eAAO,MAAM,cAAc,gEAYzB,CAAC;AAEH,eAAO,MAAM,eAAe,sEAS1B,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,OAAO,mDAQlB,CAAC;AAEH,eAAO,MAAM,0BAA0B,+DAcrC,CAAC;AAEH,eAAO,MAAM,UAAU,yEAMrB,CAAC"}

package/lib/typescript/src/types/typeUtils.d.ts

@@ -1,5 +1,5 @@
 import { f32 } from 'typegpu/data';
-import type { GlareOptions, ColorMask, DeepPartiallyOptional, HoloOptions } from './types';
+import type { GlareOptions, ColorMask, DeepPartiallyOptional, HoloOptions, ReverseHoloDetectionChannelFlags } from './types';
 export declare const createGlareOptions: (options: Partial<GlareOptions>) => GlareOptions;
 export declare const mapToF32: <T extends Record<string, number>>(obj: T) => { [K in keyof T]: ReturnType<typeof f32>; };
 export declare const createColorMask: (colorMask: DeepPartiallyOptional<ColorMask, "baseColor">) => ColorMask;
@@ -11,5 +11,13 @@ export declare const colorMaskToTyped: (colorMask: ColorMask) => {
     };
 };
 export declare const createHoloOptions: (options: Partial<HoloOptions>) => HoloOptions;
+export declare const createReverseHoloDetectionChannelFlags: (options?: Partial<ReverseHoloDetectionChannelFlags>) => {
+    redChannel: number;
+    greenChannel: number;
+    blueChannel: number;
+    hue: number;
+    saturation: number;
+    value: number;
+};
 export declare const numberArrToTyped: (vec: number[]) => any;
 //# sourceMappingURL=typeUtils.d.ts.map

package/lib/typescript/src/types/typeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../../../src/types/typeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,qBAAqB,EAErB,WAAW,EACZ,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,kBAAkB,GAC7B,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,YAoBF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACvD,KAAK,CAAC,KACL,GACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,GAQvC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,WAAW,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,KACvD,SAcF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAW,SAAS;;;;;;CASpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,OAAO,CAAC,WAAW,CAAC,KAC5B,WAQF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,EAAE,QAkB7C,CAAC"}
+{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../../../src/types/typeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,qBAAqB,EAErB,WAAW,EACX,gCAAgC,EACjC,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,kBAAkB,GAC7B,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,YAoBF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACvD,KAAK,CAAC,KACL,GACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,GAQvC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,WAAW,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,KACvD,SAcF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAW,SAAS;;;;;;CASpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,OAAO,CAAC,WAAW,CAAC,KAC5B,WAQF,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,UAAU,OAAO,CAAC,gCAAgC,CAAC;;;;;;;CA4BpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,EAAE,QAkB7C,CAAC"}

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

@@ -19,6 +19,14 @@ export type ColorMask = {
         lower: vec3;
     };
 };
+export type ReverseHoloDetectionChannelFlags = {
+    redChannel: number;
+    greenChannel: number;
+    blueChannel: number;
+    hue: number;
+    saturation: number;
+    value: number;
+};
 export type HoloOptions = {
     intensity: number;
     waveCallback: WaveCallbackFn;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACpC,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5C,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,IAAI,CAAC;IAChB,iBAAiB,EAAE;QACjB,KAAK,EAAE,IAAI,CAAC;QACZ,KAAK,EAAE,IAAI,CAAC;KACb,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,cAAc,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;KACnD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACf,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAExB,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,IAAI,GACJ,SAAS,CAAC;AAId,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC3E,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC5E,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,kBAAkB,CAAC,qBAAqB,CAAC,CAC1C,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,sBAAsB,GAAG,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACpC,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5C,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,IAAI,CAAC;IAChB,iBAAiB,EAAE;QACjB,KAAK,EAAE,IAAI,CAAC;QACZ,KAAK,EAAE,IAAI,CAAC;KACb,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,cAAc,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;KACnD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACf,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAExB,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,IAAI,GACJ,SAAS,CAAC;AAId,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC3E,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC5E,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,kBAAkB,CAAC,qBAAqB,CAAC,CAC1C,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,sBAAsB,GAAG,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-shine",
-  "version": "0.3.5",
+  "version": "0.4.1",
   "description": "Fast and efficient way of adding interactive effects that are run entirely on shaders using typeGPU.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -82,11 +82,11 @@
     "prettier": "^3.0.3",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "react-native": "0.79.5",
+    "react-native": "0.81.0",
     "react-native-builder-bob": "^0.40.13",
     "react-native-reanimated": "^4.1.3",
-    "react-native-wgpu": "^0.2.8",
-    "react-native-worklets": "^0.5.1",
+    "react-native-wgpu": "^0.3.1",
+    "react-native-worklets": "^0.5.2",
     "release-it": "^17.10.0",
     "typegpu": "0.7.1",
     "typescript": "^5.8.3",
@@ -96,8 +96,8 @@
     "react": "*",
     "react-native": "*",
     "react-native-reanimated": "^4.1.3",
-    "react-native-wgpu": "^0.2.8",
-    "react-native-worklets": "^0.5.1",
+    "react-native-wgpu": "^0.3.1",
+    "react-native-worklets": "^0.5.2",
     "typegpu": "0.7.1"
   },
   "workspaces": [

package/src/components/Content.tsx

@@ -1,5 +1,5 @@
-import { useEffect, useMemo, useRef } from 'react';
-import { PixelRatio, Platform, View } from 'react-native';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { PixelRatio, View } from 'react-native';
 import Animated, {
   SensorType,
   type SharedValue,
@@ -8,7 +8,11 @@ import Animated, {
   useDerivedValue,
   useSharedValue,
 } from 'react-native-reanimated';
-import { Canvas, useGPUContext } from 'react-native-wgpu';
+import {
+  Canvas,
+  type CanvasRef,
+  type RNCanvasContext,
+} from 'react-native-wgpu';
 import * as d from 'typegpu/data';
 import type {
   TextureProps,
@@ -26,6 +30,7 @@ import { TypedBufferMap } from '../shaders/resourceManagement/bufferManager';
 import {
   createColorMaskBindGroup,
   createGlareBindGroup,
+  createReverseHoloDetectionChannelFlagsBindGroup,
   createRotationValuesBindGroup,
 } from '../shaders/bindGroupUtils';
 import colorMaskFragment from '../shaders/fragmentShaders/colorMaskFragment';
@@ -46,11 +51,13 @@ import type {
   DeepPartiallyOptional,
   GlareOptions,
   PipelineAttachmentPair,
+  ReverseHoloDetectionChannelFlags,
 } from '../types/types';
 import {
   colorMaskToTyped,
   createColorMask,
   createGlareOptions,
+  createReverseHoloDetectionChannelFlags,
 } from '../types/typeUtils';
 import type { V2d, V3d } from '../types/vector';
 import {
@@ -75,9 +82,10 @@ export interface SharedProps {
   colorMaskOptions?: DeepPartiallyOptional<ColorMask, 'baseColor'>;
   useTouchControl?: boolean;
   touchPosition?: SharedValue<V2d>;
-  addTextureMask?: boolean;
   addReverseHolo?: boolean;
+  reverseHoloDetectionChannelOptions?: Partial<ReverseHoloDetectionChannelFlags>;
   addHolo?: boolean;
+  translateViewIn3d?: boolean;
 }
 
 interface ContentProps extends SharedProps {
@@ -97,7 +105,7 @@ interface PipelineMap {
 export default function Content({
   addHolo,
   addReverseHolo,
-  addTextureMask,
+  reverseHoloDetectionChannelOptions,
   colorMaskOptions,
   glareOptions,
   height,
@@ -107,9 +115,18 @@ export default function Content({
   touchPosition,
   useTouchControl,
   width,
+  translateViewIn3d = false,
 }: ContentProps) {
   const { device } = root;
-  const { ref, context } = useGPUContext();
+  // const { ref, context } = useGPUContext();
+  const ref = useRef<CanvasRef>(null);
+  const [context, setContext] = useState<RNCanvasContext | null>(null);
+  // const context = ref.current!.getContext('webgpu')!;
+
+  useEffect(() => {
+    if (ref) setContext(ref.current?.getContext('webgpu')!);
+  }, [ref]);
+
   const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
   const renderRef = useRef<() => void>(null);
 
@@ -146,7 +163,6 @@ export default function Content({
         { perspective: 300 },
         { rotateX: `${-rotY}deg` },
         { rotateY: `${rotX}deg` },
-        // { rotateZ: `${rotX * 5}deg` },
       ],
     };
   });
@@ -275,6 +291,18 @@ export default function Content({
     );
     const colorMaskBindGroup = createColorMaskBindGroup(root, colorMaskBuffer);
 
+    const reverseHoloDetectionChannelFlagsBuffer = bufferMap.addBuffer(
+      root,
+      'reverseHoloDetectionChannelFlags',
+      createReverseHoloDetectionChannelFlags(reverseHoloDetectionChannelOptions)
+    );
+    const reverseHoloDetectionChannelFlagsBindGroup =
+      createReverseHoloDetectionChannelFlagsBindGroup(
+        root,
+        reverseHoloDetectionChannelFlagsBuffer,
+        glareBuffer
+      );
+
     const pipelineMap: PipelineMap = {
       glare: attachBindGroups(
         root['~unstable']
@@ -308,7 +336,11 @@ export default function Content({
       reverseHolo: createReverseHoloPipeline(
         root,
         maskTexture,
-        [imageTextureBindGroup, rotationBindGroup, glareBindGroup],
+        [
+          imageTextureBindGroup,
+          rotationBindGroup,
+          reverseHoloDetectionChannelFlagsBindGroup,
+        ],
         sampler,
         presentationFormat
       ),
@@ -344,7 +376,7 @@ export default function Content({
 
       const pairs: PipelineAttachmentPair[] = [[glare, initialAttachment]];
 
-      if (addTextureMask && mask) pairs.push([mask, loadingAttachment]);
+      if (mask) pairs.push([mask, loadingAttachment]);
       if (addReverseHolo && reverseHolo)
         pairs.push([reverseHolo, loadingAttachment]);
       if (addHolo && holo) pairs.push([holo, loadingAttachment]);
@@ -362,6 +394,9 @@ export default function Content({
       renderPipelines();
       presentContext();
     };
+
+    // const res = tgpu.resolve({ externals: { reverseHoloFragment } });
+    // console.log('reverseHoloFragment resolve:', res);
   }, [
     device,
     context,
@@ -375,29 +410,27 @@ export default function Content({
     colorMaskOptions,
     addHolo,
     addReverseHolo,
-    addTextureMask,
+    reverseHoloDetectionChannelOptions,
     pixelSize,
   ]);
 
   useAnimationFrame(() => renderRef.current?.());
 
   return (
-    <Animated.View style={[animatedStyle]}>
-      <View
-        style={
-          [
-            // styles.container,
-            // { width, height },
-          ]
-        }
-      >
-        <Canvas
-          ref={ref}
-          style={[{ width, height }]}
-          transparent={Platform.OS === 'ios'}
-          // transparent={true}
-        />
-      </View>
-    </Animated.View>
+    <View
+      style={{
+        transform: [
+          {
+            matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1],
+          },
+        ],
+      }}
+    >
+      <Animated.View style={[translateViewIn3d && animatedStyle]}>
+        <View>
+          <Canvas ref={ref} style={[{ width, height }]} transparent={true} />
+        </View>
+      </Animated.View>
+    </View>
   );
 }

package/src/components/ShineGroup.tsx

@@ -20,7 +20,6 @@ export function ShineGroup({
   maskURI,
   touchPosition,
   useTouchControl = false,
-  addTextureMask = false,
   addHolo = false,
   addReverseHolo = false,
 }: ShineGroupProps) {
@@ -82,7 +81,6 @@ export function ShineGroup({
           maskURI={maskURI}
           touchPosition={touchPosition}
           useTouchControl={useTouchControl}
-          addTextureMask={addTextureMask}
           addReverseHolo={addReverseHolo}
           addHolo={addHolo}
         />

package/src/shaders/bindGroupLayouts.ts

@@ -47,6 +47,24 @@ export const colorMaskBindGroupLayout = tgpu.bindGroupLayout({
   mask: { uniform: colorMaskSchema },
 });
 
+export const reverseHoloDetectionChannelFlagsSchema = d.struct({
+  redChannel: d.align(16, d.f32),
+  greenChannel: d.f32,
+  blueChannel: d.f32,
+  hue: d.f32,
+  saturation: d.f32,
+  value: d.f32,
+});
+
+export type ReverseHoloDetectionChannelFlagsSchema =
+  typeof reverseHoloDetectionChannelFlagsSchema;
+
+export const reverseHoloDetectionChannelFlagsBindGroupLayout =
+  tgpu.bindGroupLayout({
+    channelFlags: { uniform: reverseHoloDetectionChannelFlagsSchema },
+    glareOptions: { uniform: glareSchema },
+  });
+
 export const bufferData = {
   rotation: {
     schema: d.vec3f,
@@ -60,6 +78,10 @@ export const bufferData = {
     schema: colorMaskSchema,
     usage: 'uniform',
   },
+  reverseHoloDetectionChannelFlags: {
+    schema: reverseHoloDetectionChannelFlagsSchema,
+    usage: 'uniform',
+  },
 } as const satisfies Record<
   string,
   { schema: ValidateBufferSchema<any>; usage: BufferUsageType }

package/src/shaders/bindGroupUtils.ts

@@ -8,6 +8,8 @@ import {
   rotationBindGroupLayout,
   type GlareSchema,
   colorMaskSchema,
+  type ReverseHoloDetectionChannelFlagsSchema,
+  reverseHoloDetectionChannelFlagsBindGroupLayout,
 } from './bindGroupLayouts';
 import type {
   GlareOptions,
@@ -70,6 +72,17 @@ export const createColorMaskBindGroup = (
     mask: buffer,
   });
 
+export const createReverseHoloDetectionChannelFlagsBindGroup = (
+  root: TgpuRoot,
+  detectionChannelBuffer: TgpuBuffer<ReverseHoloDetectionChannelFlagsSchema> &
+    UniformFlag,
+  glareOptionsBuffer: TgpuBuffer<GlareSchema> & UniformFlag
+) =>
+  root.createBindGroup(reverseHoloDetectionChannelFlagsBindGroupLayout, {
+    channelFlags: detectionChannelBuffer,
+    glareOptions: glareOptionsBuffer,
+  });
+
 // export const crateHoloBuffer = (
 //   root: TgpuRoot,
 //   initValues: Partial<HoloOptions>

package/src/shaders/fragmentShaders/colorMaskFragment.ts

@@ -29,7 +29,7 @@ const colorMaskFragment = tgpu['~unstable'].fragmentFn({
   if (upperCheck && lowerCheck) {
     return d.vec4f(color.xyz, 0.0);
   }
-  return d.vec4f(1.0);
+  return d.vec4f(color.xyz, color.w);
 });
 
 export default colorMaskFragment;

package/src/shaders/fragmentShaders/holoFragment.ts

@@ -31,5 +31,5 @@ export const holoFragment = tgpu['~unstable'].fragmentFn({
   const rainbowColor = hueShift(d.vec3f(1.0, 1.0, 1.0), hueAngle);
   const finalColor = std.mul(rainbowColor, 1.0);
 
-  return d.vec4f(finalColor, 0.7 * textureColor.w);
+  return d.vec4f(finalColor, 0.9 * textureColor.w);
 });

package/src/shaders/fragmentShaders/reverseHoloFragment.ts

@@ -5,9 +5,9 @@ import {
   textureBindGroupLayout,
   maskTextureBindGroupLayout,
   rotationBindGroupLayout,
-  glareBindGroupLayout,
+  reverseHoloDetectionChannelFlagsBindGroupLayout,
 } from '../bindGroupLayouts';
-import { hueShift } from '../tgpuUtils';
+import { hueShift, rgbToHSV } from '../tgpuUtils';
 
 export const reverseHoloFragment = tgpu['~unstable'].fragmentFn({
   in: { uv: d.vec2f },
@@ -20,13 +20,26 @@ export const reverseHoloFragment = tgpu['~unstable'].fragmentFn({
   const rot = rotationBindGroupLayout.$.vec;
   const center = std.add(d.vec2f(0.0), d.vec2f(rot.x, rot.y)); // center from device orientation/touch
 
-  const opts = glareBindGroupLayout.$.glareOptions;
+  // glare options---------------------------------
+  const opts = reverseHoloDetectionChannelFlagsBindGroupLayout.$.glareOptions;
   const glareIntensity = opts.glareIntensity;
   const glowPower = opts.glowPower;
   const hueBlendPower = opts.hueBlendPower;
   const hueShiftAngleMin = opts.hueShiftAngleMin;
   const hueShiftAngleMax = opts.hueShiftAngleMax;
   const lightIntensity = opts.lightIntensity;
+  //-----------------------------------------------
+
+  // detection channel flags-----------------------
+  const detectionChannelFlags =
+    reverseHoloDetectionChannelFlagsBindGroupLayout.$.channelFlags;
+  const redChannelFlag = detectionChannelFlags.redChannel;
+  const greenChannelFlag = detectionChannelFlags.greenChannel;
+  const blueChannelFlag = detectionChannelFlags.blueChannel;
+  const hueFlag = detectionChannelFlags.hue;
+  const saturationFlag = detectionChannelFlags.saturation;
+  const valueFlag = detectionChannelFlags.value;
+  //------------------------------------------------
 
   const cardColor = std.textureSample(
     textureBindGroupLayout.$.texture,
@@ -49,9 +62,25 @@ export const reverseHoloFragment = tgpu['~unstable'].fragmentFn({
   const influence = std.smoothstep(0.0, 1.0, scaledRadial);
   const curvePower = std.clamp(glowPower, 0.05, 64.0);
   const glowMask = std.pow(influence, std.div(1.0, curvePower));
+  const holoMaskColorHSV = rgbToHSV(holoMaskColor.xyz);
+
+  const rgbSelection = d.vec3f(
+    redChannelFlag,
+    greenChannelFlag,
+    blueChannelFlag
+  );
+  const channelFactor = std.dot(holoMaskColor.xyz, rgbSelection);
+
+  const hsvSelection = d.vec3f(hueFlag, saturationFlag, valueFlag);
+  const channelFactorHSV = std.dot(holoMaskColorHSV.xyz, hsvSelection);
+  //TODO: delete this combination to have separate RGB and HSV controls,
+  //      maybe add weights later or choice of combination method
+  const channelFactorCombined = std.mix(channelFactor, channelFactorHSV, 0.0);
 
   const holoFactor =
-    (1.0 - holoMaskColor.x) * holoMaskColor.w * std.pow(scaledRadial, 1.5);
+    (1.0 - channelFactorCombined) *
+    holoMaskColor.w *
+    std.pow(scaledRadial, 1.5);
 
   const maskedGlow = std.mul(glowMask, holoFactor); // only affect masked areas
 

package/src/shaders/tgpuUtils.ts

@@ -33,6 +33,46 @@ export const hueShift = tgpu.fn(
   return d.vec3f(r, g, b);
 });
 
+export const rgbToHSV = tgpu.fn(
+  [d.vec3f],
+  d.vec3f
+)((rgb) => {
+  const cMax = std.max(std.max(rgb.x, rgb.y), rgb.z);
+  const cMin = std.min(std.min(rgb.x, rgb.y), rgb.z);
+  const delta = std.sub(cMax, cMin);
+
+  const hueDeltaZero = d.f32(0.0);
+  const hueRmax = d.f32(60.0) * fmod((rgb.y - rgb.z) / delta, d.f32(6.0));
+  const hueGmax = d.f32(60.0) * ((rgb.z - rgb.x) / delta + d.f32(2.0));
+  const hueBmax = d.f32(60.0) * ((rgb.x - rgb.y) / delta + d.f32(4.0));
+
+  let hue = std.select(
+    hueDeltaZero,
+    hueRmax,
+    cMax === rgb.x && delta !== d.f32(0.0)
+  );
+  hue = std.select(hue, hueGmax, cMax === rgb.y && delta !== d.f32(0.0));
+  hue = std.select(hue, hueBmax, cMax === rgb.z && delta !== d.f32(0.0));
+  hue = std.select(hue, d.f32(0.0), delta === d.f32(0.0));
+
+  hue = std.mod(hue, d.f32(360.0));
+  const saturation = std.select(delta / cMax, d.f32(0.0), cMax === d.f32(0.0));
+  const value = cMax;
+
+  return d.vec3f(hue, saturation, value);
+});
+
+export const fmod = tgpu.fn(
+  [d.f32, d.f32],
+  d.f32
+)((number, md) => {
+  const dv = std.div(number, md);
+  const val = std.mul(md, std.floor(dv));
+  const c = std.sub(number, val);
+
+  return c;
+});
+
 export const glareColorShift = tgpu.fn(
   [d.vec3f, d.f32],
   d.vec3f