Merge branch 'main' into ruby2

* main: (289 commits)
  Escape CSS URLs that are coming from profiles (firefox-devtools#5874)
  Memoize the computation of search filtering across threads.
  Memoize the computation of the implementation-filtered thread across threads.
  Memoize the computation of the call node table across threads.
  Reserve functions for collapsed resources globally.
  Correctly adjust transforms when merging profiles.
  Use Int32Array and oldXToNewXPlusOne convention in merge-compare.ts.
  Make profile compacting apply to the newly-shared tables.
  Update snapshots.
  Share the stackTable, frameTable, funcTable, resourceTable and nativeSymbols across threads.
  Update docsify to v4.13.1 with a PR manually patched
  Remove unused ga docsify plugin
  Remove async attribute from module script tag. (firefox-devtools#5870)
  Bump rollup from 2.79.2 to 2.80.0
  Remove unused defaultCategory parameter.
  Implement the "collapse resource" transform with the help of the "collapse direct recursion" transform.
  Persist selected marker in URL and show sticky tooltip on load (firefox-devtools#5847)
  Fix unhandled promise rejection in setupInitialUrlState (firefox-devtools#5864)
  Force canvas redraw when system theme changes (firefox-devtools#5861)
  Fix the color of dark mode back arrow svg (firefox-devtools#5863)
  ...

Author: tenderlove

.gitignore

@@ -4,6 +4,7 @@ node_modules/
 .DS_Store
 dist/
 public_html/
+build-meta/
 flow-coverage
 coverage
 .eslintcache
@@ -12,3 +13,4 @@ coverage
 webpack.local-config.js
 *.orig
 *.rej
+.idea/

CONTRIBUTING.md

@@ -6,21 +6,21 @@ First off, thanks for taking the time to contribute to Mozilla and the Firefox P
 
 This project is made up of a cross section of different parts of Mozilla, including people from Firefox DevTools and from Firefox's platform team who are working on the C++ and Rust internals of Firefox. Some core Mozillians on the team are:
 
-| -                                                                                          | Name               | Github Handle                                                  | Position                               |
-| ------------------------------------------------------------------------------------------ | ------------------ | -------------------------------------------------------------- | -------------------------------------- |
-| ![][julienw]                                                                               | Julien Wajsberg    | [@julienw](https://github.com/julienw)                         | Firefox Frontend Engineer              |
-| ![][canova]                                                                                | Nazim Can Altinova | [@canova](https://github.com/canova)                           | Firefox Platform and Frontend Engineer |
-| <img src="https://avatars.githubusercontent.com/mstange?size=56" width="56" height="56" /> | Markus Stange      | [@mstange](https://github.com/mstange)                         | Firefox Platform Engineer              |
-| ![][AdamBrouwersHarries]                                                                   | Adam Harries       | [@AdamBrouwersHarries](https://github.com/AdamBrouwersHarries) | Firefox Platform Engineer              |
-| ![][davehunt]                                                                              | Dave Hunt          | [@davehunt](https://github.com/davehunt)                       | Firefox Profiler Team Manager          |
+| -                                                                                          | Name               | Github Handle                                    | Position                               |
+| ------------------------------------------------------------------------------------------ | ------------------ | ------------------------------------------------ | -------------------------------------- |
+| ![][fatadel]                                                                               | Adel Fatkhutdinov  | [@fatadel](https://github.com/fatadel)           | Firefox Frontend Engineer              |
+| ![][carverdamien]                                                                          | Damien Carver      | [@carverdamien](https://github.com/carverdamien) | Firefox Platform Engineer              |
+| ![][canova]                                                                                | Nazim Can Altinova | [@canova](https://github.com/canova)             | Firefox Platform and Frontend Engineer |
+| <img src="https://avatars.githubusercontent.com/mstange?size=56" width="56" height="56" /> | Markus Stange      | [@mstange](https://github.com/mstange)           | Firefox Platform Engineer              |
+| ![][davehunt]                                                                              | Dave Hunt          | [@davehunt](https://github.com/davehunt)         | Firefox Profiler Team Manager          |
 
 <!-- mstange's image is differently inserted because its size isn't properly controlled by the size parameter, strangely -->
 
 [mstange]: https://avatars.githubusercontent.com/mstange?size=56
-[julienw]: https://avatars.githubusercontent.com/julienw?size=56
+[fatadel]: https://avatars.githubusercontent.com/fatadel?size=56
+[carverdamien]: https://avatars.githubusercontent.com/carverdamien?size=56
 [canova]: https://avatars.githubusercontent.com/canova?size=56
 [davehunt]: https://avatars.githubusercontent.com/davehunt?size=56
-[AdamBrouwersHarries]: https://avatars.githubusercontent.com/AdamBrouwersHarries?size=56
 
 We're friendly and we're on the [Mozilla Matrix instance](https://chat.mozilla.org/) in the [_Firefox Profiler_ channel (_#profiler:mozilla.org_)](https://chat.mozilla.org/#/room/#profiler:mozilla.org). Come chat with us if you have any questions about the project.
 
@@ -37,30 +37,21 @@ To get started clone the repo and get the web application started.
 1.  Run `git clone git@github.com:firefox-devtools/profiler.git`
 2.  Run `cd profiler`
 3.  Run `yarn install`, this will install all of the dependencies.
-4.  Run `yarn start`, this will start up the webpack server.
+4.  Run `yarn start`, this will start up the development server.
 5.  Point your browser to [http://localhost:4242](http://localhost:4242).
 6.  If port `4242` is taken, then you can run the web app on a different port: `FX_PROFILER_PORT=1234 yarn start`
 
-Other [webpack](https://webpack.js.org/configuration/) and [webpack server](https://webpack.js.org/configuration/dev-server/) options can be set in a `webpack.local-config.js` file at the repo root. For example, if you want to disable caching and the server to automatically open the home page, put in there the following code:
-
-```js
-module.exports = function (config, serverConfig) {
-  config.cache = false;
-  serverConfig.open = true;
-};
-```
-
 This project uses [TypeScript](https://www.typescriptlang.org/).
 
 ## Using GitHub Codespaces
 
 Alternatively, you can also develop the Firefox Profiler online in a pre-configured development environment using [GitHub Codespaces](https://github.com/features/codespaces).
 
-GitHub Codespaces will automatically install all dependencies, start the webpack server for you, and forward port 4242 so you can access the web app. Please look at our [GitHub Codespaces documentation](./docs-developer/codespaces.md) for more information.
+GitHub Codespaces will automatically install all dependencies, start the development server for you, and forward port 4242 so you can access the web app. Please look at our [GitHub Codespaces documentation](./docs-developer/codespaces.md) for more information.
 
 ## Loading in profiles for development
 
-The web app doesn't include any performance profiles by default, so you'll need to load some in. Make sure the local Webpack web server is running, and then try one of the following:
+The web app doesn't include any performance profiles by default, so you'll need to load some in. Make sure the local development server is running, and then try one of the following:
 
 #### 1. Record a profile:
 

__mocks__/gecko-profiler-demangle.ts

@@ -1,14 +1,14 @@
 // This module replaces the wasm-pack generated module 'gecko-profiler-demangle'
 // in our tests.
 // The reason for this replacement is the fact that wasm-pack (or rather,
-// wasm-bindgen), when targeting the browser + webpack, generates an ES6 module
+// wasm-bindgen), when targeting the browser + bundlers, generates an ES6 module
 // that node cannot deal with. Most importantly, it uses the syntax
 // "import * as wasm from './gecko_profiler_demangle_bg';" in order to load
-// the wasm module, which is currently only supported by webpack.
+// the wasm module, which is currently only supported by bundlers.
 // The long-term path to make this work correctly is to wait for node to
 // support ES6 modules (and WASM as ES6 modules) natively [1]. It's possible
 // that in the medium term, wasm-bindgen will get support for outputting JS
-// files which work in both webpack and in node natively [2].
+// files which work in both bundlers and in node natively [2].
 // [1] https://medium.com/@giltayar/native-es-modules-in-nodejs-status-and-future-directions-part-i-ee5ea3001f71
 // [2] https://github.com/rustwasm/wasm-bindgen/issues/233
 

docs-developer/CHANGELOG-formats.md

@@ -6,6 +6,17 @@ Note that this is not an exhaustive list. Processed profile format upgraders can
 
 ## Processed profile format
 
+### Version 60
+
+The following tables have moved into `profile.shared`: `stackTable`, `frameTable`, `funcTable`, `resourceTable`, `nativeSymbols`. They are no longer per-thread.
+Marker and sample data (including allocation samples) remains within the thread.
+
+### Version 59
+
+A new optional `usedInnerWindowIDs` field was added to the `Thread` type. This field contains an array of inner window IDs. It is used for the tab selector dropdown in the profiler UI, together with the information from `profile.pages`. When a tab is selected in this dropdown, threads that don't have an inner window ID for the selected tab in their `usedInnerWindowIDs` field are hidden. The array is treated as a set - the order of items in it has no meaning.
+
+Profiles which don't use `profile.pages` also don't need to use the `thread.usedInnerWindowIDs` field.
+
 ### Version 58
 
 A new `SourceTable` has been added to `profile.shared.sources` to centralize all source file information. The `FuncTable.fileName` field has been replaced with `FuncTable.source`, which references indices in the shared sources table. This change allows storing a UUID per JS source, which will be used for fetching sources.
@@ -122,13 +133,17 @@ We've also cleaned up the ResourceTable format:
 
 ### Older Versions
 
-Older versions are not documented in this changelog but can be found in [processed-profile-versioning.jt](../src/profile-logic/processed-profile-versioning.ts).
+Older versions are not documented in this changelog but can be found in [processed-profile-versioning.ts](../src/profile-logic/processed-profile-versioning.ts).
 
 ## Gecko profile format
 
+### Version 33
+
+The `sources` field in the Gecko profile format is now non-optional. An upgrader was added that creates an empty `SourceTable` for profiles that don't have one.
+
 ### Version 32
 
-`frameTable` `location` string field was changed to include an optional `sourceIndex` at the end of the string inside brackets for JS sources. For example, new JS frames look like this: `functionName (http://script.url/:1234:1234)[1234]` with the last number being its `sourceIndex`. This index references entries in the shared `SourceTable` in `profile.sources` (added in in the same version) which centralizes all source file information.
+`frameTable` `location` string field was changed to include an optional `sourceIndex` at the end of the string inside brackets for JS sources. For example, new JS frames look like this: `functionName (http://script.url/:1234:1234)[1234]` with the last number being its `sourceIndex`. This index references entries in the shared `SourceTable` in `profile.sources` (added in the same version) which centralizes all source file information.
 
 ### Version 31
 
@@ -157,4 +172,4 @@ The `searchable` property is implemented in the marker schema. Previously all th
 
 ### Older Versions
 
-Older versions are not documented in this changelog but can be found in [gecko-profile-versioning.jt](../src/profile-logic/gecko-profile-versioning.ts).
+Older versions are not documented in this changelog but can be found in [gecko-profile-versioning.ts](../src/profile-logic/gecko-profile-versioning.ts).