fix(💄): new utility functions

wcandillon · Aug 30, 2021 · 0f595a1 · 0f595a1
1 parent f7e2c8b
commit 0f595a1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/Matrix3.ts b/src/Matrix3.ts
@@ -209,14 +209,14 @@ export const multiply3 = (m1: Matrix3, m2: Matrix3) => {
   ] as const;
 };
 
-export const serializeToSVGMatrixArray = (m: Matrix3) => {
+const serializeToSVGMatrix = (m: Matrix3) => {
   "worklet";
-  return [m[0][0], m[1][0], m[0][1], m[1][1], m[0][2], m[1][2]];
+  return `matrix(${m[0][0]}, ${m[1][0]}, ${m[0][1]}, ${m[1][1]}, ${m[0][2]}, ${m[1][2]})`;
 };
 
-export const serializeToSVGMatrix = (m: Matrix3) => {
+export const svgMatrix = (transforms: Transforms2d) => {
   "worklet";
-  return `matrix(${m[0][0]}, ${m[1][0]}, ${m[0][1]}, ${m[1][1]}, ${m[0][2]}, ${m[1][2]})`;
+  return serializeToSVGMatrix(processTransform2d(transforms));
 };
 
 export const processTransform2d = (transforms: Transforms2d) => {

diff --git a/src/Transforms.ts b/src/Transforms.ts
@@ -1,4 +1,6 @@
 import type { TransformsStyle } from "react-native";
+import type Animated from "react-native-reanimated";
+import { useAnimatedStyle } from "react-native-reanimated";
 
 import type { Vector } from "./Vectors";
 import type { Transforms2d } from "./Matrix3";
@@ -33,7 +35,10 @@ export const transformOrigin2d = (
   ];
 };
 
-export const useTranslation = ({ x, y }: Vector<Animated.SharedValue<number>>) =>
+export const useTranslation = ({
+  x,
+  y,
+}: Vector<Animated.SharedValue<number>>) =>
   useAnimatedStyle(() => ({
     transform: [{ translateX: x.value }, { translateY: y.value }],
   }));