6f95c50d6e
This reverts commit 7c911eca96a6034bc96276e0a491774df52bc2cd. I'm dumb. We need global mode because otherwise lastIndex is not updated in the regex object, which we rely upon, so this is intentional.
119 lines
3.7 KiB
JavaScript
119 lines
3.7 KiB
JavaScript
/* global interfaceConfig */
|
|
|
|
import { URI_PROTOCOL_PATTERN } from '../base/util';
|
|
import { Platform } from '../base/react';
|
|
|
|
import {
|
|
DeepLinkingDesktopPage,
|
|
DeepLinkingMobilePage,
|
|
NoMobileApp
|
|
} from './components';
|
|
import { _shouldShowDeepLinkingDesktopPage }
|
|
from './shouldShowDeepLinkingDesktopPage';
|
|
|
|
/**
|
|
* Promise that resolves when the window load event is received.
|
|
*
|
|
* @type {Promise<void>}
|
|
*/
|
|
const windowLoadedPromise = new Promise(resolve => {
|
|
/**
|
|
* Handler for the window load event.
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
function onWindowLoad() {
|
|
resolve();
|
|
window.removeEventListener('load', onWindowLoad);
|
|
}
|
|
|
|
window.addEventListener('load', onWindowLoad);
|
|
});
|
|
|
|
|
|
/**
|
|
* Generates a deep linking URL based on the current window URL.
|
|
*
|
|
* @returns {string} - The generated URL.
|
|
*/
|
|
export function generateDeepLinkingURL() {
|
|
// If the user installed the app while this Component was displayed
|
|
// (e.g. the user clicked the Download the App button), then we would
|
|
// like to open the current URL in the mobile app. The only way to do it
|
|
// appears to be a link with an app-specific scheme, not a Universal
|
|
// Link.
|
|
|
|
const appScheme = interfaceConfig.APP_SCHEME || 'org.jitsi.meet';
|
|
const { href } = window.location;
|
|
const regex = new RegExp(URI_PROTOCOL_PATTERN, 'gi');
|
|
|
|
// Android: use an intent link, custom schemes don't work in all browsers.
|
|
// https://developer.chrome.com/multidevice/android/intents
|
|
if (Platform.OS === 'android') {
|
|
// https://meet.jit.si/foo -> meet.jit.si/foo
|
|
const url = href.replace(regex, '').substr(2);
|
|
const pkg = interfaceConfig.ANDROID_APP_PACKAGE || 'org.jitsi.meet';
|
|
|
|
return `intent://${url}#Intent;scheme=${appScheme};package=${pkg};end`;
|
|
}
|
|
|
|
// iOS: Replace the protocol part with the app scheme.
|
|
return href.replace(regex, `${appScheme}:`);
|
|
}
|
|
|
|
/**
|
|
* Resolves with the component that should be displayed if the deep linking page
|
|
* should be shown and with <tt>undefined</tt> otherwise.
|
|
*
|
|
* @param {Object} state - Object containing current redux state.
|
|
* @returns {Promise<Component>}
|
|
*/
|
|
export function getDeepLinkingPage(state) {
|
|
const { room } = state['features/base/conference'];
|
|
|
|
// Show only if we are about to join a conference.
|
|
if (!room) {
|
|
return Promise.resolve();
|
|
}
|
|
|
|
const OS = Platform.OS;
|
|
const isUsingMobileBrowser = OS === 'android' || OS === 'ios';
|
|
|
|
if (isUsingMobileBrowser) { // mobile
|
|
const mobileAppPromo
|
|
= typeof interfaceConfig === 'object'
|
|
&& interfaceConfig.MOBILE_APP_PROMO;
|
|
|
|
return Promise.resolve(
|
|
typeof mobileAppPromo === 'undefined' || Boolean(mobileAppPromo)
|
|
? DeepLinkingMobilePage : NoMobileApp);
|
|
}
|
|
|
|
// desktop
|
|
const { launchInWeb } = state['features/deep-linking'];
|
|
|
|
if (launchInWeb) {
|
|
return Promise.resolve();
|
|
}
|
|
|
|
return _shouldShowDeepLinkingDesktopPage().then(
|
|
// eslint-disable-next-line no-confusing-arrow
|
|
show => show ? DeepLinkingDesktopPage : undefined);
|
|
}
|
|
|
|
/**
|
|
* Opens the desktop app.
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
export function openDesktopApp() {
|
|
windowLoadedPromise.then(() => {
|
|
// If the code for opening the deep link is executed before the window
|
|
// load event, something with the internal chrome state goes wrong. The
|
|
// result is that no window load event is received which is the cause
|
|
// for some permission prompts to not be displayed. In our case the GUM
|
|
// prompt wasn't displayed which causes the GUM call to never finish.
|
|
window.location.href = generateDeepLinkingURL();
|
|
});
|
|
}
|