feat: introduce latest skia version

Key Highlights:
- Updated skia version to newest release, 1.0.2
- Shifted responsibility of initializing Skia on web to client
- Fixed example application Expo Router implementation to load skia
  before rendering the app

Author: e-younan

example/index.tsx

@@ -0,0 +1,5 @@
+import "@expo/metro-runtime";
+import { App } from "expo-router/build/qualified-entry";
+import { renderRootComponent } from "expo-router/build/renderRootComponent";
+
+renderRootComponent(App);

example/index.web.tsx

@@ -0,0 +1,6 @@
+import "@expo/metro-runtime";
+import { LoadSkiaWeb } from "@shopify/react-native-skia/lib/module/web";
+import { App } from "expo-router/build/qualified-entry";
+import { renderRootComponent } from "expo-router/build/renderRootComponent";
+
+LoadSkiaWeb().then(() => renderRootComponent(App));

example/ios/Podfile.lock

@@ -1014,7 +1014,7 @@ PODS:
     - React-debug
   - react-native-safe-area-context (4.8.2):
     - React-Core
-  - react-native-skia (0.1.241):
+  - react-native-skia (1.0.2):
     - glog
     - RCT-Folly (= 2022.05.16.00)
     - React
@@ -1502,7 +1502,7 @@ SPEC CHECKSUMS:
   React-logger: 0a57b68dd2aec7ff738195f081f0520724b35dab
   React-Mapbuffer: 63913773ed7f96b814a2521e13e6d010282096ad
   react-native-safe-area-context: 0ee144a6170530ccc37a0fd9388e28d06f516a89
-  react-native-skia: 8fa65cf8828f6f8f9629e1577c0b079b7160d422
+  react-native-skia: 0c09a4baff5db09a88dc6c9bfba25bcf4f5bbe8a
   React-nativeconfig: d7af5bae6da70fa15ce44f045621cf99ed24087c
   React-NativeModulesApple: 0123905d5699853ac68519607555a9a4f5c7b3ac
   React-perflogger: 8a1e1af5733004bdd91258dcefbde21e0d1faccd

example/package.json

@@ -1,7 +1,7 @@
 {
   "name": "example",
   "version": "1.0.0",
-  "main": "expo-router/entry",
+  "main": "index",
   "scripts": {
     "start": "expo start --dev-client",
     "android": "expo run:android",
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@expo/metro-runtime": "~3.1.3",
-    "@shopify/react-native-skia": "^0.1.241",
+    "@shopify/react-native-skia": "1.0.2",
     "expo": "~50.0.8",
     "expo-blur": "~12.9.2",
     "expo-constants": "~15.4.5",

example/yarn.lock

@@ -2305,10 +2305,10 @@
     component-type "^1.2.1"
     join-component "^1.1.0"
 
-"@shopify/react-native-skia@^0.1.241":
-  version "0.1.241"
-  resolved "https://registry.yarnpkg.com/@shopify/react-native-skia/-/react-native-skia-0.1.241.tgz#592471a565f3a7792e03a453eaf922518dd994e5"
-  integrity sha512-jQFJHiNUVONTGPPnL7LIJc3kg6x4PBPh3m7NAJuTxuhB8VOSVlQR3UWd4tDHHJgj7otG3S2dbHD7+bftxM5cFA==
+"@shopify/react-native-skia@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@shopify/react-native-skia/-/react-native-skia-1.0.2.tgz#3ffa54f5df524ebae0ce55bee1e9efbe3e7cf959"
+  integrity sha512-w6qS+jCeUGKDJAOok5QJV6flWlvFt0Vmc9mNXi2n4jfHkQ+uccYVHFCXazhCAc5b8mFjcfMNygy12SVgP4d46g==
   dependencies:
     canvaskit-wasm "0.39.1"
     react-reconciler "0.27.0"

package.json

@@ -85,7 +85,7 @@
     "@types/react": "17.0.21"
   },
   "peerDependencies": {
-    "@shopify/react-native-skia": "0.1.241",
+    "@shopify/react-native-skia": "1.0.2",
     "react": ">=18.0.0",
     "react-native": ">=0.71.0",
     "react-native-gesture-handler": ">=2.0.0",

src/components/SkiaComponents.tsx

@@ -0,0 +1,3 @@
+export { LineChart } from "./LineChart";
+export type { LineChartProps } from "./LineChart";
+export { AxisLabelComponentProps } from "./LineChart/AxisLabel";

src/components/SkiaComponents.web.tsx

@@ -1,2 +1 @@
-export { LineChart, type LineChartProps } from "./components/SkiaComponents";
-export { type AxisLabelComponentProps } from "./components/LineChart/AxisLabel";
+export { LineChart, type LineChartProps, type AxisLabelComponentProps } from "./components";