Deploy September 16, 2025 (#5615)

Changes:

[Markus Stange] Switch CSS back to using relative paths inside url(...)
(#5594)
[Markus Stange] Use dynamic imports for jszip (#5593)
[Florian Quèze] Allow markers to provide a marker color. (#5607)
[Ryan Hunt] Update iongraph-web to latest version (#5606)
[Florian Quèze] Fix the color contrast of hovered colored markers.
(#5609)
[Florian Quèze] Scale custom marker graphs on values within the
committed range. (#5587)
[Markus Stange] Fix null marker stack substitution (#5613)
[Florian Quèze] Track context menus should be accessible from anywhere
in the track (#5562)
[Markus Stange] Worker + compression cleanups (#5602)

Author: canova

package.json

@@ -63,7 +63,7 @@
     "@codemirror/lang-rust": "^6.0.2",
     "@codemirror/language": "^6.11.3",
     "@codemirror/state": "^6.5.2",
-    "@codemirror/view": "^6.38.1",
+    "@codemirror/view": "^6.38.2",
     "@firefox-devtools/react-contextmenu": "^5.2.3",
     "@fluent/bundle": "^0.19.1",
     "@fluent/langneg": "^0.7.0",
@@ -78,9 +78,9 @@
     "copy-to-clipboard": "^3.3.3",
     "core-js": "^3.45.1",
     "escape-string-regexp": "^4.0.0",
-    "gecko-profiler-demangle": "^0.3.3",
+    "gecko-profiler-demangle": "^0.4.0",
     "idb": "^8.0.3",
-    "iongraph-web": "0.1.4",
+    "iongraph-web": "0.1.15",
     "jszip": "^3.10.1",
     "long": "^5.3.2",
     "memoize-immutable": "^3.0.0",
@@ -114,15 +114,15 @@
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@eslint/js": "^9.34.0",
+    "@eslint/js": "^9.35.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@types/clamp": "^1.0.3",
     "@types/common-tags": "^1.8.4",
     "@types/jest": "^30.0.0",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^22.18.0",
+    "@types/node": "^22.18.1",
     "@types/query-string": "^6.3.0",
     "@types/react": "^18.3.24",
     "@types/react-dom": "^18.3.1",
@@ -134,10 +134,10 @@
     "@typescript-eslint/parser": "^8.41.0",
     "alex": "^11.0.1",
     "autoprefixer": "^10.4.21",
-    "babel-jest": "^30.0.5",
+    "babel-jest": "^30.1.2",
     "babel-loader": "^10.0.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "browserslist": "^4.25.2",
+    "browserslist": "^4.25.4",
     "caniuse-lite": "^1.0.30001731",
     "circular-dependency-plugin": "^5.2.1",
     "codecov": "^3.8.3",
@@ -146,25 +146,25 @@
     "css-loader": "^7.1.2",
     "cssnano": "^7.1.1",
     "devtools-license-check": "^0.9.0",
-    "eslint": "^9.34.0",
+    "eslint": "^9.35.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-jest-formatting": "^3.1.0",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-testing-library": "^7.6.6",
+    "eslint-plugin-testing-library": "^7.6.8",
     "espree": "^10.4.0",
-    "fake-indexeddb": "^6.1.0",
-    "fetch-mock": "^12.5.3",
+    "fake-indexeddb": "^6.2.2",
+    "fetch-mock": "^12.5.4",
     "file-loader": "^6.2.0",
     "glob": "^11.0.3",
     "globals": "^16.3.0",
     "html-webpack-plugin": "^5.6.4",
     "husky": "^4.3.8",
-    "jest": "^30.0.5",
-    "jest-environment-jsdom": "^30.0.5",
+    "jest": "^30.1.3",
+    "jest-environment-jsdom": "^30.1.2",
     "jest-extended": "^6.0.0",
     "json-loader": "^0.5.7",
     "local-web-server": "^5.4.0",
@@ -174,7 +174,7 @@
     "open": "^10.2.0",
     "patch-package": "^8.0.0",
     "postcss": "^8.5.6",
-    "postcss-loader": "^8.1.1",
+    "postcss-loader": "^8.2.0",
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^3.6.2",
     "raw-loader": "^4.0.2",

src/actions/receive-profile.ts

@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 import { oneLine } from 'common-tags';
 import queryString from 'query-string';
-import JSZip from 'jszip';
+import type JSZip from 'jszip';
 import {
   insertExternalMarkersIntoProfile,
   insertExternalPowerCountersIntoProfile,
@@ -1045,6 +1045,7 @@ async function _extractZipFromResponse(
   // that comes from this realm.
   const typedBuffer = new Uint8Array(buffer);
   try {
+    const JSZip = await import('jszip');
     const zip = await JSZip.loadAsync(typedBuffer);
     // Catch the error if unable to load the zip.
     return zip;
@@ -1235,6 +1236,7 @@ export function retrieveProfileFromFile(
       if (_deduceContentType(file.name, file.type) === 'application/zip') {
         // Open a zip file in the zip file viewer
         const buffer = await fileReader(file).asArrayBuffer();
+        const JSZip = await import('jszip');
         const zip = await JSZip.loadAsync(buffer);
         await dispatch(receiveZipFile(zip));
       } else {

src/components/app/BottomBox.css

@@ -72,11 +72,11 @@
 }
 
 .bottom-close-button {
-  background-image: url(firefox-profiler-res/img/svg/close-dark.svg);
+  background-image: url(../../../res/img/svg/close-dark.svg);
 }
 
 .bottom-assembly-button {
-  background-image: url(firefox-profiler-res/img/svg/asm-icon.svg);
+  background-image: url(../../../res/img/svg/asm-icon.svg);
 }
 
 .codeLoadingOverlay,
@@ -111,8 +111,8 @@
   width: 32px;
   height: 32px;
   flex-shrink: 0;
-  background: url(firefox-profiler-res/img/spinner.png) center center / 32px
-    32px no-repeat;
+  background: url(../../../res/img/spinner.png) center center / 32px 32px
+    no-repeat;
   content: '';
 }
 
@@ -123,8 +123,8 @@
   width: 50px;
   height: 50px;
   flex-shrink: 0;
-  background: url(firefox-profiler-res/img/svg/error.svg) center center / 32px
-    32px no-repeat;
+  background: url(../../../res/img/svg/error.svg) center center / 32px 32px
+    no-repeat;
   content: '';
   filter: brightness(70%) drop-shadow(0 1px rgb(255 255 255 / 0.5));
 }

src/components/app/Details.css

@@ -26,9 +26,9 @@
 }
 
 .sidebar-open-close-button-isopen {
-  background-image: url(firefox-profiler-res/img/svg/pane-collapse.svg);
+  background-image: url(../../../res/img/svg/pane-collapse.svg);
 }
 
 .sidebar-open-close-button-isclosed {
-  background-image: url(firefox-profiler-res/img/svg/pane-expand.svg);
+  background-image: url(../../../res/img/svg/pane-expand.svg);
 }

src/components/app/Home.css

@@ -145,7 +145,7 @@
   width: 20px;
   height: 20px;
   margin: 0 10px -4px 3px;
-  background: url(firefox-profiler-res/img/svg/help-blue.svg);
+  background: url(../../../res/img/svg/help-blue.svg);
   background-size: 100% 100%;
 }
 

src/components/app/KeyboardShortcut.css

@@ -95,8 +95,8 @@
 
   /* Allow for the photon focus ring to fit in the space by using a 4px margin. */
   margin: 4px;
-  background: url(firefox-profiler-res/img/svg/searchfield-cancel.svg) 10px
-    center no-repeat;
+  background: url(../../../res/img/svg/searchfield-cancel.svg) 10px center
+    no-repeat;
   cursor: pointer;
   font-size: inherit;
 }

src/components/app/MenuButtons/Permalink.css

@@ -5,7 +5,7 @@
 /* This background image builds on the generic styles defined in
  * MenuButtons/index.css when using an icon. */
 .menuButtonsPermalinkButtonButton::before {
-  background-image: url(firefox-profiler-res/img/svg/link-dark-12.svg);
+  background-image: url(../../../../res/img/svg/link-dark-12.svg);
 }
 
 .menuButtonsPermalinkPanel .arrowPanelContent {

src/components/app/MenuButtons/Publish.css

@@ -5,11 +5,11 @@
 /* These two background images build on the generic styles defined in
  * MenuButtons/index.css when using an icon. */
 .menuButtonsShareButtonButton::before {
-  background-image: url(firefox-profiler-res/img/svg/share-dark-12.svg);
+  background-image: url(../../../../res/img/svg/share-dark-12.svg);
 }
 
 .menuButtonsShareButtonButton-uploading::before {
-  background-image: url(firefox-profiler-res/img/svg/sharing-animated-dark-12.svg);
+  background-image: url(../../../../res/img/svg/sharing-animated-dark-12.svg);
 }
 
 .menuButtonsShareButtonError {
@@ -27,7 +27,7 @@
 }
 
 .menuButtonsShareButtonError::before {
-  background-image: url(firefox-profiler-res/img/svg/error.svg);
+  background-image: url(../../../../res/img/svg/error.svg);
 }
 
 .menuButtonsPublishPanel {
@@ -46,7 +46,7 @@
    * This background image is 44x44, so this puts it 16px left of the text. */
   padding-left: 60px;
   margin: 0 0 0 -60px;
-  background: url(firefox-profiler-res/img/svg/info.svg) left center no-repeat;
+  background: url(../../../../res/img/svg/info.svg) left center no-repeat;
   line-height: 44px; /* This is the height of the background image */
 }
 
@@ -107,15 +107,13 @@
 .menuButtonsPublishButtonsSvgUpload {
   width: 20px;
   height: 20px;
-  background: url(firefox-profiler-res/img/svg/upload.svg) center center
-    no-repeat;
+  background: url(../../../../res/img/svg/upload.svg) center center no-repeat;
 }
 
 .menuButtonsPublishButtonsSvgDownload {
   width: 20px;
   height: 20px;
-  background: url(firefox-profiler-res/img/svg/download.svg) center center
-    no-repeat;
+  background: url(../../../../res/img/svg/download.svg) center center no-repeat;
 }
 
 .menuButtonsDownloadSize {

src/components/app/MenuButtons/index.css

@@ -92,23 +92,23 @@
   width: 12px;
   height: 12px;
   padding-left: 4px;
-  background: url(firefox-profiler-res/img/svg/open-in-new-12.svg) no-repeat
-    right / 12px;
+  background: url(../../../../res/img/svg/open-in-new-12.svg) no-repeat right /
+    12px;
 }
 
 /* These classes define respective states for the metainfo button. They change
  * the icon whose generic styles are defined above. */
 .menuButtonsMetaInfoButtonButton::before {
-  background-image: url(firefox-profiler-res/img/svg/info-12.svg);
+  background-image: url(../../../../res/img/svg/info-12.svg);
 }
 
 /* This is the revert button, appearing after publishing a profile. */
 .menuButtonsRevertButton::before {
-  background-image: url(firefox-profiler-res/img/svg/undo-dark-12.svg);
+  background-image: url(../../../../res/img/svg/undo-dark-12.svg);
 }
 
 .menuButtonsRevertToFullView::before {
-  background-image: url(firefox-profiler-res/img/svg/maximize-dark-12.svg);
+  background-image: url(../../../../res/img/svg/maximize-dark-12.svg);
 }
 
 .profileInfoUploadedActions {
@@ -135,8 +135,8 @@
   display: block;
   width: 32px;
   height: 32px;
-  background: url(firefox-profiler-res/img/svg/cloud-dark-12.svg) no-repeat
-    left / 32px;
+  background: url(../../../../res/img/svg/cloud-dark-12.svg) no-repeat left /
+    32px;
   content: '';
   opacity: 0.5;
 }

src/components/app/ProfileDeleteButton.css

@@ -6,8 +6,8 @@
   /* Note: 20px is: 16px (icon width) + 4px (distance from the text) */
   padding-left: 20px;
   margin: 0;
-  background: url(firefox-profiler-res/img/svg/check-dark.svg) no-repeat left /
-    16px 16px;
+  background: url(../../../res/img/svg/check-dark.svg) no-repeat left / 16px
+    16px;
   white-space: nowrap;
 }
 
@@ -16,8 +16,8 @@
   padding-left: 24px;
 
   /* The icon is 4px below the top */
-  background: url(firefox-profiler-res/img/svg/error-red.svg) no-repeat 0 4px /
-    16px 16px;
+  background: url(../../../res/img/svg/error-red.svg) no-repeat 0 4px / 16px
+    16px;
   color: var(--red-60);
   overflow-wrap: break-word;
 }