fix(misc) follow-up typos

Found via `codespell -q 3 -S ./lang`

conference.js

@@ -506,7 +506,7 @@ export default {
         let tryCreateLocalTracks;
 
         // On Electron there is no permission prompt for granting permissions. That's why we don't need to
-        // spend much time displaying the overlay screen. If GUM is not resolved withing 15 seconds it will
+        // spend much time displaying the overlay screen. If GUM is not resolved within 15 seconds it will
         // probably never resolve.
         const timeout = browser.isElectron() ? 15000 : 60000;
 
@@ -568,7 +568,7 @@ export default {
 
                         if (err.name === JitsiTrackErrors.TIMEOUT && !browser.isElectron()) {
                             // In this case we expect that the permission prompt is still visible. There is no point of
-                            // executing GUM with different source. Also at the time of writting the following
+                            // executing GUM with different source. Also at the time of writing the following
                             // inconsistency have been noticed in some browsers - if the permissions prompt is visible
                             // and another GUM is executed the prompt does not change its content but if the user
                             // clicks allow the user action isassociated with the latest GUM call.
@@ -625,7 +625,7 @@ export default {
 
         // Hide the permissions prompt/overlay as soon as the tracks are
         // created. Don't wait for the connection to be made, since in some
-        // cases, when auth is rquired, for instance, that won't happen until
+        // cases, when auth is required, for instance, that won't happen until
         // the user inputs their credentials, but the dialog would be
         // overshadowed by the overlay.
         tryCreateLocalTracks.then(tracks => {
@@ -1776,7 +1776,7 @@ export default {
                     };
                 }
 
-                // Apply the contraints on the desktop track.
+                // Apply the constraints on the desktop track.
                 try {
                     await this.localVideo.track.applyConstraints(desktopResizeConstraints);
                 } catch (err) {
@@ -1967,7 +1967,7 @@ export default {
             }
 
             APP.store.dispatch(updateRemoteParticipantFeatures(user));
-            logger.log(`USER ${id} connnected:`, user);
+            logger.log(`USER ${id} connected:`, user);
             APP.UI.addUser(user);
         });
 

react/features/always-on-top/AudioMuteButton.js

@@ -113,7 +113,7 @@ export default class AudioMuteButton
     }
 
     /**
-     * Indicates if audio is currently muted ot nor.
+     * Indicates if audio is currently muted or not.
      *
      * @override
      * @protected

react/features/always-on-top/VideoMuteButton.js

@@ -100,7 +100,7 @@ export default class VideoMuteButton
     }
 
     /**
-     * Indicates if video is currently muted ot nor.
+     * Indicates if video is currently muted or not.
      *
      * @override
      * @protected

react/features/analytics/AnalyticsEvents.js

@@ -185,7 +185,7 @@ export function createRecentClickedEvent(eventName, attributes = {}) {
 }
 
 /**
- * Creates an event which indicate an action occured in the chrome extension banner.
+ * Creates an event which indicate an action occurred in the chrome extension banner.
  *
  * @param {boolean} installPressed - Whether the user pressed install or `x` - cancel.
  * @param {Object} attributes - Attributes to attach to the event.
@@ -460,7 +460,7 @@ export function createLocalTracksDurationEvent(duration) {
 
 /**
  * Creates an event which indicates that an action related to recording has
- * occured.
+ * occurred.
  *
  * @param {string} action - The action (e.g. 'start' or 'stop').
  * @param {string} type - The recording type (e.g. 'file' or 'live').

react/features/analytics/middleware.js

@@ -82,7 +82,7 @@ MiddlewareRegistry.register(store => next => action => {
     switch (action.type) {
     case SET_CONFIG:
         if (navigator.product === 'ReactNative') {
-            // Reseting the analytics is currently not needed for web because
+            // Resetting the analytics is currently not needed for web because
             // the user will be redirected to another page and new instance of
             // Analytics will be created and initialized.
             resetAnalytics();

react/features/app/components/AbstractApp.js

@@ -73,7 +73,7 @@ export class AbstractApp extends BaseApp<Props, *> {
     }
 
     /**
-     * Creates an extra {@link ReactElement}s to be added (unconditionaly)
+     * Creates an extra {@link ReactElement}s to be added (unconditionally)
      * alongside the main element.
      *
      * @abstract

react/features/app/components/App.native.js

@@ -157,7 +157,7 @@ export class App extends AbstractApp {
             // it is preferred because it is at a later step of the
             // error/exception handling and it is specific to fatal
             // errors/exceptions which were observed to kill the app. The
-            // solution implemented bellow was tested on Android only so it is
+            // solution implemented below was tested on Android only so it is
             // considered safest to use it there only.
             return;
         }

react/features/base/app/components/BaseApp.js

@@ -143,7 +143,7 @@ export default class BaseApp extends Component<*, State> {
     }
 
     /**
-     * Creates an extra {@link ReactElement}s to be added (unconditionaly)
+     * Creates an extra {@link ReactElement}s to be added (unconditionally)
      * alongside the main element.
      *
      * @returns {ReactElement}

react/features/base/app/functions.js

@@ -10,7 +10,7 @@ import { toState } from '../redux';
  * function.
  * @param {string} propName - The name of the React {@code Component} prop of
  * the currently mounted {@code App} to get.
- * @returns {*} The value of the specified React {@code Compoennt} prop of the
+ * @returns {*} The value of the specified React {@code Component} prop of the
  * currently mounted {@code App}.
  */
 export function getAppProp(stateful: Function | Object, propName: string) {

react/features/base/avatar/components/Avatar.js

@@ -11,7 +11,7 @@ import { StatelessAvatar } from '.';
 export type Props = {
 
     /**
-     * The string we base the initials on (this is generated from a list of precendences).
+     * The string we base the initials on (this is generated from a list of precedences).
      */
     _initialsBase: ?string,
 

react/features/base/avatar/components/native/StatelessAvatar.js

@@ -19,7 +19,7 @@ type Props = AbstractProps & {
     status?: ?string,
 
     /**
-     * External style passed to the componant.
+     * External style passed to the component.
      */
     style?: StyleType
 };

react/features/base/color-scheme/ColorSchemeRegistry.js

@@ -33,12 +33,12 @@ class ColorSchemeRegistry {
     }
 
     /**
-     * Retreives the color-scheme applied style definition of a component.
+     * Retrieves the color-scheme applied style definition of a component.
      *
      * @param {Object | Function} stateful - An object or function that can be
      * resolved to Redux state using the {@code toState} function.
      * @param {string} componentName - The name of the component whose style we
-     * want to retreive.
+     * want to retrieve.
      * @returns {StyleType}
      */
     get(stateful: Object | Function, componentName: string): StyleType {
@@ -115,7 +115,7 @@ class ColorSchemeRegistry {
             ] of Object.entries(schemedStyle)) {
                 if (typeof styleValue === 'object') {
                     // The value is another style object, we apply the same
-                    // transformation recusively.
+                    // transformation recursively.
                     schemedStyle[styleName]
                         = this._applyColorScheme(
                             stateful, componentName, styleValue);

react/features/base/color-scheme/defaultScheme.js

@@ -7,7 +7,7 @@ import { ColorPalette, getRGBAFormat } from '../styles';
  */
 export default {
     '_defaultTheme': {
-        // Generic app theme colors that are used accross the entire app.
+        // Generic app theme colors that are used across the entire app.
         // All scheme definitions below inherit these values.
         background: 'rgb(255, 255, 255)',
         errorText: ColorPalette.red,

react/features/base/conference/functions.js

@@ -167,11 +167,11 @@ export function getConferenceName(stateful: Function | Object): string {
 }
 
 /**
- * Returns the name of the conference formated for the title.
+ * Returns the name of the conference formatted for the title.
  *
  * @param {Function | Object} stateful - Reference that can be resolved to Redux state with the {@code toState}
  * function.
- * @returns {string} - The name of the conference formated for the title.
+ * @returns {string} - The name of the conference formatted for the title.
  */
 export function getConferenceNameForTitle(stateful: Function | Object) {
     return safeStartCase(safeDecodeURIComponent(toState(stateful)['features/base/conference'].room));
@@ -205,7 +205,7 @@ export function getCurrentConference(stateful: Function | Object) {
     const { conference, joining, leaving, membersOnly, passwordRequired }
         = toState(stateful)['features/base/conference'];
 
-    // There is a precendence
+    // There is a precedence
     if (conference) {
         return conference === leaving ? undefined : conference;
     }

react/features/base/config/reducer.js

@@ -19,7 +19,7 @@ declare var interfaceConfig: Object;
  * The initial state of the feature base/config when executing in a
  * non-React Native environment. The mandatory configuration to be passed to
  * JitsiMeetJS#init(). The app will download config.js from the Jitsi Meet
- * deployment and take its values into account but the values bellow will be
+ * deployment and take its values into account but the values below will be
  * enforced (because they are essential to the correct execution of the
  * application).
  *
@@ -32,7 +32,7 @@ const INITIAL_NON_RN_STATE = {
  * The initial state of the feature base/config when executing in a React Native
  * environment. The mandatory configuration to be passed to JitsiMeetJS#init().
  * The app will download config.js from the Jitsi Meet deployment and take its
- * values into account but the values bellow will be enforced (because they are
+ * values into account but the values below will be enforced (because they are
  * essential to the correct execution of the application).
  *
  * @type {Object}
@@ -111,7 +111,7 @@ ReducerRegistry.register('features/base/config', (state = _getInitialState(), ac
  * Gets the initial state of the feature base/config. The mandatory
  * configuration to be passed to JitsiMeetJS#init(). The app will download
  * config.js from the Jitsi Meet deployment and take its values into account but
- * the values bellow will be enforced (because they are essential to the correct
+ * the values below will be enforced (because they are essential to the correct
  * execution of the application).
  *
  * @returns {Object}

react/features/base/connection/actions.native.js

@@ -367,7 +367,7 @@ export function disconnect() {
 }
 
 /**
- * Sets the location URL of the application, connecton, conference, etc.
+ * Sets the location URL of the application, connection, conference, etc.
  *
  * @param {URL} [locationURL] - The location URL of the application,
  * connection, conference, etc.

react/features/base/dialog/components/AbstractDialog.js

@@ -113,7 +113,7 @@ export default class AbstractDialog<P : Props, S : State>
         if (!okDisabled) {
             this.setState({ submitting: true });
 
-            // Invoke the React Compnent prop onSubmit if any.
+            // Invoke the React Component prop onSubmit if any.
             const r = !onSubmit || onSubmit(value);
 
             // If the invocation returns a thenable, await its resolution;

react/features/base/dialog/components/native/BaseSubmitDialog.js

@@ -27,8 +27,8 @@ class BaseSubmitDialog<P: Props, S: *> extends BaseDialog<P, S> {
     /**
      * Returns the title key of the submit button.
      *
-     * NOTE: Please do not change this, this should be consistent accross the
-     * application. This method is here to be able to be overriden ONLY by the
+     * NOTE: Please do not change this, this should be consistent across the
+     * application. This method is here to be able to be overridden ONLY by the
      * {@code ConfirmDialog}.
      *
      * @returns {string}

react/features/base/dialog/components/web/StatelessDialog.js

@@ -72,7 +72,7 @@ type Props = {
     submitDisabled: boolean,
 
     /**
-     * Function to be used to retreive translated i18n labels.
+     * Function to be used to retrieve translated i18n labels.
      */
     t: Function,
 

react/features/base/flags/constants.js

@@ -106,7 +106,7 @@ export const MEETING_NAME_ENABLED = 'meeting-name.enabled';
 
 /**
  * Flag indicating if the meeting password button should be enabled.
- * Note that this flag just decides on the buttton, if a meeting has a password
+ * Note that this flag just decides on the button, if a meeting has a password
  * set, the password ddialog will still show up.
  * Default: enabled (true).
  */

react/features/base/jitsi-local-storage/setup.web.js

@@ -29,7 +29,7 @@ function onFakeLocalStorageChanged() {
 function shouldUseHostPageLocalStorage(urlParams) {
     // NOTE: normally the url params and the config will be merged into the redux store. But we want to setup the local
     // storage as soon as possible, the store is not created yet and the merging of the URL params and the config
-    // haven't been executed yet. That's why we need to manually parse the URL params and also access the config trough
+    // haven't been executed yet. That's why we need to manually parse the URL params and also access the config through
     // the global variable.
     if (urlParams['config.useHostPageLocalStorage'] === true
         || (typeof config === 'object' && config.useHostPageLocalStorage)) {

react/features/base/label/components/ExpandedLabel.native.js

@@ -22,7 +22,7 @@ type State = {
     opacityAnimation: Object,
 
     /**
-     * A boolean to descide to show or not show the arrow. This is required as
+     * A boolean to decide to show or not show the arrow. This is required as
      * we can't easily animate this transformed Component so we render it once
      * the animation is done.
      */

react/features/base/logging/LogTransport.native.js

@@ -11,7 +11,7 @@ const { LogBridge } = NativeModules;
 /**
  * Returns the stack trace for a given @code {Error} object.
  *
- * @param {Errror} e - The rrror.
+ * @param {Error} e - The error.
  * @returns {string} - The stack trace.
  */
 function stackToString(e) {

react/features/base/logging/middleware.js

@@ -251,7 +251,7 @@ function _setLogLevels(logger, config) {
     // First, set the default log level.
     logger.setLogLevel(config.defaultLogLevel);
 
-    // Second, set the log level of each logger explictly overriden by config.
+    // Second, set the log level of each logger explicitly overridden by config.
     Object.keys(config).forEach(
         id =>
             id === 'defaultLogLevel' || logger.setLogLevelById(config[id], id));

react/features/base/media/components/AbstractVideoTrack.js

@@ -85,7 +85,7 @@ export default class AbstractVideoTrack<P: Props> extends Component<P> {
             if (shouldRenderVideoTrack(videoTrack, true)) {
                 // It appears that onPlaying has come for videoTrack already.
                 // Most probably, another render has already passed through the
-                // else clause bellow already.
+                // else clause below already.
                 render = true;
             } else if (shouldRenderVideoTrack(videoTrack, false)
                     && !videoTrack.videoStarted) {

react/features/base/media/components/native/Video.js

@@ -37,8 +37,8 @@ type Props = {
      * thought of as giving a hint rather than as imposing a requirement.
      * For example, video renderers such as Video are commonly implemented
      * using OpenGL and OpenGL views may have different numbers of layers in
-     * their stacking space. Android has three: a layer bellow the window
-     * (aka default), a layer bellow the window again but above the previous
+     * their stacking space. Android has three: a layer below the window
+     * (aka default), a layer below the window again but above the previous
      * layer (aka media overlay), and above the window. Consequently, it is
      * advisable to limit the number of utilized layers in the stacking
      * space to the minimum sufficient for the desired display. For example,

react/features/base/media/components/native/VideoTransform.js

@@ -30,7 +30,7 @@ const MIN_SCALE = 1;
  * view to. This is large enough now to let the user drag the view to a position
  * where no other displayed components cover it (such as filmstrip). If a
  * ViewPort (hint) support is added to the LargeVideo component then this
- * contant will not be necessary anymore.
+ * constant will not be necessary anymore.
  */
 const MAX_OFFSET = 100;
 
@@ -88,7 +88,7 @@ type Props = {
     style: Object,
 
     /**
-     * The stored transforms retreived from Redux to be initially applied
+     * The stored transforms retrieved from Redux to be initially applied
      * to different streams.
      */
     _transforms: Object,

react/features/base/net-info/actionTypes.js

@@ -6,7 +6,7 @@
 export const SET_NETWORK_INFO = 'SET_NETWORK_INFO';
 
 /**
- * Tha action dispatched by 'base/net-info' middleware in order to store the cleanup function for later use.
+ * The action dispatched by 'base/net-info' middleware in order to store the cleanup function for later use.
  * @type {string}
  * @private
  */

react/features/base/premeeting/functions.js

@@ -23,12 +23,12 @@ const ratio = 1 / 3;
 const maxSize = 190;
 
 /**
- * The window limit hight over which the avatar should have the default dimension.
+ * The window limit height over which the avatar should have the default dimension.
  */
 const upperHeightLimit = 760;
 
 /**
- * The window limit hight under which the avatar should not be resized anymore.
+ * The window limit height under which the avatar should not be resized anymore.
  */
 const lowerHeightLimit = 460;
 

react/features/base/react/Platform.web.js

@@ -27,7 +27,7 @@ export default {
     /**
      * The operating system version on which the application is executing.
      * This is intentionally set to undefined so we can tell mobile and mobile web
-     * appart easier.
+     * apart easier.
      *
      * @type {number|undefined}
      */

react/features/base/react/components/AbstractPage.js

@@ -8,7 +8,7 @@ import { Component } from 'react';
  */
 export default class AbstractPage<P> extends Component<P> {
     /**
-     * Method to be overriden by the implementing classes to refresh the data
+     * Method to be overridden by the implementing classes to refresh the data
      * content of the component.
      *
      * Note: It is a static method as the {@code Component} may not be

react/features/base/react/components/native/Header.js

@@ -72,7 +72,7 @@ class Header extends PureComponent<Props> {
 
     /**
      * Calculates the color of the statusbar content (light or dark) based on
-     * certain criterias.
+     * certain criteria.
      *
      * @returns {string}
      */

react/features/base/react/components/web/BaseIndicator.js

@@ -37,7 +37,7 @@ type Props = {
     iconSize: string,
 
     /**
-     * The ID attribue to set on the root element of the component.
+     * The ID attribute to set on the root element of the component.
      */
     id: string,
 

react/features/base/react/components/web/NavigateSectionListItem.js

@@ -43,7 +43,7 @@ export default class NavigateSectionListItem<P: Props>
         const { onPress } = this.props;
 
         /**
-         * Initiliazes the date and duration of the conference to the an empty
+         * Initializes the date and duration of the conference to the an empty
          * string in case for some reason there is an error where the item data
          * lines doesn't contain one or both of those values (even though this
          * unlikely the app shouldn't break because of it)

react/features/base/react/components/web/SectionList.js

@@ -43,7 +43,7 @@ type Props = {
 /**
  * Implements a React/Web {@link Component} for displaying a list with
  * sections similar to React Native's {@code SectionList} in order to
- * faciliate cross-platform source code.
+ * facilitate cross-platform source code.
  *
  * @extends Component
  */

react/features/base/react/components/web/Text.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 
 /**
  * Implements a React/Web {@link Component} for displaying text similar to React
- * Native's {@code Text} in order to faciliate cross-platform source code.
+ * Native's {@code Text} in order to facilitate cross-platform source code.
  *
  * @extends Component
  */

react/features/base/redux/PersistenceRegistry.js

@@ -36,7 +36,7 @@ class PersistenceRegistry {
     /**
      * Returns the persisted redux state. Takes the {@link #_elements} into
      * account as we may have persisted something in the past that we don't want
-     * to retreive anymore. The next {@link #persistState} will remove such
+     * to retrieve anymore. The next {@link #persistState} will remove such
      * values.
      *
      * @returns {Object}
@@ -209,7 +209,7 @@ class PersistenceRegistry {
     }
 
     /**
-     * Retreives a persisted subtree from the storage.
+     * Retrieves a persisted subtree from the storage.
      *
      * @param {string} subtreeName - The name of the subtree.
      * @param {Object} subtreeConfig - The config of the subtree from

react/features/base/redux/middleware.js

@@ -21,7 +21,7 @@ const throttledPersistState
         PERSIST_STATE_DELAY);
 
 // Web only code.
-// We need the <tt>if</tt> beacuse it appears that on mobile the polyfill is not
+// We need the <tt>if</tt> because it appears that on mobile the polyfill is not
 // executed yet.
 if (typeof window.addEventListener === 'function') {
     window.addEventListener('unload', () => {

react/features/base/sounds/actions.js

@@ -85,7 +85,7 @@ export function playSound(soundId: string): Object {
  * created for given source object.
  * @param {string} soundName - The name of bundled audio file that will be
  * associated with the given {@code soundId}.
- * @param {Object} options - Optional paramaters.
+ * @param {Object} options - Optional parameters.
  * @param {boolean} options.loop - True in order to loop the sound.
  * @returns {{
  *     type: REGISTER_SOUND,

react/features/base/testing/middleware.js

@@ -91,7 +91,7 @@ function _bindTortureHelpers(store) {
 }
 
 /**
- * The handler function for conference connection events which wil store the
+ * The handler function for conference connection events which will store the
  * latest even name in the Redux store of feature testing.
  *
  * @param {string} event - One of the lib-jitsi-meet JitsiConferenceEvents.

react/features/base/util/loadScript.native.js

@@ -16,7 +16,7 @@ const DEFAULT_TIMEOUT = 5000;
  * @param {number} [timeout] - The timeout in millisecnods after which the
  * loading of the specified {@code url} is to be aborted/rejected (if not
  * settled yet).
- * @param {boolean} skipEval - Wether we want to skip evaluating the loaded content or not.
+ * @param {boolean} skipEval - Whether we want to skip evaluating the loaded content or not.
  * @returns {void}
  */
 export async function loadScript(

react/features/base/util/react-focus-lock-wrapper.js

@@ -4,7 +4,7 @@ import FocusLock, { MoveFocusInside } from 'react-focus-lock';
 
 /**
  * FocusLock wrapper that disable the FocusLock in the @atlaskit/modal-dialog. We need to disable it because if the
- * iframe API is used and a dialog is displayed it is imposible to click on fields outside of the iframe (FocusLock
+ * iframe API is used and a dialog is displayed it is impossible to click on fields outside of the iframe (FocusLock
  * will steal the focus from any element that is not part of the dialog).
  */
 export default class FocusLockWrapper extends FocusLock<*> {

react/features/base/util/timeoutPromise.js

@@ -6,7 +6,7 @@
  * doesn't settle within a specific time interval.
  *
  * @param {Promise} promise - The {@code Promise} for which automatic rejecting
- * after the speicified timout is to be implemented.
+ * after the specified timeout is to be implemented.
  * @param {number} timeout - The number of milliseconds to wait the specified
  * {@code promise} to settle before automatically rejecting the returned
  * {@code Promise}.

react/features/calendar-sync/functions.any.js

@@ -73,7 +73,7 @@ export function _updateCalendarEntries(events: Array<Object>) {
 
                 // XXX Eventually, given that the URL and the title are the
                 // same, what sets one event apart from another is the start
-                // time of the day (note the use of toTimeString() bellow)! The
+                // time of the day (note the use of toTimeString() below)! The
                 // day itself is not important because we don't want multiple
                 // occurrences of a recurring event or repetitions of an even
                 // from multiple calendars.

react/features/chat/actionTypes.js

@@ -25,7 +25,7 @@ export const ADD_MESSAGE = 'ADD_MESSAGE';
 export const CLEAR_MESSAGES = 'CLEAR_MESSAGES';
 
 /**
- * The type of the action which signals the cancelation the chat panel.
+ * The type of the action which signals the cancellation the chat panel.
  *
  * {
  *     type: CLOSE_CHAT

react/features/chat/components/AbstractChatMessage.js

@@ -59,7 +59,7 @@ export default class AbstractChatMessage<P: Props> extends PureComponent<P> {
     }
 
     /**
-     * Generates the message text to be redered in the component.
+     * Generates the message text to be rendered in the component.
      *
      * @returns {string}
      */

react/features/chat/components/AbstractChatPrivacyDialog.js

@@ -33,7 +33,7 @@ type Props = {
     _onSetMessageRecipient: Function,
 
     /**
-     * The participant retreived from Redux by the participanrID prop.
+     * The participant retrieved from Redux by the participanrID prop.
      */
     _participant: Object
 };

react/features/chat/components/PrivateMessageButton.js

@@ -31,7 +31,7 @@ export type Props = AbstractButtonProps & {
     dispatch: Function,
 
     /**
-     * The participant object retreived from Redux.
+     * The participant object retrieved from Redux.
      */
     _participant: Object,
 };

react/features/conference/components/AbstractInsecureRoomNameLabel.js

@@ -35,7 +35,7 @@ export default class AbstractInsecureRoomNameLabel extends PureComponent<Props>
     }
 
     /**
-     * Renders the platform dependant content.
+     * Renders the platform dependent content.
      *
      * @returns {ReactElement}
      */

react/features/conference/components/native/InsecureRoomNameLabel.js

@@ -14,7 +14,7 @@ import styles from './styles';
  */
 class InsecureRoomNameLabel extends AbstractInsecureRoomNameLabel {
     /**
-     * Renders the platform dependant content.
+     * Renders the platform dependent content.
      *
      * @inheritdoc
      */

react/features/conference/components/native/Labels.js

@@ -50,7 +50,7 @@ type Props = AbstractLabelsProps & {
 type State = {
 
     /**
-     * Layout object of the outermost container. For stucture please see:
+     * Layout object of the outermost container. For structure please see:
      * https://facebook.github.io/react-native/docs/view#onlayout
      */
     containerLayout: ?Object,

react/features/conference/components/web/InsecureRoomNameLabel.js

@@ -14,7 +14,7 @@ import AbstractInsecureRoomNameLabel, { _mapStateToProps } from '../AbstractInse
  */
 class InsecureRoomNameLabel extends AbstractInsecureRoomNameLabel {
     /**
-     * Renders the platform dependant content.
+     * Renders the platform dependent content.
      *
      * @inheritdoc
      */

react/features/desktop-picker/components/DesktopPicker.js

@@ -80,7 +80,7 @@ type State = {
     screenShareAudio: boolean,
 
     /**
-     * The currently higlighted DesktopCapturerSource.
+     * The currently highlighted DesktopCapturerSource.
      */
     selectedSource: Object,
 
@@ -371,7 +371,7 @@ class DesktopPicker extends PureComponent<Props, State> {
     }
 
     /**
-     * Create an interval to update knwon available DesktopCapturerSources.
+     * Create an interval to update known available DesktopCapturerSources.
      *
      * @private
      * @returns {void}

react/features/desktop-picker/functions.js

@@ -51,7 +51,7 @@ export function obtainDesktopSources(types, options = {}) {
  *
  * @param {Array} sources - DesktopCapturerSources.
  * @private
- * @returns {Object} An object with the sources split into seperate arrays based
+ * @returns {Object} An object with the sources split into separate arrays based
  * on source type.
  */
 function _seperateSourcesByType(sources = []) {

react/features/display-name/components/web/DisplayName.js

@@ -197,7 +197,7 @@ class DisplayName extends Component<Props, State> {
     _onKeyDown: () => void;
 
     /**
-     * Submits the editted display name update if the enter key is pressed.
+     * Submits the edited display name update if the enter key is pressed.
      *
      * @param {Event} event - Key down event object.
      * @private

react/features/embed-meeting/components/EmbedMeetingTrigger.js

@@ -28,7 +28,7 @@ type Props = {
  */
 function EmbedMeetingTrigger({ t, openEmbedDialog }: Props) {
     /**
-     * Handles opeming the embed dialog.
+     * Handles opening the embed dialog.
      *
      * @returns {void}
      */

react/features/google-api/constants.js

@@ -1,7 +1,7 @@
 // @flow
 
 /**
- * Google API URL to retreive streams for a live broadcast of a user.
+ * Google API URL to retrieve streams for a live broadcast of a user.
  *
  * NOTE: The URL must be appended by a broadcast ID returned by a call towards
  * {@code API_URL_LIVE_BROADCASTS}.
@@ -12,7 +12,7 @@
 export const API_URL_BROADCAST_STREAMS = 'https://content.googleapis.com/youtube/v3/liveStreams?part=id%2Csnippet%2Ccdn%2Cstatus&id=';
 
 /**
- * Google API URL to retreive live broadcasts of a user.
+ * Google API URL to retrieve live broadcasts of a user.
  *
  * @type {string}
  */

react/features/google-api/googleApi.native.js

@@ -59,7 +59,7 @@ class GoogleApi {
                 API_URL_LIVE_BROADCASTS)
             .then(broadcasts => {
                 // Then fetching all the available live streams that the
-                // user has access to with the broadcasts we retreived
+                // user has access to with the broadcasts we retrieved
                 // earlier.
                 this._getLiveStreamsForBroadcasts(
                     accessToken, broadcasts).then(resolve, reject);
@@ -142,7 +142,7 @@ class GoogleApi {
      * @private
      * @param {string} accessToken - The Google access token.
      * @param {Array<Object>} broadcasts - The list of broadcasts that we want
-     * to retreive streams for.
+     * to retrieve streams for.
      * @returns {Promise}
      */
     _getLiveStreamsForBroadcasts(accessToken, broadcasts): Promise<*> {

react/features/invite/actions.any.js

@@ -56,7 +56,7 @@ export function hideAddPeopleDialog() {
  * Invites (i.e. Sends invites to) an array of invitees (which may be a
  * combination of users, rooms, phone numbers, and video rooms.
  *
- * @param  {Array<Object>} invitees - The recepients to send invites to.
+ * @param  {Array<Object>} invitees - The recipients to send invites to.
  * @param  {Array<Object>} showCalleeInfo - Indicates whether the
  * {@code CalleeInfo} should be displayed or not.
  * @returns {Promise<Array<Object>>} A {@code Promise} resolving with an array

react/features/invite/components/add-people-dialog/native/AddPeopleDialog.js

@@ -332,7 +332,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<Props, State> {
     _onPressItem: Item => Function
 
     /**
-     * Function to preapre a callback for the onPress event of the touchable.
+     * Function to prepare a callback for the onPress event of the touchable.
      *
      * @param {Item} item - The item on which onPress was invoked.
      * @returns {Function}

react/features/invite/components/add-people-dialog/web/DialInNumber.js

@@ -13,7 +13,7 @@ import { _formatConferenceIDPin } from '../../../_utils';
 type Props = {
 
     /**
-     * The numberic identifier for the current conference, used after dialing a
+     * The numeric identifier for the current conference, used after dialing a
      * the number to join the conference.
      */
     conferenceID: number,

react/features/invite/components/add-people-dialog/web/DialInSection.js

@@ -11,7 +11,7 @@ import DialInNumber from './DialInNumber';
 type Props = {
 
     /**
-     * The numberic identifier for the current conference, used after dialing a
+     * The numeric identifier for the current conference, used after dialing a
      * the number to join the conference.
      */
     _conferenceID: number,

react/features/invite/components/callee-info/CalleeInfo.js

@@ -93,7 +93,7 @@ class CalleeInfo extends Component<Props> {
 
         for (const aClassName of classNames) {
             if (aClassName) {
-                // Attemp to convert aClassName into style.
+                // Attempt to convert aClassName into style.
                 if (styles && aClassName in styles) {
                     // React Native will accept an Array as the value of the
                     // style prop. However, I do not know about React.

react/features/invite/components/callee-info/styles.native.js

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 import { ColorPalette, createStyleSheet } from '../../../base/styles';
 
 export default createStyleSheet({
-    // XXX The names bellow were preserved for the purposes of compatibility
+    // XXX The names below were preserved for the purposes of compatibility
     // with the existing CSS class names on Web.
 
     /**

react/features/invite/components/dial-in-summary/native/DialInSummaryErrorDialog.js

@@ -7,7 +7,7 @@ import { translate } from '../../../../base/i18n';
 import { connect } from '../../../../base/redux';
 
 /**
- * Dialog to inform the user that we could't fetch the dial-in info page.
+ * Dialog to inform the user that we couldn't fetch the dial-in info page.
  */
 class DialInSummaryErrorDialog extends Component<{}> {
     /**

react/features/large-video/components/LargeVideoBackground.web.js

@@ -9,7 +9,7 @@ import { shouldDisplayTileView } from '../../video-layout';
  * Constants to describe the dimensions of the video. Landscape videos
  * are wider than they are taller and portrait videos are taller than they
  * are wider. The dimensions will determine how {@code LargeVideoBackground}
- * will strech to fill its container.
+ * will stretch to fill its container.
  *
  * @type {Object}
  */
@@ -217,7 +217,7 @@ export class LargeVideoBackground extends Component<Props> {
         // (for example when the page is loaded in an iframe which is hidden due to the host page styles) to solve
         // the memory leak. Currently we are not handling the use case when the page is hidden with visibility:hidden
         // because we don't have a good way to do it.
-        // All other cases when the canvas is not visible are handled trough the component props
+        // All other cases when the canvas is not visible are handled through the component props
         // (hidden, _shouldDisplayTileView).
         if (!this._canvasEl || this._canvasEl.offsetParent === null
                 || window.innerHeight === 0 || window.innerWidth === 0) {

react/features/local-recording/recording/flac/flacEncodeWorker.js

@@ -185,7 +185,7 @@ class Encoder {
 
             FLAC_COMPRESSION_LEVEL,
 
-            // Pass 0 in becuase of unknown total samples,
+            // Pass 0 in because of unknown total samples,
             0,
 
             // checksum, FIXME: double-check whether this is necessary
@@ -207,7 +207,7 @@ class Encoder {
         );
 
         if (initResult !== 0) {
-            throw new Error('Failed to initalise libflac encoder.');
+            throw new Error('Failed to initialise libflac encoder.');
         }
 
         this._state = EncoderState.WORKING;

react/features/local-recording/session/SessionManager.js

@@ -129,7 +129,7 @@ const LOCAL_STORAGE_KEY = 'localRecordingMetadataVersion1';
  * SessionManager manages the metadata of each segment during each local
  * recording session.
  *
- * A segment is a continous portion of recording done using the same adapter
+ * A segment is a continuous portion of recording done using the same adapter
  * on the same microphone device.
  *
  * Browser refreshes, switching of microphone will cause new segments to be

react/features/mobile/incoming-call/components/IncomingCallApp.js

@@ -37,7 +37,7 @@ export default class IncomingCallApp extends BaseApp<Props> {
     /**
      * Navigates to {@link IncomingCallPage} upon mount.
      *
-     * NOTE: This was implmented here instead of in a middleware for the
+     * NOTE: This was implemented here instead of in a middleware for the
      * {@link APP_WILL_MOUNT} action because that would run also for
      * {@link App}.
      *

react/features/mobile/picture-in-picture/actions.js

@@ -13,7 +13,7 @@ import logger from './logger';
  * Enters (or rather initiates entering) picture-in-picture.
  * Helper function to enter PiP mode. This is triggered by user request
  * (either pressing the button in the toolbox or the home button on Android)
- * ans this triggers the PiP mode, iff it's available and we are in a
+ * and this triggers the PiP mode, iff it's available and we are in a
  * conference.
  *
  * @public

react/features/notifications/components/web/NotificationsContainer.js

@@ -14,7 +14,7 @@ import Notification from './Notification';
 type Props = AbstractProps & {
 
     /**
-     * Whther we are a SIP gateway or not.
+     * Whether we are a SIP gateway or not.
      */
      _iAmSipGateway: boolean
 };

react/features/notifications/functions.js

@@ -19,7 +19,7 @@ export function areThereNotifications(stateful: Object | Function) {
 }
 
 /**
- * Tells wether join/leave notifications are enabled in interface_config.
+ * Tells whether join/leave notifications are enabled in interface_config.
  *
  * @returns {boolean}
  */

react/features/prejoin/actionTypes.js

@@ -15,12 +15,12 @@ export const PREJOIN_INITIALIZED = 'PREJOIN_INITIALIZED';
 export const SET_DEVICE_STATUS = 'SET_DEVICE_STATUS';
 
 /**
- * Action type to set the visiblity of the prejoin page for the future.
+ * Action type to set the visibility of the prejoin page for the future.
  */
 export const SET_SKIP_PREJOIN = 'SET_SKIP_PREJOIN';
 
 /**
- * Action type to set the visiblity of the prejoin page when client is forcefully reloaded.
+ * Action type to set the visibility of the prejoin page when client is forcefully reloaded.
  */
 export const SET_SKIP_PREJOIN_RELOAD = 'SET_SKIP_PREJOIN_RELOAD';
 
@@ -45,7 +45,7 @@ export const SET_DIALOUT_NUMBER = 'SET_DIALOUT_NUMBER';
 export const SET_DIALOUT_STATUS = 'SET_DIALOUT_STATUS';
 
 /**
- * Action type to set the visiblity of the 'JoinByPhone' dialog.
+ * Action type to set the visibility of the 'JoinByPhone' dialog.
  */
 export const SET_JOIN_BY_PHONE_DIALOG_VISIBLITY = 'SET_JOIN_BY_PHONE_DIALOG_VISIBLITY';
 

react/features/prejoin/actions.js

@@ -469,7 +469,7 @@ export function setPrejoinDeviceErrors(value: Object) {
 }
 
 /**
- * Action used to set the visiblity of the prejoin page.
+ * Action used to set the visibility of the prejoin page.
  *
  * @param {boolean} value - The value.
  * @returns {Object}

react/features/prejoin/components/Prejoin.js

@@ -424,7 +424,7 @@ function mapStateToProps(state, ownProps): Object {
 
     // Hide conference info when interfaceConfig is available and the invite button is disabled.
     // In all other cases we want to preserve the behaviour and control the the conference info
-    // visibility trough showJoinActions.
+    // visibility through showJoinActions.
     const showConferenceInfo
         = typeof isInviteButtonEnabled === 'undefined' || isInviteButtonEnabled === true
             ? showJoinActions

react/features/prejoin/components/dialogs/DialInDialog.js

@@ -47,7 +47,7 @@ type Props = {
 };
 
 /**
- * This component displays the dialog whith all the information
+ * This component displays the dialog with all the information
  * to join a meeting by calling it.
  *
  * @param {Props} props - The props of the component.

react/features/prejoin/components/dialogs/DialOutDialog.js

@@ -32,7 +32,7 @@ type Props = {
 };
 
 /**
- * This component displays the dialog from wich the user can enter the
+ * This component displays the dialog from which the user can enter the
  * phone number in order to be called by the meeting.
  *
  * @param {Props} props - The props of the component.

react/features/prejoin/components/dialogs/JoinByPhoneDialog.js

@@ -27,7 +27,7 @@ type Props = {
     dialInNumber: string,
 
     /**
-     * The status of the call when the meeting calss the user.
+     * The status of the call when the meeting calls the user.
      */
     dialOutStatus: string,
 

react/features/prejoin/functions.js

@@ -130,7 +130,7 @@ export function getRawError(state: Object): string {
 }
 
 /**
- * Selector for getting the visiblity state for the 'JoinByPhoneDialog'.
+ * Selector for getting the visibility state for the 'JoinByPhoneDialog'.
  *
  * @param {Object} state - The state of the app.
  * @returns {boolean}

react/features/presence-status/functions.js

@@ -3,7 +3,7 @@
 declare var interfaceConfig: Object;
 
 /**
- * Tells wether presence status should be displayed.
+ * Tells whether presence status should be displayed.
  *
  * @returns {boolean}
  */

react/features/recent-list/middleware.js

@@ -96,7 +96,7 @@ function _conferenceWillLeave({ dispatch, getState }, next, action) {
          * It is better to use action.conference[JITSI_CONFERENCE_URL_KEY]
          * in order to make sure we get the url the conference is leaving
          * from (i.e. the room we are leaving from) because if the order of events
-         * is different, we cannot be guranteed that the location URL in base
+         * is different, we cannot be guaranteed that the location URL in base
          * connection is the url we are leaving from... not the one we are going to
          * (the latter happens on mobile -- if we use the web implementation);
          * however, the conference object on web does not have

react/features/recording/components/LiveStream/native/StartLiveStreamDialog.js

@@ -112,7 +112,7 @@ class StartLiveStreamDialog extends AbstractStartLiveStreamDialog<Props> {
      * TODO: Handle errors by showing some indication to the user.
      *
      * @private
-     * @param {Object} response - The retreived signin response.
+     * @param {Object} response - The retrieved signin response.
      * @returns {void}
      */
     _onUserChanged(response) {

react/features/recording/components/Recording/styles.native.js

@@ -8,7 +8,7 @@ export const ICON_SHARE = require('../../../../../images/icon-users.png');
 export const JITSI_LOGO = require('../../../../../images/jitsiLogo_square.png');
 
 // XXX The "standard" {@code BoxModel.padding} has been deemed insufficient in
-// the special case(s) of the recording feature bellow.
+// the special case(s) of the recording feature below.
 const _PADDING = BoxModel.padding * 1.5;
 
 /**

react/features/recording/functions.js

@@ -24,7 +24,7 @@ export function getActiveSession(state: Object, mode: string) {
 /**
  * Returns an estimated recording duration based on the size of the video file
  * in MB. The estimate is calculated under the assumption that 1 min of recorded
- * video needs 10MB of storage on avarage.
+ * video needs 10MB of storage on average.
  *
  * @param {number} size - The size in MB of the recorded video.
  * @returns {number} - The estimated duration in minutes.

react/features/remote-control/actions.js

@@ -294,7 +294,7 @@ export function clearRequest() {
 
 
 /**
- * Sets that trasnport object that is used by the receiver to communicate with the native part of the remote control
+ * Sets that transport object that is used by the receiver to communicate with the native part of the remote control
  * implementation.
  *
  * @param {Transport} transport - The transport to be set.

react/features/remote-control/functions.js

@@ -19,7 +19,7 @@ export function isRemoteControlEnabled(state: Object) {
 }
 
 /**
- * Sends remote control message to other participant trough data channel.
+ * Sends remote control message to other participant through data channel.
  *
  * @param {JitsiConference} conference - The JitsiConference object.
  * @param {string} to - The participant who will receive the event.

react/features/remote-control/keycodes.js

@@ -69,7 +69,7 @@ export const KEYS = {
 
 /* eslint-disable max-len */
 /**
- * Mapping between the key codes and keys deined in KEYS.
+ * Mapping between the key codes and keys defined in KEYS.
  * The mappings are based on
  * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode#Specifications
  */

react/features/room-lock/components/PasswordRequiredPrompt.native.js

@@ -71,7 +71,7 @@ class PasswordRequiredPrompt extends Component<Props, State> {
         const { _password } = this.props;
 
         // The previous password in Redux gets cleared after the dialog appears and it ends up breaking the dialog
-        // logic. We move the prop into state and only update it if it has an actual value, avoiding loosing the
+        // logic. We move the prop into state and only update it if it has an actual value, avoiding losing the
         // previously received value when Redux updates.
         if (_password && _password !== this.state.password) {
             // eslint-disable-next-line react/no-did-update-set-state

react/features/rtcstats/middleware.js

@@ -59,7 +59,7 @@ MiddlewareRegistry.register(store => next => action => {
                 const meetingUniqueId = conference && conference.getMeetingUniqueId();
 
                 // The current implementation of rtcstats-server is configured to send data to amplitude, thus
-                // we add identity specific information so we can corelate on the amplitude side. If amplitude is
+                // we add identity specific information so we can correlate on the amplitude side. If amplitude is
                 // not configured an empty object will be sent.
                 // The current configuration of the conference is also sent as metadata to rtcstats server.
                 // This is done in order to facilitate queries based on different conference configurations.

react/features/settings/actions.js

@@ -27,7 +27,7 @@ export function openSettingsDialog(defaultTab: string) {
 }
 
 /**
- * Sets the visiblity of the audio settings.
+ * Sets the visibility of the audio settings.
  *
  * @param {boolean} value - The new value.
  * @returns {Function}
@@ -40,7 +40,7 @@ function setAudioSettingsVisibility(value: boolean) {
 }
 
 /**
- * Sets the visiblity of the video settings.
+ * Sets the visibility of the video settings.
  *
  * @param {boolean} value - The new value.
  * @returns {Function}
@@ -112,7 +112,7 @@ export function submitProfileTab(newState: Object): Function {
 }
 
 /**
- * Toggles the visiblity of the audio settings.
+ * Toggles the visibility of the audio settings.
  *
  * @returns {void}
  */
@@ -125,7 +125,7 @@ export function toggleAudioSettings() {
 }
 
 /**
- * Toggles the visiblity of the video settings.
+ * Toggles the visibility of the video settings.
  *
  * @returns {void}
  */

react/features/settings/components/native/styles.js

@@ -71,7 +71,7 @@ export default {
     },
 
     /**
-     * Style fo the form section separator titles.
+     * Style for the form section separator titles.
      */
     formSectionTitle: {
         backgroundColor: 'rgba(0, 0, 0, 0.1)',

react/features/settings/components/web/audio/AudioSettingsContent.js

@@ -64,7 +64,7 @@ type State = {
 }
 
 /**
- * Implements a React {@link Component} which displayes a list of all
+ * Implements a React {@link Component} which displays a list of all
  * the audio input & output devices to choose from.
  *
  * @extends Component

react/features/settings/components/web/audio/MicrophoneEntry.js

@@ -89,7 +89,7 @@ export default class MicrophoneEntry extends Component<Props, State> {
     }
 
     /**
-     * Subscribes to audio level chanages comming from the jitsiTrack.
+     * Subscribes to audio level changes coming from the jitsiTrack.
      *
      * @returns {void}
      */
@@ -102,7 +102,7 @@ export default class MicrophoneEntry extends Component<Props, State> {
     }
 
     /**
-     * Unsubscribes from chanages comming from the jitsiTrack.
+     * Unsubscribes from changes coming from the jitsiTrack.
      *
      * @param {Object} jitsiTrack - The jitsiTrack to unsubscribe from.
      * @returns {void}

react/features/settings/functions.js

@@ -155,7 +155,7 @@ export function getProfileTabProps(stateful: Object | Function) {
  * Returns a promise which resolves with a list of objects containing
  * all the video jitsiTracks and appropriate errors for the given device ids.
  *
- * @param {string[]} ids - The list of the camera ids for wich to create tracks.
+ * @param {string[]} ids - The list of the camera ids for which to create tracks.
  * @param {number} [timeout] - A timeout for the createLocalTrack function call.
  *
  * @returns {Promise<Object[]>}

react/features/stream-effects/audio-mixer/AudioMixerEffect.js

@@ -91,7 +91,7 @@ export class AudioMixerEffect {
     }
 
     /**
-     * Check wether or not this effect is muted.
+     * Check whether or not this effect is muted.
      *
      * @returns {boolean}
      */

react/features/toolbox/components/AudioMuteButton.js

@@ -88,7 +88,7 @@ class AudioMuteButton extends AbstractAudioMuteButton<Props, *> {
     }
 
     /**
-     * Indicates if audio is currently muted ot nor.
+     * Indicates if audio is currently muted or not.
      *
      * @override
      * @protected

react/features/toolbox/components/HelpButton.js

@@ -12,7 +12,7 @@ import { openURLInBrowser } from '../../base/util';
 type Props = AbstractButtonProps & {
 
     /**
-     * The URL to the user documenation.
+     * The URL to the user documentation.
      */
     _userDocumentationURL: string
 };

react/features/toolbox/components/VideoMuteButton.js

@@ -115,7 +115,7 @@ class VideoMuteButton extends AbstractVideoMuteButton<Props, *> {
     }
 
     /**
-     * Indicates if video is currently muted ot nor.
+     * Indicates if video is currently muted or not.
      *
      * @override
      * @protected

react/features/toolbox/components/web/OverflowMenuButton.js

@@ -28,7 +28,7 @@ type Props = {
     isOpen: boolean,
 
     /**
-     * Calback to change the visibility of the overflow menu.
+     * Callback to change the visibility of the overflow menu.
      */
     onVisibilityChange: Function,