├── .babelrc
├── .gitignore
├── LICENSE
├── README.md
├── app-js
    ├── app.js
    ├── components
    │   ├── About.js
    │   ├── App.js
    │   ├── ConnectForm.js
    │   ├── Dashboard.js
    │   ├── ExternalLink.js
    │   ├── ServerDetails.js
    │   ├── ServerList.js
    │   ├── Storage.js
    │   └── SubscriptionForm.js
    └── utils
    │   └── PleskUtils.js
├── build
    ├── icon.icns
    └── icon.ico
├── css
    └── app.css
├── docs
    ├── .keep
    ├── _config.yml
    ├── assets
    │   └── css
    │   │   └── style.scss
    ├── images
    │   └── shot.png
    └── index.md
├── index.html
├── js
    └── .keep
├── main.js
└── package.json


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["es2015", "stage-0", "react"]
3 | }
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | /dist
3 | /js/bundle.js
4 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | Copyright 1999-2017. Parallels IP Holdings GmbH.
 2 | 
 3 | Licensed under the Apache License, Version 2.0 (the "License");
 4 | you may not use this file except in compliance with the License.
 5 | You may obtain a copy of the License at
 6 | 
 7 |     http://www.apache.org/licenses/LICENSE-2.0
 8 | 
 9 | Unless required by applicable law or agreed to in writing, software
10 | distributed under the License is distributed on an "AS IS" BASIS,
11 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | See the License for the specific language governing permissions and
13 | limitations under the License.
14 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Plesk Desktop
 2 | 
 3 | Desktop app for Plesk servers management.
 4 | 
 5 | Additional details: https://plesk.github.io/desktop/
 6 | 
 7 | # Development Environment
 8 | 
 9 | Installation instructions:
10 | * clone the repo
11 | * install Node
12 | * npm install
13 | * npm run watch (on a separate console)
14 | * npm start
15 | 


--------------------------------------------------------------------------------
/app-js/app.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './components/App';
4 | 
5 | ReactDOM.render(
6 |   <App/>,
7 |   document.getElementById('container')
8 | );
9 | 


--------------------------------------------------------------------------------
/app-js/components/About.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ExternalLink from './ExternalLink';
 3 | 
 4 | export default class About extends React.Component {
 5 |   render() {
 6 |     return (
 7 |       <div>
 8 |         <h1 className="page-header">About</h1>
 9 |         <p>
10 |           GitHub: <ExternalLink href="https://github.com/plesk/desktop">https://github.com/plesk/desktop</ExternalLink><br/>
11 |           Wiki: <ExternalLink href="https://github.com/plesk/desktop/wiki">https://github.com/plesk/desktop/wiki</ExternalLink><br/>
12 |           Ticket: <ExternalLink href="https://github.com/plesk/desktop/issues/new">https://github.com/plesk/desktop/issues/new</ExternalLink><br/>
13 |         </p>
14 |       </div>
15 |     );
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/app-js/components/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { HashRouter as Router, Route, Link } from 'react-router-dom';
 3 | import Storage from './Storage';
 4 | import Dashboard from './Dashboard';
 5 | import ServerDetails from './ServerDetails';
 6 | import ServerList from './ServerList';
 7 | import ConnectForm from './ConnectForm';
 8 | import SubscriptionForm from './SubscriptionForm';
 9 | import About from "./About";
10 | 
11 | export default class App extends React.Component {
12 |   render() {
13 |     return (
14 |       <Storage>
15 |         <Router>
16 |           <div className="container-fluid">
17 |             <div className="row">
18 |               <div className="col-sm-3 sidebar">
19 |                 <ul className="nav nav-sidebar">
20 |                   <li><Link to="/"><span className="glyphicon glyphicon-home"></span>&nbsp;Dashboard</Link></li>
21 |                 </ul>
22 |                 <h5>Servers</h5>
23 |                 <ServerList/>
24 |                 <hr className="divider"/>
25 |                 <ul className="nav nav-sidebar">
26 |                   <li><Link to="/about"><span className="glyphicon glyphicon-question-sign"></span>&nbsp;About</Link></li>
27 |                 </ul>
28 |               </div>
29 |               <div className="col-sm-9 col-sm-offset-3 main">
30 |                 <Route exact path="/" component={Dashboard}/>
31 |                 <Route path="/server/add" component={ConnectForm}/>
32 |                 <Route path="/server/show/:serverName" component={ServerDetails}/>
33 |                 <Route path="/server/subscription/:serverName" component={SubscriptionForm}/>
34 |                 <Route path="/about" component={About}/>
35 |               </div>
36 |             </div>
37 |           </div>
38 |         </Router>
39 |       </Storage>
40 |     );
41 |   }
42 | }
43 | 


--------------------------------------------------------------------------------
/app-js/components/ConnectForm.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import PleskUtils from '../utils/PleskUtils';
 4 | 
 5 | class ConnectForm extends React.Component {
 6 |   render() {
 7 |     return (
 8 |       <div>
 9 |         <h2>Add a New Server</h2>
10 |         <form onSubmit={this.handleSubmit.bind(this)}>
11 |           <div className="form-group">
12 |             <label htmlFor="host">Host</label>
13 |             <input type="text" className="form-control" id="host" placeholder="host.com"/>
14 |           </div>
15 |           <div className="form-group">
16 |             <label type="text" htmlFor="pw">Password</label>
17 |             <input type="password" className="form-control" id="pw" placeholder="password"/>
18 |           </div>
19 |           <button type="submit" className="btn btn-default">
20 |             <span className="glyphicon glyphicon-ok"></span>&nbsp;
21 |             Connect
22 |           </button>
23 |         </form>
24 |       </div>
25 |     );
26 |   }
27 | 
28 |   handleSubmit(event) {
29 |     event.preventDefault();
30 |     let host = event.target.querySelector('#host');
31 |     let pw = event.target.querySelector('#pw');
32 | 
33 |     if (!host) {
34 |       alert('Please define the host');
35 |       return;
36 |     }
37 | 
38 |     PleskUtils.connectServer(host.value, 'admin', pw.value, this.context.storage, () => {
39 |       const serverName = host.value;
40 |       const server = this.context.storage.servers[serverName];
41 |       PleskUtils.syncServerState({
42 |         server,
43 |         serverName,
44 |         callback: (webspaces) => {
45 |           this.context.storage.findSubscriptions(serverName, webspaces.map((webspace) => {
46 |             return {
47 |               domain: webspace.data[0].gen_info[0].name[0],
48 |               domainId: webspace.id[0]
49 |             };
50 |           }));
51 |         }
52 |       });
53 | 
54 |       this.props.history.push('/');
55 |     });
56 | 
57 |   }
58 | }
59 | 
60 | ConnectForm.contextTypes = {
61 |   storage: PropTypes.object,
62 | };
63 | 
64 | export default ConnectForm;
65 | 


--------------------------------------------------------------------------------
/app-js/components/Dashboard.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { Link } from 'react-router-dom';
 4 | 
 5 | class Dashboard extends React.Component {
 6 |   render() {
 7 |     return (
 8 |       <div>
 9 |         <h1 className="page-header">Dashboard</h1>
10 |         <p>
11 |           <Link to="/server/add" className="btn btn-default">
12 |             <span className="glyphicon glyphicon-plus"/> Connect a Server
13 |           </Link>
14 |         </p>
15 |         <table className="table table-bordered table-hover">
16 |           <tbody>
17 |             <tr>
18 |               <th>Servers</th>
19 |               <td>{Object.keys(this.context.storage.servers).length}</td>
20 |             </tr>
21 |           </tbody>
22 |         </table>
23 |       </div>
24 |     );
25 |   }
26 | }
27 | 
28 | Dashboard.contextTypes = {
29 |   storage: PropTypes.object,
30 | };
31 | 
32 | export default Dashboard;
33 | 


--------------------------------------------------------------------------------
/app-js/components/ExternalLink.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | const addExternalProps = ({ href, ...props }) => {
 4 |   const electron = window.require && window.require('electron');
 5 |   if (electron) {
 6 |     return {
 7 |       ...props,
 8 |       href: '#',
 9 |       onClick: event => {
10 |         event.preventDefault();
11 |         electron.shell.openExternal(href);
12 |       },
13 |     }
14 |   }
15 | 
16 |   return {
17 |     ...props,
18 |     href,
19 |     target: '_blank',
20 |   }
21 | };
22 | 
23 | const ExternalLink = props => (
24 |   <a {...addExternalProps(props)} />
25 | );
26 | 
27 | export default ExternalLink;
28 | 


--------------------------------------------------------------------------------
/app-js/components/ServerDetails.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | import PropTypes from 'prop-types';
  3 | import { Link } from 'react-router-dom';
  4 | import ExternalLink from './ExternalLink';
  5 | import PleskUtils from '../utils/PleskUtils';
  6 | 
  7 | class ServerDetails extends React.Component {
  8 |   constructor(props) {
  9 |     super(props);
 10 |     this.state = { serverLoginGeneration: false };
 11 |   }
 12 | 
 13 |   render() {
 14 |     const { serverName } = this.props.match.params;
 15 |     const { servers } = this.context.storage;
 16 |     const server = servers[serverName];
 17 |     const domains = server && server.domains || [];
 18 | 
 19 |     return (
 20 |       <div>
 21 |         <div className="row">
 22 |           <div className="col-xs-12">
 23 |             <h1 className="page-header">Server {serverName}</h1>
 24 |             <a className="btn btn-default" onClick={this.handleLogin.bind(this)} disabled={this.state.serverLoginGeneration}>
 25 |               <span className="glyphicon glyphicon-log-in"/>&nbsp;
 26 |               Login to Plesk UI
 27 |             </a>&nbsp;
 28 |             <a className="btn btn-default" onClick={this.handleSync.bind(this)}>
 29 |               <span className="glyphicon glyphicon-refresh"/>&nbsp;
 30 |               Sync
 31 |             </a>&nbsp;
 32 |             <a className="btn btn-default" onClick={this.handleDisconnect.bind(this)}>
 33 |               <span className="glyphicon glyphicon-remove"/>&nbsp;
 34 |               Disconnect
 35 |             </a>
 36 |           </div>
 37 |         </div>
 38 |         <div className="row top-buffer">
 39 |           <div className="col-xs-5">
 40 |             <table className="table table-bordered table-hover">
 41 |               <tbody>
 42 |                 <tr>
 43 |                   <th>Version</th>
 44 |                   <td>{server && server.details && server.details.version}</td>
 45 |                 </tr>
 46 |                 <tr>
 47 |                   <th>OS</th>
 48 |                   <td>{server && server.details && `${server.details.os} ${server.details.osVersion}`}</td>
 49 |                 </tr>
 50 |               </tbody>
 51 |             </table>
 52 |           </div>
 53 |           <div className="col-xs-5">
 54 |             <table className="table table-bordered table-hover">
 55 |               <tbody>
 56 |                 <tr>
 57 |                   <th>Subscriptions</th>
 58 |                   <td>{server && server.domains && server.domains.length || 0}</td>
 59 |                 </tr>
 60 |               </tbody>
 61 |             </table>
 62 |           </div>
 63 |         </div>
 64 |         <div className="row">
 65 |           <div className="col-xs-12">
 66 |             <Link to={`/server/subscription/${serverName}`} className="btn btn-default">
 67 |               <span className="glyphicon glyphicon-plus"/>&nbsp;
 68 |               Create Subscription
 69 |             </Link>
 70 |           </div>
 71 |         </div>
 72 |         <div className="row top-buffer">
 73 |           <div className="col-xs-12">
 74 |             <table className="table table-bordered table-hover">
 75 |               <thead>
 76 |                 <tr>
 77 |                   <th>Subscription</th>
 78 |                   <th>Actions</th>
 79 |                 </tr>
 80 |               </thead>
 81 |               <tbody>
 82 |                 {domains.map((domain) => {
 83 |                   return (
 84 |                     <tr key={domain.domain}>
 85 |                       <td>{domain.domain}</td>
 86 |                       <td>
 87 |                         <a data-id={domain.domainId} className="btn btn-default btn-xs" onClick={this.handleLogin.bind(this)}>
 88 |                           <span className="glyphicon glyphicon-log-in"/>&nbsp;
 89 |                           Login
 90 |                         </a>&nbsp;
 91 |                         <a href="#" data-id={domain.domain} className="btn btn-default btn-xs" onClick={this.handleRemoveSubscription.bind(this)}>
 92 |                           <span className="glyphicon glyphicon-remove"/>&nbsp;
 93 |                           Remove
 94 |                         </a>
 95 |                       </td>
 96 |                     </tr>
 97 |                   );
 98 |                 })}
 99 |               </tbody>
100 |             </table>
101 |           </div>
102 |         </div>
103 |       </div>
104 |     );
105 |   }
106 | 
107 |   handleLogin(event) {
108 |     event.preventDefault();
109 |     const serverName = this.props.match.params.serverName;
110 |     const server = this.context.storage.servers[serverName];
111 |     const domainId = event.target.getAttribute('data-id');
112 | 
113 |     if (!domainId) {
114 |       this.setState({ serverLoginGeneration: true });
115 |     }
116 | 
117 |     PleskUtils.generateLoginUrl({
118 |       server,
119 |       serverName,
120 |       callback: (url) => {
121 |         if (domainId) {
122 |           url = `${url}&success_redirect_url=/admin/subscription/overview/id/${domainId}`;
123 |         } else {
124 |           this.setState({ serverLoginGeneration: false });
125 |         }
126 | 
127 |         const electron = window.require('electron');
128 |         electron.shell.openExternal(url);
129 |       }
130 |     });
131 |   }
132 | 
133 |   handleDisconnect(event) {
134 |     event.preventDefault();
135 |     const {serverName} = this.props.match.params;
136 |     this.context.storage.disconnectServer(serverName);
137 |     this.props.history.push('/');
138 |   }
139 | 
140 |   handleSync(event) {
141 |     event.preventDefault();
142 |     const serverName = this.props.match.params.serverName;
143 |     const server = this.context.storage.servers[serverName];
144 |     PleskUtils.syncServerState({
145 |       server,
146 |       serverName,
147 |       callback: (webspaces) => {
148 |         this.context.storage.findSubscriptions(serverName, webspaces.map((webspace) => {
149 |           return {
150 |             domain: webspace.data[0].gen_info[0].name[0],
151 |             domainId: webspace.id[0]
152 |           };
153 |         }));
154 |       }
155 |     });
156 |   }
157 | 
158 |   handleRemoveSubscription(event) {
159 |     event.preventDefault();
160 |     const domain = event.target.getAttribute('data-id');
161 |     const serverName = this.props.match.params.serverName;
162 |     const server = this.context.storage.servers[serverName];
163 | 
164 |     PleskUtils.subscription.remove({
165 |       server,
166 |       serverName,
167 |       domain,
168 |       callback: () => {
169 |         this.context.storage.removeSubscription(serverName, domain);
170 |       }
171 |     });
172 |   }
173 | }
174 | 
175 | ServerDetails.contextTypes = {
176 |   storage: PropTypes.object,
177 | };
178 | 
179 | export default ServerDetails;
180 | 


--------------------------------------------------------------------------------
/app-js/components/ServerList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { Link } from 'react-router-dom';
 4 | 
 5 | class ServerList extends React.Component {
 6 |   render() {
 7 |     const { servers } = this.context.storage;
 8 | 
 9 |     return (
10 |       <ul className="nav nav-sidebar">
11 |         {Object.keys(servers).map((name) => {
12 |           const serverDetails = servers[name].details || {};
13 |           return (
14 |             <li key={name}>
15 |             <Link to={`/server/show/${name}`}>
16 |               <span className="glyphicon glyphicon-globe"></span>&nbsp;
17 |               {name}<br/>
18 |               <small className="plesk-version">{`${serverDetails.version}, ${serverDetails.os} ${serverDetails.osVersion}`}</small>
19 |             </Link>
20 |             </li>
21 |           );
22 |         })}
23 |       </ul>
24 |     );
25 |   }
26 | }
27 | 
28 | ServerList.contextTypes = {
29 |   storage: PropTypes.object,
30 | };
31 | 
32 | export default ServerList;
33 | 


--------------------------------------------------------------------------------
/app-js/components/Storage.js:
--------------------------------------------------------------------------------
  1 | import React, { Component } from 'react';
  2 | import PropTypes from 'prop-types';
  3 | 
  4 | const storage = window.require && window.require('electron-json-storage') || {
  5 |   set: (key, json, callback) => {
  6 |     localStorage.setItem(key, JSON.stringify(json));
  7 |     callback();
  8 |   },
  9 |   get: (key, callback) => {
 10 |     const json = JSON.parse(localStorage.getItem(key)) || {};
 11 |     callback(null, json);
 12 |   },
 13 | };
 14 | 
 15 | class Storage extends Component {
 16 |   constructor() {
 17 |     super();
 18 | 
 19 |     this.state = {
 20 |       servers: {},
 21 |     };
 22 |   }
 23 | 
 24 |   componentDidMount() {
 25 |     storage.get('servers', (error, servers) => {
 26 |       this.setState({ servers });
 27 |     });
 28 |   }
 29 | 
 30 |   render() {
 31 |     return this.props.children;
 32 |   }
 33 | 
 34 |   getChildContext() {
 35 |     return {
 36 |       storage: {
 37 |         servers: this.state.servers,
 38 |         connectServer: this.connectServer.bind(this),
 39 |         disconnectServer: this.disconnectServer.bind(this),
 40 |         addSubscription: this.addSubscription.bind(this),
 41 |         removeSubscription: this.removeSubscription.bind(this),
 42 |         findSubscriptions: this.findSubscriptions.bind(this)
 43 |       },
 44 |     };
 45 |   }
 46 | 
 47 |   connectServer(host, login, password, details) {
 48 |     const { servers } = this.state;
 49 |     servers[host] = { login, password, details };
 50 |     this.saveServersState(servers);
 51 |   }
 52 | 
 53 |   disconnectServer(host) {
 54 |     const { servers } = this.state;
 55 |     delete servers[host];
 56 |     this.saveServersState(servers);
 57 |   }
 58 | 
 59 |   addSubscription(host, domain, domainId, login, password, ip) {
 60 |     const { servers } = this.state;
 61 |     servers[host].domains = servers[host].domains || [];
 62 |     servers[host].domains.push({
 63 |       domainId: domainId,
 64 |       domain: domain,
 65 |       login: login,
 66 |       password: password,
 67 |       ip: ip
 68 |     });
 69 |     this.saveServersState(servers);
 70 |   }
 71 | 
 72 |   removeSubscription(host, domain) {
 73 |     const { servers } = this.state;
 74 |     servers[host].domains = servers[host].domains || [];
 75 |     servers[host].domains = servers[host].domains.filter((item) => domain !== item.domain);
 76 |     this.saveServersState(servers);
 77 |   }
 78 | 
 79 |   findSubscriptions(host, domains) {
 80 |     const { servers } = this.state;
 81 |     servers[host].domains = [];
 82 |     domains.forEach(({ domain, domainId }) => {
 83 |       this.addSubscription(host, domain, domainId, '', '', '');
 84 |     });
 85 |     this.saveServersState(servers);
 86 |   }
 87 | 
 88 |   saveServersState(servers) {
 89 |     storage.set('servers', servers, (error) => {
 90 |       if (error) {
 91 |         throw error;
 92 |       }
 93 |       this.setState({ servers });
 94 |     });
 95 |   }
 96 | }
 97 | 
 98 | Storage.childContextTypes = {
 99 |   storage: PropTypes.object,
100 | };
101 | 
102 | export default Storage;
103 | 


--------------------------------------------------------------------------------
/app-js/components/SubscriptionForm.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import PleskUtils from '../utils/PleskUtils';
 4 | 
 5 | class SubscriptionForm extends React.Component {
 6 |   constructor(props) {
 7 |     super(props);
 8 |     this.state = { loading: false };
 9 |   }
10 | 
11 |   render() {
12 |     return (
13 |       <div>
14 |         <h2>Add a New Subscription</h2>
15 |         <form onSubmit={this.handleSubmit.bind(this)}>
16 |           <div className="form-group">
17 |             <label htmlFor="domain">Domain Name</label>
18 |             <input type="text" className="form-control" id="domain" placeholder="domain.com" readOnly={this.state.loading}/>
19 |           </div>
20 |           <div className="form-group">
21 |             <label type="text" htmlFor="login">Login</label>
22 |             <input type="text" className="form-control" id="login" placeholder="login" readOnly={this.state.loading}/>
23 |           </div>
24 |           <div className="form-group">
25 |             <label type="text" htmlFor="pw">Password</label>
26 |             <input type="password" className="form-control" id="pw" placeholder="password" readOnly={this.state.loading}/>
27 |           </div>
28 |           <button type="submit" className="btn btn-default" disabled={this.state.loading}>
29 |             {this.state.loading ? (
30 |               'Please wait...'
31 |             ) : (
32 |               <span><span className="glyphicon glyphicon-ok"/> Create</span>
33 |             )}
34 |           </button>
35 |         </form>
36 |       </div>
37 |     );
38 |   }
39 | 
40 |   handleSubmit(event) {
41 |     event.preventDefault();
42 | 
43 |     const domain = event.target.querySelector('#domain').value;
44 |     const domainLogin = event.target.querySelector('#login').value;
45 |     const password = event.target.querySelector('#pw').value;
46 |     const serverName = this.props.match.params.serverName;
47 |     const server = this.context.storage.servers[serverName];
48 | 
49 |     this.setState({ loading: true });
50 | 
51 |     PleskUtils.subscription.create({
52 |       server,
53 |       serverName,
54 |       domain,
55 |       domainLogin,
56 |       password,
57 |       callback: (error, result) => {
58 |         this.setState({ loading: false });
59 | 
60 |         if (error) {
61 |           console.log(error);
62 |           return;
63 |         }
64 |         if (result.packet.system) {
65 |           alert(result.packet.system[0].errtext[0]);
66 |           return;
67 |         }
68 |         if ('error' === result.packet.webspace[0].add[0].result[0].status[0]) {
69 |           alert(result.packet.webspace[0].add[0].result[0].errtext[0]);
70 |           return;
71 |         }
72 |         const ip = !server.details.isMultiServer ? serverName : result.packet.webspace[0].add[0].result[0].ip[0];
73 |         const domainId = result.packet.webspace[0].add[0].result[0].id[0];
74 |         this.context.storage.addSubscription(serverName, domain, domainId, domainLogin, password, ip);
75 |         this.props.history.push(`/server/show/${serverName}`);
76 |       },
77 |     });
78 |   }
79 | }
80 | 
81 | SubscriptionForm.contextTypes = {
82 |   storage: PropTypes.object,
83 | };
84 | 
85 | export default SubscriptionForm;
86 | 


--------------------------------------------------------------------------------
/app-js/utils/PleskUtils.js:
--------------------------------------------------------------------------------
  1 | import PleskApi from 'plesk-api-client';
  2 | import { parseString } from 'xml2js';
  3 | 
  4 | const Subscription = {
  5 |   _getMultiServerRequestSettings() {
  6 |     return (
  7 |       `<request-settings>
  8 |         <setting>
  9 |           <name>plesk_rpc_forwarding_to_ext</name>
 10 |           <value>plesk-multi-server</value>
 11 |         </setting>
 12 |         <setting>
 13 |           <name>ext-plesk-multi-server:ipv4</name>
 14 |           <value>shared</value>
 15 |         </setting>
 16 |         <setting>
 17 |           <name>ext-plesk-multi-server:sync</name>
 18 |           <value>true</value>
 19 |         </setting>
 20 |       </request-settings>`
 21 |     );
 22 |   },
 23 | 
 24 |   _getSubscriptionCreationPacket(requestSettings, domain, domainLogin, domainPassword, ipAddress) {
 25 |     return (
 26 |       `<packet>
 27 |         ${requestSettings}
 28 |         <webspace>
 29 |           <add>
 30 |             <gen_setup>
 31 |               <name>${domain}</name>
 32 |               <ip_address>${ipAddress}</ip_address>
 33 |             </gen_setup>
 34 |             <hosting>
 35 |               <vrt_hst>
 36 |                 <property>
 37 |                   <name>ftp_login</name>
 38 |                   <value>${domainLogin}</value>
 39 |                 </property>
 40 |                 <property>
 41 |                   <name>ftp_password</name>
 42 |                   <value>${domainPassword}</value>
 43 |                 </property>
 44 |                 <ip_address>${ipAddress}</ip_address>
 45 |               </vrt_hst>
 46 |             </hosting>
 47 |             <plan-name>Default domain</plan-name>
 48 |           </add>
 49 |         </webspace>
 50 |       </packet>`
 51 |     );
 52 |   },
 53 | 
 54 |   create({ domain, domainLogin, password, server, serverName, callback }) {
 55 |     if (!domain) {
 56 |       alert('Please define the domain name.');
 57 |       return;
 58 |     }
 59 | 
 60 |     const client = new PleskApi.Client(serverName);
 61 |     client.setCredentials(server.login, server.password);
 62 | 
 63 |     new Promise((resolve) => {
 64 |       client
 65 |         .request('<packet><ip><get/></ip></packet>')
 66 |         .then((response) => {
 67 |           parseString(response, (error, result) => {
 68 |             resolve(result.packet.ip[0].get[0].result[0].addresses[0].ip_info[0].ip_address[0]);
 69 |           });
 70 |         });
 71 |       })
 72 |       .then((ipAddress) => {
 73 |         const requestSettings = server.details.isMultiServer ? this._getMultiServerRequestSettings() : '';
 74 |         const request = this._getSubscriptionCreationPacket(requestSettings, domain, domainLogin, password, ipAddress);
 75 | 
 76 |         client
 77 |           .request(request)
 78 |           .then((response) => {
 79 |             parseString(response, callback);
 80 |           })
 81 |           .catch((error) => {
 82 |             alert(error.message);
 83 |           });
 84 |       });
 85 |   },
 86 | 
 87 |   remove({ domain, server, serverName, callback }) {
 88 |     const client = new PleskApi.Client(serverName);
 89 |     client.setCredentials(server.login, server.password);
 90 | 
 91 |     const request =
 92 |       `<packet>
 93 |         <webspace>
 94 |           <del>
 95 |             <filter>
 96 |               <name>${domain}</name>
 97 |             </filter>
 98 |           </del>
 99 |         </webspace>
100 |       </packet>`;
101 | 
102 |     new Promise((resolve) => {
103 |       client
104 |         .request(request)
105 |         .then(callback)
106 |         .catch((error) => {
107 |           alert(error.message);
108 |         });
109 |     });
110 |   }
111 | }
112 | 
113 | const PleskUtils = {
114 |   subscription: Subscription,
115 | 
116 |   connectServer(host, login, password, storage, callback) {
117 |     const request =
118 |       `<packet>
119 |         <server><get><stat/></get></server>
120 |       </packet>`;
121 | 
122 |     const client = new PleskApi.Client(host);
123 |     client.setCredentials(login, password);
124 |     client.request(request)
125 |       .then((response) => {
126 |         parseString(response, (error, result) => {
127 |           if (error) {
128 |             console.log(error);
129 |             return;
130 |           }
131 | 
132 |           if (result.packet.system) {
133 |             alert(result.packet.system[0].errtext[0]);
134 |             return;
135 |           }
136 | 
137 |           const stats = result.packet.server[0].get[0].result[0].stat[0];
138 |           storage.connectServer(host, 'admin', password, {
139 |             isMultiServer: false, // TODO: add detection of Plesk MultiServer instance
140 |             version: stats.version[0].plesk_version[0],
141 |             os: stats.version[0].plesk_os[0],
142 |             osVersion: stats.version[0].plesk_os_version[0]
143 |           });
144 | 
145 |           callback();
146 |         });
147 |       })
148 |       .catch((error) => {
149 |         alert(error.message);
150 |       });
151 |   },
152 | 
153 |   syncServerState({ server, serverName, callback }) {
154 |     const client = new PleskApi.Client(serverName);
155 |     client.setCredentials(server.login, server.password);
156 | 
157 |     const request = (
158 |       `<packet>
159 |         <webspace>
160 |           <get>
161 |             <filter/>
162 |             <dataset>
163 |               <gen_info/>
164 |             </dataset>
165 |           </get>
166 |         </webspace>
167 |       </packet>`
168 |     );
169 | 
170 |     client.request(request)
171 |       .then((response) => {
172 |         parseString(response, (error, result) => {
173 |           const webspaces = result.packet.webspace[0].get[0].result;
174 |           callback(webspaces);
175 |         })
176 |       });
177 |   },
178 | 
179 |   generateLoginUrl({ server, serverName, callback }) {
180 |     const client = new PleskApi.Client(serverName);
181 |     client.setCredentials(server.login, server.password);
182 | 
183 |     const request = (
184 |       `<packet>
185 |         <server>
186 |           <create_session>
187 |             <login>${server.login}</login>
188 |             <data>
189 |               <user_ip></user_ip>
190 |               <source_server></source_server>
191 |             </data>
192 |           </create_session>
193 |         </server>
194 |       </packet>`
195 |     );
196 | 
197 |     client.request(request)
198 |       .then((response) => {
199 |         parseString(response, (error, result) => {
200 |           const sessionId = result.packet.server[0].create_session[0].result[0].id[0];
201 |           const loginUrl = `https://${serverName}:8443/enterprise/rsession_init.php?PLESKSESSID=${sessionId}`;
202 |           callback(loginUrl);
203 |         })
204 |       });
205 |   }
206 | }
207 | 
208 | export default PleskUtils;
209 | 


--------------------------------------------------------------------------------
/build/icon.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/plesk/desktop/24cb63cc6a7b458f556b5b5dbadc7d86ea2fb6dd/build/icon.icns


--------------------------------------------------------------------------------
/build/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/plesk/desktop/24cb63cc6a7b458f556b5b5dbadc7d86ea2fb6dd/build/icon.ico


--------------------------------------------------------------------------------
/css/app.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   padding-top: 0px;
 3 | }
 4 | 
 5 | .sidebar {
 6 |   position: fixed;
 7 |   top: 1px;
 8 |   bottom: 0;
 9 |   left: 0;
10 |   z-index: 1000;
11 |   display: block;
12 |   padding: 20px;
13 |   overflow-x: hidden;
14 |   overflow-y: auto;
15 |   background-color: #f5f5f5;
16 |   border-right: 1px solid #eee;
17 | }
18 | 
19 | .nav-sidebar {
20 |   margin-right: -21px;
21 |   margin-bottom: 20px;
22 |   margin-left: -20px;
23 | }
24 | .nav-sidebar > li > a {
25 |   padding-right: 20px;
26 |   padding-left: 20px;
27 |   white-space: nowrap;
28 | }
29 | .nav-sidebar > .active > a,
30 | .nav-sidebar > .active > a:hover,
31 | .nav-sidebar > .active > a:focus {
32 |   color: #fff;
33 |   background-color: #428bca;
34 | }
35 | 
36 | .top-buffer {
37 |   margin-top:20px;
38 | }
39 | 
40 | .main {
41 |   padding: 20px;
42 | }
43 | @media (min-width: 768px) {
44 |   .main {
45 |     padding-right: 40px;
46 |     padding-left: 40px;
47 |   }
48 | }
49 | .main .page-header {
50 |   margin-top: 0;
51 | }
52 | .sidebar .plesk-version {
53 |   color: #555;
54 | }
55 | 


--------------------------------------------------------------------------------
/docs/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/plesk/desktop/24cb63cc6a7b458f556b5b5dbadc7d86ea2fb6dd/docs/.keep


--------------------------------------------------------------------------------
/docs/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-hacker
2 | title: Plesk Desktop
3 | description: Desktop app for Plesk servers management.
4 | 


--------------------------------------------------------------------------------
/docs/assets/css/style.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 | 
4 | @import "{{ site.theme }}";
5 | 
6 | header h1:before { content: ""; }
7 | header h1 { margin: 0; }
8 | 


--------------------------------------------------------------------------------
/docs/images/shot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/plesk/desktop/24cb63cc6a7b458f556b5b5dbadc7d86ea2fb6dd/docs/images/shot.png


--------------------------------------------------------------------------------
/docs/index.md:
--------------------------------------------------------------------------------
1 | # Overview
2 | 
3 | Desktop app for Plesk servers management.
4 | 
5 | ![Screenshot](/images/shot.png)
6 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Plesk Desktop</title>
 6 |     <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
 7 |     <link href="./node_modules/font-awesome/css/font-awesome.css" rel="stylesheet">
 8 |     <link href="./css/app.css" rel="stylesheet">
 9 |   </head>
10 |   <body>
11 |     <div id="container"></div>
12 |     <script src="./js/bundle.js"></script>
13 |   </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/js/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/plesk/desktop/24cb63cc6a7b458f556b5b5dbadc7d86ea2fb6dd/js/.keep


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | const electron = require('electron');
 2 | const app = electron.app;
 3 | const BrowserWindow = electron.BrowserWindow;
 4 | const path = require('path');
 5 | const url = require('url');
 6 | 
 7 | let mainWindow;
 8 | 
 9 | function createWindow() {
10 |   mainWindow = new BrowserWindow({ width: 1020, height: 625 });
11 | 
12 |   mainWindow.loadURL(url.format({
13 |     pathname: path.join(__dirname, 'index.html'),
14 |     protocol: 'file:',
15 |     slashes: true
16 |   }));
17 | 
18 |   mainWindow.on('closed', () => {
19 |     mainWindow = null;
20 |   });
21 | }
22 | 
23 | app.commandLine.appendSwitch('ignore-certificate-errors');
24 | 
25 | app.on('ready', createWindow);
26 | 
27 | app.on('window-all-closed', () => {
28 |   if (process.platform !== 'darwin') {
29 |     app.quit();
30 |   }
31 | });
32 | 
33 | app.on('activate', () => {
34 |   if (mainWindow === null) {
35 |     createWindow();
36 |   }
37 | });
38 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "plesk-desktop",
 3 |   "version": "0.0.1",
 4 |   "description": "Desktop app for Plesk servers management.",
 5 |   "main": "main.js",
 6 |   "scripts": {
 7 |     "start": "electron .",
 8 |     "watch": "watchify app-js/app.js -t babelify -o js/bundle.js",
 9 |     "dist:osx": "build --dist --platform darwin",
10 |     "dist:win32": "build --dist --platform win32"
11 |   },
12 |   "author": "Plesk",
13 |   "license": "Apache-2.0",
14 |   "repository": {
15 |     "type": "git",
16 |     "url": "git@github.com:plesk/desktop.git"
17 |   },
18 |   "build": {
19 |     "app-bundle-id": "com.plesk.plesk-desktop",
20 |     "app-category-type": "public.app-category.developer-tools",
21 |     "productName": "Plesk Desktop",
22 |     "osx": {
23 |       "title": "Plesk Desktop",
24 |       "window": {
25 |         "position": {
26 |           "x": 250,
27 |           "y": 250
28 |         }
29 |       }
30 |     }
31 |   },
32 |   "devDependencies": {
33 |     "electron": "~1.6.2",
34 |     "electron-builder": "^3.25.0",
35 |     "electron-prebuilt": "^1.4.13",
36 |     "watchify": "^3.9.0"
37 |   },
38 |   "dependencies": {
39 |     "babel-preset-es2015": "^6.24.0",
40 |     "babel-preset-react": "^6.23.0",
41 |     "babel-preset-stage-0": "^6.22.0",
42 |     "babelify": "^7.3.0",
43 |     "bootstrap": "^3.3.7",
44 |     "electron-json-storage": "^3.0.2",
45 |     "font-awesome": "^4.7.0",
46 |     "plesk-api-client": "^1.0.3",
47 |     "prop-types": "^15.5.8",
48 |     "react": "^15.4.2",
49 |     "react-dom": "^15.4.2",
50 |     "react-router-dom": "^4.0.0",
51 |     "xml2js": "^0.4.17"
52 |   }
53 | }
54 | 


--------------------------------------------------------------------------------