Add env vars from netlify

Author: jboolean

frontend/.eslintrc

@@ -7,7 +7,10 @@
     "node": true
   },
   "globals": {
-    "__DEV__": true
+    "__DEV__": true,
+    "__DELPOY_ENV__": true,
+    "__GIT_SHA__": true,
+    "__BRANCH__": true
   },
   "settings": {
     "import/resolver": {

frontend/src/datadog.ts

@@ -44,9 +44,11 @@ datadogRum.init({
   clientToken: 'pub2b91b53e324deaa20ce2c3738fc4f9aa',
   site: 'datadoghq.com',
   service: 'fourtiesnyc',
-  env: __DEV__ ? 'dev' : 'prod',
+  env: __DEPLOY_ENV__ || 'dev',
+  version: __GIT_SHA__,
   // Explicitly enable manual view tracking for RRv5
   trackViewsManually: true,
   defaultPrivacyLevel: 'mask-user-input',
   // plugins: [reactPlugin({ router: false })], // Keep disabled until upgrading React Router due to deps conflict
 });
+datadogRum.addRumGlobalContext('branch', __BRANCH__);

frontend/src/globals.d.ts

@@ -3,6 +3,13 @@ declare let __LOCALE__: string;
 declare let __API_BASE__: string;
 declare let __STRIPE_PK__: string;
 declare let __RECAPTCHA_PK__: string;
+declare let __DEPLOY_ENV__:
+  | 'production'
+  | 'deploy-preview'
+  | 'branch-deploy'
+  | 'dev';
+declare let __GIT_SHA__: string;
+declare let __BRANCH__: string;
 
 interface Window {
   dataLayer?: Record<string, unknown>[];

frontend/webpack.prod.js

@@ -3,7 +3,7 @@ const webpack = require('webpack');
 const merge = require('webpack-merge');
 const common = require('./webpack.common.js');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const SentryWebpackPlugin = require("@sentry/webpack-plugin");
+const SentryWebpackPlugin = require('@sentry/webpack-plugin');
 
 const path = require('path');
 
@@ -22,6 +22,9 @@ module.exports = merge(common, {
       __API_BASE__: JSON.stringify(process.env.API_BASE),
       __STRIPE_PK__: JSON.stringify(process.env.STRIPE_PK),
       __RECAPTCHA_PK__: JSON.stringify(process.env.RECAPTCHA_PK),
+      __DEPLOY_ENV__: JSON.stringify(process.env.CONTEXT),
+      __GIT_SHA__: JSON.stringify(process.env.COMMIT_REF),
+      __BRANCH__: JSON.stringify(process.env.BRANCH),
     }),
     new HtmlWebpackPlugin({
       template: path.join(path.resolve(__dirname, 'src'), 'app.html'),
@@ -32,8 +35,8 @@ module.exports = merge(common, {
       },
     }),
     new SentryWebpackPlugin({
-      org: "julian-boilen",
-      project: "fourtiesnyc-frontend",
+      org: 'julian-boilen',
+      project: 'fourtiesnyc-frontend',
 
       // Specify the directory containing build artifacts
       include: path.resolve(__dirname, 'dist'),