Merge pull request #59 from duskload/RDD-50-Detect-Electron

#50 update readme. add electron. bump version

Author: duskload

README.md

@@ -142,6 +142,11 @@ const styles = {
 | engineVersion      | string   | returns engine version                                                                 |
 | getUA              | string   | returns user agent                                                                     |
 | deviceType         | string   | returns device type (e.g `mobile` or `tablet`)                                         |
+| isIOS13            | boolean  | returns true/false if device is running on iOS13                                       |
+| isIPhone13         | boolean  | returns true/false if device is iPhone and running on iOS13                            |
+| isIPad13           | boolean  | returns true/false if device is iPad and running on iOS13                              |
+| isIPod13           | boolean  | returns true/false if device is iPod and running on iOS13                              |
+| isElectron         | boolean  | returns true/false if running on Electron                                              |
 | deviceDetect       | function | return data object which includes all data about device (e.g version, engine, os etc.) |
 
 ### Views

index.d.ts

@@ -55,6 +55,7 @@ declare module "react-device-detect" {
   export import isIPad13 = ReactDeviceDetect.isIPad13;
   export import isIPhone13 = ReactDeviceDetect.isIPhone13;
   export import isIPod13 = ReactDeviceDetect.isIPod13;
+  export import isElectron = ReactDeviceDetect.isElectron;
   export import withOrientationChange = ReactDeviceDetect.withOrientationChange;
 }
 
@@ -181,4 +182,6 @@ declare namespace ReactDeviceDetect {
   export const isIPhone13: boolean;
 
   export const isIPod13: boolean;
+
+  export const isElectron: boolean;
 }

main.js

@@ -414,6 +414,11 @@ var isIEType = function isIEType() {
   return browser.name === BROWSER_TYPES.INTERNET_EXPLORER || browser.name === BROWSER_TYPES.IE;
 };
 
+var isElectronType = function isElectronType() {
+  var ua = navigator.userAgent.toLowerCase();
+  return ua.includes('electron');
+};
+
 var getIOS13 = function getIOS13() {
   return (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window.MSStream;
 };
@@ -508,6 +513,7 @@ var isIOS13 = getIOS13();
 var isIPad13 = getIPad13();
 var isIPhone13 = getIphone13();
 var isIPod13 = getIPod13();
+var isElectron = isElectronType();
 
 var AndroidView = function AndroidView(_ref) {
   var renderWithFragment = _ref.renderWithFragment,
@@ -737,6 +743,7 @@ exports.isChrome = isChrome;
 exports.isChromium = isChromium;
 exports.isConsole = isConsole;
 exports.isEdge = isEdge;
+exports.isElectron = isElectron;
 exports.isFirefox = isFirefox;
 exports.isIE = isIE;
 exports.isIOS = isIOS;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-device-detect",
-  "version": "1.10.11",
+  "version": "1.11.11",
   "description": "Detect device type and render your component according to it",
   "main": "main.js",
   "typings": "./index.d.ts",

src/components/helpers/selectors.js

@@ -42,6 +42,11 @@ const isOperaType = () => browser.name === BROWSER_TYPES.OPERA;
 const isIEType = () =>
   browser.name === BROWSER_TYPES.INTERNET_EXPLORER ||
   browser.name === BROWSER_TYPES.IE;
+const isElectronType = () => {
+  const ua = navigator.userAgent.toLowerCase()
+
+  return ua.includes('electron')
+}
 
 const getIOS13 = () => {
   return (
@@ -101,3 +106,4 @@ export const isIOS13 = getIOS13()
 export const isIPad13 = getIPad13()
 export const isIPhone13 = getIphone13()
 export const isIPod13 = getIPod13()
+export const isElectron = isElectronType()