@shopify/react-native-skia 2.0.5 → 2.0.7

package/libs/apple/libsvg.xcframework/Info.plist

@@ -8,7 +8,7 @@
 			<key>BinaryPath</key>
 			<string>libsvg.a</string>
 			<key>LibraryIdentifier</key>
-			<string>tvos-arm64_arm64e_x86_64-simulator</string>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>libsvg.a</string>
 			<key>SupportedArchitectures</key>
@@ -18,7 +18,7 @@
 				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>tvos</string>
+			<string>ios</string>
 			<key>SupportedPlatformVariant</key>
 			<string>simulator</string>
 		</dict>
@@ -26,7 +26,7 @@
 			<key>BinaryPath</key>
 			<string>libsvg.a</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<string>tvos-arm64_arm64e_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>libsvg.a</string>
 			<key>SupportedArchitectures</key>
@@ -36,7 +36,7 @@
 				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>ios</string>
+			<string>tvos</string>
 			<key>SupportedPlatformVariant</key>
 			<string>simulator</string>
 		</dict>
@@ -44,22 +44,22 @@
 			<key>BinaryPath</key>
 			<string>libsvg.a</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e</string>
+			<string>macos-arm64_x86_64</string>
 			<key>LibraryPath</key>
 			<string>libsvg.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
-				<string>arm64e</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>ios</string>
+			<string>macos</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>libsvg.a</string>
 			<key>LibraryIdentifier</key>
-			<string>tvos-arm64_arm64e</string>
+			<string>ios-arm64_arm64e</string>
 			<key>LibraryPath</key>
 			<string>libsvg.a</string>
 			<key>SupportedArchitectures</key>
@@ -68,22 +68,22 @@
 				<string>arm64e</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>tvos</string>
+			<string>ios</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>libsvg.a</string>
 			<key>LibraryIdentifier</key>
-			<string>macos-arm64_x86_64</string>
+			<string>tvos-arm64_arm64e</string>
 			<key>LibraryPath</key>
 			<string>libsvg.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
-				<string>x86_64</string>
+				<string>arm64e</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>macos</string>
+			<string>tvos</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>

package/package.json

@@ -8,7 +8,7 @@
     "setup-skia-web": "scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "react-native": "src/index.ts",

package/react-native-skia.podspec

@@ -58,7 +58,8 @@ base_frameworks = ['libs/apple/libskia.xcframework',
 'libs/apple/libskshaper.xcframework',
 'libs/apple/libskparagraph.xcframework',
 'libs/apple/libskunicode_core.xcframework',
-'libs/apple/libskunicode_libgrapheme.xcframework',]
+'libs/apple/libskunicode_libgrapheme.xcframework',
+'libs/apple/libpathops.xcframework',]
 
 Pod::Spec.new do |s|
   s.name         = "react-native-skia"

package/src/renderer/__tests__/e2e/BackdropFilters.spec.tsx

@@ -138,4 +138,27 @@ describe("Backdrop Filters", () => {
     );
     checkImage(img, docPath("blur-backdrop-aurora.png"));
   });
+  it("Blur backdrop blur on text with white background", async () => {
+    const { width, height } = surface;
+    const { rect } = importSkia();
+    const img = await surface.draw(
+      <>
+        <Circle c={{ x: 0, y: 0 }} r={100} color="black" />
+        <BackdropBlur blur={10 / 3} clip={rect(0, 0, width, height)} />
+      </>
+    );
+    checkImage(img, docPath("backdrop-circle.png"));
+  });
+  it("Blur backdrop blur on text with opaque background", async () => {
+    const { width, height } = surface;
+    const { rect } = importSkia();
+    const img = await surface.draw(
+      <>
+        <Fill color="white" />
+        <Circle c={{ x: 0, y: 0 }} r={100} color="black" />
+        <BackdropBlur blur={10 / 3} clip={rect(0, 0, width, height)} />
+      </>
+    );
+    checkImage(img, docPath("backdrop-circle-opaque.png"));
+  });
 });