lbry-desktop/ui/js/main.js

134 lines
3.5 KiB
JavaScript
Raw Normal View History

2017-06-08 02:56:52 +02:00
import React from "react";
import ReactDOM from "react-dom";
import lbry from "./lbry.js";
import App from "component/app/index.js";
import SnackBar from "component/snackBar";
import { Provider } from "react-redux";
import store from "store.js";
import SplashScreen from "component/splash.js";
import AuthOverlay from "component/authOverlay";
import { doChangePath, doNavigate, doDaemonReady } from "actions/app";
import { toQueryString } from "util/query_params";
import { selectBadgeNumber } from "selectors/app";
import * as types from "constants/action_types";
2016-11-22 21:19:08 +01:00
2017-06-08 06:41:33 +02:00
const env = ENV;
2017-06-08 02:56:52 +02:00
const { remote, ipcRenderer, shell } = require("electron");
const contextMenu = remote.require("./menu/context-menu");
const app = require("./app");
2017-05-25 18:29:56 +02:00
lbry.showMenuIfNeeded();
2016-11-22 21:19:08 +01:00
2017-06-08 02:56:52 +02:00
window.addEventListener("contextmenu", event => {
contextMenu.showContextMenu(
remote.getCurrentWindow(),
event.x,
event.y,
lbry.getClientSetting("showDeveloperMenu")
);
event.preventDefault();
});
2017-06-08 02:56:52 +02:00
window.addEventListener("popstate", (event, param) => {
2017-06-22 22:11:52 +02:00
event.preventDefault();
2017-06-06 06:21:55 +02:00
2017-06-22 22:11:52 +02:00
const hash = document.location.hash;
2017-06-08 02:56:52 +02:00
let action;
2017-06-22 22:11:52 +02:00
if (hash !== "") {
const url = hash.split("#")[1];
const params = event.state;
const queryString = toQueryString(params);
app.store.dispatch(doChangePath(`${url}?${queryString}`));
2017-06-08 02:56:52 +02:00
} else {
2017-06-22 22:11:52 +02:00
app.store.dispatch(doChangePath("/discover"));
2017-06-08 02:56:52 +02:00
}
2017-06-06 06:21:55 +02:00
});
2017-05-06 09:25:14 +02:00
2017-06-08 02:56:52 +02:00
ipcRenderer.on("open-uri-requested", (event, uri) => {
if (uri && uri.startsWith("lbry://")) {
app.store.dispatch(doNavigate("/show", { uri }));
}
});
ipcRenderer.on("open-menu", (event, uri) => {
if (uri && uri.startsWith("/help")) {
app.store.dispatch(doNavigate("/help"));
}
});
2017-06-08 02:56:52 +02:00
document.addEventListener("click", event => {
var target = event.target;
while (target && target !== document) {
2017-06-08 23:15:34 +02:00
if (
target.matches('a[href^="http"]') ||
target.matches('a[href^="mailto"]')
) {
2017-06-08 02:56:52 +02:00
event.preventDefault();
shell.openExternal(target.href);
return;
}
target = target.parentNode;
}
2017-05-21 18:15:41 +02:00
});
const application = remote.app;
const dock = application.dock;
const win = remote.getCurrentWindow();
// Tear down previous event listeners when reload
win.removeAllListeners();
// Clear the badge when the window is focused
win.on("focus", () => {
if (!dock) return;
app.store.dispatch({ type: types.WINDOW_FOCUSED });
dock.setBadge("");
});
const updateProgress = () => {
const state = app.store.getState();
const progress = selectTotalDownloadProgress(state);
win.setProgressBar(progress || -1);
};
2017-04-07 07:15:22 +02:00
const initialState = app.store.getState();
// import whyDidYouUpdate from "why-did-you-update";
// if (env === "development") {
// /*
// https://github.com/garbles/why-did-you-update
// "A function that monkey patches React and notifies you in the console when
// potentially unnecessary re-renders occur."
//
// Just checks if props change between updates. Can be fixed by manually
// adding a check in shouldComponentUpdate or using React.PureComponent
// */
// whyDidYouUpdate(React);
// }
2017-06-08 06:41:33 +02:00
2017-04-07 07:15:22 +02:00
var init = function() {
2017-06-08 02:56:52 +02:00
function onDaemonReady() {
window.sessionStorage.setItem("loaded", "y"); //once we've made it here once per session, we don't need to show splash again
app.store.dispatch(doDaemonReady());
2017-06-06 06:21:55 +02:00
2017-06-08 02:56:52 +02:00
ReactDOM.render(
<Provider store={store}>
<div><AuthOverlay /><App /><SnackBar /></div>
</Provider>,
canvas
);
}
2017-06-06 06:21:55 +02:00
2017-06-08 02:56:52 +02:00
if (window.sessionStorage.getItem("loaded") == "y") {
onDaemonReady();
} else {
ReactDOM.render(<SplashScreen onLoadDone={onDaemonReady} />, canvas);
}
2016-03-14 23:05:24 +01:00
};
init();