bump packages and fix annoying build errors

package.json

@@ -28,57 +28,58 @@
     "@parcel/packager-ts": "2.11.0",
     "@parcel/transformer-inline-string": "^2.11.0",
     "@parcel/transformer-sass": "2.11.0",
-    "assert": "^2.0.0",
+    "assert": "^2.1.0",
     "browserify-zlib": "^0.2.0",
     "crypto-browserify": "^3.12.0",
-    "eslint": "^8.48.0",
+    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-webpack-plugin": "^4.0.1",
     "https-browserify": "^1.0.0",
     "os-browserify": "^0.3.0",
-    "parcel": "^2.10.3",
+    "parcel": "^2.11.0",
-    "path-browserify": "^1.0.0",
+    "path-browserify": "^1.0.1",
-    "prettier": "^3.2.2",
+    "prettier": "^3.2.5",
     "process": "^0.11.10",
     "querystring-es3": "^0.2.1",
-    "sass": "^1.69.5",
+    "sass": "^1.70.0",
-    "sass-loader": "^13.3.2",
+    "sass-loader": "^13.3.3",
     "stream-browserify": "^3.0.0",
-    "stream-http": "^3.1.0",
+    "stream-http": "^3.2.0",
-    "style-loader": "^3.3.3",
+    "style-loader": "^3.3.4",
     "tty-browserify": "^0.0.1",
-    "url": "^0.11.0",
+    "url": "^0.11.3",
-    "util": "^0.12.3",
+    "util": "^0.12.5",
     "yarn": "^1.22.21"
   },
   "dependencies": {
     "@parcel/transformer-raw": "^2.11.0",
-    "@sentry/browser": "^7.85.0",
+
-    "@sentry/react": "^7.88.0",
+    "@sentry/browser": "^7.100.1",
-    "@sentry/webpack-plugin": "^2.10.2",
+    "@sentry/react": "^7.100.1",
-    "@types/color": "^3.0.4",
+    "@sentry/webpack-plugin": "^2.14.0",
+    "@types/color": "^3.0.6",
     "@types/dompurify": "^3.0.5",
-    "@types/react": "^18.2.21",
+    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.18",
+    "@types/react-dom": "^18.2.19",
     "@types/sortablejs": "^1.15.7",
     "@types/webextension-polyfill": "^0.10.7",
-    "autoprefixer": "^10.4.15",
+    "autoprefixer": "^10.4.17",
     "color": "^4.2.3",
     "dompurify": "^3.0.8",
-    "framer-motion": "^10.16.16",
+    "framer-motion": "^10.18.0",
     "install": "^0.13.0",
     "localforage": "^1.10.0",
-    "motion": "^10.16.4",
+    "motion": "^10.17.0",
-    "npm": "^10.1.0",
+    "npm": "^10.4.0",
-    "postcss": "^8.4.29",
+    "postcss": "^8.4.35",
     "react": "^18.2.0",
     "react-best-gradient-color-picker": "^3.0.5",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.21.0",
+    "react-router-dom": "^6.22.0",
-    "sortablejs": "^1.15.0",
+    "sortablejs": "^1.15.2",
-    "tailwindcss": "^3.3.3",
+    "tailwindcss": "^3.4.1",
     "ts-loader": "^9.5.1",
-    "typescript": "^5.2.2",
+    "typescript": "^5.3.3",
     "webextension-polyfill": "^0.10.0"
   }
 }

src/SEQTA.ts

@@ -24,7 +24,7 @@ import browser from 'webextension-polyfill'
 import coursesicon from './seqta/icons/coursesIcon'
 import { delay } from "./seqta/utils/delay"
 import { enableCurrentTheme } from './seqta/ui/Themes'
-import iframeCSS from "bundle-text:./css/iframe.scss"
+import * as iframeCSS from "bundle-text:./css/iframe.scss"
 import { onError } from './seqta/utils/onError'
 import stringToHTML from './seqta/utils/stringToHTML'
 import { updateAllColors } from './seqta/ui/colors/Manager'
@@ -134,6 +134,7 @@ export function OpenWhatsNewPopup() {
   imagecont.classList.add('whatsnewImgContainer')
   let video = document.createElement('video')
   let source = document.createElement('source')
+  // Perhaps we host this on a server and then grab it instead of having it locally?
   source.setAttribute('src', updateVideo)
   source.setAttribute('type', 'video/mp4')
   video.autoplay = true