Sort out webpack issues

contentcuration/contentcuration/frontend/shared/app.js

@@ -1,6 +1,6 @@
 import 'regenerator-runtime/runtime';
 import { liveQuery } from 'dexie';
-import * as Sentry from '@sentry/vue';
+import { init as SentryInit, globalHandlersIntegration } from '@sentry/vue';
 import Vue from 'vue';
 import VueRouter from 'vue-router';
 import Vuetify, {
@@ -128,7 +128,7 @@ import { Session, injectVuexStore } from 'shared/data/resources';
 if (process.env.NODE_ENV !== 'production') {
   Vue.config.devtools = true;
 } else if (window.sentryActive) {
-  Sentry.init({
+  SentryInit({
     Vue,
     dsn: window.sentryDSN,
     environment: window.sentryEnvironment,
@@ -140,7 +140,7 @@ if (process.env.NODE_ENV !== 'production') {
     // get another error report with more useful data anyway, so ignore these for now.
     // They are most commonly triggered by a 500 response from an API endpoint call.
     integrations: [
-      new Sentry.Integrations.GlobalHandlers({
+      globalHandlersIntegration({
         onerror: true,
         onunhandledrejection: false,
       }),

contentcuration/contentcuration/frontend/shared/data/index.js

@@ -1,4 +1,4 @@
-import Sentry from '@sentry/vue';
+import { captureException } from '@sentry/vue';
 import mapValues from 'lodash/mapValues';
 import { CHANGES_TABLE, TABLE_NAMES } from './constants';
 import db from './db';
@@ -53,6 +53,6 @@ export async function initializeDB() {
     }
     syncOnChanges();
   } catch (e) {
-    Sentry.captureException(e);
+    captureException(e);
   }
 }

jsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "baseUrl": "contentcuration/contentcuration/frontend",
+    "paths": {
+      "shared/*": ["./shared/*"]
+    }
+  }
+}

package.json

@@ -95,6 +95,8 @@
     "vuex": "^3.0.1",
     "workbox-core": "^7.0.0",
     "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-strategies": "^7.0.0",
     "workbox-window": "^7.0.0"
   },
   "devDependencies": {

performance/prep.py

@@ -66,4 +66,4 @@
         c.save()
 
     # start the server in prod mode
-    subprocess.call(["yarn", "run", "devserver"])
+    subprocess.call(["pnpm", "run", "devserver"])