73 lines
2.0 KiB
TypeScript
73 lines
2.0 KiB
TypeScript
import React from "react";
|
|
import ReactDOM from "react-dom";
|
|
import * as Sentry from "@sentry/browser";
|
|
import * as SentryIntegrations from "@sentry/integrations";
|
|
|
|
import { TopErrorBoundary } from "./components/TopErrorBoundary";
|
|
import { IsMobileProvider } from "./is-mobile";
|
|
import App from "./components/App";
|
|
import { register as registerServiceWorker } from "./serviceWorker";
|
|
|
|
import "./css/styles.scss";
|
|
|
|
// On Apple mobile devices add the proprietary app icon and splashscreen markup.
|
|
// No one should have to do this manually, and eventually this annoyance will
|
|
// go away once https://bugs.webkit.org/show_bug.cgi?id=183937 is fixed.
|
|
if (
|
|
/\b(iPad|iPhone|iPod)\b/.test(navigator.userAgent) &&
|
|
!matchMedia("(display-mode: standalone)").matches
|
|
) {
|
|
import("pwacompat");
|
|
}
|
|
|
|
const SentryEnvHostnameMap: { [key: string]: string } = {
|
|
"excalidraw.com": "production",
|
|
"now.sh": "staging",
|
|
};
|
|
|
|
const onlineEnv = Object.keys(SentryEnvHostnameMap).find(
|
|
(item) => window.location.hostname.indexOf(item) >= 0,
|
|
);
|
|
|
|
Sentry.init({
|
|
// Disable Sentry locally to avoid noise
|
|
dsn: onlineEnv
|
|
? "https://7bfc596a5bf945eda6b660d3015a5460@sentry.io/5179260"
|
|
: undefined,
|
|
environment: onlineEnv ? SentryEnvHostnameMap[onlineEnv] : undefined,
|
|
release: process.env.REACT_APP_GIT_SHA,
|
|
ignoreErrors: [
|
|
"undefined is not an object (evaluating 'window.__pad.performLoop')", // Only happens on Safari, but spams our servers. Doesn't break anything
|
|
],
|
|
integrations: [
|
|
new SentryIntegrations.CaptureConsole({
|
|
levels: ["error"],
|
|
}),
|
|
],
|
|
});
|
|
|
|
// Block pinch-zooming on iOS outside of the content area
|
|
document.addEventListener(
|
|
"touchmove",
|
|
function (event) {
|
|
// @ts-ignore
|
|
if (event.scale !== 1) {
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
{ passive: false },
|
|
);
|
|
|
|
const rootElement = document.getElementById("root");
|
|
|
|
ReactDOM.render(
|
|
<TopErrorBoundary>
|
|
<IsMobileProvider>
|
|
<App />
|
|
</IsMobileProvider>
|
|
</TopErrorBoundary>,
|
|
rootElement,
|
|
);
|
|
|
|
registerServiceWorker();
|