react-native-shine 0.3.0 → 0.3.2

package/README.md

@@ -1,9 +1,11 @@
-# react-native-shine
+![image](./cover.png)
 
 Fast and efficient way to add interactive GPU-based shader effects to your React Native apps using [TypeGPU](https://github.com/software-mansion/TypeGPU) and [WebGPU](https://github.com/wcandillon/react-native-webgpu).
 
 `react-native-shine` leverages powerful GPU execution via native bindings, delivering lovely, fancy and **shiny** effects—ideal for UIs or creative interactions.
 
+![cardPreview](./cardPreview.gif)
+
 ---
 
 ## ⚙️ Installation
@@ -103,7 +105,7 @@ export default function Index() {
 }
 ```
 
-Coming soon: docs and examples.
+For more thorough usage examples and docs click [here](https://github.com/wojtus7/react-native-shine/blob/main/USAGE.md)
 
 ---
 
@@ -150,10 +152,23 @@ We welcome shaders, GPU visual effects, demos, and bug fixes!
 
 ---
 
-## 📜 License
+## Shine is created by Software Mansion
 
-MIT © [VoidFrog](https://github.com/VoidFrog)
+[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=typegpu-github 'Software Mansion')](https://swmansion.com)
 
----
+Since 2012 [Software Mansion](https://swmansion.com) is a software agency with
+experience in building web and mobile apps. We are Core React Native
+Contributors and experts in dealing with all kinds of React Native issues. We
+can help you build your next dream product –
+[Hire us](https://swmansion.com/contact/projects?utm_source=shine&utm_medium=readme).
+
+<!-- automd:contributors author="software-mansion" -->
+
+Made by [@software-mansion](https://github.com/software-mansion) and
+[community](https://github.com/wojtus7/react-native-shine/graphs/contributors) 💛
+<br><br>
+<a href="https://github.com/wojtus7/react-native-shine/graphs/contributors">
+<img src="https://contrib.rocks/image?repo=wojtus7/react-native-shine" />
+</a>
 
-Made with ❤️ and [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+<!-- /automd -->

package/lib/module/components/Content.js

@@ -0,0 +1,232 @@
+"use strict";
+
+import { useEffect, useMemo, useRef } from 'react';
+import { PixelRatio, Platform, View } from 'react-native';
+import Animated, { SensorType, useAnimatedSensor, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { Canvas, useGPUContext } from 'react-native-wgpu';
+import * as d from 'typegpu/data';
+import { bufferData, textureBindGroupLayout } from "../shaders/bindGroupLayouts.js";
+import useAnimationFrame from "../hooks/useAnimationFrame.js";
+import { TypedBufferMap } from "../shaders/resourceManagement/bufferManager.js";
+import { createColorMaskBindGroup, createGlareBindGroup, createRotationValuesBindGroup } from "../shaders/bindGroupUtils.js";
+import colorMaskFragment from "../shaders/fragmentShaders/colorMaskFragment.js";
+import { newGlareFragment } from "../shaders/fragmentShaders/glareFragment.js";
+import { attachBindGroups, blend, createMaskPipeline, createRainbowHoloPipeline as createHoloPipeline, createReverseHoloPipeline, getDefaultTarget } from "../shaders/pipelineSetups.js";
+import mainVertex from "../shaders/vertexShaders/mainVertex.js";
+import { subscribeToOrientationChange } from "../shaders/utils.js";
+import { colorMaskToTyped, createColorMask, createGlareOptions } from "../types/typeUtils.js";
+import { addV3d, clampV3d, componentsFromV3d, degToRad, divV3d, negateV2dY, rotateV2d, scaleV2d, scaleV3d, subtractV3d, transformV2d, zeroV3d } from "../utils/vector.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Content({
+  addHolo,
+  addReverseHolo,
+  addTextureMask,
+  colorMaskOptions,
+  glareOptions,
+  height,
+  imageTexture,
+  maskTexture,
+  root,
+  touchPosition,
+  useTouchControl,
+  width
+}) {
+  const {
+    device
+  } = root;
+  const {
+    ref,
+    context
+  } = useGPUContext();
+  const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+  const renderRef = useRef(null);
+
+  //changing canvas size to prevent blur
+  const pixelRatio = PixelRatio.get();
+  const size = {
+    x: width,
+    y: height
+  };
+  const pixelSize = transformV2d(scaleV2d(size, pixelRatio), v => Math.max(1, Math.round(v)));
+  const landscape = useSharedValue(false);
+  const rotation = useSharedValue(zeroV3d); // final GPU offsets
+
+  // Calibration shared values (UI thread)
+  const initialGravity = useSharedValue(zeroV3d);
+  const calibSum = useSharedValue(zeroV3d);
+  const calibCount = useSharedValue(0);
+  const calibrated = useSharedValue(false);
+  const gravitySensor = useAnimatedSensor(SensorType.GRAVITY, {
+    interval: 20
+  });
+  const bufferMap = useMemo(() => new TypedBufferMap(bufferData), []);
+
+  //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;
+    return {
+      transform: [{
+        perspective: 300
+      }, {
+        rotateX: `${-rotY}deg`
+      }, {
+        rotateY: `${rotX}deg`
+      }
+      // { rotateZ: `${rotX * 5}deg` },
+      ]
+    };
+  });
+  // Subscribe to orientation changes and reset calibration on change
+  useEffect(() => subscribeToOrientationChange(isLandscape => {
+    landscape.value = isLandscape;
+  }), [landscape]);
+
+  // Calibration & mapping logic
+  useDerivedValue(() => {
+    'worklet';
+
+    if (useTouchControl) {
+      rotation.value = touchPosition ? {
+        x: touchPosition.value.x,
+        y: touchPosition.value.y,
+        z: 0
+      } : zeroV3d;
+      return;
+    }
+    const g = gravitySensor.sensor.value;
+    const CALIBRATION_SAMPLES = 40;
+    const alpha = 0.15; // smoothing
+    const scale = 0.6;
+    if (!calibrated.value) {
+      // accumulate baseline in device coordinates
+      calibSum.value = addV3d(calibSum.value, g);
+      if (++calibCount.value >= CALIBRATION_SAMPLES) {
+        initialGravity.value = divV3d(calibSum.value, calibCount.value);
+        calibrated.value = true;
+      }
+      rotation.value = zeroV3d;
+      return;
+    }
+    const init = initialGravity.value;
+    const dg = subtractV3d(g, init);
+
+    // Rotate into screen coordinates so offsets auto-swap with orientation
+    const m = rotateV2d(dg, degToRad(-90 * Number(landscape.value)));
+    const screen = negateV2dY(m);
+    const smoothOffset = {
+      ...scaleV2d(screen, alpha),
+      z: dg.z * alpha
+    };
+    const smooth = scaleV3d(addV3d(scaleV3d(rotation.value, 1 - alpha), smoothOffset), scale);
+    rotation.value = clampV3d(landscape.value ? {
+      x: smooth.y,
+      y: -smooth.x,
+      z: smooth.z
+    } : smooth, -1, 1);
+  });
+  // Render loop
+  useEffect(() => {
+    if (!context) return;
+
+    //this sets the underlying resolution of the canvas to prevent blurriness
+    const canvasElement = context.canvas;
+    if (canvasElement.width !== pixelSize.x && canvasElement.height !== pixelSize.y) {
+      canvasElement.width = pixelSize.x;
+      canvasElement.height = pixelSize.y;
+    }
+    context.configure({
+      device,
+      format: presentationFormat,
+      alphaMode: 'premultiplied'
+    });
+    const sampler = device.createSampler({
+      magFilter: 'linear',
+      minFilter: 'linear'
+    });
+    const imageTextureBindGroup = root.createBindGroup(textureBindGroupLayout, {
+      texture: root.unwrap(imageTexture).createView(),
+      sampler
+    });
+    const rotationBuffer = bufferMap.addBuffer(root, 'rotation', d.vec3f(0.0));
+    const rotationBindGroup = createRotationValuesBindGroup(root, rotationBuffer);
+    const glareBuffer = bufferMap.addBuffer(root, 'glare', createGlareOptions(glareOptions ?? {}));
+    const glareBindGroup = createGlareBindGroup(root, glareBuffer);
+    const colorMaskBuffer = bufferMap.addBuffer(root, 'colorMask', colorMaskToTyped(createColorMask(colorMaskOptions ?? {
+      baseColor: [-20, -20, -20]
+    })));
+    const colorMaskBindGroup = createColorMaskBindGroup(root, colorMaskBuffer);
+    const pipelineMap = {
+      glare: attachBindGroups(root['~unstable'].withVertex(mainVertex, {}).withFragment(newGlareFragment, getDefaultTarget(presentationFormat)).createPipeline(), [imageTextureBindGroup, rotationBindGroup, glareBindGroup, colorMaskBindGroup]),
+      colorMask: attachBindGroups(root['~unstable'].withVertex(mainVertex, {}).withFragment(colorMaskFragment, getDefaultTarget(presentationFormat, blend)).createPipeline(), [imageTextureBindGroup, colorMaskBindGroup, rotationBindGroup]),
+      mask: createMaskPipeline(root, maskTexture, [imageTextureBindGroup, rotationBindGroup], sampler, presentationFormat),
+      reverseHolo: createReverseHoloPipeline(root, maskTexture, [imageTextureBindGroup, rotationBindGroup, glareBindGroup], sampler, presentationFormat),
+      holo: createHoloPipeline(root, imageTexture, [rotationBindGroup], sampler, presentationFormat)
+    };
+    const modifyBuffers = () => {
+      rotationBuffer.write(d.vec3f(...componentsFromV3d(rotation.value)));
+    };
+    const renderPipelines = () => {
+      const view = context.getCurrentTexture().createView();
+      const initialAttachment = {
+        view,
+        clearValue: [0, 0, 0, 0],
+        loadOp: 'clear',
+        storeOp: 'store'
+      };
+      const loadingAttachment = {
+        view,
+        clearValue: [0, 0, 0, 0],
+        loadOp: 'load',
+        storeOp: 'store'
+      };
+      const {
+        glare,
+        mask,
+        colorMask,
+        holo,
+        reverseHolo
+      } = pipelineMap;
+      const pairs = [[glare, initialAttachment]];
+      if (addTextureMask && mask) pairs.push([mask, loadingAttachment]);
+      if (addReverseHolo && reverseHolo) pairs.push([reverseHolo, loadingAttachment]);
+      if (addHolo && holo) pairs.push([holo, loadingAttachment]);
+      pairs.push([colorMask, loadingAttachment]);
+      pairs.forEach(([pipeline, attachment]) => pipeline.withColorAttachment(attachment).draw(6));
+    };
+    const presentContext = () => context.present();
+    renderRef.current = () => {
+      modifyBuffers();
+      renderPipelines();
+      presentContext();
+    };
+  }, [device, context, root, presentationFormat, imageTexture, maskTexture, rotation, bufferMap, glareOptions, colorMaskOptions, addHolo, addReverseHolo, addTextureMask, pixelSize]);
+  useAnimationFrame(() => renderRef.current?.());
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [animatedStyle],
+    children: /*#__PURE__*/_jsx(View, {
+      style: [
+        // styles.container,
+        // { width, height },
+      ],
+      children: /*#__PURE__*/_jsx(Canvas, {
+        ref: ref,
+        style: [{
+          width,
+          height
+        }
+        // aspectRatio: pixelWidth / pixelHeight,
+        // { transform: [{ scaleX: 1 / dpr }, { scaleY: 1 / dpr }] },
+        ],
+        transparent: Platform.OS === 'ios'
+        // transparent={true}
+      })
+    })
+  });
+}
+
+// const styles = StyleSheet.create({
+//   container: { overflow: 'hidden' },
+// });
+//# sourceMappingURL=Content.js.map

package/lib/module/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","PixelRatio","Platform","View","Animated","SensorType","useAnimatedSensor","useAnimatedStyle","useDerivedValue","useSharedValue","Canvas","useGPUContext","d","bufferData","textureBindGroupLayout","useAnimationFrame","TypedBufferMap","createColorMaskBindGroup","createGlareBindGroup","createRotationValuesBindGroup","colorMaskFragment","newGlareFragment","attachBindGroups","blend","createMaskPipeline","createRainbowHoloPipeline","createHoloPipeline","createReverseHoloPipeline","getDefaultTarget","mainVertex","subscribeToOrientationChange","colorMaskToTyped","createColorMask","createGlareOptions","addV3d","clampV3d","componentsFromV3d","degToRad","divV3d","negateV2dY","rotateV2d","scaleV2d","scaleV3d","subtractV3d","transformV2d","zeroV3d","jsx","_jsx","Content","addHolo","addReverseHolo","addTextureMask","colorMaskOptions","glareOptions","height","imageTexture","maskTexture","root","touchPosition","useTouchControl","width","device","ref","context","presentationFormat","navigator","gpu","getPreferredCanvasFormat","renderRef","pixelRatio","get","size","x","y","pixelSize","v","Math","max","round","landscape","rotation","initialGravity","calibSum","calibCount","calibrated","gravitySensor","GRAVITY","interval","bufferMap","animatedStyle","rotX","value","rotY","transform","perspective","rotateX","rotateY","isLandscape","z","g","sensor","CALIBRATION_SAMPLES","alpha","scale","init","dg","m","Number","screen","smoothOffset","smooth","canvasElement","canvas","configure","format","alphaMode","sampler","createSampler","magFilter","minFilter","imageTextureBindGroup","createBindGroup","texture","unwrap","createView","rotationBuffer","addBuffer","vec3f","rotationBindGroup","glareBuffer","glareBindGroup","colorMaskBuffer","baseColor","colorMaskBindGroup","pipelineMap","glare","withVertex","withFragment","createPipeline","colorMask","mask","reverseHolo","holo","modifyBuffers","write","renderPipelines","view","getCurrentTexture","initialAttachment","clearValue","loadOp","storeOp","loadingAttachment","pairs","push","forEach","pipeline","attachment","withColorAttachment","draw","presentContext","present","current","style","children","transparent","OS"],"sourceRoot":"../../../src","sources":["components/Content.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Shine.js

@@ -1,269 +1,33 @@
 "use strict";
 
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { Canvas, useDevice, useGPUContext } from 'react-native-wgpu';
+import { useEffect, useState } from 'react';
+import { useDevice } from 'react-native-wgpu';
 import { getOrInitRoot } from "../roots.js";
-import mainVertex from "../shaders/vertexShaders/mainVertex.js";
-import getBitmapFromURI from "../shaders/resourceManagement/bitmaps.js";
-import { clamp, rotate2D, subscribeToOrientationChange, getAngleFromDimensions } from "../shaders/utils.js";
-import { glareOptionsBindGroupLayout, colorMaskBindGroupLayout, rotationValuesBindGroupLayout, textureBindGroupLayout, bufferData } from "../shaders/bindGroupLayouts.js";
-import Animated, { SensorType, useAnimatedSensor, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
-import * as d from 'typegpu/data';
-import { PixelRatio, Platform, View } from 'react-native';
-import { createGlareOptionsBindGroup, createColorMaskBindGroup, createRotationValuesBindGroup } from "../shaders/bindGroupUtils.js";
-import { createBindGroupPairs, createGlareOptions, createColorMask, colorMaskToTyped } from "../types/typeUtils.js";
-import { attachBindGroups, blend, createReverseHoloPipeline, createMaskPipeline, getDefaultTarget, pipelineRenderFunction, createRainbowHoloPipeline as createHoloPipeline } from "../shaders/pipelineSetups.js";
-import colorMaskFragment from "../shaders/fragmentShaders/colorMaskFragment.js";
-import { createTexture, loadTexture } from "../shaders/resourceManagement/textures.js";
-import { newGlareFragment } from "../shaders/fragmentShaders/glareFragment.js";
-import { TypedBufferMap } from "../shaders/resourceManagement/bufferManager.js";
+import { loadBitmap } from "../shaders/resourceManagement/textures.js";
+import Content from "./Content.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function Shine({
-  width,
-  height,
   imageURI,
-  glareOptions: glareOptions,
-  colorMaskOptions,
   maskURI,
-  touchPosition,
-  useTouchControl = false,
-  addTextureMask = false,
-  addHolo = false,
-  addReverseHolo = false
+  ...props
 }) {
   const {
-    device = null
+    device
   } = useDevice();
-  const root = device ? getOrInitRoot(device) : null;
-  const {
-    ref,
-    context
-  } = useGPUContext();
-  const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
-  const frameRef = useRef(null);
-
-  //changing canvas size to prevent blur
-  const dpr = PixelRatio.get();
-  const logicalWidth = width;
-  const logicalHeight = height;
-  const pixelWidth = Math.max(1, Math.round(logicalWidth * dpr));
-  const pixelHeight = Math.max(1, Math.round(logicalHeight * dpr));
-  const [imageTexture, setImageTexture] = useState(null);
-  const [maskTexture, setMaskTexture] = useState(null);
-  const orientationAngle = useSharedValue(0); // degrees
-  const rotationShared = useSharedValue([0, 0, 0]); // final GPU offsets
-
-  // Calibration shared values (UI thread)
-  const initialGravity = useSharedValue([0, 0, 0]);
-  const calibSum = useSharedValue([0, 0, 0]);
-  const calibCount = useSharedValue(0);
-  const calibrated = useSharedValue(false);
-  const gravitySensor = useAnimatedSensor(SensorType.GRAVITY, {
-    interval: 20
-  });
-  const bufferManager = useMemo(() => new TypedBufferMap(bufferData), []);
-
-  //TODO: add once again, when the wgpu issues are fixed :3
-
-  const animatedStyle = useAnimatedStyle(() => {
-    // const rotX = rotationShared.value[0] * 10;
-    // const rotY = rotationShared.value[1] * 10;
-
-    return {
-      transform: [{
-        perspective: 300
-      }
-      // { rotateX: `${-rotX}deg` },
-      // { rotateY: `${rotY}deg` },
-      // { rotateZ: `${rotX * 5}deg` },
-      ]
-    };
-  });
-  // Subscribe to orientation changes and reset calibration on change
+  const root = device && getOrInitRoot(device);
+  const [imageTexture, setImageTexture] = useState();
+  const [maskTexture, setMaskTexture] = useState();
   useEffect(() => {
-    orientationAngle.value = getAngleFromDimensions();
-    const unsubscribe = subscribeToOrientationChange(angleDeg => {
-      orientationAngle.value = angleDeg;
-    });
-    return () => unsubscribe();
-  }, [orientationAngle]);
-
-  // Calibration & mapping logic
-  useDerivedValue(() => {
-    'worklet';
-
-    if (useTouchControl) {
-      rotationShared.value = touchPosition ? [...touchPosition.value, 0] : [0, 0, 0];
-      return;
-    }
-
-    // console.log(orientationAngle.value);
-    const v = gravitySensor.sensor?.value ?? gravitySensor.sensor.value ?? {
-      x: 0,
-      y: 0,
-      z: 0
-    };
-    const gx = v.x ?? 0;
-    const gy = v.y ?? 0;
-    const gz = v.z ?? 0;
-    const CALIBRATION_SAMPLES = 40;
-    const alpha = 0.15; // smoothing
-    const scale = 0.6;
-    if (!calibrated.value) {
-      // accumulate baseline in device coordinates
-      const s = calibSum.value;
-      const c = calibCount.value + 1;
-      calibSum.value = [s[0] + gx, s[1] + gy, s[2] + gz];
-      calibCount.value = c;
-      if (c >= CALIBRATION_SAMPLES) {
-        const avg = calibSum.value;
-        initialGravity.value = [avg[0] / c, avg[1] / c, avg[2] / c];
-        calibrated.value = true;
-      }
-      rotationShared.value = [0, 0, 0];
-      return;
-    }
-    const init = initialGravity.value;
-    const dx = gx - init[0];
-    const dy = gy - init[1];
-    const dz = gz - init[2];
-
-    // Rotate into screen coordinates so offsets auto-swap with orientation
-    const [mx, my] = rotate2D([dx, dy], -orientationAngle.value);
-    const screenX = mx;
-    const screenY = -my;
-    const prev = rotationShared.value;
-    const smoothX = prev[0] * (1 - alpha) + screenX * alpha;
-    const smoothY = prev[1] * (1 - alpha) + screenY * alpha;
-    const smoothZ = prev[2] * (1 - alpha) + dz * alpha;
-    if (orientationAngle.value === 90) {
-      rotationShared.value = [clamp(smoothY * scale, -1, 1), clamp(-smoothX * scale, -1, 1), clamp(smoothZ * scale, -1, 1)];
-    } else {
-      rotationShared.value = [clamp(smoothX * scale, -1, 1), clamp(smoothY * scale, -1, 1), clamp(smoothZ * scale, -1, 1)];
-    }
-  });
-
-  // Resource setup
+    if (root) loadBitmap(root, imageURI, setImageTexture);
+  }, [root, imageURI]);
   useEffect(() => {
-    if (!root || !device || !context) return;
-    (async () => {
-      const bitmap = await getBitmapFromURI(imageURI);
-      const texture = await createTexture(root, bitmap);
-      setImageTexture(texture);
-      await loadTexture(root, bitmap, texture);
-      if (!maskURI) return;
-      const maskBitmap = await getBitmapFromURI(maskURI);
-      const maskTex = await createTexture(root, maskBitmap);
-      setMaskTexture(maskTex);
-      await loadTexture(root, maskBitmap, maskTex);
-    })();
-  }, [root, device, context, imageURI, maskURI]);
-
-  // Render loop
-  useEffect(() => {
-    if (!root || !device || !context || !imageTexture) return;
-
-    //this sets the underlying resolution of the canvas to prevent blurriness
-    const canvasElement = context.canvas;
-    if (canvasElement && canvasElement.width !== pixelWidth && canvasElement.height !== pixelHeight) {
-      canvasElement.width = pixelWidth;
-      canvasElement.height = pixelHeight;
-    }
-    context.configure({
-      device,
-      format: presentationFormat,
-      alphaMode: 'premultiplied'
-    });
-    const sampler = device.createSampler({
-      magFilter: 'linear',
-      minFilter: 'linear'
-    });
-    const imageTextureBindGroup = root.createBindGroup(textureBindGroupLayout, {
-      texture: root.unwrap(imageTexture).createView(),
-      sampler: sampler
-    });
-    const rotationBuffer = bufferManager.addBuffer(root, 'rotationBuffer', d.vec3f(0.0));
-    const rotationBindGroup = createRotationValuesBindGroup(root, rotationBuffer);
-    const glareOptionsBuffer = bufferManager.addBuffer(root, 'glareBuffer', createGlareOptions(glareOptions ?? {}));
-    const glareOptionsBindGroup = createGlareOptionsBindGroup(root, glareOptionsBuffer);
-    const colorMaskBuffer = bufferManager.addBuffer(root, 'colorMaskBuffer', colorMaskToTyped(createColorMask(colorMaskOptions ?? {
-      baseColor: [-20, -20, -20]
-    })));
-    const colorMaskBindGroup = createColorMaskBindGroup(root, colorMaskBuffer);
-    const glareBGP = createBindGroupPairs([textureBindGroupLayout, rotationValuesBindGroupLayout, glareOptionsBindGroupLayout, colorMaskBindGroupLayout], [imageTextureBindGroup, rotationBindGroup, glareOptionsBindGroup, colorMaskBindGroup]);
-    const colorMaskBGP = createBindGroupPairs([textureBindGroupLayout, colorMaskBindGroupLayout, rotationValuesBindGroupLayout], [imageTextureBindGroup, colorMaskBindGroup, rotationBindGroup]);
-    let glarePipeline = root['~unstable'].withVertex(mainVertex, {}).withFragment(newGlareFragment, getDefaultTarget(presentationFormat)).createPipeline();
-    glarePipeline = attachBindGroups(glarePipeline, glareBGP);
-    let colorMaskPipeline = root['~unstable'].withVertex(mainVertex, {}).withFragment(colorMaskFragment, getDefaultTarget(presentationFormat, blend)).createPipeline();
-    colorMaskPipeline = attachBindGroups(colorMaskPipeline, colorMaskBGP);
-
-    //optional pipeline - mask
-    const maskPipeline = createMaskPipeline(root, maskTexture, createBindGroupPairs([textureBindGroupLayout, rotationValuesBindGroupLayout], [imageTextureBindGroup, rotationBindGroup]), sampler, presentationFormat);
-    const reverseHoloBGP = createBindGroupPairs([textureBindGroupLayout, rotationValuesBindGroupLayout, glareOptionsBindGroupLayout], [imageTextureBindGroup, rotationBindGroup, glareOptionsBindGroup]);
-    const reverseHoloPipeline = createReverseHoloPipeline(root, maskTexture, reverseHoloBGP, sampler, presentationFormat);
-    const holoBGP = createBindGroupPairs([rotationValuesBindGroupLayout], [rotationBindGroup]);
-    const holoPipeline = createHoloPipeline(root, imageTexture, holoBGP, sampler, presentationFormat);
-    const pipelines = [glarePipeline];
-    if (addTextureMask && maskPipeline) pipelines.push(maskPipeline);
-    if (addReverseHolo && reverseHoloPipeline) pipelines.push(reverseHoloPipeline);
-    if (addHolo && holoPipeline) pipelines.push(holoPipeline);
-    if (colorMaskOptions) pipelines.push(colorMaskPipeline);
-    const rot = d.vec3f(0.0);
-    let view;
-    let initialAttachment;
-    let loadingAttachment;
-    const isInSinglePass = false;
-    const render = () => {
-      rot[0] = rotationShared.value[0];
-      rot[1] = rotationShared.value[1];
-      rot[2] = rotationShared.value[2];
-      rotationBuffer.write(rot);
-      view = context.getCurrentTexture().createView();
-      initialAttachment = {
-        view: view,
-        clearValue: [0, 0, 0, 0],
-        loadOp: 'clear',
-        storeOp: 'store'
-      };
-      loadingAttachment = {
-        view: view,
-        clearValue: [0, 0, 0, 0],
-        loadOp: 'load',
-        storeOp: 'store'
-      };
-      pipelineRenderFunction(root, pipelines, [initialAttachment, loadingAttachment, loadingAttachment, loadingAttachment, loadingAttachment], view, isInSinglePass);
-      context.present();
-      frameRef.current = requestAnimationFrame(render);
-    };
-    frameRef.current = requestAnimationFrame(render);
-    return () => {
-      if (frameRef.current) cancelAnimationFrame(frameRef.current);
-    };
-  }, [device, context, root, presentationFormat, imageTexture, maskTexture, rotationShared, bufferManager, glareOptions, colorMaskOptions, maskURI, addHolo, addReverseHolo, addTextureMask, pixelWidth, pixelHeight]);
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [animatedStyle],
-    children: /*#__PURE__*/_jsx(View, {
-      style: [
-        // styles.container,
-        // { width: logicalWidth, height: logicalHeight },
-      ],
-      children: /*#__PURE__*/_jsx(Canvas, {
-        ref: ref,
-        style: [{
-          width: logicalWidth,
-          height: logicalHeight
-        }
-        // aspectRatio: pixelWidth / pixelHeight,
-        // { transform: [{ scaleX: 1 / dpr }, { scaleY: 1 / dpr }] },
-        ],
-        transparent: Platform.OS === 'ios'
-        // transparent={true}
-      })
-    })
+    if (root && maskURI) loadBitmap(root, maskURI, setMaskTexture);
+  }, [root, imageURI, maskURI]);
+  return root && imageTexture && /*#__PURE__*/_jsx(Content, {
+    ...props,
+    root: root,
+    imageTexture: imageTexture,
+    maskTexture: maskTexture
   });
 }
-
-// const styles = StyleSheet.create({
-//   container: { overflow: 'hidden' },
-// });
 //# sourceMappingURL=Shine.js.map

package/lib/module/components/Shine.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useRef","useState","Canvas","useDevice","useGPUContext","getOrInitRoot","mainVertex","getBitmapFromURI","clamp","rotate2D","subscribeToOrientationChange","getAngleFromDimensions","glareOptionsBindGroupLayout","colorMaskBindGroupLayout","rotationValuesBindGroupLayout","textureBindGroupLayout","bufferData","Animated","SensorType","useAnimatedSensor","useAnimatedStyle","useDerivedValue","useSharedValue","d","PixelRatio","Platform","View","createGlareOptionsBindGroup","createColorMaskBindGroup","createRotationValuesBindGroup","createBindGroupPairs","createGlareOptions","createColorMask","colorMaskToTyped","attachBindGroups","blend","createReverseHoloPipeline","createMaskPipeline","getDefaultTarget","pipelineRenderFunction","createRainbowHoloPipeline","createHoloPipeline","colorMaskFragment","createTexture","loadTexture","newGlareFragment","TypedBufferMap","jsx","_jsx","Shine","width","height","imageURI","glareOptions","colorMaskOptions","maskURI","touchPosition","useTouchControl","addTextureMask","addHolo","addReverseHolo","device","root","ref","context","presentationFormat","navigator","gpu","getPreferredCanvasFormat","frameRef","dpr","get","logicalWidth","logicalHeight","pixelWidth","Math","max","round","pixelHeight","imageTexture","setImageTexture","maskTexture","setMaskTexture","orientationAngle","rotationShared","initialGravity","calibSum","calibCount","calibrated","gravitySensor","GRAVITY","interval","bufferManager","animatedStyle","transform","perspective","value","unsubscribe","angleDeg","v","sensor","x","y","z","gx","gy","gz","CALIBRATION_SAMPLES","alpha","scale","s","c","avg","init","dx","dy","dz","mx","my","screenX","screenY","prev","smoothX","smoothY","smoothZ","bitmap","texture","maskBitmap","maskTex","canvasElement","canvas","configure","format","alphaMode","sampler","createSampler","magFilter","minFilter","imageTextureBindGroup","createBindGroup","unwrap","createView","rotationBuffer","addBuffer","vec3f","rotationBindGroup","glareOptionsBuffer","glareOptionsBindGroup","colorMaskBuffer","baseColor","colorMaskBindGroup","glareBGP","colorMaskBGP","glarePipeline","withVertex","withFragment","createPipeline","colorMaskPipeline","maskPipeline","reverseHoloBGP","reverseHoloPipeline","holoBGP","holoPipeline","pipelines","push","rot","view","initialAttachment","loadingAttachment","isInSinglePass","render","write","getCurrentTexture","clearValue","loadOp","storeOp","present","current","requestAnimationFrame","cancelAnimationFrame","style","children","transparent","OS"],"sourceRoot":"../../../src","sources":["components/Shine.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","useDevice","getOrInitRoot","loadBitmap","Content","jsx","_jsx","Shine","imageURI","maskURI","props","device","root","imageTexture","setImageTexture","maskTexture","setMaskTexture"],"sourceRoot":"../../../src","sources":["components/Shine.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,SAASC,aAAa,QAAQ,aAAU;AACxC,SAASC,UAAU,QAAQ,2CAAwC;AACnE,OAAOC,OAAO,MAA4B,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtD,OAAO,SAASC,KAAKA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAAkB,CAAC,EAAE;EACjE,MAAM;IAAEC;EAAO,CAAC,GAAGV,SAAS,CAAC,CAAC;EAC9B,MAAMW,IAAI,GAAGD,MAAM,IAAIT,aAAa,CAACS,MAAM,CAAC;EAC5C,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAGd,QAAQ,CAAc,CAAC;EAC/D,MAAM,CAACe,WAAW,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAAc,CAAC;EAE7DD,SAAS,CAAC,MAAM;IACd,IAAIa,IAAI,EAAET,UAAU,CAACS,IAAI,EAAEJ,QAAQ,EAAEM,eAAe,CAAC;EACvD,CAAC,EAAE,CAACF,IAAI,EAAEJ,QAAQ,CAAC,CAAC;EAEpBT,SAAS,CAAC,MAAM;IACd,IAAIa,IAAI,IAAIH,OAAO,EAAEN,UAAU,CAACS,IAAI,EAAEH,OAAO,EAAEO,cAAc,CAAC;EAChE,CAAC,EAAE,CAACJ,IAAI,EAAEJ,QAAQ,EAAEC,OAAO,CAAC,CAAC;EAE7B,OACEG,IAAI,IACJC,YAAY,iBACVP,IAAA,CAACF,OAAO;IAAA,GACFM,KAAK;IACTE,IAAI,EAAEA,IAAK;IACXC,YAAY,EAAEA,YAAa;IAC3BE,WAAW,EAAEA;EAAY,CAC1B,CACF;AAEL","ignoreList":[]}