63 lines
1.5 KiB
JavaScript
63 lines
1.5 KiB
JavaScript
import { Linking } from 'react-native';
|
|
import * as WebBrowser from 'expo-web-browser';
|
|
import RNUserDefaults from 'rn-user-defaults';
|
|
import parse from 'url-parse';
|
|
|
|
import { themes } from '../constants/colors';
|
|
|
|
export const DEFAULT_BROWSER_KEY = 'DEFAULT_BROWSER_KEY';
|
|
|
|
const scheme = {
|
|
chrome: 'googlechrome:',
|
|
chromeSecure: 'googlechromes:',
|
|
firefox: 'firefox:',
|
|
brave: 'brave:'
|
|
};
|
|
|
|
const appSchemeURL = (url, browser) => {
|
|
let schemeUrl = url;
|
|
const parsedUrl = parse(url, true);
|
|
const { protocol } = parsedUrl;
|
|
const isSecure = ['https:'].includes(protocol);
|
|
|
|
if (browser === 'googlechrome') {
|
|
if (!isSecure) {
|
|
schemeUrl = url.replace(protocol, scheme.chrome);
|
|
} else {
|
|
schemeUrl = url.replace(protocol, scheme.chromeSecure);
|
|
}
|
|
} else if (browser === 'firefox') {
|
|
schemeUrl = `${ scheme.firefox }//open-url?url=${ url }`;
|
|
} else if (browser === 'brave') {
|
|
schemeUrl = `${ scheme.brave }//open-url?url=${ url }`;
|
|
}
|
|
|
|
return schemeUrl;
|
|
};
|
|
|
|
const openLink = async(url, theme = 'light') => {
|
|
try {
|
|
const browser = await RNUserDefaults.get(DEFAULT_BROWSER_KEY);
|
|
|
|
if (browser) {
|
|
const schemeUrl = appSchemeURL(url, browser.replace(':', ''));
|
|
await Linking.openURL(schemeUrl);
|
|
} else {
|
|
await WebBrowser.openBrowserAsync(url, {
|
|
toolbarColor: themes[theme].headerBackground,
|
|
controlsColor: themes[theme].headerTintColor,
|
|
collapseToolbar: true,
|
|
showTitle: true
|
|
});
|
|
}
|
|
} catch {
|
|
try {
|
|
await Linking.openURL(url);
|
|
} catch {
|
|
// do nothing
|
|
}
|
|
}
|
|
};
|
|
|
|
export default openLink;
|