react-native-shine 0.4.0 → 0.5.0

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

@@ -1,3 +1,4 @@
+import { type ViewStyle } from 'react-native';
 import { type SharedValue } from 'react-native-reanimated';
 import type { TextureProps, TgpuRoot, TgpuTexture } from 'typegpu';
 import type { ColorMask, DeepPartiallyOptional, GlareOptions, ReverseHoloDetectionChannelFlags } from '../types/types';
@@ -7,18 +8,19 @@ export interface SharedProps {
     height: number;
     glareOptions?: Partial<GlareOptions>;
     colorMaskOptions?: DeepPartiallyOptional<ColorMask, 'baseColor'>;
-    useTouchControl?: boolean;
     touchPosition?: SharedValue<V2d>;
     addReverseHolo?: boolean;
     reverseHoloDetectionChannelOptions?: Partial<ReverseHoloDetectionChannelFlags>;
     addHolo?: boolean;
     translateViewIn3d?: boolean;
+    style?: ViewStyle;
+    containerStyle?: ViewStyle;
 }
 interface ContentProps extends SharedProps {
     root: TgpuRoot;
     imageTexture: TgpuTexture<TextureProps>;
     maskTexture?: TgpuTexture<TextureProps>;
 }
-export default function Content({ addHolo, addReverseHolo, reverseHoloDetectionChannelOptions, colorMaskOptions, glareOptions, height, imageTexture, maskTexture, root, touchPosition, useTouchControl, width, translateViewIn3d, }: ContentProps): import("react/jsx-runtime").JSX.Element;
+export default function Content({ addHolo, addReverseHolo, reverseHoloDetectionChannelOptions, colorMaskOptions, glareOptions, height, imageTexture, maskTexture, root, touchPosition, width, translateViewIn3d, style, containerStyle, }: ContentProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Content.tsx"],"names":[],"mappings":"AAEA,OAAiB,EAEf,KAAK,WAAW,EAKjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EACV,YAAY,EAEZ,QAAQ,EACR,WAAW,EACZ,MAAM,SAAS,CAAC;AA0BjB,OAAO,KAAK,EAEV,SAAS,EACT,qBAAqB,EACrB,YAAY,EAEZ,gCAAgC,EACjC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,KAAK,EAAE,GAAG,EAAO,MAAM,iBAAiB,CAAC;AAgBhD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACjE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACzC;AAUD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,OAAO,EACP,cAAc,EACd,kCAAkC,EAClC,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,aAAa,EACb,eAAe,EACf,KAAK,EACL,iBAAyB,GAC1B,EAAE,YAAY,2CAqTd"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAiB,EAEf,KAAK,WAAW,EAKjB,MAAM,yBAAyB,CAAC;AAOjC,OAAO,KAAK,EACV,YAAY,EAEZ,QAAQ,EACR,WAAW,EACZ,MAAM,SAAS,CAAC;AA0BjB,OAAO,KAAK,EAEV,SAAS,EACT,qBAAqB,EACrB,YAAY,EAEZ,gCAAgC,EACjC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,KAAK,EAAE,GAAG,EAAO,MAAM,iBAAiB,CAAC;AAgBhD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACzC;AAUD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,OAAO,EACP,cAAc,EACd,kCAAkC,EAClC,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,aAAa,EACb,KAAK,EACL,iBAAyB,EACzB,KAAK,EACL,cAAc,GACf,EAAE,YAAY,2CAoUd"}

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

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from 'react';
 import { type ShineProps } from './Shine';
 type ShineGroupProps = PropsWithChildren<Partial<ShineProps>>;
-export declare function ShineGroup({ children, glareOptions, colorMaskOptions, maskURI, touchPosition, useTouchControl, addHolo, addReverseHolo, }: ShineGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShineGroup({ children, glareOptions, colorMaskOptions, maskURI, touchPosition, addHolo, addReverseHolo, }: ShineGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ShineGroup.d.ts.map

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,OAAe,EACf,cAAsB,GACvB,EAAE,eAAe,2CAiEjB"}
+{"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,OAAe,EACf,cAAsB,GACvB,EAAE,eAAe,2CAgEjB"}

package/lib/typescript/src/config/debugMode.d.ts

@@ -0,0 +1,2 @@
+export declare const debug = false;
+//# sourceMappingURL=debugMode.d.ts.map

package/lib/typescript/src/config/debugMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debugMode.d.ts","sourceRoot":"","sources":["../../../../src/config/debugMode.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,QAAQ,CAAC"}

package/lib/typescript/src/enums/colorPresets.d.ts

@@ -0,0 +1,33 @@
+export declare const ColorPresets: {
+    readonly RED: [255, 0, 0];
+    readonly GREEN: [0, 255, 0];
+    readonly BLUE: [0, 0, 255];
+    readonly YELLOW: [255, 255, 0];
+    readonly CYAN: [0, 255, 255];
+    readonly MAGENTA: [255, 0, 255];
+    readonly WHITE: [255, 255, 255];
+    readonly BLACK: [0, 0, 0];
+    readonly GRAY: [128, 128, 128];
+    readonly LIGHT_GRAY: [211, 211, 211];
+    readonly DARK_GRAY: [105, 105, 105];
+    readonly ORANGE: [255, 165, 0];
+    readonly PURPLE: [128, 0, 128];
+    readonly BROWN: [165, 42, 42];
+    readonly PINK: [255, 192, 203];
+    readonly LIME_GREEN: [50, 205, 50];
+    readonly FOREST_GREEN: [34, 139, 34];
+    readonly OLIVE: [128, 128, 0];
+    readonly TEAL: [0, 128, 128];
+    readonly NAVY: [0, 0, 128];
+    readonly ROYAL_BLUE: [65, 105, 225];
+    readonly SKY_BLUE: [135, 206, 235];
+    readonly INDIGO: [75, 0, 130];
+    readonly VIOLET: [238, 130, 238];
+    readonly MAROON: [128, 0, 0];
+    readonly GOLD: [255, 215, 0];
+    readonly TOMATO: [255, 99, 71];
+    readonly SALMON: [250, 128, 114];
+    readonly BEIGE: [245, 245, 220];
+    readonly POTATO: [222, 184, 135];
+};
+//# sourceMappingURL=colorPresets.d.ts.map

package/lib/typescript/src/enums/colorPresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPresets.d.ts","sourceRoot":"","sources":["../../../../src/enums/colorPresets.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCgB,CAAC"}

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

@@ -6,4 +6,5 @@ export { ShineGroup } from './components/ShineGroup';
 export type { ShineProps } from './components/Shine';
 export * from './utils/vector';
 export type { V2d, V3d } from './types/vector';
+export * from './enums/colorPresets';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,4BAA4B,EAC7B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,CAAC;AACF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,4BAA4B,EAC7B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,CAAC;AACF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC/C,cAAc,sBAAsB,CAAC"}

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

@@ -51,6 +51,15 @@ export declare const colorMaskSchema: d.WgslStruct<{
         upper: d.Vec3f;
         lower: d.Vec3f;
     }>;
+    hueToleranceRange: d.WgslStruct<{
+        upper: d.F32;
+        lower: d.F32;
+    }>;
+    useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+    brightnessTolerance: d.F32;
+    saturationTolerance: d.F32;
+    lowSaturationThreshold: d.F32;
+    lowBrightnessThreshold: d.F32;
 }>;
 export type ColorMaskSchema = typeof colorMaskSchema;
 export declare const colorMaskBindGroupLayout: import("typegpu").TgpuBindGroupLayout<{
@@ -61,6 +70,15 @@ export declare const colorMaskBindGroupLayout: import("typegpu").TgpuBindGroupLa
                 upper: d.Vec3f;
                 lower: d.Vec3f;
             }>;
+            hueToleranceRange: d.WgslStruct<{
+                upper: d.F32;
+                lower: d.F32;
+            }>;
+            useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+            brightnessTolerance: d.F32;
+            saturationTolerance: d.F32;
+            lowSaturationThreshold: d.F32;
+            lowBrightnessThreshold: d.F32;
         }>;
     };
 }>;
@@ -118,6 +136,15 @@ export declare const bufferData: {
                 upper: d.Vec3f;
                 lower: d.Vec3f;
             }>;
+            hueToleranceRange: d.WgslStruct<{
+                upper: d.F32;
+                lower: d.F32;
+            }>;
+            useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+            brightnessTolerance: d.F32;
+            saturationTolerance: d.F32;
+            lowSaturationThreshold: d.F32;
+            lowBrightnessThreshold: d.F32;
         }>;
         readonly usage: "uniform";
     };

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,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"}
+{"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;;;;;;;;;;;;;;;EAe1B,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

@@ -38,6 +38,15 @@ export declare const createColorMaskBuffer: (root: TgpuRoot, initValues: Partial
         upper: d.Vec3f;
         lower: d.Vec3f;
     }>;
+    hueToleranceRange: d.WgslStruct<{
+        upper: d.F32;
+        lower: d.F32;
+    }>;
+    useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+    brightnessTolerance: d.F32;
+    saturationTolerance: d.F32;
+    lowSaturationThreshold: d.F32;
+    lowBrightnessThreshold: d.F32;
 }>> & UniformFlag;
 export declare const createColorMaskBindGroup: (root: TgpuRoot, buffer: TgpuBuffer<ColorMaskSchema> & UniformFlag) => import("typegpu").TgpuBindGroup<{
     mask: {
@@ -47,6 +56,15 @@ export declare const createColorMaskBindGroup: (root: TgpuRoot, buffer: TgpuBuff
                 upper: d.Vec3f;
                 lower: d.Vec3f;
             }>;
+            hueToleranceRange: d.WgslStruct<{
+                upper: d.F32;
+                lower: d.F32;
+            }>;
+            useHSV: d.Decorated<d.U32, [d.Align<16>]>;
+            brightnessTolerance: d.F32;
+            saturationTolerance: d.F32;
+            lowSaturationThreshold: d.F32;
+            lowBrightnessThreshold: d.F32;
         }>;
     };
 }>;

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,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"}
+{"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/colorMaskFragment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorMaskFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/colorMaskFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAOlC,QAAA,MAAM,iBAAiB;;WAwBrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"colorMaskFragment.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/fragmentShaders/colorMaskFragment.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAQlC,QAAA,MAAM,iBAAiB;;WAiErB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/shaders/resourceManagement/bitmaps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bitmaps.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/bitmaps.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,gBAAgB,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,WAAW,CAgBhE,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"bitmaps.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/bitmaps.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,WAAW,CAgBhE,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/shaders/resourceManagement/bufferManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bufferManager.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/bufferManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D,KAAK,wBAAwB,CAC3B,MAAM,SAAS;IAAE,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,IAC1E,MAAM,CAAC,OAAO,CAAC,SAAS,SAAS,GACjC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GACxD,MAAM,CAAC,OAAO,CAAC,SAAS,SAAS,GAC/B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GACxD,MAAM,CAAC,OAAO,CAAC,SAAS,QAAQ,GAC9B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,cAAc,EAAE,IAAI,CAAA;CAAE,GACvD,KAAK,CAAC;AAEd,qBAAa,cAAc,CACzB,QAAQ,SAAS,MAAM,CACrB,MAAM,EACN;IAAE,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,CAC9D;IAMW,OAAO,CAAC,OAAO;IAJ3B,OAAO,CAAC,OAAO,CAER;gBAEa,OAAO,EAAE,QAAQ;IAErC,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAC1B,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAC5C,IAAI;IAIP,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAC1B,GAAG,EAAE,CAAC,GACL,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;IAIpD,SAAS,CAAC,CAAC,SAAS,MAAM,QAAQ,EAChC,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,CAAC,EACN,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAC5C,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAuBxC,IAAI,IAAI,CAAC,MAAM,QAAQ,CAAC,EAAE;IAI1B,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO;IAI9C,MAAM,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI;CAO/C"}
+{"version":3,"file":"bufferManager.d.ts","sourceRoot":"","sources":["../../../../../src/shaders/resourceManagement/bufferManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG1E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D,KAAK,wBAAwB,CAC3B,MAAM,SAAS;IAAE,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,IAC1E,MAAM,CAAC,OAAO,CAAC,SAAS,SAAS,GACjC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GACxD,MAAM,CAAC,OAAO,CAAC,SAAS,SAAS,GAC/B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GACxD,MAAM,CAAC,OAAO,CAAC,SAAS,QAAQ,GAC9B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG;IAAE,cAAc,EAAE,IAAI,CAAA;CAAE,GACvD,KAAK,CAAC;AAEd,qBAAa,cAAc,CACzB,QAAQ,SAAS,MAAM,CACrB,MAAM,EACN;IAAE,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,CAC9D;IAMW,OAAO,CAAC,OAAO;IAJ3B,OAAO,CAAC,OAAO,CAER;gBAEa,OAAO,EAAE,QAAQ;IAErC,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAC1B,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAC5C,IAAI;IAIP,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAC1B,GAAG,EAAE,CAAC,GACL,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;IAIpD,SAAS,CAAC,CAAC,SAAS,MAAM,QAAQ,EAChC,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,CAAC,EACN,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAC5C,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IA+BxC,IAAI,IAAI,CAAC,MAAM,QAAQ,CAAC,EAAE;IAI1B,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO;IAI9C,MAAM,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI;CAO/C"}

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

@@ -1,6 +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 hsvToRGB: import("typegpu").TgpuFn<(hsv: 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>;

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,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"}
+{"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,qDA6BnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qDAanB,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

@@ -9,6 +9,15 @@ export declare const colorMaskToTyped: (colorMask: ColorMask) => {
         upper: any;
         lower: any;
     };
+    useHSV: number;
+    hueToleranceRange: {
+        lower: number;
+        upper: number;
+    };
+    brightnessTolerance: number;
+    saturationTolerance: number;
+    lowSaturationThreshold: number;
+    lowBrightnessThreshold: number;
 };
 export declare const createHoloOptions: (options: Partial<HoloOptions>) => HoloOptions;
 export declare const createReverseHoloDetectionChannelFlags: (options?: Partial<ReverseHoloDetectionChannelFlags>) => {

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;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"}
+{"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,SAqCF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAW,SAAS;;;;;;;;;;;;;;;CAkBpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,OAAO,CAAC,WAAW,CAAC,KAC5B,WAQF,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,UAAU,OAAO,CAAC,gCAAgC,CAAC;;;;;;;CA2BpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,EAAE,QAkB7C,CAAC"}

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

@@ -14,6 +14,15 @@ export type GlareOptions = {
 };
 export type ColorMask = {
     baseColor: vec3;
+    useHSV?: boolean;
+    hueToleranceRange: {
+        upper: number;
+        lower: number;
+    };
+    brightnessTolerance?: number;
+    lowBrightnessThreshold?: number;
+    saturationTolerance?: number;
+    lowSaturationThreshold?: number;
     rgbToleranceRange: {
         upper: vec3;
         lower: vec3;

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,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"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"}

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

@@ -25,6 +25,7 @@ export declare function transformV3d(v3d: V3d, transformer: Transformer): V3d;
 export declare function clamp(v: number, min?: number, max?: number): number;
 export declare function clampV3d(v3d: V3d, min: number, max: number): V3d;
 export declare function degToRad(deg: number): number;
+export declare function createV3d(x: number, y: number, z: number): V3d;
 export declare const zeroV3d: {
     x: number;
     y: number;

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

@@ -1 +1 @@
-{"version":3,"file":"vector.d.ts","sourceRoot":"","sources":["../../../../src/utils/vector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAG7D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAG7C;AAED,wBAAgB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAKzD;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMzE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,OAAO,CAEnD;AAED,eAAO,MAAM,OAAO;;;CAAiB,CAAC;AAGtC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAGjD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAG/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAG5E;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMpE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,SAAK,EAAE,GAAG,SAAI,GAAG,MAAM,CAG1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAID,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG5C;AAED,eAAO,MAAM,OAAO;;;;CAAuB,CAAC"}
+{"version":3,"file":"vector.d.ts","sourceRoot":"","sources":["../../../../src/utils/vector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAG7D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAG7C;AAED,wBAAgB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAKzD;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMzE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,OAAO,CAEnD;AAED,eAAO,MAAM,OAAO;;;CAAiB,CAAC;AAGtC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAGjD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAG/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAG5E;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMpE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,SAAK,EAAE,GAAG,SAAI,GAAG,MAAM,CAG1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAID,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG5C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAE9D;AAED,eAAO,MAAM,OAAO;;;;CAAuB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-shine",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "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, View } from 'react-native';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { PixelRatio, View, type ViewStyle } 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,
@@ -76,12 +80,13 @@ export interface SharedProps {
   height: number;
   glareOptions?: Partial<GlareOptions>;
   colorMaskOptions?: DeepPartiallyOptional<ColorMask, 'baseColor'>;
-  useTouchControl?: boolean;
   touchPosition?: SharedValue<V2d>;
   addReverseHolo?: boolean;
   reverseHoloDetectionChannelOptions?: Partial<ReverseHoloDetectionChannelFlags>;
   addHolo?: boolean;
   translateViewIn3d?: boolean;
+  style?: ViewStyle;
+  containerStyle?: ViewStyle;
 }
 
 interface ContentProps extends SharedProps {
@@ -109,12 +114,21 @@ export default function Content({
   maskTexture,
   root,
   touchPosition,
-  useTouchControl,
   width,
   translateViewIn3d = false,
+  style,
+  containerStyle,
 }: 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);
 
@@ -140,8 +154,6 @@ export default function Content({
     []
   );
 
-  //TODO: add once again, when the wgpu issues are fixed :3
-
   const animatedStyle = useAnimatedStyle(() => {
     const rotX = rotation.value.x * 10;
     const rotY = rotation.value.y * 10;
@@ -154,6 +166,7 @@ export default function Content({
       ],
     };
   });
+
   // Subscribe to orientation changes and reset calibration on change
   useEffect(
     () =>
@@ -167,7 +180,7 @@ export default function Content({
   useDerivedValue(() => {
     'worklet';
 
-    if (useTouchControl) {
+    if (touchPosition) {
       rotation.value = touchPosition
         ? { x: touchPosition.value.x, y: touchPosition.value.y, z: 0 }
         : zeroV3d;
@@ -217,6 +230,7 @@ export default function Content({
       1
     );
   });
+
   // Render loop
   useEffect(() => {
     if (!context) return;
@@ -274,7 +288,9 @@ export default function Content({
       root,
       'colorMask',
       colorMaskToTyped(
-        createColorMask(colorMaskOptions ?? { baseColor: [-20, -20, -20] })
+        createColorMask(
+          colorMaskOptions ?? { baseColor: [-20, -20, -20], useHSV: false }
+        )
       )
     );
     const colorMaskBindGroup = createColorMaskBindGroup(root, colorMaskBuffer);
@@ -412,11 +428,16 @@ export default function Content({
             matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1],
           },
         ],
+        ...containerStyle,
       }}
     >
       <Animated.View style={[translateViewIn3d && animatedStyle]}>
         <View>
-          <Canvas ref={ref} style={[{ width, height }]} transparent={true} />
+          <Canvas
+            ref={ref}
+            style={[{ width, height }, style]}
+            transparent={true}
+          />
         </View>
       </Animated.View>
     </View>

package/src/components/ShineGroup.tsx

@@ -19,7 +19,6 @@ export function ShineGroup({
   colorMaskOptions,
   maskURI,
   touchPosition,
-  useTouchControl = false,
   addHolo = false,
   addReverseHolo = false,
 }: ShineGroupProps) {
@@ -80,7 +79,6 @@ export function ShineGroup({
           colorMaskOptions={colorMaskOptions}
           maskURI={maskURI}
           touchPosition={touchPosition}
-          useTouchControl={useTouchControl}
           addReverseHolo={addReverseHolo}
           addHolo={addHolo}
         />

package/src/config/debugMode.ts

@@ -0,0 +1 @@
+export const debug = false;

package/src/enums/colorPresets.ts

@@ -0,0 +1,41 @@
+import type { vec3 } from '../types/types';
+
+export const ColorPresets = {
+  // --- Primary & Secondary ---
+  RED: [255, 0, 0], // #FF0000
+  GREEN: [0, 255, 0], // #00FF00
+  BLUE: [0, 0, 255], // #0000FF
+  YELLOW: [255, 255, 0], // #FFFF00
+  CYAN: [0, 255, 255], // #00FFFF
+  MAGENTA: [255, 0, 255], // #FF00FF
+
+  // --- Grayscale ---
+  WHITE: [255, 255, 255], // #FFFFFF
+  BLACK: [0, 0, 0], // #000000
+  GRAY: [128, 128, 128], // #808080
+  LIGHT_GRAY: [211, 211, 211], // #D3D3D3
+  DARK_GRAY: [105, 105, 105], // #696969
+
+  // --- Common Colors ---
+  ORANGE: [255, 165, 0], // #FFA500
+  PURPLE: [128, 0, 128], // #800080
+  BROWN: [165, 42, 42], // #A52A2A
+  PINK: [255, 192, 203], // #FFC0CB
+  LIME_GREEN: [50, 205, 50], // #32CD32
+  FOREST_GREEN: [34, 139, 34], // #228B22
+  OLIVE: [128, 128, 0], // #808000
+  TEAL: [0, 128, 128], // #008080
+  NAVY: [0, 0, 128], // #000080
+  ROYAL_BLUE: [65, 105, 225], // #4169E1
+  SKY_BLUE: [135, 206, 235], // #87CEEB
+  INDIGO: [75, 0, 130], // #4B0082
+  VIOLET: [238, 130, 238], // #EE82EE
+  MAROON: [128, 0, 0], // #800000
+
+  // --- Hues & Tints ---
+  GOLD: [255, 215, 0], // #FFD700
+  TOMATO: [255, 99, 71], // #FF6347
+  SALMON: [250, 128, 114], // #FA8072
+  BEIGE: [245, 245, 220], // #F5F5DC
+  POTATO: [222, 184, 135], // #DEB887
+} as const satisfies Record<string, vec3>;

package/src/index.tsx

@@ -16,3 +16,4 @@ export { ShineGroup } from './components/ShineGroup';
 export type { ShineProps } from './components/Shine';
 export * from './utils/vector';
 export type { V2d, V3d } from './types/vector';
+export * from './enums/colorPresets';

package/src/shaders/bindGroupLayouts.ts

@@ -39,6 +39,15 @@ export const colorMaskSchema = d.struct({
     upper: d.vec3f,
     lower: d.vec3f,
   }),
+  hueToleranceRange: d.struct({
+    upper: d.f32,
+    lower: d.f32,
+  }),
+  useHSV: d.align(16, d.u32),
+  brightnessTolerance: d.f32,
+  saturationTolerance: d.f32,
+  lowSaturationThreshold: d.f32,
+  lowBrightnessThreshold: d.f32,
 });
 
 export type ColorMaskSchema = typeof colorMaskSchema;

package/src/shaders/fragmentShaders/colorMaskFragment.ts

@@ -5,6 +5,7 @@ import {
   textureBindGroupLayout,
   colorMaskBindGroupLayout,
 } from '../bindGroupLayouts';
+import { rgbToHSV } from '../tgpuUtils';
 
 const colorMaskFragment = tgpu['~unstable'].fragmentFn({
   in: { uv: d.vec2f },
@@ -15,6 +16,16 @@ const colorMaskFragment = tgpu['~unstable'].fragmentFn({
   const mask = colorMaskBindGroupLayout.$.mask;
   const maskedColor = mask.baseColor;
   const rgbToleranceRange = mask.rgbToleranceRange;
+  const useHSV = mask.useHSV;
+
+  const hueToleranceRange = mask.hueToleranceRange;
+  const hueUpper = hueToleranceRange.upper;
+  const hueLower = hueToleranceRange.lower;
+
+  const brightnessTolerance = mask.brightnessTolerance;
+  const saturationTolerance = mask.saturationTolerance;
+  const lowSaturationThreshold = mask.lowSaturationThreshold;
+  const lowBrightnessThreshold = mask.lowBrightnessThreshold;
 
   let color = std.textureSample(
     textureBindGroupLayout.$.texture,
@@ -26,10 +37,41 @@ const colorMaskFragment = tgpu['~unstable'].fragmentFn({
   const maskedColorUpper = std.add(maskedColor, rgbToleranceRange.upper);
   const upperCheck = std.all(std.le(color.xyz, maskedColorUpper));
   const lowerCheck = std.all(std.ge(color.xyz, maskedColorLower));
-  if (upperCheck && lowerCheck) {
-    return d.vec4f(color.xyz, 0.0);
-  }
-  return d.vec4f(color.xyz, color.w);
+  const rgbCheck = upperCheck && lowerCheck;
+
+  const maskedHSV = rgbToHSV(maskedColor);
+  const colorHSV = rgbToHSV(color.xyz);
+
+  let hueDiff = std.sub(colorHSV.x, maskedHSV.x);
+  hueDiff = std.select(hueDiff, std.sub(hueDiff, 1.0), hueDiff > d.f32(0.5));
+  hueDiff = std.select(hueDiff, std.add(hueDiff, 1.0), hueDiff < d.f32(-0.5));
+  const lowerHueCheck = hueDiff >= -hueLower;
+  const upperHueCheck = hueDiff <= hueUpper;
+  let hueCheck = lowerHueCheck && upperHueCheck;
+
+  const saturationDiff = std.abs(std.sub(colorHSV.y, maskedHSV.y));
+  const saturationCheck = saturationDiff <= saturationTolerance;
+
+  const brightnessDiff = std.abs(std.sub(colorHSV.z, maskedHSV.z));
+  const brightnessCheck = brightnessDiff <= brightnessTolerance;
+
+  const pixelIsGray = colorHSV.y < lowSaturationThreshold;
+  const targetIsGray = maskedHSV.y < lowSaturationThreshold;
+
+  const pixelIsBlack = colorHSV.z < lowBrightnessThreshold;
+  const targetIsBlack = maskedHSV.z < lowBrightnessThreshold;
+
+  //hue is unstable when either color is gray or black (low saturation or low brightness)
+  const hueIsUnstable =
+    pixelIsGray || targetIsGray || pixelIsBlack || targetIsBlack;
+
+  hueCheck = std.select(hueCheck, d.bool(true), hueIsUnstable);
+
+  const hsvCheck = hueCheck && saturationCheck && brightnessCheck;
+  const maskCheck = std.select(rgbCheck, hsvCheck, useHSV === d.u32(1));
+
+  color = std.select(color, d.vec4f(color.xyz, 0.0), maskCheck);
+  return color;
 });
 
 export default colorMaskFragment;