tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Enable frontend exception tracking (#140)

Browse Source
This commit is contained in:
sua yoo 2022-02-18 10:34:07 -08:00 committed by GitHub
parent d05f04be9f
commit aa645d9b15
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/.env
View File

@ -1 +1,2 @@
API_BASE_URL=https://btrix.webrecorder.net/api API_BASE_URL=https://btrix.webrecorder.net/api
GLITCHTIP_DSN=

1
frontend/sample.env.local
View File

@ -1 +1,2 @@
API_BASE_URL=https://btrix-dev.webrecorder.net/api API_BASE_URL=https://btrix-dev.webrecorder.net/api
GLITCHTIP_DSN=

18
frontend/src/index.ejs
View File

@ -9,8 +9,26 @@
<title>Browsertrix Cloud</title> <title>Browsertrix Cloud</title>
<base href="/" /> <base href="/" />
<script defer src="<%= rwp_base_url %>ui.js"></script> <script defer src="<%= rwp_base_url %>ui.js"></script>
<script
src="https://unpkg.com/@sentry/browser@latest/build/bundle.min.js"
crossorigin="anonymous"
></script>
</head> </head>
<body> <body>
<browsertrix-app></browsertrix-app> <browsertrix-app></browsertrix-app>
<script>
const dsn = "<%= glitchtip_dsn %>"
if (dsn) {
Sentry.init({
dsn: dsn,
release: "<%= commit_hash %>",
environment: "<%= environment %>",
debug: "<%= environment %>" === "development",
autoSessionTracking: false, // Turn off unsupported page/session tracking
});
}
</script>
</body> </body>
</html> </html>

14
frontend/webpack.config.js
View File

@ -4,6 +4,7 @@ const ESLintPlugin = require("eslint-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin"); const HtmlWebpackPlugin = require("html-webpack-plugin");
const CopyPlugin = require("copy-webpack-plugin"); const CopyPlugin = require("copy-webpack-plugin");
const Dotenv = require("dotenv-webpack"); const Dotenv = require("dotenv-webpack");
const childProcess = require("child_process");
const isDevServer = process.env.WEBPACK_SERVE; const isDevServer = process.env.WEBPACK_SERVE;
@ -14,6 +15,16 @@ const dotEnvPath = path.resolve(
process.cwd(), process.cwd(),
`.env${isDevServer ? `.local` : ""}` `.env${isDevServer ? `.local` : ""}`
); );
// Get git info to use as Glitchtip release version
const gitBranch = childProcess
.execSync("git rev-parse --abbrev-ref HEAD")
.toString()
.trim();
const commitHash = childProcess
.execSync("git rev-parse --short HEAD")
.toString()
.trim();
require("dotenv").config({ require("dotenv").config({
path: dotEnvPath, path: dotEnvPath,
@ -107,6 +118,9 @@ module.exports = {
template: "src/index.ejs", template: "src/index.ejs",
templateParameters: { templateParameters: {
rwp_base_url: RWP_BASE_URL, rwp_base_url: RWP_BASE_URL,
glitchtip_dsn: process.env.GLITCHTIP_DSN || "",
environment: isDevServer ? "development" : "production",
commit_hash: `${gitBranch} (${commitHash})`,
}, },
// Need to block during local development for HMR: // Need to block during local development for HMR:
inject: isDevServer ? "head" : true, inject: isDevServer ? "head" : true,