chore: add optional dependency support for expo CLI and improved docs (#2027)

* chore: add optional dependency suppport for expo CLI and improved docs

* fix: vale linting errors

* fix: vale linting errors

* chore: update yarn.lock file

* fix: update yarn.lock file

* refactor: remove redundant sampleapp change

* docs: fix native_handlers.mdx version info in link

* docs: fix getting_started.mdx version info in link

* refactor: setClipboardString usage

Author: khushal87

.styles/Vocab/Base/accept.txt

@@ -35,4 +35,6 @@ npm
 Notifee
 colorScheme
 performant
-virtualized
+virtualized
+rncli
+RNCLI

docusaurus/docs/reactnative/basics/getting_started.mdx

@@ -41,6 +41,14 @@ An `async` function that compresses an image and returns the local `uri` of the
 
 **Expo:** [`expo-image-manipulator`](https://docs.expo.io/versions/latest/sdk/imagemanipulator/)
 
+### `setClipboardString`
+
+An function to copy strings or text in the message.
+
+**React Native:** [`react-native-clipboard`](https://github.com/react-native-clipboard/clipboard)
+
+**Expo:** [`expo-clipboard`](https://docs.expo.dev/versions/latest/sdk/clipboard/)
+
 ### `deleteFile`
 
 A function that deletes a file at a given local `uri`.

docusaurus/docs/reactnative/customization/native_handlers.mdx

@@ -15,14 +15,10 @@
     "expo": "~47.0.9",
     "expo-av": "~13.0.2",
     "expo-blur": "~12.0.1",
-    "expo-clipboard": "~4.0.1",
-    "expo-document-picker": "~11.0.1",
     "expo-file-system": "~15.1.1",
-    "expo-haptics": "~12.0.1",
     "expo-image-manipulator": "~11.0.0",
     "expo-image-picker": "~14.0.2",
     "expo-media-library": "~15.0.0",
-    "expo-sharing": "~11.0.1",
     "expo-splash-screen": "~0.17.5",
     "expo-status-bar": "~1.4.2",
     "react": "18.1.0",

examples/ExpoMessaging/package.json

@@ -838,7 +838,7 @@ EXTERNAL SOURCES:
 SPEC CHECKSUMS:
   boost: a7c83b31436843459a1961bfd74b96033dc77234
   CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
-  DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662
+  DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54
   FBLazyVector: a6454570f573a0f6f1d397e5a95c13e8e45d1700
   FBReactNativeSpec: 09e8dfba44487e5dc4882a9f5318cde67549549c
   Firebase: 5f8193dff4b5b7c5d5ef72ae54bb76c08e2b841d
@@ -859,7 +859,7 @@ SPEC CHECKSUMS:
   Flipper-RSocket: d9d9ade67cbecf6ac10730304bf5607266dd2541
   FlipperKit: cbdee19bdd4e7f05472a66ce290f1b729ba3cb86
   fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9
-  glog: 85ecdd10ee8d8ec362ef519a6a45ff9aa27b2e85
+  glog: 04b94705f318337d7ead9e6d17c019bd9b1f6b1b
   GoogleAds-IMA-iOS-SDK: b01284e3bf3d64ba948de6692ffda531452c3713
   GoogleAppMeasurement: 4c19f031220c72464d460c9daa1fb5d1acce958e
   GoogleDataTransport: 1c8145da7117bd68bbbed00cf304edb6a24de00f

examples/ExpoMessaging/yarn.lock

@@ -21,20 +21,33 @@
     "expo-image-manipulator": "*",
     "expo-image-picker": ">=14.1.0",
     "expo-media-library": "*",
-    "expo-sharing": "*"
+    "expo-sharing": "*",
+    "expo-av": "*"
+  },
+  "peerDependenciesMeta": {
+    "expo-av": {
+      "optional": true
+    },
+    "expo-clipboard": {
+      "optional": true
+    },
+    "expo-document-picker": {
+      "optional": true
+    },
+    "expo-sharing": {
+      "optional": true
+    },
+    "expo-haptics": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@react-native-community/netinfo": "^6.0.0",
     "expo": "^44.0.0",
-    "expo-av": "^12.0.4",
-    "expo-clipboard": "^3.1.0",
-    "expo-document-picker": "^9.1.2",
     "expo-file-system": "^11.0.2",
-    "expo-haptics": "^10.0.0",
     "expo-image-manipulator": "^9.1.0",
-    "expo-image-picker": "14.1.1",
-    "expo-media-library": "^12.0.2",
-    "expo-sharing": "^9.1.2"
+    "expo-image-picker": "^14.1.1",
+    "expo-media-library": "^12.0.2"
   },
   "scripts": {
     "prepack": " cp ../../README.md .",

examples/SampleApp/ios/Podfile.lock

@@ -1,14 +1,8 @@
-import type { AVPlaybackSource, AVPlaybackStatus, AVPlaybackStatusToSet } from 'expo-av';
-
 import { AudioComponent } from '../optionalDependencies/Video';
 
 export const Sound = {
   initializeSound: AudioComponent
-    ? async (
-        source: AVPlaybackSource,
-        initialStatus: AVPlaybackStatusToSet,
-        onPlaybackStatusUpdate: (playbackStatus: AVPlaybackStatus) => void,
-      ) => {
+    ? async (source, initialStatus, onPlaybackStatusUpdate: (playbackStatus) => void) => {
         const { sound } = await AudioComponent.Sound.createAsync(
           source,
           initialStatus,

package/expo-package/package.json

@@ -1,4 +1,4 @@
-import { VideoComponent } from '../optionalDependencies/Video';
+import { VideoComponent } from '../optionalDependencies';
 
 export const Video = VideoComponent
   ? ({ onPlaybackStatusUpdate, paused, resizeMode, style, uri, videoRef }) => (

package/expo-package/src/handlers/Sound.ts

@@ -3,12 +3,8 @@ export * from './deleteFile';
 export * from './getLocalAssetUri';
 export * from './getPhotos';
 export * from './NetInfo';
-export * from './pickDocument';
 export * from './saveFile';
-export * from './setClipboardString';
-export * from './shareImage';
 export * from './Sound';
 export * from './takePhoto';
-export * from './triggerHaptic';
 export * from './Video';
 export * from './oniOS14GalleryLibrarySelectionChange';