Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-09-20 22:31:59 +00:00
Code Issues Projects Releases Packages Wiki Activity

Electron upgrade to 8.3.0 and related packages to latest versions, resolves #107

Browse source
This commit is contained in:
Manoj Vivek 2020-05-24 15:26:24 +05:30
parent 277216899a
commit 1e6d539109
12 changed files with 7335 additions and 5762 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
desktop-app/app/app.html
View file

@ -1,17 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="default-src * data: blob: 'unsafe-inline' 'unsafe-eval';">
<meta
http-equiv="Content-Security-Policy"
content="default-src * data: blob: 'unsafe-inline' 'unsafe-eval';"
/>
<link
href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
rel="stylesheet"
/>
<meta charset="utf-8" />
<title>Responsively</title>
<script src='../node_modules/electron-cookies/dist/electron-cookies.js'></script>
<script src="../node_modules/electron-cookies/dist/electron-cookies.js"></script>
<script type="text/javascript">
// prettier-ignore
window.heap = window.heap || [], heap.load = function (e, t) { window.heap.appid = e, window.heap.config = t = t || {}; var r = t.forceSSL || "https:" === document.location.protocol, a = document.createElement("script"); a.type = "text/javascript", a.async = !0, a.src = (r ? "https:" : "http:") + "//cdn.heapanalytics.com/js/heap-" + e + ".js"; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(a, n); for (var o = function (e) { return function () { heap.push([e].concat(Array.prototype.slice.call(arguments, 0))) } }, p = ["addEventProperties", "addUserProperties", "clearEventProperties", "identify", "resetIdentity", "removeEventProperty", "setEventProperties", "track", "unsetEventProperty"], c = 0; c < p.length; c++)heap[p[c]] = o(p[c]) };
window.heap = window.heap || [], heap.load = function (e, t) { window.heap.appid = e, window.heap.config = t = t || {}; var r = t.forceSSL || "https:" === document.location.protocol, a = document.createElement("script"); a.type = "text/javascript", a.async = !0, a.src = "https://cdn.heapanalytics.com/js/heap-" + e + ".js"; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(a, n); for (var o = function (e) { return function () { heap.push([e].concat(Array.prototype.slice.call(arguments, 0))) } }, p = ["addEventProperties", "addUserProperties", "clearEventProperties", "identify", "resetIdentity", "removeEventProperty", "setEventProperties", "track", "unsetEventProperty"], c = 0; c < p.length; c++)heap[p[c]] = o(p[c]) };
heap.load('3453744655');
</script>
<script>

2
desktop-app/app/components/DevicesPreviewer/index.js
View file

@ -35,7 +35,7 @@ export default function DevicesPreviewer(props) {
return null;
}
return (
<Tab tabId={device.id}>
<Tab tabId={device.id} key={device.id}>
{getDeviceIcon(device.type)}
{device.name}
</Tab>

1
desktop-app/app/components/LeftIconsPane/index.js
View file

@ -20,7 +20,6 @@ import {
const LeftIconsPane = props => {
const headwayRef = useRef();
const iconProps = {
color: iconsColor,
style: {fontSize: 30},
height: 30,
width: 30,

10
desktop-app/app/components/QuickFilterDevices/index.js
View file

@ -47,7 +47,7 @@ export default function QuickFilterDevices(props) {
})}
onClick={() => props.toggleFilter(FILTER_FIELDS.OS, OS.android)}
>
<AndroidIcon color={iconsColor} style={{fontSize: 40}} />
<AndroidIcon style={{fontSize: 40}} />
</div>
<div
className={cx(styles.optionIcon, commonStyles.icons, {
@ -73,7 +73,7 @@ export default function QuickFilterDevices(props) {
})}
onClick={() => props.toggleFilter(FILTER_FIELDS.OS, OS.pc)}
>
<DesktopIcon color={iconsColor} style={{fontSize: 40}} />
<DesktopIcon style={{fontSize: 40}} />
</div>
</div>
</div>
@ -93,7 +93,7 @@ export default function QuickFilterDevices(props) {
props.toggleFilter(FILTER_FIELDS.DEVICE_TYPE, DEVICE_TYPE.phone)
}
>
<MobileIcon color={iconsColor} style={{fontSize: 35}} />
<MobileIcon style={{fontSize: 35}} />
</div>
<div
className={cx(styles.optionIcon, commonStyles.icons, {
@ -111,7 +111,7 @@ export default function QuickFilterDevices(props) {
)
}
>
<TabletIcon color={iconsColor} style={{fontSize: 35}} />
<TabletIcon style={{fontSize: 35}} />
</div>
<div
className={cx(styles.optionIcon, commonStyles.icons, {
@ -129,7 +129,7 @@ export default function QuickFilterDevices(props) {
)
}
>
<DesktopIcon color={iconsColor} style={{fontSize: 40}} />
<DesktopIcon style={{fontSize: 40}} />
</div>
</div>
</div>

2
desktop-app/app/components/UserPreferences/index.js
View file

@ -14,7 +14,7 @@ export default function UserPreference(props) {
return (
<div className={cx(commonStyles.sidebarContentSection)}>
<div className={cx(commonStyles.sidebarContentSectionTitleBar)}>
<SettingsIcon color="white" width={26} margin={2} /> User Preferences
<SettingsIcon width={26} margin={2} /> User Preferences
</div>
<div className={cx(commonStyles.sidebarContentSectionContainer)}>
<div>

26
desktop-app/app/components/WebView/index.js
View file

@ -172,6 +172,14 @@ class WebView extends Component {
});
}
getWebContents() {
return this.getWebContentForId(this.webviewRef.current.getWebContentsId());
}
getWebContentForId(id) {
return remote.webContents.fromId(id);
}
componentWillUnmount() {
this.subscriptions.forEach(pubsub.unsubscribe);
}
@ -179,7 +187,7 @@ class WebView extends Component {
initDeviceEmulationParams = () => {
try {
return;
this.webviewRef.current.getWebContents().enableDeviceEmulation({
this.getWebContents().enableDeviceEmulation({
screenPosition: this.isMobile ? 'mobile' : 'desktop',
screenSize: {
width: this.props.device.width,
@ -264,12 +272,10 @@ class WebView extends Component {
} = this.webviewRef.current.getBoundingClientRect();
const {x: deviceX, y: deviceY} = message;
const zoomFactor = this.props.browser.zoomLevel;
this.webviewRef.current
.getWebContents()
.inspectElement(
Math.round(webViewX + deviceX * zoomFactor),
Math.round(webViewY + deviceY * zoomFactor)
);
this.getWebContents().inspectElement(
Math.round(webViewX + deviceX * zoomFactor),
Math.round(webViewY + deviceY * zoomFactor)
);
};
processEnableInspectorEvent = () => {
@ -320,7 +326,7 @@ class WebView extends Component {
};
initEventTriggers = webview => {
webview.getWebContents().executeJavaScript(`
this.getWebContentForId(webview.getWebContentsId()).executeJavaScript(`
responsivelyApp.deviceId = ${this.props.device.id};
document.body.addEventListener('mouseleave', () => {
window.responsivelyApp.mouseOn = false;
@ -393,8 +399,8 @@ class WebView extends Component {
this.webviewRef.current
.getWebContents()
.setDevToolsWebContents(devtools.webContents);
this.webviewRef.current.getWebContents().openDevTools({mode: 'detach'});*/
this.webviewRef.current.getWebContents().toggleDevTools();
this.getWebContents().openDevTools({mode: 'detach'});*/
this.getWebContents().toggleDevTools();
};
_flipOrientation = () => {

6
desktop-app/app/components/WebView/screenshotUtil.js
View file

@ -1,6 +1,6 @@
// @flow
import React from 'react';
import {shell} from 'electron';
import {shell, remote} from 'electron';
import {toast} from 'react-toastify';
import NotificationMessage from '../NotificationMessage';
import _mergeImg from 'merge-img';
@ -160,7 +160,9 @@ const _delay = ms =>
});
const _takeSnapshot = (webView, options) => {
return webView.getWebContents().capturePage(options);
return remote.webContents
.fromId(webView.getWebContentsId())
.capturePage(options);
};
function _getScreenshotFileName(

19
desktop-app/app/main.dev.js
View file

@ -18,6 +18,11 @@ import log from 'electron-log';
import MenuBuilder from './menu';
import {USER_PREFERENCES} from './constants/settingKeys';
import * as Sentry from '@sentry/electron';
import installExtension, {
REACT_DEVELOPER_TOOLS,
REDUX_DEVTOOLS,
} from 'electron-devtools-installer';
import devtron from 'devtron';
const path = require('path');
@ -52,13 +57,14 @@ if (
}
const installExtensions = async () => {
const installer = require('electron-devtools-installer');
const forceDownload = !!process.env.UPGRADE_EXTENSIONS;
const extensions = ['REACT_DEVELOPER_TOOLS', 'REDUX_DEVTOOLS'];
return Promise.all(
extensions.map(name => installer.default(installer[name], forceDownload))
).catch(console.log);
const extensions = [REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS];
try {
const statuses = await installExtension(extensions);
devtron.install();
} catch (err) {
console.log('Error installing extensions', err);
}
};
/**
@ -113,6 +119,7 @@ const createWindow = async () => {
nodeIntegration: true,
nodeIntegrationInWorker: true,
webviewTag: true,
enableRemoteModule: true,
},
titleBarStyle: 'hidden',
icon: iconPath,

1
desktop-app/app/utils/iconUtils.js
View file

@ -10,7 +10,6 @@ import AndroidIcon from '@material-ui/icons/Android';
export const getDeviceIcon = deviceType => {
const iconProps = {
color: iconsColor,
style: {fontSize: 'inherit', paddingRight: 2},
};
switch (deviceType) {

1
desktop-app/babel.config.js
View file

@ -29,6 +29,7 @@ module.exports = api => {
targets: {
electron: require('electron/package.json').version,
},
corejs: '2',
useBuiltIns: 'usage',
},
],

30
desktop-app/package.json
View file

@ -26,7 +26,7 @@
"publish-mac": "yarn build && electron-builder build --mac --publish always",
"package-win": "yarn build && electron-builder build --win --x64",
"publish-win": "yarn build && electron-builder build --win --x64 --publish always",
"postinstall": "electron-builder install-app-deps package.json && yarn build-dll && opencollective-postinstall",
"postinstall": "electron-builder install-app-deps && yarn build-dll",
"postlint-fix": "prettier --ignore-path .eslintignore --single-quote --write '**/*.{*{js,jsx,json},babelrc,eslintrc,prettierrc,stylelintrc}'",
"postlint-styles-fix": "prettier --ignore-path .eslintignore --single-quote --write '**/*.{css,scss}'",
"precommit": "#lint-staged",
@ -191,9 +191,9 @@
"cross-spawn": "^6.0.5",
"css-loader": "^1.0.1",
"detect-port": "^1.3.0",
"electron": "^6.0.1",
"electron-builder": "^22.2.0",
"electron-devtools-installer": "^2.2.4",
"electron": "^8.3.0",
"electron-builder": "^22.6.1",
"electron-devtools-installer": "^3.0.0",
"enzyme": "^3.7.0",
"enzyme-adapter-react-16": "^1.7.0",
"enzyme-to-json": "^3.3.4",
@ -252,21 +252,21 @@
"@material-ui/core": "^4.3.2",
"@material-ui/icons": "^4.2.1",
"@material-ui/lab": "^4.0.0-alpha.26",
"@sentry/electron": "^0.17.3",
"@sentry/electron": "^1.3.0",
"bluebird": "^3.5.5",
"classnames": "^2.2.6",
"core-js": "2",
"devtron": "^1.4.0",
"dotenv": "^8.1.0",
"electron-cookies": "heap/electron-cookies",
"electron-debug": "^3.0.1",
"electron-log": "^3.0.7",
"electron-notarize": "^0.2.1",
"electron-debug": "^3.1.0",
"electron-log": "^4.2.0",
"electron-notarize": "^0.3.0",
"electron-settings": "^3.2.0",
"electron-updater": "^4.1.2",
"electron-updater": "^4.3.1",
"flwww": "^2.0.10",
"history": "^4.7.2",
"isomorphic-ws": "^4.0.1",
"jimp": "^0.8.4",
"jimp": "^0.12.1",
"merge-img": "^2.1.3",
"promise-worker": "^2.0.1",
"pubsub.js": "^1.5.2",
@ -277,22 +277,20 @@
"react-redux": "^7.1.0",
"react-router": "^5.0.1",
"react-router-dom": "^5.0.1",
"react-select": "^3.0.4",
"react-select": "^3.1.0",
"react-switch": "^5.0.1",
"react-tabs": "^3.0.0",
"react-toastify": "^5.3.2",
"redux": "^4.0.4",
"redux-thunk": "^2.3.0",
"socket.io-client": "^2.2.0",
"source-map-support": "^0.5.9",
"ws": "^7.1.2"
"source-map-support": "^0.5.9"
},
"devEngines": {
"node": ">=7.x",
"npm": ">=4.x",
"yarn": ">=0.21.3"
},
"browserslist": "electron 1.6",
"browserslist": "electron 9.0.0",
"resolutions": {
"node-gyp": "^6.1.0",
"node-pre-gyp": "^0.14.0"

12990
desktop-app/yarn.lock
View file

File diff suppressed because it is too large Load diff