Files
mattermost-mobile/app/managers/global_event_handler.ts
Elias Nahum c1fbaffd3e Support for Android Tablets & Foldable (#7025)
* Add Support for Android tablets & foldables

* add tablet and book posture

* Regenerate disposed observable on WindowInfoTracker
2023-01-26 20:31:18 +02:00

148 lines
6.0 KiB
TypeScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import {Alert, DeviceEventEmitter, Linking, NativeEventEmitter, NativeModules} from 'react-native';
import RNLocalize from 'react-native-localize';
import semver from 'semver';
import {switchToChannelById} from '@actions/remote/channel';
import {autoUpdateTimezone} from '@actions/remote/user';
import LocalConfig from '@assets/config.json';
import {Device, Events, Sso} from '@constants';
import {MIN_REQUIRED_VERSION} from '@constants/supported_server';
import DatabaseManager from '@database/manager';
import {DEFAULT_LOCALE, getTranslations, t} from '@i18n';
import {getServerCredentials} from '@init/credentials';
import * as analytics from '@managers/analytics';
import {getAllServers, getActiveServerUrl} from '@queries/app/servers';
import {queryTeamDefaultChannel} from '@queries/servers/channel';
import {getCommonSystemValues} from '@queries/servers/system';
import {getTeamChannelHistory} from '@queries/servers/team';
import {setScreensOrientation} from '@screens/navigation';
import {handleDeepLink} from '@utils/deep_link';
import {logError} from '@utils/log';
import type {jsAndNativeErrorHandler} from '@typings/global/error_handling';
type LinkingCallbackArg = {url: string};
const {SplitView} = NativeModules;
const splitViewEmitter = new NativeEventEmitter(SplitView);
class GlobalEventHandler {
JavascriptAndNativeErrorHandler: jsAndNativeErrorHandler | undefined;
constructor() {
DeviceEventEmitter.addListener(Events.SERVER_VERSION_CHANGED, this.onServerVersionChanged);
DeviceEventEmitter.addListener(Events.CONFIG_CHANGED, this.onServerConfigChanged);
RNLocalize.addEventListener('change', async () => {
try {
const servers = await getAllServers();
for (const server of servers) {
if (server.url && server.lastActiveAt > 0) {
autoUpdateTimezone(server.url);
}
}
} catch (e) {
logError('Localize change', e);
}
});
splitViewEmitter.addListener('SplitViewChanged', this.onSplitViewChanged);
Linking.addEventListener('url', this.onDeepLink);
}
init = () => {
this.JavascriptAndNativeErrorHandler = require('@utils/error_handling').default;
this.JavascriptAndNativeErrorHandler?.initializeErrorHandling();
};
configureAnalytics = async (serverUrl: string, config?: ClientConfig) => {
if (serverUrl && config?.DiagnosticsEnabled === 'true' && config?.DiagnosticId && LocalConfig.RudderApiKey) {
let client = analytics.get(serverUrl);
if (!client) {
client = analytics.create(serverUrl);
}
await client.init(config);
}
};
onDeepLink = (event: LinkingCallbackArg) => {
if (event.url?.startsWith(Sso.REDIRECT_URL_SCHEME) || event.url?.startsWith(Sso.REDIRECT_URL_SCHEME_DEV)) {
return;
}
if (event.url) {
handleDeepLink(event.url);
}
};
onServerConfigChanged = ({serverUrl, config}: {serverUrl: string; config: ClientConfig}) => {
this.configureAnalytics(serverUrl, config);
};
onServerVersionChanged = async ({serverUrl, serverVersion}: {serverUrl: string; serverVersion?: string}) => {
const match = serverVersion?.match(/^[0-9]*.[0-9]*.[0-9]*(-[a-zA-Z0-9.-]*)?/g);
const version = match && match[0];
const locale = DEFAULT_LOCALE;
const translations = getTranslations(locale);
if (version) {
if (semver.valid(version) && semver.lt(version, MIN_REQUIRED_VERSION)) {
Alert.alert(
translations[t('mobile.server_upgrade.title')],
translations[t('mobile.server_upgrade.description')],
[{
text: translations[t('mobile.server_upgrade.button')],
onPress: () => this.serverUpgradeNeeded(serverUrl),
}],
{cancelable: false},
);
}
}
};
onSplitViewChanged = async (result: SplitViewResult) => {
if (result.isTablet != null && Device.IS_TABLET !== result.isTablet) {
Device.IS_TABLET = result.isTablet;
const serverUrl = await getActiveServerUrl();
if (serverUrl && result.isTablet) {
try {
const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
const {currentChannelId, currentTeamId} = await getCommonSystemValues(database);
if (currentTeamId && !currentChannelId) {
let channelId = '';
const teamChannelHistory = await getTeamChannelHistory(database, currentTeamId);
if (teamChannelHistory.length) {
channelId = teamChannelHistory[0];
} else {
const defaultChannel = await queryTeamDefaultChannel(database, currentTeamId).fetch();
if (defaultChannel.length) {
channelId = defaultChannel[0].id;
}
}
if (channelId) {
switchToChannelById(serverUrl, channelId);
}
}
} catch {
// do nothing, the UI will not show a channel but that is fixed when the user picks one.
}
}
setScreensOrientation(result.isTablet);
}
};
serverUpgradeNeeded = async (serverUrl: string) => {
const credentials = await getServerCredentials(serverUrl);
if (credentials) {
DeviceEventEmitter.emit(Events.SERVER_LOGOUT, {serverUrl, removeServer: false});
}
};
}
export default new GlobalEventHandler();