Update the usage sampling in demo (#206)

wcandillon · Feb 9, 2025 · a8c943e · a8c943e
1 parent bfe85d1
commit a8c943e
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/apps/example/ios/Podfile.lock b/apps/example/ios/Podfile.lock
@@ -937,7 +937,7 @@ PODS:
     - React-debug
   - react-native-safe-area-context (4.14.1):
     - React-Core
-  - react-native-skia (1.7.3):
+  - react-native-skia (1.11.6):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1210,7 +1210,7 @@ PODS:
     - React-logger (= 0.74.2)
     - React-perflogger (= 0.74.2)
     - React-utils (= 0.74.2)
-  - ReactNativeHost (0.5.2):
+  - ReactNativeHost (0.5.3):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1232,7 +1232,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - ReactTestApp-DevSupport (3.10.22):
+  - ReactTestApp-DevSupport (4.1.0):
     - React-Core
     - React-jsi
   - ReactTestApp-Resources (1.0.0-dev)
@@ -1576,7 +1576,7 @@ SPEC CHECKSUMS:
   React-logger: 29fa3e048f5f67fe396bc08af7606426d9bd7b5d
   React-Mapbuffer: bf56147c9775491e53122a94c423ac201417e326
   react-native-safe-area-context: 141eca0fd4e4191288dfc8b96a7c7e1c2983447a
-  react-native-skia: bf5a11f85bc11d3aefa73f8ed83dae7f13927700
+  react-native-skia: 0f2f56df9f96c83ea4dccacbae15c55dbdf4cb50
   react-native-wgpu: fc73fc100b757c6c89e489ffbcc927214bd270f8
   React-nativeconfig: 9f223cd321823afdecf59ed00861ab2d69ee0fc1
   React-NativeModulesApple: ff7efaff7098639db5631236cfd91d60abff04c0
@@ -1601,9 +1601,9 @@ SPEC CHECKSUMS:
   React-runtimescheduler: 56b642bf605ba5afa500d35790928fc1d51565ad
   React-utils: 4476b7fcbbd95cfd002f3e778616155241d86e31
   ReactCommon: ecad995f26e0d1e24061f60f4e5d74782f003f12
-  ReactNativeHost: 619621c39cdb4339c1336cea844b66cdf43c4d84
-  ReactTestApp-DevSupport: 42abce6b0c88dfb47c86e80aa22831b2abcc3144
-  ReactTestApp-Resources: 857244f3a23f2b3157b364fa06cf3e8866deff9c
+  ReactNativeHost: 0e7c750a6101db3fb4d15d135b82790ae4b574a0
+  ReactTestApp-DevSupport: c56d7bb32f233e12be407697c4aad55892f2565c
+  ReactTestApp-Resources: 1bd9ff10e4c24f2ad87101a32023721ae923bccf
   RNGestureHandler: 6fee3422fd8c81c5ee756fa72e3d1780e9943d9d
   RNReanimated: 77bde2fb01415b61799ed173f9420010632b76e1
   SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d

diff --git a/apps/example/package.json b/apps/example/package.json
@@ -20,7 +20,7 @@
     "@react-navigation/native": "^6.1.17",
     "@react-navigation/stack": "^6.4.0",
     "@react-three/fiber": "^8.17.6",
-    "@shopify/react-native-skia": "^1.7.3",
+    "@shopify/react-native-skia": "1.11.6",
     "@tensorflow/tfjs": "^4.22.0",
     "@tensorflow/tfjs-backend-webgpu": "^4.22.0",
     "@tensorflow/tfjs-vis": "^1.5.1",

diff --git a/apps/example/src/MNISTInference/MNISTInference.tsx b/apps/example/src/MNISTInference/MNISTInference.tsx
@@ -12,6 +12,7 @@ import {
   matchFont,
   Text,
   Image,
+  FilterMode,
 } from "@shopify/react-native-skia";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
 import { runOnJS, runOnUI, useSharedValue } from "react-native-reanimated";
@@ -137,6 +138,7 @@ export function MNISTInference() {
             width={width}
             height={width}
             fit="cover"
+            sampling={{ filter: FilterMode.Nearest }}
           />
           <Text text={text} x={(width - 100) / 2} y={1.5 * width} font={font} />
         </Canvas>

diff --git a/yarn.lock b/yarn.lock
@@ -3289,9 +3289,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@shopify/react-native-skia@npm:^1.7.3":
-  version: 1.7.3
-  resolution: "@shopify/react-native-skia@npm:1.7.3"
+"@shopify/react-native-skia@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@shopify/react-native-skia@npm:1.11.6"
   dependencies:
     canvaskit-wasm: 0.39.1
     react-reconciler: 0.27.0
@@ -3306,7 +3306,7 @@ __metadata:
       optional: true
   bin:
     setup-skia-web: ./scripts/setup-canvaskit.js
-  checksum: 595fc0cc5fc5bf828261fdd6625d65b72e9a172338a6168ca5c892d54b5c1fd09014e62819e446750a8c6239d667e14db5e22fc6c89c022dd80b135b628b3267
+  checksum: 4c382c21d72d0ef1492abc28664261dbfbc78c974b7846d52af7ad5d0f93c50a5f21c6750509bd860d607808ea223efdfc74f7d3c08309b1fa0979ab486cae27
   languageName: node
   linkType: hard
 
@@ -4427,7 +4427,7 @@ __metadata:
     "@react-navigation/stack": ^6.4.0
     "@react-three/fiber": ^8.17.6
     "@rnx-kit/metro-config": ^1.3.17
-    "@shopify/react-native-skia": ^1.7.3
+    "@shopify/react-native-skia": 1.11.6
     "@tensorflow/tfjs": ^4.22.0
     "@tensorflow/tfjs-backend-webgpu": ^4.22.0
     "@tensorflow/tfjs-vis": ^1.5.1