From 39c2ed01fbdaebadf4409d75262f2c84b4347a0c Mon Sep 17 00:00:00 2001
From: Tiago Jacobs <tiago.jacobs@gmail.com>
Date: Tue, 15 Feb 2022 23:45:44 -0300
Subject: [PATCH] Add BigbluebuttonMobile component example in main view

---
 App.tsx                                     | 122 +++-----------------
 android/.gradle.properties.swp              | Bin 0 -> 12288 bytes
 ios/BigBlueButton.xcodeproj/project.pbxproj |  36 ++++++
 ios/Podfile                                 |   2 +-
 ios/Podfile.lock                            |  12 +-
 package.json                                |   4 +-
 yarn.lock                                   |  27 ++++-
 7 files changed, 89 insertions(+), 114 deletions(-)
 create mode 100644 android/.gradle.properties.swp

diff --git a/App.tsx b/App.tsx
index e2cc13b..d9c8c51 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,115 +1,27 @@
-/**
- * Sample React Native App
- * https://github.com/facebook/react-native
- *
- * Generated with the TypeScript template
- * https://github.com/react-native-community/react-native-template-typescript
- *
- * @format
- */
+import * as React from 'react';
 
-import React from 'react';
-import {
-  SafeAreaView,
-  ScrollView,
-  StatusBar,
-  StyleSheet,
-  Text,
-  useColorScheme,
-  View,
-} from 'react-native';
+import {StyleSheet, View, Platform} from 'react-native';
+import {BigbluebuttonMobile} from 'bigbluebutton-mobile-sdk';
 
-import {
-  Colors,
-  DebugInstructions,
-  Header,
-  LearnMoreLinks,
-  ReloadInstructions,
-} from 'react-native/Libraries/NewAppScreen';
-
-const Section: React.FC<{
-  title: string;
-}> = ({children, title}) => {
-  const isDarkMode = useColorScheme() === 'dark';
+export default function App() {
   return (
-    <View style={styles.sectionContainer}>
-      <Text
-        style={[
-          styles.sectionTitle,
-          {
-            color: isDarkMode ? Colors.white : Colors.black,
-          },
-        ]}>
-        {title}
-      </Text>
-      <Text
-        style={[
-          styles.sectionDescription,
-          {
-            color: isDarkMode ? Colors.light : Colors.dark,
-          },
-        ]}>
-        {children}
-      </Text>
+    <View style={styles.container}>
+      <BigbluebuttonMobile
+        broadcastAppBundleId="org.bigbluebutton.mobile-sdk.example.BigBlueButtonMobileSdkBroadcastExample"
+        url="https://demo.bigbluebutton.org"
+        style={styles.bbb}
+      />
     </View>
   );
-};
-
-const App = () => {
-  const isDarkMode = useColorScheme() === 'dark';
-
-  const backgroundStyle = {
-    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
-  };
-
-  return (
-    <SafeAreaView style={backgroundStyle}>
-      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
-      <ScrollView
-        contentInsetAdjustmentBehavior="automatic"
-        style={backgroundStyle}>
-        <Header />
-        <View
-          style={{
-            backgroundColor: isDarkMode ? Colors.black : Colors.white,
-          }}>
-          <Section title="Step One">
-            Edit <Text style={styles.highlight}>App.tsx</Text> to change this
-            screen and then come back to see your edits.
-          </Section>
-          <Section title="See Your Changes">
-            <ReloadInstructions />
-          </Section>
-          <Section title="Debug">
-            <DebugInstructions />
-          </Section>
-          <Section title="Learn More">
-            Read the docs to discover what to do next:
-          </Section>
-          <LearnMoreLinks />
-        </View>
-      </ScrollView>
-    </SafeAreaView>
-  );
-};
+}
 
 const styles = StyleSheet.create({
-  sectionContainer: {
-    marginTop: 32,
-    paddingHorizontal: 24,
+  container: {
+    flex: 1,
+    flexDirection: 'row',
   },
-  sectionTitle: {
-    fontSize: 24,
-    fontWeight: '600',
-  },
-  sectionDescription: {
-    marginTop: 8,
-    fontSize: 18,
-    fontWeight: '400',
-  },
-  highlight: {
-    fontWeight: '700',
+  bbb: {
+    marginTop: Platform.select({ios: 48, android: 0}),
+    flex: 1,
   },
 });
-
-export default App;
diff --git a/android/.gradle.properties.swp b/android/.gradle.properties.swp
new file mode 100644
index 0000000000000000000000000000000000000000..d8fdfe26ec1729dccb85dedff71f5dce2cc38c66
GIT binary patch
literal 12288
zcmeI2PjB2r7{;f-2^v7;2torvf|l6cEG<fdatKNSY1w3zr0L$Gv1itv#P(S8XE)1%
zeg?ipxdKNnNL-NM8z8|);Tf-Y`v+BULIRDokE|WfJnzi!eH|&<H|?Dr4CrRuC%9fG
z<l9fKr^mnjyn16mh?Oi?e*AB)0n0vB>M|N?6>$-r`ekvcGFCpl@T=A^Ip@r>L{{7;
zTo_SLqIPbQrfI*|?<c9u)6$95S*z-(QmHIO!fLLS<Vmg>FGbvF)d+2+Fi(dF-vWU^
z;JE}=$VdH+o`1ad?mKk#jr-4?86E@zfj}S-2m}IwKp+qZ1OkD;|Brxeu91g0)(hRy
z-s<kxp1F5l!z~a91OkCTAP@)y0)apv5C{YUfj}S-2n7Cv1Q;je>SaP+dIg)u@BfSc
z|NnT6kl&#npoh>1dH}6LzrISyFVNS}A@nx%{R$!9K?Zsc`sq3$-$0L`Q)mVH5iuS?
z7tkRzfZl|B>=&VM1p<LUAP@)y0)apv5C{YU{|15mFAj#oz2oz<z2lREqr>f9eCJNw
zBWv_bXd_ik)tHV;*`VW;p6uSER#9gJol0BKW5F^@51Ew{K}gr78jG5xrMN4s9800M
zt#$%-JI<;KGtn4Z&S<9U30hdGEu`jA!?c~zQl^?|bhR#G?9AI<M@we}UW_el3u_y*
zm7tk+B1+#D8!xtzsVcFmky)}dPK;|BrEN4HnJpS?uOeOhEzaXnZ-brIIW;q5MYT@h
zNvDO(3d*#g4a+WBE->UF%#_oVHO>2m?hNlewizwvQ3C{-byx{_6}uEvTAGytUb?gG
zEKTd5x*Bc1oxLr9c8w~X$BXt~rom8@Pa*(;>2$i7fyoJ1nMpFIwWw_Za5{IAi==X;
zmFMUnz7Ux`Pn|5ei3?kmYer;STx7~Mh`pF$5c;%`2289k22&_ka;j?NFcrQMx@|63
z($3q&bf9o#E-aI!S*H_eq=nssLexJ0W0?a9U#Fk7UCn@5mQ=f%O8?1RI!^&=qdhIH
z6c_O`C@v-y)4AD>M%7incWbkv(P*?aU{^z-s}uR9*uK5dpAUZcxnRw%tD2+w$l0Uu
zKvYW4_Ow=-M!RFQS)*_>#gX>y`=|TSCbqgO#tgjZgrOyS3*Ob$Mz4SCuTlE9KdxF*
zf*N7l(g8DH)-rP?)1U=ZV^`8K!r7@{m%hBJb`OgsCWggHBQpQq;3X&oy?Zu5MdYqR
z63v`;Yk)_bVR7wgXTo49*7|qh9~VNK`g1g(ORZ|}-&O%!_OU~tS!NE&riGgN+FfRC
zUi7U6eZr#4F-%xJTONy=?o8aL7H_<vEpANfQr|H%j{|Vb)5_&Vi{W5*kKSzSL*cK6
nMjhY8Vn6zUi1T>);+|N?rMlrkX|v^#4CjR&O|j<LXfgQ{+bjs*

literal 0
HcmV?d00001

diff --git a/ios/BigBlueButton.xcodeproj/project.pbxproj b/ios/BigBlueButton.xcodeproj/project.pbxproj
index 87da2c0..8029943 100644
--- a/ios/BigBlueButton.xcodeproj/project.pbxproj
+++ b/ios/BigBlueButton.xcodeproj/project.pbxproj
@@ -161,6 +161,7 @@
 				00E356EB1AD99517003FC87E /* Frameworks */,
 				00E356EC1AD99517003FC87E /* Resources */,
 				4E62BDF20514810D028A5FBF /* [CP] Copy Pods Resources */,
+				134680750A7B8E3E990AA15E /* [CP] Embed Pods Frameworks */,
 			);
 			buildRules = (
 			);
@@ -183,6 +184,7 @@
 				13B07F8E1A680F5B00A75B9A /* Resources */,
 				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
 				ADC9DDC32298B72B3CF5DC8E /* [CP] Copy Pods Resources */,
+				8B7F66E80BB588901265B229 /* [CP] Embed Pods Frameworks */,
 			);
 			buildRules = (
 			);
@@ -263,6 +265,23 @@
 			shellPath = /bin/sh;
 			shellScript = "set -e\n\nexport NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh\n";
 		};
+		134680750A7B8E3E990AA15E /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-BigBlueButton-BigBlueButtonTests/Pods-BigBlueButton-BigBlueButtonTests-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-BigBlueButton-BigBlueButtonTests/Pods-BigBlueButton-BigBlueButtonTests-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-BigBlueButton-BigBlueButtonTests/Pods-BigBlueButton-BigBlueButtonTests-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		3E482C27206C4DEF2FE45063 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -302,6 +321,23 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-BigBlueButton-BigBlueButtonTests/Pods-BigBlueButton-BigBlueButtonTests-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
+		8B7F66E80BB588901265B229 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-BigBlueButton/Pods-BigBlueButton-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-BigBlueButton/Pods-BigBlueButton-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-BigBlueButton/Pods-BigBlueButton-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		A130D646172E58E1D159D8F2 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
diff --git a/ios/Podfile b/ios/Podfile
index b7c2849..587cd69 100644
--- a/ios/Podfile
+++ b/ios/Podfile
@@ -1,7 +1,7 @@
 require_relative '../node_modules/react-native/scripts/react_native_pods'
 require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
 
-platform :ios, '11.0'
+platform :ios, '14.7'
 
 target 'BigBlueButton' do
   config = use_native_modules!
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index 7aeadd5..44e9328 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -1,4 +1,7 @@
 PODS:
+  - bigbluebutton-mobile-sdk (0.1.5):
+    - React-Core
+    - WebRTC-lib
   - boost (1.76.0)
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.67.2)
@@ -274,9 +277,11 @@ PODS:
     - React-jsi (= 0.67.2)
     - React-logger (= 0.67.2)
     - React-perflogger (= 0.67.2)
+  - WebRTC-lib (96.0.0)
   - Yoga (1.14.0)
 
 DEPENDENCIES:
+  - bigbluebutton-mobile-sdk (from `../node_modules/bigbluebutton-mobile-sdk`)
   - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`)
   - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
   - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
@@ -313,8 +318,11 @@ DEPENDENCIES:
 SPEC REPOS:
   trunk:
     - fmt
+    - WebRTC-lib
 
 EXTERNAL SOURCES:
+  bigbluebutton-mobile-sdk:
+    :path: "../node_modules/bigbluebutton-mobile-sdk"
   boost:
     :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec"
   DoubleConversion:
@@ -377,6 +385,7 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
+  bigbluebutton-mobile-sdk: 459f4487b705e4e8e6bc848830f879a502ab1690
   boost: a7c83b31436843459a1961bfd74b96033dc77234
   DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662
   FBLazyVector: 244195e30d63d7f564c55da4410b9a24e8fbceaa
@@ -407,8 +416,9 @@ SPEC CHECKSUMS:
   React-RCTVibration: 99c7f67fba7a5ade46e98e870c6ff2444484f995
   React-runtimeexecutor: 2450b43df7ffe8e805a0b3dcb2abd4282f1f1836
   ReactCommon: d98c6c96b567f9b3a15f9fd4cc302c1eda8e3cf2
+  WebRTC-lib: 508fe02efa0c1a3a8867082a77d24c9be5d29aeb
   Yoga: 9b6696970c3289e8dea34b3eda93f23e61fb8121
 
-PODFILE CHECKSUM: 9d27f634d1ab1465eab8dfb24147dc4a471e44fa
+PODFILE CHECKSUM: 9f8e20772970735763ecc061ca1129dc20eaf869
 
 COCOAPODS: 1.11.2
diff --git a/package.json b/package.json
index 95b7f04..d73e635 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,10 @@
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
   },
   "dependencies": {
+    "bigbluebutton-mobile-sdk": "^0.1.6",
     "react": "17.0.2",
-    "react-native": "0.67.2"
+    "react-native": "0.67.2",
+    "react-native-webview": "^11.17.2"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",
diff --git a/yarn.lock b/yarn.lock
index 2690780..abcbc90 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2000,6 +2000,13 @@ big-integer@1.6.x:
   resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.51.tgz#0df92a5d9880560d3ff2d5fd20245c889d130686"
   integrity sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==
 
+bigbluebutton-mobile-sdk@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/bigbluebutton-mobile-sdk/-/bigbluebutton-mobile-sdk-0.1.6.tgz#8a8c096b607b019d5273fcd99a9d2709f7918fb9"
+  integrity sha512-hgbvd3hQVEmT3pQAB0BPSLeNlfLnSvFAZ0bsRmfY0STlj/g3g9x/tfOQ/bUM+fh/R5as7qKq81ILfSJfU8edCQ==
+  dependencies:
+    react-native-webview "^11.17.2"
+
 bplist-creator@0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/bplist-creator/-/bplist-creator-0.1.0.tgz#018a2d1b587f769e379ef5519103730f8963ba1e"
@@ -2683,16 +2690,16 @@ escape-html@~1.0.3:
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
 
+escape-string-regexp@2.0.0, escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-escape-string-regexp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
-  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
-
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
@@ -3517,7 +3524,7 @@ internal-slot@^1.0.3:
     has "^1.0.3"
     side-channel "^1.0.4"
 
-invariant@^2.2.4:
+invariant@2.2.4, invariant@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
   integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
@@ -5510,6 +5517,14 @@ react-native-codegen@^0.0.8:
     jscodeshift "^0.11.0"
     nullthrows "^1.1.1"
 
+react-native-webview@^11.17.2:
+  version "11.17.2"
+  resolved "https://registry.yarnpkg.com/react-native-webview/-/react-native-webview-11.17.2.tgz#5b107edbf95b5eaf789882f03f0c84c3298c1ded"
+  integrity sha512-7Sac02xq11qFACJmSUuCnH0aUFtSWUvSRC09EZ2qwNXq4IvT05xlX6978nlKUXf2ljw/0qZIzqbKzuXnu6Wq8Q==
+  dependencies:
+    escape-string-regexp "2.0.0"
+    invariant "2.2.4"
+
 react-native@0.67.2:
   version "0.67.2"
   resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.67.2.tgz#312224bc2271c3cecd374d4bc425619cff4ea5dc"