📼 Rive animation demo working

2024-03-18 16:21:36 +00:00
6 changed files with 87 additions and 4 deletions
@@ -5,7 +5,7 @@ require Pod::Executable.execute_command('node', ['-p',
    {paths: [process.argv[1]]},
  )', __dir__]).strip

-platform :ios, min_ios_version_supported
+platform :ios, '15.0'
 prepare_react_native_project!

 linkage = ENV['USE_FRAMEWORKS']
@@ -466,6 +466,10 @@ PODS:
    - React-CoreModules
    - React-RCTImage
    - React-RCTText
+  - rive-react-native (6.2.0):
+    - React-Core
+    - RiveRuntime (= 5.5.1)
+  - RiveRuntime (5.5.1)
  - RNCAsyncStorage (1.19.3):
    - React-Core
  - RNCClipboard (1.2.2):
@@ -586,6 +590,7 @@ DEPENDENCIES:
  - "ReactNativeAudioToolkit (from `../node_modules/@react-native-community/audio-toolkit`)"
  - ReactNativeCameraKit (from `../node_modules/react-native-camera-kit`)
  - ReactNativeNavigation (from `../node_modules/react-native-navigation`)
+  - rive-react-native (from `../node_modules/rive-react-native`)
  - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
  - "RNCClipboard (from `../node_modules/@react-native-community/clipboard`)"
  - "RNCMaskedView (from `../node_modules/@react-native-community/masked-view`)"
@@ -612,6 +617,7 @@ SPEC REPOS:
    - fmt
    - HMSegmentedControl
    - libwebp
+    - RiveRuntime
    - SDWebImage
    - SDWebImageWebPCoder
    - SocketRocket
@@ -745,6 +751,8 @@ EXTERNAL SOURCES:
    :path: "../node_modules/react-native-camera-kit"
  ReactNativeNavigation:
    :path: "../node_modules/react-native-navigation"
+  rive-react-native:
+    :path: "../node_modules/rive-react-native"
  RNCAsyncStorage:
    :path: "../node_modules/@react-native-async-storage/async-storage"
  RNCClipboard:
@@ -800,7 +808,7 @@ SPEC CHECKSUMS:
  FBLazyVector: 71803c074f6325f10b5ec891c443b6bbabef0ca7
  FBReactNativeSpec: 448e08a759d29a96e15725ae532445bf4343567c
  fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9
-  glog: cf171f517b828fdde711287b723e348da1ea0fc3
+  glog: 553c84c5d721b0d5eee45abc0e1045eff08d0363
  HMSegmentedControl: 34c1f54d822d8308e7b24f5d901ec674dfa31352
  Keycard: ac6df4d91525c3c82635ac24d4ddd9a80aca5fc8
  libwebp: f62cb61d0a484ba548448a4bd52aabf150ff6eef
@@ -860,6 +868,8 @@ SPEC CHECKSUMS:
  ReactNativeAudioToolkit: de9610f323e855ac6574be8c99621f3d57c5df06
  ReactNativeCameraKit: d95d3e19c514526a234d9f93c6db7e7f10eef9ea
  ReactNativeNavigation: 2651d0bc1479e9df0789b077ae93320dc2c9b73b
+  rive-react-native: 82eb809ebec7ab5059982dc1a2b6097c74d722ea
+  RiveRuntime: b57830ff73f406f3b4022f457b16690535ca4d05
  RNCAsyncStorage: c913ede1fa163a71cea118ed4670bbaaa4b511bb
  RNCClipboard: 8148e21ac347c51fd6cd4b683389094c216bb543
  RNCMaskedView: 71fc32d971f03b7f03d6ab6b86b730c4ee64f5b6
@@ -884,6 +894,6 @@ SPEC CHECKSUMS:
  TOCropViewController: edfd4f25713d56905ad1e0b9f5be3fbe0f59c863
  Yoga: 86fed2e4d425ee4c6eab3813ba1791101ee153c6

-PODFILE CHECKSUM: 3f98ce893757dfa17e609ef7cd24fa41635b73a6
+PODFILE CHECKSUM: 5fb780ad69423bc07ecf2830edc197c35b030433

 COCOAPODS: 1.12.0
@@ -346,6 +346,7 @@
 				00E356EB1AD99517003FC87E /* Frameworks */,
 				00E356EC1AD99517003FC87E /* Resources */,
 				D737FA0B0E9D346092C626FB /* [CP] Copy Pods Resources */,
+				E12C2C68160526186D75A66F /* [CP] Embed Pods Frameworks */,
 			);
 			buildRules = (
 			);
@@ -369,6 +370,7 @@
 				20B6B6891D92C42700CC5C6A /* Embed Frameworks */,
 				E3914A731DF919ED00EBB515 /* Run Script */,
 				28606042DA81A750949525E4 /* [CP] Copy Pods Resources */,
+				39DDA8A9A8650A8882274315 /* [CP] Embed Pods Frameworks */,
 			);
 			buildRules = (
 			);
@@ -391,6 +393,7 @@
 				3AAD2AD624A3A60E0075D594 /* Embed Frameworks */,
 				3AAD2AD724A3A60E0075D594 /* Run Script */,
 				BB1D92AA7446228787D6925C /* [CP] Copy Pods Resources */,
+				BC3725905F2B61D1D2349AC3 /* [CP] Embed Pods Frameworks */,
 			);
 			buildRules = (
 			);
@@ -566,6 +569,24 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusIm/Pods-Status-StatusIm-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
+		39DDA8A9A8650A8882274315 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Status-StatusIm/Pods-Status-StatusIm-frameworks.sh",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/RiveRuntime/RiveRuntime.framework/RiveRuntime",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputPaths = (
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RiveRuntime.framework",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusIm/Pods-Status-StatusIm-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		3AAD2AD524A3A60E0075D594 /* Bundle React Native code and images */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -638,6 +659,24 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusImPR/Pods-Status-StatusImPR-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
+		BC3725905F2B61D1D2349AC3 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Status-StatusImPR/Pods-Status-StatusImPR-frameworks.sh",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/RiveRuntime/RiveRuntime.framework/RiveRuntime",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputPaths = (
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RiveRuntime.framework",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusImPR/Pods-Status-StatusImPR-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		BDAFF7E8D7D1C97E92C1F9B0 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -704,6 +743,24 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusIm-StatusImTests/Pods-Status-StatusIm-StatusImTests-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
+		E12C2C68160526186D75A66F /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Status-StatusIm-StatusImTests/Pods-Status-StatusIm-StatusImTests-frameworks.sh",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/RiveRuntime/RiveRuntime.framework/RiveRuntime",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputPaths = (
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RiveRuntime.framework",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusIm-StatusImTests/Pods-Status-StatusIm-StatusImTests-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		E3914A731DF919ED00EBB515 /* Run Script */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 8;
@@ -69,6 +69,7 @@
    "react-native-transparent-video": "git+https://github.com/status-im/react-native-transparent-video.git#refs/tags/0.1.1",
    "react-native-webview": "13.6.3",
    "react-syntax-highlighter": "^15.5.0",
+    "rive-react-native": "^6.2.0",
    "rn-emoji-keyboard": "0.7.0",
    "tdigest": "^0.1.1"
  },
@@ -553,10 +553,20 @@
  []
  [:<>
   [common/navigation-bar {:title "Quo components preview"}]
+   [:> Rive
+    { ;; :url "https://public.rive.app/community/runtime-files/2195-4346-avatar-pack-use-case.riv"
+     ;; :stateMachineName "avatar"
+     ;; :artboardName "Avatar 1"
+     :url "https://public.rive.app/community/runtime-files/5965-11570-viking-strike.riv"
+     :stateMachineName "State Machine 1"
+     :artboardName "Sword Swing"
+     :style {:width 400 :height 400}}
+    ]
   [rn/scroll-view {:style (style/main)}
    (for [category (sort screens-categories)]
      ^{:key (first category)}
-      [category-view category])]])
+      [category-view category])]
+   ])

 (def screens
  (->> screens-categories
@@ -8793,6 +8793,11 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
    hash-base "^3.0.0"
    inherits "^2.0.1"

+rive-react-native@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/rive-react-native/-/rive-react-native-6.2.0.tgz#becd0620740eb49e695d7f6a070f664ce6ca693c"
+  integrity sha512-1ojHCMJokN56k5v7y4LxoUx3iKlcXzKCh8An9CL9fcDZF8jdazMgIy04JHxftBQocF+a8rt97yauSHNIp65bwg==
+
 rn-emoji-keyboard@0.7.0:
  version "0.7.0"
  resolved "https://registry.yarnpkg.com/rn-emoji-keyboard/-/rn-emoji-keyboard-0.7.0.tgz#e2f23e846427d1f5e6413fab7beaf412c24f8c33"