feat(language) add lang option (#37)

Author: mihhu

README.md

@@ -93,6 +93,9 @@ Optional. Information regarding the devices used during the call.
 ###### `userInfo`
 Optional. Details about the participant that started the meeting.
 
+###### `lang`
+Optional. The default meeting language.
+
 ###### `release`
 Optional. Information regarding the `stage.8x8.vc` or `8x8.vc` release version. Expects the following format: `release-1234`.
 

example/src/App.jsx

@@ -199,6 +199,7 @@ const App = () => {
                     subject: 'lalalala',
                     hideConferenceSubject: false
                 }}
+                lang = 'de'
                 onApiReady = { externalApi => handleApiReady(externalApi) }
                 onReadyToClose = { handleReadyToClose }
                 getIFrameRef = { handleJitsiIFrameRef1 } />

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@jitsi/react-sdk",
-    "version": "1.3.0",
+    "version": "1.4.0",
     "description": "React SDK for the Jitsi Meet IFrame",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package.json

@@ -32,12 +32,14 @@ describe('JaaSMeeting component', () => {
             appId: 'testAppId',
             onApiReady: (externalApi: IJitsiMeetExternalApi) => {
                 console.log(externalApi);
-            }
+            },
+            lang: 'es'
         };
         const wrapper = shallow(<JaaSMeeting {...props} />);
 
         expect(wrapper.find(JitsiMeeting).prop('roomName')).toBe('testAppId/TestingJaaSMeetingProps-prod');
         expect(wrapper.find(JitsiMeeting).prop('domain')).toBe('8x8.vc');
+        expect(wrapper.find(JitsiMeeting).prop('lang')).toBe('es');
     });
 
     it('should pass the correct props to the JitsiMeeting component (stage)', () => {

src/__tests__/JaaSMeeting.test.tsx

@@ -38,6 +38,7 @@ const JitsiMeeting = ({
     devices,
     userInfo,
     release,
+    lang,
     spinner: Spinner,
     onApiReady,
     onReadyToClose,
@@ -71,6 +72,7 @@ const JitsiMeeting = ({
             devices,
             userInfo,
             release,
+            lang,
             parentNode: meetingRef.current
         });
         setLoading(false);
@@ -96,7 +98,9 @@ const JitsiMeeting = ({
         jwt,
         invitees,
         devices,
-        userInfo
+        userInfo,
+        release,
+        lang
     ]);
 
     useEffect(() => {

src/components/JitsiMeeting.tsx

@@ -71,6 +71,11 @@ export default interface IMeetingProps {
         email: string;
     };
 
+    /**
+     * The default meeting language.
+     */
+    lang?: string;
+
     /**
      * The `stage.8x8.vc` or `8x8.vc` release version to test.
      * Expects the following format: `release-1234`.

src/types/IMeetingProps.ts

@@ -92,6 +92,11 @@ export type JitsiMeetExternalApi = {
                 email: string
             },
 
+            /**
+             * The default meeting language.
+             */
+            lang?: string,
+
             /**
              * The `stage.8x8.vc` or `8x8.vc` release version to test.
              * Expects the following format: `release-1234`.