profile-viewer 0.0.3 → 0.0.5

data/dist/docs/memory-allocations.md

@@ -1,10 +1,11 @@
 # Memory Allocations
 
-The Firefox Profiler supports three different types of memory profiling
+The Firefox Profiler supports different types of memory profiling
 
 1. Memory Track
-2. Native Allocations (experimental)
-3. JavaScript Allocations (experimental)
+2. Native Allocations
+3. JavaScript Allocations
+4. Valgrind DHAT Profiles
 
 ## Memory Track
 
@@ -14,9 +15,9 @@ The memory track graphs overall allocation and deallocation numbers over time fo
 
 The graph visualization tracks the relative memory usage over the committed range of time. It's important to note that this is not absolute memory usage. The graph and numbers will change when committing a range selection.
 
-## Native Memory Allocations (experimental)
+## Native Memory Allocations
 
-The profiler has experimental support for analyzing allocations in native code (C++ and Rust) via stack sampling. These features require Nightly. To follow along you can open this [example showing DevTools opening and closing](https://perfht.ml/2LKZsfY)
+The profiler has support for analyzing allocations in native code (C++ and Rust) via stack sampling. These features require Nightly. To follow along you can open this [example showing DevTools opening and closing](https://perfht.ml/2LKZsfY)
 
 The Native Allocations feature works by collecting the stack and size of memory allocations from native (C++ or Rust) code. It does not collect every allocation, but only samples a subset of them. The sampling is biased towards larger allocations and larger frees. Larger allocations are more likely show up in the profile, and will most likely be more representative of the actual memory usage. Keep in mind that since these allocations are only sampled, not all allocations will be recorded. This means that memory track (the orange graph at the top) will most likely report different numbers for memory usage.
 
@@ -63,8 +64,29 @@ This option shows all of the deallocations that were sampled. Keep in mind that
 
 Some components inside of Gecko may implement their own memory management systems, and bypass the usage of system-level functions like `malloc` that are instrumented with this feature. For instance, some code could create a large buffer, and manage its own memory inside of that buffer. This feature would know about the allocation of the larger chunk of memory, but not how smaller allocations could be created inside of that buffer of memory. If this happens, information could be missing or misleading.
 
-## JavaScript Allocations (experimental)
+## JavaScript Allocations
 
 There is also a JavaScript-only allocation feature. This may be less useful as it only samples the creation of JS objects, and does not track garbage collection or frees. In fact, the Native Allocations feature is a superset of the JavaScript allocations feature, and includes the JavaScript stack information. Enable this through the `Features` section of the popup.
 
 ![A screenshot of the call tree showing JS.](images/allocation-js.png)
+
+## Valgrind's "Dynamic Heap Analysis Tool" DHAT
+
+When working outside of Firefox, you can use [Valgrind's DHAT tool](https://valgrind.org/docs/manual/dh-manual.html). DHAT has its own viewer, but it lacks some of the visualization and filtering capabilities of the Firefox Profiler. The converted profile will lack some of the finer details like read, write, and access information, but it does contain the amount of bytes allocated. On a Linux system (or even a Linux docker image), you can install it via:
+
+```sh
+sudo apt-get install valgrind
+```
+
+Then run your command:
+
+```
+valgrind --tool=dhat ./my-program
+```
+
+A dhat profile will be output in the same directory as your program: `dhat.out.<pid>`. Drag that file into the profiler to view it. There will be 4 tracks containing the memory information. Only the call tree and flame graph are supported.
+
+- **Bytes at End** - Allocations that were never freed when the program ended.
+- **Bytes at Global Max** - Bytes allocated when the global heap size peaked.
+- **Maximum Bytes** - The maximum bytes allocated at that call site at one time.
+- **Total Bytes** - The total bytes allocated over the course of the program.

data/dist/docs/videos.md

@@ -4,24 +4,24 @@
 
 These videos go through an introduction of how to use the Firefox Profiler and some of the theory behind how profilers work. They are a good way to get up and running with the workflow of how the tools work.
 
-| Video | Description |
-| ----- | ----------- |
-| [Firefox Profiler intro][intro] | This intro video explains how to get set up and start profiling. It explains a little bit of how the architecture works to better understand the relationship of the various tools and data sources. |
-| [Samples and markers][samples] |  Profilers have two main different types of data they collect. Thinking of the profile in terms of samples and markers is a useful way to understand what is going on with the underlying data. |
-| [Call Tree (Part 1) - The basics][calltree1] | Call trees are one of the most useful reports on understanding profiles. This video walks through some very simplified examples and explains how the call tree is constructed and what it represents. |
-| [Call Tree (Part 2) - Real recording][calltree2] | Take the theory of call stack and call trees to the interface of profiler.firefox.com |
-| [Call Tree (Part 3) - Branching][calltree3] | Real code branches and this demonstration walk you through how call trees are affected by branching and show how to understand them in a simplified code example. |
-| [Multiple threads and async code][threads] | Walk through the steps of understanding and looking at a multi-process profile. |
+| Video                                            | Description                                                                                                                                                                                           |
+| ------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Firefox Profiler intro][intro]                  | This intro video explains how to get set up and start profiling. It explains a little bit of how the architecture works to better understand the relationship of the various tools and data sources.  |
+| [Samples and markers][samples]                   | Profilers have two main different types of data they collect. Thinking of the profile in terms of samples and markers is a useful way to understand what is going on with the underlying data.        |
+| [Call Tree (Part 1) - The basics][calltree1]     | Call trees are one of the most useful reports on understanding profiles. This video walks through some very simplified examples and explains how the call tree is constructed and what it represents. |
+| [Call Tree (Part 2) - Real recording][calltree2] | Take the theory of call stack and call trees to the interface of profiler.firefox.com                                                                                                                 |
+| [Call Tree (Part 3) - Branching][calltree3]      | Real code branches and this demonstration walk you through how call trees are affected by branching and show how to understand them in a simplified code example.                                     |
+| [Multiple threads and async code][threads]       | Walk through the steps of understanding and looking at a multi-process profile.                                                                                                                       |
 
 ## Joy of Profiling
 
 These semi-weekly episodes examine Firefox performance profiles using the Firefox Profiler. They are long-form and are a nice way to gain insights on how profile analysis is done on real-world profiles. Note that in the past, this project was referred to as "perf.html", and many videos still refer to it that way.
 
-* [View all episodes][joy]
+- [View all episodes][joy]
 
 ## Other recordings
 
- * [Ehsan giving a profiling tutorial](https://vid.ly/e6v7s4?content=video&format=hd_webm)
+- [Ehsan giving a profiling tutorial](https://vid.ly/e6v7s4?content=video&format=hd_webm)
 
 [intro]: https://www.youtube.com/watch?v=MxgWOTqxOTg&list=PLxaZqnd-OQM620EZ_6eT8qurOnZ4eu6dz&index=1
 [samples]: https://www.youtube.com/watch?v=BBDErudR_8Q&index=2&list=PLxaZqnd-OQM620EZ_6eT8qurOnZ4eu6dz

data/dist/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="initial-scale=1"/><title>Firefox Profiler</title><link rel="preload" href="locales/en-US/app.ftl" as="fetch"/><link rel="icon" href="/sidekiq/profile-viewer/favicon.png"><script defer="defer" src="/sidekiq/profile-viewer/main.ac7130d34ce3b872712a.bundle.js"></script></head><body style="background-color: #363959; /* ink-70 */"><div id="root"></div><div id="root-overlay"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="initial-scale=1"/><title>Firefox Profiler</title><link rel="preload" href="locales/en-US/app.ftl" as="fetch"/><link rel="icon" href="/favicon.png"><script defer="defer" src="/main.6cdc9308b67c00785584.bundle.js"></script></head><body style="background-color: #363959; /* ink-70 */"><svg id="svg-filters"></svg><div id="root"></div><div id="root-overlay"></div></body></html>

data/dist/locales/be/app.ftl

@@ -30,6 +30,7 @@ AppHeader--github-icon =
 ## AppViewRouter
 ## This is used for displaying errors when loading the application.
 
+AppViewRouter--error-from-post-message = Немагчыма імпартаваць профіль.
 AppViewRouter--error-unpublished = Не ўдалося атрымаць профіль з { -firefox-brand-name }.
 AppViewRouter--error-from-file = Не ўдалося прачытаць файл або разабраць профіль у ім.
 AppViewRouter--error-local = Яшчэ не рэалізавана.
@@ -109,6 +110,7 @@ CallNodeContextMenu--searchfox = Шукаць назву функцыі у Searc
 CallNodeContextMenu--copy-function-name = Капіяваць назву функцыі
 CallNodeContextMenu--copy-script-url = Капіяваць URL-адрас скрыпту
 CallNodeContextMenu--copy-stack = Капіяваць стэк
+CallNodeContextMenu--show-the-function-in-devtools = Паказаць функцыю ў DevTools
 
 ## CallTree
 ## This is the component for Call Tree panel.
@@ -160,6 +162,46 @@ CallTree--inlining-badge = (убудаваны)
 ## This is the sidebar component that is used in Call Tree and Flame Graph panels.
 
 CallTreeSidebar--select-a-node = Выберыце вузел, каб паказаць інфармацыю аб ім.
+CallTreeSidebar--call-node-details = Падрабязнасці вузла выкліку
+
+## CallTreeSidebar timing information
+##
+## Firefox Profiler stops the execution of the program every 1ms to record the
+## stack. Only thing we know for sure is the stack at that point of time when
+## the stack is taken. We try to estimate the time spent in each function and
+## translate it to a duration. That's why we use the "traced" word here.
+## There is actually no difference between "Traced running time" and "Running
+## time" in the context of the profiler. We use "Traced" to emphasize that this
+## is an estimation where we have more space in the UI.
+##
+## "Self time" is the time spent in the function itself, excluding the time spent
+## in the functions it called. "Running time" is the time spent in the function
+## itself, including the time spent in the functions it called.
+
+CallTreeSidebar--traced-running-time =
+    .label = Асочаны час працы
+CallTreeSidebar--traced-self-time =
+    .label = Асочаны ўласны час
+CallTreeSidebar--running-time =
+    .label = Час працы
+CallTreeSidebar--self-time =
+    .label = Уласны час
+CallTreeSidebar--running-samples =
+    .label = Выкананыя ўзоры
+CallTreeSidebar--self-samples =
+    .label = Уласныя ўзоры
+CallTreeSidebar--running-size =
+    .label = Выкананы памер
+CallTreeSidebar--self-size =
+    .label = Уласны памер
+CallTreeSidebar--categories = Катэгорыі
+CallTreeSidebar--implementation = Рэалізацыя
+CallTreeSidebar--running-milliseconds = Выкананыя мілісекунды
+CallTreeSidebar--running-sample-count = Колькасць выкананых узораў
+CallTreeSidebar--running-bytes = Выкананыя байты
+CallTreeSidebar--self-milliseconds = Уласныя мілісекунды
+CallTreeSidebar--self-sample-count = Колькасць уласных узораў
+CallTreeSidebar--self-bytes = Уласныя байты
 
 ## CompareHome
 ## This is used in the page to compare two profiles.
@@ -278,6 +320,15 @@ Home--load-files-from-other-tools2 =
     <perf>Linux perf</perf>, <simpleperf>Android SimplePerf</simpleperf>,
     панэль прадукцыйнасці Chrome, <androidstudio>Android Studio</androidstudio> або
     любы файл, які выкарыстоўвае фарматы <dhat>dhat</dhat> або <traceevent>Google Trace Event</traceevent>. <write>Даведайцеся, як напісаць свой уласны імпарцёр</write>.
+Home--install-chrome-extension = Усталяваць пашырэнне Chrome
+Home--chrome-extension-instructions =
+    Выкарыстоўвайце пашырэнне <a>{ -profiler-brand-name } для Chrome</a>
+    каб захапіць профілі прадукцыйнасці ў Chrome і прааналізаваць іх
+    у { -profiler-brand-name }. Усталюйце пашырэнне з інтэрнэт-крамы Chrome.
+Home--chrome-extension-recording-instructions =
+    Пасля ўсталявання выкарыстоўвайце значок пашырэння
+    на панэлі інструментаў або цэтлікі для запуску і спынення прафілявання.
+    Вы таксама можаце экспартаваць профілі і загрузіць іх тут для аналізу.
 
 ## IdleSearchField
 ## The component that is used for all the search inputs in the application.
@@ -593,6 +644,14 @@ NumberFormat--short-date = { SHORTDATE($date) }
 
 PanelSearch--search-field-hint = Вы ведаеце, што для пошуку па некалькіх тэрмінах можна выкарыстоўваць коску (,)?
 
+## Profile Name Button
+
+ProfileName--edit-profile-name-button =
+    .title = Змяніць назву профілю
+ProfileName--edit-profile-name-input =
+    .title = Змяніць назву профілю
+    .aria-label = Назва профілю
+
 ## Profile Delete Button
 
 # This string is used on the tooltip of the published profile links delete button in uploaded recordings page.
@@ -640,6 +699,7 @@ ProfileFilterNavigator--full-range-with-duration = Поўны дыяпазон (
 
 ## Profile Loader Animation
 
+ProfileLoaderAnimation--loading-from-post-message = Імпарт і апрацоўка профілю…
 ProfileLoaderAnimation--loading-unpublished = Імпарт профілю непасрэдна з { -firefox-brand-name }…
 ProfileLoaderAnimation--loading-from-file = Чытанне файла і апрацоўка профілю…
 ProfileLoaderAnimation--loading-local = Яшчэ не рэалізавана.
@@ -713,6 +773,13 @@ TabBar--marker-table-tab = Маркерная табліца
 TabBar--network-tab = Сетка
 TabBar--js-tracer-tab = JS Tracer
 
+## TabSelectorMenu
+## This component is a context menu that's opened when you click on the root
+## range at the top left corner for profiler analysis view. It's used to switch
+## between tabs that were captured in the profile.
+
+TabSelectorMenu--all-tabs-and-windows = Усе карткі і вокны
+
 ## TrackContextMenu
 ## This is used as a context menu for timeline to organize the tracks in the
 ## analysis UI.
@@ -729,6 +796,10 @@ TrackContextMenu--hide-other-screenshots-tracks = Схаваць дарожкі
 TrackContextMenu--hide-track = Схаваць “{ $trackName }”
 TrackContextMenu--show-all-tracks = Паказаць усе дарожкі
 TrackContextMenu--show-local-tracks-in-process = Паказаць усе дарожкі ў гэтым працэсе
+# This is used as the context menu item to hide all tracks of the selected track's type.
+# Variables:
+#   $type (String) - Name of the type of selected track to hide.
+TrackContextMenu--hide-all-tracks-by-selected-track-type = Схаваць усе трэкі тыпу “{ $type }”
 # This is used in the tracks context menu as a button to show all the tracks
 # that match the search filter.
 TrackContextMenu--show-all-matching-tracks = Паказаць усе адпаведныя дарожкі
@@ -754,6 +825,7 @@ TrackNameButton--hide-process =
 
 TrackMemoryGraph--relative-memory-at-this-time = адносная памяць на гэты момант
 TrackMemoryGraph--memory-range-in-graph = дыяпазон памяці ў графіку
+TrackMemoryGraph--allocations-and-deallocations-since-the-previous-sample = размеркаванні і вызваленні з моманту папярэдняга ўзору
 
 ## TrackPower
 ## This is used to show the power used by the CPU and other chips in a computer,
@@ -780,6 +852,21 @@ TrackPower--tooltip-power-watt = { $value } Вт
 #   $value (String) - the power value at this location
 TrackPower--tooltip-power-milliwatt = { $value } мВт
     .label = Магутнасць
+# This is used in the tooltip when the power value uses the kilowatt unit.
+# Variables:
+#   $value (String) - the power value at this location
+TrackPower--tooltip-average-power-kilowatt = { $value } кВт
+    .label = Сярэдняя магутнасць у бягучым вылучэнні
+# This is used in the tooltip when the power value uses the watt unit.
+# Variables:
+#   $value (String) - the power value at this location
+TrackPower--tooltip-average-power-watt = { $value } Вт
+    .label = Сярэдняя магутнасць у бягучым вылучэнні
+# This is used in the tooltip when the instant power value uses the milliwatt unit.
+# Variables:
+#   $value (String) - the power value at this location
+TrackPower--tooltip-average-power-milliwatt = { $value } мВт
+    .label = Сярэдняя магутнасць у бягучым вылучэнні
 # This is used in the tooltip when the energy used in the current range uses the
 # kilowatt-hour unit.
 # Variables:
@@ -855,6 +942,27 @@ TrackBandwidthGraph--speed = { $value } у секунду
 #   $value (String) - how many read or write operations were performed since the previous sample
 TrackBandwidthGraph--read-write-operations-since-the-previous-sample = { $value }
     .label = аперацый уводу/вываду з часу папярэдняй выбаркі
+# This is used in the tooltip of the bandwidth track.
+# Variables:
+#   $value (String) - the total of transfered data until the hovered time.
+#                     Will contain the unit (eg. B, KB, MB)
+#   $carbonValue (string) - the carbon dioxide equivalent (CO₂e) value in grams
+TrackBandwidthGraph--cumulative-bandwidth-at-this-time = { $value } ({ $carbonValue } г CO₂e)
+    .label = Звесткі, перасланыя да гэтага часу
+# This is used in the tooltip of the bandwidth track.
+# Variables:
+#   $value (String) - the total of transfered data during the visible time range.
+#                     Will contain the unit (eg. B, KB, MB)
+#   $carbonValue (string) - the carbon dioxide equivalent (CO₂e) value in grams
+TrackBandwidthGraph--total-bandwidth-in-graph = { $value } ({ $carbonValue } г CO₂e)
+    .label = Звесткі, перасланыя ў бачным прамежку
+# This is used in the tooltip of the bandwidth track when a range is selected.
+# Variables:
+#   $value (String) - the total of transfered data during the selected time range.
+#                     Will contain the unit (eg. B, KB, MB)
+#   $carbonValue (string) - the carbon dioxide equivalent (CO₂e) value in grams
+TrackBandwidthGraph--total-bandwidth-in-range = { $value } ({ $carbonValue } г CO₂e)
+    .label = Звесткі, перасланыя ў бягучым вылучэнні
 
 ## TrackSearchField
 ## The component that is used for the search input in the track context menu.

data/dist/locales/de/app.ftl

@@ -30,6 +30,7 @@ AppHeader--github-icon =
 ## AppViewRouter
 ## This is used for displaying errors when loading the application.
 
+AppViewRouter--error-from-post-message = Das Profil konnte nicht importiert werden.
 AppViewRouter--error-unpublished = Das Profil von { -firefox-brand-name } konnte nicht abgerufen werden.
 AppViewRouter--error-from-file = Die Datei konnte nicht gelesen oder das darin enthaltene Profil nicht verarbeitet werden.
 AppViewRouter--error-local = Noch nicht implementiert.
@@ -112,6 +113,7 @@ CallNodeContextMenu--searchfox = Name der Funktion auf Searchfox nachschlagen
 CallNodeContextMenu--copy-function-name = Funktionsname kopieren
 CallNodeContextMenu--copy-script-url = Skript-URL kopieren
 CallNodeContextMenu--copy-stack = Stapel kopieren
+CallNodeContextMenu--show-the-function-in-devtools = Funktion in den Entwicklerwerkzeugen anzeigen
 
 ## CallTree
 ## This is the component for Call Tree panel.
@@ -318,6 +320,15 @@ Home--load-files-from-other-tools2 =
     <perf>Linux perf</perf>, <simpleperf>Android SimplePerf</simpleperf>, die
     Chrome Performance Panel, <androidstudio>Android Studio</androidstudio> oder
     eine Datei im <dhat>dhat-Format</dhat> oder <traceevent>Googles Trace-Event-Format</traceevent>. <write>Erfahren Sie, wie Sie Ihren eigenen Importeur schreiben</write>.
+Home--install-chrome-extension = Installieren Sie die Chrome-Erweiterung
+Home--chrome-extension-instructions =
+    Verwenden Sie die <a>{ -profiler-brand-name }-Erweiterung für Chrome</a>,
+    um Leistungsprofile in Chrome zu erfassen und im { -profiler-brand-name }
+    zu analysieren. Installieren Sie die Erweiterung aus dem Chrome Web Store.
+Home--chrome-extension-recording-instructions =
+    Verwenden Sie nach der Installation das Symbolleisten-Symbol der Erweiterung
+    oder die Tastenkombinationen zum Starten und Stoppen der Profilerstellung. Sie können auch
+    Profile exportieren und hier zur detaillierten Analyse laden.
 
 ## IdleSearchField
 ## The component that is used for all the search inputs in the application.
@@ -604,6 +615,14 @@ NumberFormat--short-date = { SHORTDATE($date) }
 
 PanelSearch--search-field-hint = Wussten Sie, dass Sie das Komma (,) verwenden können, um mit mehreren Begriffen zu suchen?
 
+## Profile Name Button
+
+ProfileName--edit-profile-name-button =
+    .title = Profilnamen bearbeiten
+ProfileName--edit-profile-name-input =
+    .title = Profilnamen bearbeiten
+    .aria-label = Profilname
+
 ## Profile Delete Button
 
 # This string is used on the tooltip of the published profile links delete button in uploaded recordings page.
@@ -651,6 +670,7 @@ ProfileFilterNavigator--full-range-with-duration = Vollständiger Zeitraum ({ $f
 
 ## Profile Loader Animation
 
+ProfileLoaderAnimation--loading-from-post-message = Das Profil wird importiert und verarbeitet…
 ProfileLoaderAnimation--loading-unpublished = Das Profil wird direkt von { -firefox-brand-name } importiert…
 ProfileLoaderAnimation--loading-from-file = Datei lesen und Profil verarbeiten…
 ProfileLoaderAnimation--loading-local = Noch nicht implementiert.

data/dist/locales/el/app.ftl

@@ -30,6 +30,7 @@ AppHeader--github-icon =
 ## AppViewRouter
 ## This is used for displaying errors when loading the application.
 
+AppViewRouter--error-from-post-message = Δεν ήταν δυνατή η εισαγωγή του προφίλ.
 AppViewRouter--error-unpublished = Δεν ήταν δυνατή η ανάκτηση του προφίλ από το { -firefox-brand-name }.
 AppViewRouter--error-from-file = Δεν ήταν δυνατή η ανάγνωση του αρχείου ή η ανάλυση του προφίλ σε αυτό.
 AppViewRouter--error-local = Δεν έχει υλοποιηθεί ακόμα.
@@ -40,9 +41,9 @@ AppViewRouter--error-compare = Δεν ήταν δυνατή η ανάκτηση
 # Importing profiles from URLs such as http://127.0.0.1:someport/ is not possible in Safari.
 # https://profiler.firefox.com/from-url/http%3A%2F%2F127.0.0.1%3A3000%2Fprofile.json/
 AppViewRouter--error-from-localhost-url-safari =
-    Λόγω ενός <a>συγκεκριμένου περιορισμού στο Safari</a>, το { -profiler-brand-name } δεν μπορεί να
-    εισαγάγει προφίλ από τη συσκευή σε αυτό το πρόγραμμα περιήγησης. Παρακαλούμε
-    ανοίξτε αυτήν τη σελίδα στο { -firefox-brand-name } ή το Chrome.
+    Λόγω ενός <a>συγκεκριμένου περιορισμού του Safari</a>, το { -profiler-brand-name } δεν μπορεί να
+    εισαγάγει προφίλ από τη συσκευή σε αυτό το πρόγραμμα περιήγησης.
+    Ανοίξτε αυτήν τη σελίδα στο { -firefox-brand-name } ή το Chrome.
     .title = Το Safari δεν μπορεί να εισαγάγει τοπικά προφίλ
 AppViewRouter--route-not-found--home =
     .specialMessage = Δεν αναγνωρίστηκε το URL που προσπαθήσατε να μεταβείτε.
@@ -120,6 +121,7 @@ CallNodeContextMenu--searchfox = Αναζήτηση ονόματος συνάρ
 CallNodeContextMenu--copy-function-name = Αντιγραφή ονόματος συνάρτησης
 CallNodeContextMenu--copy-script-url = Αντιγραφή URL σεναρίου
 CallNodeContextMenu--copy-stack = Αντιγραφή στοίβας
+CallNodeContextMenu--show-the-function-in-devtools = Εμφάνιση της συνάρτησης στα DevTools
 
 ## CallTree
 ## This is the component for Call Tree panel.
@@ -259,8 +261,8 @@ Details--error-boundary-message =
 
 # This message will always be displayed after another context-specific message.
 ErrorBoundary--report-error-to-developers-description =
-    Παρακαλώ αναφέρετε αυτό το ζήτημα στους προγραμματιστές, μαζί με το
-    πλήρες σφάλμα, όπως εμφανίζεται στην κονσόλα ιστού των εργαλείων ανάπτυξης.
+    Αναφέρετε αυτό το ζήτημα στους προγραμματιστές, μαζί με το πλήρες
+    σφάλμα, όπως εμφανίζεται στην κονσόλα ιστού των εργαλείων ανάπτυξης.
 # This is used in a call to action button, displayed inside the error box.
 ErrorBoundary--report-error-on-github = Αναφορά σφάλματος στο GitHub
 
@@ -300,7 +302,7 @@ Home--menu-button-instructions =
     επιδόσεων στο { -firefox-brand-name } και έπειτα, να το αναλύσετε και να το μοιραστείτε με το profiler.firefox.com.
 Home--profile-firefox-android-instructions =
     Μπορείτε επίσης να καταγράψετε προφίλ για το { -firefox-android-brand-name }.
-    Για περισσότερες πληροφορίες, παρακαλούμε συμβουλευτείτε την τεκμηρίωση:
+    Για περισσότερες πληροφορίες, συμβουλευτείτε την τεκμηρίωση:
     <a>Καταγραφή προφίλ του { -firefox-android-brand-name } απευθείας στη συσκευή</a>.
 # The word WebChannel should not be translated.
 # This message can be seen on https://main--perf-html.netlify.app/ in the tooltip
@@ -337,6 +339,15 @@ Home--load-files-from-other-tools2 =
     επιδόσεων του Chrome, το <androidstudio>Android Studio</androidstudio> ή οποιοδήποτε
     αρχείο των μορφών <dhat>dhat</dhat> ή <traceevent>Trace Event της Google</traceevent>.
     <write>Μάθετε πώς να γράψετε το δικό σας εργαλείο εισαγωγής</write>.
+Home--install-chrome-extension = Εγκατάσταση της επέκτασης για Chrome
+Home--chrome-extension-instructions =
+    Χρησιμοποιήστε την <a>επέκταση του { -profiler-brand-name } για Chrome</a>
+    για να καταγράψετε προφίλ επιδόσεων στο Chrome και να τα αναλύσετε στο
+    { -profiler-brand-name }. Εγκαταστήστε την επέκταση από το Chrome Web Store.
+Home--chrome-extension-recording-instructions =
+    Μόλις εγκατασταθεί, χρησιμοποιήστε το εικονίδιο της επέκτασης στη γραμμή
+    εργαλείων ή τις συντομεύσεις για να ξεκινήσετε και να διακόψετε την καταγραφή.
+    Μπορείτε επίσης να εξαγάγετε τα προφίλ και να τα φορτώσετε εδώ για λεπτομερή ανάλυση.
 
 ## IdleSearchField
 ## The component that is used for all the search inputs in the application.
@@ -476,11 +487,16 @@ MenuButtons--index--hide-moreInfo-button = Εμφάνιση λιγότερων
 #   $physicalCPUs (Number), $logicalCPUs (Number) - Number of Physical and Logical CPU Cores
 MenuButtons--metaInfo--physical-and-logical-cpu =
     { $physicalCPUs ->
-        [one] { $physicalCPUs } φυσικός πυρήνας
-       *[other] { $physicalCPUs } φυσικοί πυρήνες
-    }, { $logicalCPUs ->
-        [one] { $logicalCPUs } λογικός πυρήνας
-       *[other] { $logicalCPUs } λογικοί πυρήνες
+        [one]
+            { $logicalCPUs ->
+                [one] { $physicalCPUs } φυσικός πυρήνας, { $logicalCPUs } λογικός πυρήνας
+               *[other] { $physicalCPUs } φυσικός πυρήνας, { $logicalCPUs } λογικοί πυρήνες
+            }
+       *[other]
+            { $logicalCPUs ->
+                [one] { $physicalCPUs } φυσικοί πυρήνες, { $logicalCPUs } λογικός πυρήνας
+               *[other] { $physicalCPUs } φυσικοί πυρήνες, { $logicalCPUs } λογικοί πυρήνες
+            }
     }
 # This string is used when we only have the information about the number of
 # physical CPU cores.
@@ -623,6 +639,14 @@ NumberFormat--short-date = { SHORTDATE($date) }
 
 PanelSearch--search-field-hint = Ξέρατε ότι μπορείτε να χρησιμοποιήσετε το κόμμα (,) για αναζήτηση με πολλαπλούς όρους;
 
+## Profile Name Button
+
+ProfileName--edit-profile-name-button =
+    .title = Επεξεργασία ονόματος προφίλ
+ProfileName--edit-profile-name-input =
+    .title = Επεξεργασία ονόματος προφίλ
+    .aria-label = Όνομα προφίλ
+
 ## Profile Delete Button
 
 # This string is used on the tooltip of the published profile links delete button in uploaded recordings page.
@@ -670,6 +694,7 @@ ProfileFilterNavigator--full-range-with-duration = Πλήρες εύρος ({ $f
 
 ## Profile Loader Animation
 
+ProfileLoaderAnimation--loading-from-post-message = Εισαγωγή και επεξεργασία προφίλ…
 ProfileLoaderAnimation--loading-unpublished = Εισαγωγή προφίλ απευθείας από το { -firefox-brand-name }…
 ProfileLoaderAnimation--loading-from-file = Ανάγνωση αρχείου και επεξεργασία προφίλ…
 ProfileLoaderAnimation--loading-local = Δεν έχει υλοποιηθεί ακόμα.

data/dist/locales/en-CA/app.ftl

@@ -14,11 +14,11 @@
 
 ## The following feature names must be treated as a brand. They cannot be translated.
 
--firefox-brand-name = Firefox
--firefox-android-brand-name = Firefox for Android
--profiler-brand-name = Firefox Profiler
--profiler-brand-short-name = Profiler
--firefox-nightly-brand-name = Firefox Nightly
+-firefox-brand-name = Ruby
+-firefox-android-brand-name = Ruby
+-profiler-brand-name = Vernier Profiler
+-profiler-brand-short-name = Vernier
+-firefox-nightly-brand-name = Ruby
 
 ## AppHeader
 ## This is used at the top of the homepage and other content pages.
@@ -30,6 +30,7 @@ AppHeader--github-icon =
 ## AppViewRouter
 ## This is used for displaying errors when loading the application.
 
+AppViewRouter--error-from-post-message = Could not import the profile.
 AppViewRouter--error-unpublished = Couldn’t retrieve the profile from { -firefox-brand-name }.
 AppViewRouter--error-from-file = Couldn’t read the file or parse the profile in it.
 AppViewRouter--error-local = Not implemented yet.
@@ -120,6 +121,7 @@ CallNodeContextMenu--searchfox = Look up the function name on Searchfox
 CallNodeContextMenu--copy-function-name = Copy function name
 CallNodeContextMenu--copy-script-url = Copy script URL
 CallNodeContextMenu--copy-stack = Copy stack
+CallNodeContextMenu--show-the-function-in-devtools = Show the function in DevTools
 
 ## CallTree
 ## This is the component for Call Tree panel.
@@ -342,6 +344,15 @@ Home--load-files-from-other-tools2 =
     any file using the <dhat>dhat format</dhat> or <traceevent>Google’s Trace Event
     Format</traceevent>. <write>Learn how to write your
     own importer</write>.
+Home--install-chrome-extension = Install the Chrome extension
+Home--chrome-extension-instructions =
+    Use the <a>{ -profiler-brand-name } extension for Chrome</a>
+    to capture performance profiles in Chrome and analyze them in the
+    { -profiler-brand-name }. Install the extension from the Chrome Web Store.
+Home--chrome-extension-recording-instructions =
+    Once installed, use the extension’s
+    toolbar icon or the shortcuts to start and stop profiling. You can also
+    export profiles and load them here for detailed analysis.
 
 ## IdleSearchField
 ## The component that is used for all the search inputs in the application.
@@ -633,6 +644,14 @@ NumberFormat--short-date = { SHORTDATE($date) }
 
 PanelSearch--search-field-hint = Did you know you can use the comma (,) to search using several terms?
 
+## Profile Name Button
+
+ProfileName--edit-profile-name-button =
+    .title = Edit the profile name
+ProfileName--edit-profile-name-input =
+    .title = Edit the profile name
+    .aria-label = Profile name
+
 ## Profile Delete Button
 
 # This string is used on the tooltip of the published profile links delete button in uploaded recordings page.
@@ -680,6 +699,7 @@ ProfileFilterNavigator--full-range-with-duration = Full Range ({ $fullRangeDurat
 
 ## Profile Loader Animation
 
+ProfileLoaderAnimation--loading-from-post-message = Importing and processing the profile…
 ProfileLoaderAnimation--loading-unpublished = Importing the profile directly from { -firefox-brand-name }…
 ProfileLoaderAnimation--loading-from-file = Reading the file and processing the profile…
 ProfileLoaderAnimation--loading-local = Not implemented yet.
@@ -778,6 +798,10 @@ TrackContextMenu--hide-other-screenshots-tracks = Hide other Screenshots tracks
 TrackContextMenu--hide-track = Hide “{ $trackName }”
 TrackContextMenu--show-all-tracks = Show all tracks
 TrackContextMenu--show-local-tracks-in-process = Show all tracks in this process
+# This is used as the context menu item to hide all tracks of the selected track's type.
+# Variables:
+#   $type (String) - Name of the type of selected track to hide.
+TrackContextMenu--hide-all-tracks-by-selected-track-type = Hide all tracks of type “{ $type }”
 # This is used in the tracks context menu as a button to show all the tracks
 # that match the search filter.
 TrackContextMenu--show-all-matching-tracks = Show all matching tracks

data/dist/locales/en-GB/app.ftl

@@ -14,11 +14,11 @@
 
 ## The following feature names must be treated as a brand. They cannot be translated.
 
--firefox-brand-name = Firefox
--firefox-android-brand-name = Firefox for Android
--profiler-brand-name = Firefox Profiler
--profiler-brand-short-name = Profiler
--firefox-nightly-brand-name = Firefox Nightly
+-firefox-brand-name = Ruby
+-firefox-android-brand-name = Ruby
+-profiler-brand-name = Vernier Profiler
+-profiler-brand-short-name = Vernier
+-firefox-nightly-brand-name = Ruby
 
 ## AppHeader
 ## This is used at the top of the homepage and other content pages.
@@ -30,6 +30,7 @@ AppHeader--github-icon =
 ## AppViewRouter
 ## This is used for displaying errors when loading the application.
 
+AppViewRouter--error-from-post-message = Could not import the profile.
 AppViewRouter--error-unpublished = Couldn’t retrieve the profile from { -firefox-brand-name }.
 AppViewRouter--error-from-file = Couldn’t read the file or parse the profile in it.
 AppViewRouter--error-local = Not implemented yet.
@@ -120,6 +121,7 @@ CallNodeContextMenu--searchfox = Look up the function name on Searchfox
 CallNodeContextMenu--copy-function-name = Copy function name
 CallNodeContextMenu--copy-script-url = Copy script URL
 CallNodeContextMenu--copy-stack = Copy stack
+CallNodeContextMenu--show-the-function-in-devtools = Show the function in DevTools
 
 ## CallTree
 ## This is the component for Call Tree panel.
@@ -342,6 +344,15 @@ Home--load-files-from-other-tools2 =
     any file using the <dhat>dhat format</dhat> or <traceevent>Google’s Trace Event
     Format</traceevent>. <write>Learn how to write your
     own importer</write>.
+Home--install-chrome-extension = Install the Chrome extension
+Home--chrome-extension-instructions =
+    Use the <a>{ -profiler-brand-name } extension for Chrome</a>
+    to capture performance profiles in Chrome and analyse them in the
+    { -profiler-brand-name }. Install the extension from the Chrome Web Store.
+Home--chrome-extension-recording-instructions =
+    Once installed, use the extension’s
+    toolbar icon or the shortcuts to start and stop profiling. You can also
+    export profiles and load them here for detailed analysis.
 
 ## IdleSearchField
 ## The component that is used for all the search inputs in the application.
@@ -628,6 +639,14 @@ NumberFormat--short-date = { SHORTDATE($date) }
 
 PanelSearch--search-field-hint = Did you know you can use the comma (,) to search using several terms?
 
+## Profile Name Button
+
+ProfileName--edit-profile-name-button =
+    .title = Edit the profile name
+ProfileName--edit-profile-name-input =
+    .title = Edit the profile name
+    .aria-label = Profile name
+
 ## Profile Delete Button
 
 # This string is used on the tooltip of the published profile links delete button in uploaded recordings page.
@@ -675,6 +694,7 @@ ProfileFilterNavigator--full-range-with-duration = Full Range ({ $fullRangeDurat
 
 ## Profile Loader Animation
 
+ProfileLoaderAnimation--loading-from-post-message = Importing and processing the profile…
 ProfileLoaderAnimation--loading-unpublished = Importing the profile directly from { -firefox-brand-name }…
 ProfileLoaderAnimation--loading-from-file = Reading the file and processing the profile…
 ProfileLoaderAnimation--loading-local = Not implemented yet.