lbry-desktop/src/renderer/index.js

136 lines
3.8 KiB
JavaScript
Raw Normal View History

2017-06-07 20:56:52 -04:00
import React from "react";
import ReactDOM from "react-dom";
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";
2017-11-13 16:02:23 -05:00
import { doDaemonReady } from "redux/actions/app";
import { doNavigate } from "redux/actions/navigation";
import { doDownloadLanguages } from "redux/actions/settings";
import * as types from "constants/action_types";
2017-12-05 00:04:00 -08:00
import amplitude from "amplitude-js";
2017-12-05 13:05:59 -08:00
import lbry from "lbry";
2017-12-06 13:32:21 -03:00
import "scss/all.scss";
2016-11-22 14:19:08 -06:00
2017-12-06 13:32:21 -03:00
const env = process.env.NODE_ENV || "production";
2017-06-07 20:56:52 -04:00
const { remote, ipcRenderer, shell } = require("electron");
2017-12-13 18:36:30 -03:00
2017-12-07 09:52:22 -03:00
const contextMenu = remote.require("./main.js").contextMenu;
2017-06-07 20:56:52 -04:00
const app = require("./app");
2017-05-25 18:29:56 +02:00
2017-12-07 09:52:22 -03:00
// Workaround for https://github.com/electron-userland/electron-webpack/issues/52
2017-12-13 18:36:30 -03:00
if (process.env.NODE_ENV !== "development") {
window.staticResourcesPath = require("path")
.join(remote.app.getAppPath(), "../static")
.replace(/\\/g, "\\\\");
2017-12-07 09:52:22 -03:00
} else {
window.staticResourcesPath = "";
}
2017-06-07 20:56:52 -04:00
window.addEventListener("contextmenu", event => {
contextMenu.showContextMenu(
remote.getCurrentWindow(),
event.x,
event.y,
env === "development"
2017-06-07 20:56:52 -04:00
);
event.preventDefault();
});
2017-06-07 20:56:52 -04: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"));
}
});
const dock = remote.app.dock;
2017-11-08 17:26:46 -05:00
ipcRenderer.on("window-is-focused", (event, data) => {
if (!dock) return;
app.store.dispatch({ type: types.WINDOW_FOCUSED });
dock.setBadge("");
});
2017-06-07 20:56:52 -04:00
document.addEventListener("click", event => {
2017-12-13 18:36:30 -03:00
let target = event.target;
2017-06-07 20:56:52 -04:00
while (target && target !== document) {
2017-12-05 00:04:00 -08:00
if (target.matches("a") || target.matches("button")) {
2017-12-05 16:16:54 -08:00
// TODO: Look into using accessiblity labels (this would also make the app more accessible)
2017-12-13 18:36:30 -03:00
const hrefParts = window.location.href.split("#");
const element = target.title || (target.text && target.text.trim());
2017-12-05 16:16:54 -08:00
if (element) {
2017-12-05 17:16:06 -08:00
amplitude.getInstance().logEvent("CLICK", {
target: element,
location:
hrefParts.length > 1 ? hrefParts[hrefParts.length - 1] : "/",
});
2017-12-05 16:16:54 -08:00
} else {
2017-12-05 17:16:06 -08:00
amplitude.getInstance().logEvent("UNMARKED_CLICK", {
location:
hrefParts.length > 1 ? hrefParts[hrefParts.length - 1] : "/",
});
2017-12-05 16:16:54 -08:00
}
2017-12-05 00:04:00 -08:00
}
2017-06-08 17:15:34 -04:00
if (
target.matches('a[href^="http"]') ||
target.matches('a[href^="mailto"]')
) {
2017-06-07 20:56:52 -04:00
event.preventDefault();
shell.openExternal(target.href);
return;
}
target = target.parentNode;
}
2017-05-21 12:15:41 -04:00
});
2017-04-07 12:15:22 +07:00
const initialState = app.store.getState();
2017-12-13 18:36:30 -03:00
const init = function() {
2017-08-08 10:36:14 +01:00
app.store.dispatch(doDownloadLanguages());
2017-06-07 20:56:52 -04:00
function onDaemonReady() {
2017-12-05 13:05:59 -08:00
lbry.status().then(info => {
2017-12-05 17:16:06 -08:00
amplitude.getInstance().init(
// Amplitude API Key
"0b130efdcbdbf86ec2f7f9eff354033e",
info.lbry_id,
null,
2017-12-13 18:36:30 -03:00
() => {
window.sessionStorage.setItem("loaded", "y"); // once we've made it here once per session, we don't need to show splash again
2017-12-05 17:16:06 -08:00
app.store.dispatch(doDaemonReady());
2017-06-05 21:21:55 -07:00
2017-12-05 17:16:06 -08:00
ReactDOM.render(
<Provider store={store}>
<div>
<App />
<SnackBar />
</div>
</Provider>,
2017-12-13 18:36:30 -03:00
document.getElementById("app")
2017-12-05 17:16:06 -08:00
);
}
);
2017-12-05 13:05:59 -08:00
});
2017-06-07 20:56:52 -04:00
}
2017-06-05 21:21:55 -07:00
2017-06-07 20:56:52 -04:00
if (window.sessionStorage.getItem("loaded") == "y") {
onDaemonReady();
} else {
ReactDOM.render(
<Provider store={store}>
<SplashScreen onReadyToLaunch={onDaemonReady} />
</Provider>,
2017-12-13 18:36:30 -03:00
document.getElementById("app")
);
}
};
init();