BlockStorage/repertory-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Redux changes and refactoring

Browse Source
This commit is contained in:
Scott E. Graves
2019-06-06 13:00:19 -05:00
parent defbc58c7d
commit 6502657e3c
9 changed files with 193 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
src/App.js
View File

@@ -1,5 +1,4 @@
import React from 'react';
import axios from 'axios';
import './App.css';
import Box from './components/UI/Box/Box';
import Configuration from './containers/Configuration/Configuration';
@@ -8,6 +7,7 @@ import DependencyList from './components/DependencyList/DependencyList';
import DownloadProgress from './components/DownloadProgress/DownloadProgress';
import ErrorDetails from './components/ErrorDetails/ErrorDetails';
import Grid from './components/UI/Grid/Grid';
import IPCContainer from './containers/IPCContainer/IPCContainer';
import Loading from './components/UI/Loading/Loading';
import Modal from './components/UI/Modal/Modal';
import MountItems from './containers/MountItems/MountItems';
@@ -15,8 +15,7 @@ import ReleaseVersionDisplay from './components/ReleaseVersionDisplay/ReleaseVer
import Text from './components/UI/Text/Text';
import UpgradeIcon from './components/UpgradeIcon/UpgradeIcon';
import UpgradeUI from './components/UpgradeUI/UpgradeUI';
import IPCContainer from './containers/IPCContainer/IPCContainer';
import {detectUIUpgrade, setDismissUIUpgrade} from './redux/actions/release_version_actions';
import {detectUIUpgrade, loadReleases, setActiveRelease, setDismissUIUpgrade, setReleaseUpgradeAvailable} from './redux/actions/release_version_actions';
const Constants = require('./constants');
const Scheduler = require('node-schedule');
@@ -38,18 +37,15 @@ class App extends IPCContainer {
this.setRequestHandler(Constants.IPC_Download_File_Progress, this.onDownloadFileProgress);
this.setRequestHandler(Constants.IPC_Extract_Release_Complete, this.onExtractReleaseComplete);
this.setRequestHandler(Constants.IPC_Get_State_Reply, this.onGetStateReply);
this.setRequestHandler(Constants.IPC_Grab_Releases_Reply, this.onGrabReleasesReply);
this.setRequestHandler(Constants.IPC_Install_Dependency_Reply, this.onInstallDependencyReply);
this.setRequestHandler(Constants.IPC_Install_Upgrade_Reply, this.onInstallUpgradeReply);
this.sendRequest(Constants.IPC_Get_State);
Scheduler.scheduleJob('23 11 * * *', this.updateCheckScheduledJob);
}
state = {
AllowDownload: false,
DisplayError: false,
DisplayMainContent: false,
Error: null,
ErrorAction: null,
ErrorCritical: false,
@@ -60,26 +56,8 @@ class App extends IPCContainer {
DownloadingRelease: false,
DownloadingUpgrade: false,
ExtractActive: false,
LocationsLookup: {},
MissingDependencies: [],
Release: 2,
InstalledVersion: 'none',
Version: -1,
VersionAvailable: false,
VersionLookup: {
Alpha: [
'unavailable'
],
Beta: [
'unavailable'
],
RC: [
'unavailable'
],
Release: [
'unavailable'
],
}
};
checkVersionInstalled = () => {
@@ -89,8 +67,8 @@ class App extends IPCContainer {
const selectedVersion = this.getSelectedVersion();
if (selectedVersion !== 'unavailable') {
let dependencies = [];
if (this.state.LocationsLookup[selectedVersion] && this.state.LocationsLookup[selectedVersion].dependencies) {
dependencies = this.state.LocationsLookup[selectedVersion].dependencies;
if (this.props.LocationsLookup[selectedVersion] && this.props.LocationsLookup[selectedVersion].dependencies) {
dependencies = this.props.LocationsLookup[selectedVersion].dependencies;
}
this.sendRequest(Constants.IPC_Check_Installed, {
@@ -116,6 +94,19 @@ class App extends IPCContainer {
}
};
componentDidMount() {
this.sendRequest(Constants.IPC_Get_State);
}
componentDidUpdate(prevProps) {
if ((prevProps.Release !== this.props.Release) ||
(prevProps.ReleaseVersion !== this.props.ReleaseVersion) ||
(prevProps.VersionLookup !== this.props.VersionLookup)) {
this.saveState();
this.checkVersionInstalled();
}
}
extractFileNameFromURL = url => {
const parts = url.split('/');
return parts[parts.length - 1];
@@ -140,12 +131,12 @@ class App extends IPCContainer {
};
getSelectedVersion = () => {
return this.state.VersionLookup[Constants.RELEASE_TYPES[this.state.Release]][this.state.Version];
return this.props.VersionLookup[Constants.RELEASE_TYPES[this.props.Release]][this.props.ReleaseVersion];
};
grabReleases = () => {
detectUpgrades = () => {
if (this.props.AppPlatform !== 'unknown') {
this.sendRequest(Constants.IPC_Grab_Releases);
this.props.loadReleases();
this.props.detectUIUpgrade();
}
};
@@ -200,15 +191,9 @@ class App extends IPCContainer {
};
handleReleaseChanged = (e) => {
const val = parseInt(e.target.value, 10);
const versionIndex = this.state.VersionLookup[Constants.RELEASE_TYPES[val]].length - 1;
this.setState({
Release: val,
Version: versionIndex
}, ()=> {
this.saveState();
this.checkVersionInstalled( );
});
const release = parseInt(e.target.value, 10);
const releaseVersion = this.props.VersionLookup[Constants.RELEASE_TYPES[release]].length - 1;
this.props.setActiveRelease(release, releaseVersion);
};
handleReleaseDownload = () => {
@@ -221,7 +206,7 @@ class App extends IPCContainer {
}, () => {
this.sendRequest(Constants.IPC_Download_File, {
Filename: this.state.DownloadName,
URL: this.state.LocationsLookup[selectedVersion].urls[0],
URL: this.props.LocationsLookup[selectedVersion].urls[0],
});
});
};
@@ -241,12 +226,7 @@ class App extends IPCContainer {
};
handleVersionChanged = (e) => {
this.setState({
Version: parseInt(e.target.value, 10),
}, ()=> {
this.saveState();
this.checkVersionInstalled( );
});
this.props.setActiveRelease(this.props.Release, parseInt(e.target.value, 10));
};
installDependency = data => {
@@ -267,8 +247,8 @@ class App extends IPCContainer {
installUpgrade = data => {
if (data.Success) {
const sha256 = this.state.LocationsLookup[this.props.AppPlatform][this.state.VersionLookup[this.props.AppPlatform][0]].sha256;
const signature = this.state.LocationsLookup[this.props.AppPlatform][this.state.VersionLookup[this.props.AppPlatform][0]].sig;
const sha256 = this.props.LocationsLookup[this.props.AppPlatform][this.props.VersionLookup[this.props.AppPlatform][0]].sha256;
const signature = this.props.LocationsLookup[this.props.AppPlatform][this.props.VersionLookup[this.props.AppPlatform][0]].sig;
this.sendRequest(Constants.IPC_Install_Upgrade, {
Sha256: sha256,
Signature: signature,
@@ -288,23 +268,25 @@ class App extends IPCContainer {
onCheckInstalledReply = (event, arg) => {
const action = () => {
const installedVersion = arg.data.Success && arg.data.Exists ? arg.data.Version : 'none';
let versionAvailable = false;
let upgradeAvailable = false;
if (installedVersion !== 'none') {
const latestVersion = this.state.VersionLookup[Constants.RELEASE_TYPES[this.state.Release]].length - 1;
let version = this.state.Version;
const latestVersion = this.props.VersionLookup[Constants.RELEASE_TYPES[this.props.Release]].length - 1;
let version = this.props.ReleaseVersion;
if (version === -1) {
version = latestVersion;
this.props.setActiveRelease(this.props.Release, version);
} else {
upgradeAvailable = version !== latestVersion;
}
versionAvailable = version !== latestVersion;
}
this.props.setReleaseUpgradeAvailable(upgradeAvailable);
this.setState({
AllowDownload: true,
DownloadingDependency: false,
MissingDependencies: arg.data.Dependencies,
InstalledVersion: installedVersion,
VersionAvailable: versionAvailable,
});
};
@@ -351,11 +333,9 @@ class App extends IPCContainer {
onGetStateReply = (event, arg) => {
if (arg.data) {
let state = {
Release: arg.data.Release,
Version: arg.data.Version,
};
this.props.setActiveRelease(arg.data.Release, arg.data.Version);
let state = {};
for (const provider of Constants.PROVIDER_LIST) {
let data = arg.data[provider] || this.state[provider];
if (data.AutoMount === undefined) {
@@ -368,66 +348,13 @@ class App extends IPCContainer {
}
this.setState(state, ()=> {
this.grabReleases();
this.detectUpgrades();
});
} else {
this.grabReleases();
this.detectUpgrades();
}
};
onGrabReleasesReply = ()=> {
const doUpdate = (locationsLookup, versionLookup) => {
const latestVersion = versionLookup[Constants.RELEASE_TYPES[this.state.Release]].length - 1;
let version = this.state.Version;
if ((version === -1) || !versionLookup[Constants.RELEASE_TYPES[this.state.Release]][version]) {
version = latestVersion;
this.saveState(version);
}
this.setState({
DisplayMainContent: true,
LocationsLookup: locationsLookup,
Version: version,
VersionAvailable: version !== latestVersion,
VersionLookup: versionLookup,
}, () => {
this.checkVersionInstalled( );
});
};
axios
.get(Constants.RELEASES_URL)
.then(response => {
const versionLookup = {
Alpha: response.data.Versions.Alpha[this.props.AppPlatform],
Beta: response.data.Versions.Beta[this.props.AppPlatform],
RC: response.data.Versions.RC[this.props.AppPlatform],
Release: response.data.Versions.Release[this.props.AppPlatform],
};
const locationsLookup = {
...response.data.Locations[this.props.AppPlatform],
};
window.localStorage.setItem('releases', JSON.stringify({
LocationsLookup: locationsLookup,
VersionLookup: versionLookup
}));
doUpdate(locationsLookup, versionLookup);
}).catch(error => {
const releases = window.localStorage.getItem('releases');
if (releases && (releases.length > 0)) {
const obj = JSON.parse(releases);
const locationsLookup = obj.LocationsLookup;
const versionLookup = obj.VersionLookup;
doUpdate(locationsLookup, versionLookup);
} else {
this.setErrorState(error, null, true);
}
});
};
onInstallDependencyReply = (event, arg) => {
if (arg.data.Success && arg.data.Source.toLowerCase().endsWith('.dmg')) {
this.waitForDependencyInstall(arg.data.URL);
@@ -464,18 +391,21 @@ class App extends IPCContainer {
});
};
saveState = version => {
let state = {
Release: this.state.Release,
Version: version || this.state.Version,
};
for (const provider of Constants.PROVIDER_LIST) {
state[provider] = this.state[provider];
}
saveState = () => {
if (this.props.AppReady) {
let state = {
Release: this.props.Release,
Version: this.props.ReleaseVersion,
};
this.sendRequest(Constants.IPC_Save_State, {
State: state
});
for (const provider of Constants.PROVIDER_LIST) {
state[provider] = this.state[provider];
}
this.sendRequest(Constants.IPC_Save_State, {
State: state
});
}
};
setErrorState = (error, action, critical) => {
@@ -491,7 +421,7 @@ class App extends IPCContainer {
updateCheckScheduledJob = () => {
if (this.props.AppPlatform !== 'unknown') {
this.grabReleases();
this.detectUpgrades();
}
};
@@ -514,7 +444,7 @@ class App extends IPCContainer {
};
render() {
const selectedVersion = (this.state.Version === -1) ?
const selectedVersion = (this.props.ReleaseVersion === -1) ?
'unavailable' :
this.getSelectedVersion();
@@ -527,14 +457,14 @@ class App extends IPCContainer {
const missingDependencies = (this.state.MissingDependencies.length > 0);
const allowMount = this.state.InstalledVersion !== 'none' && !missingDependencies;
const allowConfig = this.state.LocationsLookup[selectedVersion] &&
this.state.LocationsLookup[selectedVersion].config_support;
const allowConfig = this.props.LocationsLookup[selectedVersion] &&
this.props.LocationsLookup[selectedVersion].config_support;
const allowSiaPrime = this.state.LocationsLookup[selectedVersion] &&
this.state.LocationsLookup[selectedVersion].siaprime_support;
const allowSiaPrime = this.props.LocationsLookup[selectedVersion] &&
this.props.LocationsLookup[selectedVersion].siaprime_support;
const noConsoleSupported = this.state.LocationsLookup[selectedVersion] &&
this.state.LocationsLookup[selectedVersion].no_console_supported;
const noConsoleSupported = this.props.LocationsLookup[selectedVersion] &&
this.props.LocationsLookup[selectedVersion].no_console_supported;
const showConfig = !missingDependencies &&
this.props.DisplayConfiguration &&
@@ -602,7 +532,7 @@ class App extends IPCContainer {
}
let mainContent = [];
if (this.state.DisplayMainContent) {
if (this.props.AppReady) {
let key = 0;
mainContent.push((
<div key={'rvd_' + key++}
@@ -610,14 +540,10 @@ class App extends IPCContainer {
<ReleaseVersionDisplay disabled={this.state.DownloadActive || this.state.ExtractActive || this.props.MountsBusy}
downloadClicked={this.handleReleaseDownload}
downloadDisabled={!downloadEnabled}
installedVersion={this.state.InstalledVersion}
release={this.state.Release}
releaseChanged={this.handleReleaseChanged}
releaseExtracting={this.state.ExtractActive}
version={this.state.Version}
versionAvailable={this.state.VersionAvailable}
versionChanged={this.handleVersionChanged}
versions={this.state.VersionLookup[Constants.RELEASE_TYPES[this.state.Release]]}/>
text={this.state.InstalledVersion + ' [' + this.props.AppPlatform + ']'}
versionChanged={this.handleVersionChanged}/>
</div>
));
@@ -687,20 +613,28 @@ class App extends IPCContainer {
const mapStateToProps = state => {
return {
AppPlatform: state.common.AppPlatform,
AppReady: state.common.AppReady,
DisplayConfiguration: state.mounts.DisplayConfiguration,
LocationsLookup: state.relver.LocationsLookup,
MountsBusy: state.mounts.MountsBusy,
Platform: state.common.Platform,
Release: state.relver.Release,
ReleaseVersion: state.relver.Version,
UpgradeAvailable: state.relver.UpgradeAvailable,
UpgradeData: state.relver.UpgradeData,
UpgradeDismissed: state.relver.UpgradeDismissed,
Version: state.common.Version,
VersionLookup: state.relver.VersionLookup,
};
};
const mapDispatchToProps = dispatch => {
return {
detectUIUpgrade: () => dispatch(detectUIUpgrade()),
loadReleases: ()=> dispatch(loadReleases()),
setActiveRelease: (release, version) => dispatch(setActiveRelease(release, version)),
setDismissUIUpgrade: dismiss => dispatch(setDismissUIUpgrade(dismiss)),
setReleaseUpgradeAvailable: available => dispatch(setReleaseUpgradeAvailable(available)),
};
};