1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
import { webFrame } from 'electron';
import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'mobx-react';
import { syncHistoryWithStore, RouterStore } from 'mobx-react-router';
import {
Router, Route, hashHistory, IndexRedirect,
} from 'react-router';
import '@babel/polyfill';
import smoothScroll from 'smoothscroll-polyfill';
import ServerApi from './api/server/ServerApi';
import LocalApi from './api/server/LocalApi';
import storeFactory from './stores';
import apiFactory from './api';
import actions from './actions';
import MenuFactory from './lib/Menu';
import TouchBarFactory from './lib/TouchBar';
import * as analytics from './lib/analytics';
import I18N from './I18n';
import AppLayoutContainer from './containers/layout/AppLayoutContainer';
import SettingsWindow from './containers/settings/SettingsWindow';
import RecipesScreen from './containers/settings/RecipesScreen';
import ServicesScreen from './containers/settings/ServicesScreen';
import EditServiceScreen from './containers/settings/EditServiceScreen';
import AccountScreen from './containers/settings/AccountScreen';
import EditUserScreen from './containers/settings/EditUserScreen';
import EditSettingsScreen from './containers/settings/EditSettingsScreen';
import InviteSettingsScreen from './containers/settings/InviteScreen';
import WelcomeScreen from './containers/auth/WelcomeScreen';
import LoginScreen from './containers/auth/LoginScreen';
import PasswordScreen from './containers/auth/PasswordScreen';
import SignupScreen from './containers/auth/SignupScreen';
import ImportScreen from './containers/auth/ImportScreen';
import PricingScreen from './containers/auth/PricingScreen';
import InviteScreen from './containers/auth/InviteScreen';
import AuthLayoutContainer from './containers/auth/AuthLayoutContainer';
import SubscriptionPopupScreen from './containers/subscription/SubscriptionPopupScreen';
// Add Polyfills
smoothScroll.polyfill();
// Basic electron Setup
webFrame.setVisualZoomLevelLimits(1, 1);
webFrame.setLayoutZoomLevelLimits(0, 0);
window.addEventListener('load', () => {
const api = apiFactory(new ServerApi(), new LocalApi());
const router = new RouterStore();
const history = syncHistoryWithStore(hashHistory, router);
const stores = storeFactory(api, actions, router);
const menu = new MenuFactory(stores, actions);
const touchBar = new TouchBarFactory(stores, actions);
window.franz = {
stores,
actions,
api,
menu,
touchBar,
analytics,
features: {},
render() {
const preparedApp = (
<Provider stores={stores} actions={actions}>
<I18N>
<Router history={history}>
<Route path="/" component={AppLayoutContainer}>
<Route path="/settings" component={SettingsWindow}>
<IndexRedirect to="/settings/recipes" />
<Route path="/settings/recipes" component={RecipesScreen} />
<Route path="/settings/recipes/:filter" component={RecipesScreen} />
<Route path="/settings/services" component={ServicesScreen} />
<Route path="/settings/services/:action/:id" component={EditServiceScreen} />
<Route path="/settings/user" component={AccountScreen} />
<Route path="/settings/user/edit" component={EditUserScreen} />
<Route path="/settings/app" component={EditSettingsScreen} />
<Route path="/settings/invite" component={InviteSettingsScreen} />
</Route>
</Route>
<Route path="/auth" component={AuthLayoutContainer}>
<IndexRedirect to="/auth/welcome" />
<Route path="/auth/welcome" component={WelcomeScreen} />
<Route path="/auth/login" component={LoginScreen} />
<Route path="/auth/signup">
<IndexRedirect to="/auth/signup/form" />
<Route path="/auth/signup/form" component={SignupScreen} />
<Route path="/auth/signup/pricing" component={PricingScreen} />
<Route path="/auth/signup/import" component={ImportScreen} />
<Route path="/auth/signup/invite" component={InviteScreen} />
</Route>
<Route path="/auth/password" component={PasswordScreen} />
<Route path="/auth/logout" component={LoginScreen} />
</Route>
<Route path="/payment/:url" component={SubscriptionPopupScreen} />
<Route path="*" component={AppLayoutContainer} />
</Router>
</I18N>
</Provider>
);
render(preparedApp, document.getElementById('root'));
},
};
window.franz.render();
});
// Prevent drag and drop into window from redirecting
window.addEventListener('dragover', event => event.preventDefault());
window.addEventListener('drop', event => event.preventDefault());
window.addEventListener('dragover', event => event.stopPropagation());
window.addEventListener('drop', event => event.stopPropagation());
|
