profile-viewer 0.0.4 → 0.0.5

data/dist/docs/memory-allocations.md

@@ -86,7 +86,7 @@ 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.
+- **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="/favicon.png"><script defer="defer" src="/main.89ba95fadf0fbee4977a.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

@@ -113,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.
@@ -614,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.

data/dist/locales/el/app.ftl

@@ -41,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 που προσπαθήσατε να μεταβείτε.
@@ -121,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.
@@ -260,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
 
@@ -301,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
@@ -338,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.
@@ -477,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.
@@ -624,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.

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.
@@ -121,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.
@@ -343,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.
@@ -634,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.

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.
@@ -121,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.
@@ -638,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.

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

@@ -11,11 +11,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
+-firefox-brand-name = Ruby
+-firefox-android-brand-name = Ruby
 -profiler-brand-name = Vernier Profiler
--profiler-brand-short-name = Profiler
--firefox-nightly-brand-name = Firefox Nightly
+-profiler-brand-short-name = Vernier
+-firefox-nightly-brand-name = Ruby
 
 ## AppHeader
 ## This is used at the top of the homepage and other content pages.
@@ -127,6 +127,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.
@@ -687,6 +688,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.

data/dist/locales/es-CL/app.ftl

@@ -96,6 +96,7 @@ CallNodeContextMenu--searchfox = Busca el nombre de la función en Searchfox
 CallNodeContextMenu--copy-function-name = Copiar nombre de la función
 CallNodeContextMenu--copy-script-url = Copiar URL del script
 CallNodeContextMenu--copy-stack = Copiar pila
+CallNodeContextMenu--show-the-function-in-devtools = Mostrar la función en DevTools
 
 ## CallTree
 ## This is the component for Call Tree panel.
@@ -277,12 +278,18 @@ Home--load-files-from-other-tools2 =
     panel de rendimiento de Chrome, <androidstudio>Android Studio</androidstudio>, o
     cualquier archivo usando el <dhat>formato dhat</dhat> o el <traceevent>formato Trace Event de Google</traceevent>. <write>Aprende a escribir tu
     propio importador</write>.
+Home--install-chrome-extension = Instalar la extensión de Chrome
+Home--chrome-extension-instructions =
+    Utiliza la <a>extensión de { -profiler-brand-name } para Chrome</a>
+    para capturar perfiles de rendimiento en Chrome y analizarlos en
+    { -profiler-brand-name }. Instala la extensión desde la Chrome Web Store.
+Home--chrome-extension-recording-instructions = Una vez instalada, utiliza el icono de la barra de herramientas de la extensión o los accesos directos para iniciar y detener la creación de perfiles. También puedes exportar perfiles y cargarlos aquí para realizar un análisis detallado.
 
 ## IdleSearchField
 ## The component that is used for all the search inputs in the application.
 
 IdleSearchField--search-input =
-    .placeholder = Ingrese términos de filtro
+    .placeholder = Ingresa los términos de filtro
 
 ## JsTracerSettings
 ## JSTracer is an experimental feature and it's currently disabled. See Bug 1565788.
@@ -563,6 +570,14 @@ NumberFormat--short-date = { SHORTDATE($date) }
 
 PanelSearch--search-field-hint = ¿Sabías que puedes usar la coma (,) para buscar usando varios términos?
 
+## Profile Name Button
+
+ProfileName--edit-profile-name-button =
+    .title = Editar el nombre del perfil
+ProfileName--edit-profile-name-input =
+    .title = Editar el nombre del perfil
+    .aria-label = Nombre del perfil
+
 ## Profile Delete Button
 
 # This string is used on the tooltip of the published profile links delete button in uploaded recordings page.
@@ -877,7 +892,7 @@ TrackBandwidthGraph--total-bandwidth-in-range = { $value } ({ $carbonValue } g C
 ## The component that is used for the search input in the track context menu.
 
 TrackSearchField--search-input =
-    .placeholder = Ingrese términos de filtro
+    .placeholder = Ingresa los términos de filtro
     .title = Mostrar solo las pistas que coinciden con cierto texto
 
 ## TransformNavigator

data/dist/locales/fr/app.ftl

@@ -90,6 +90,7 @@ CallNodeContextMenu--searchfox = Rechercher le nom de la fonction sur Searchfox
 CallNodeContextMenu--copy-function-name = Copier le nom de la fonction
 CallNodeContextMenu--copy-script-url = Copier l’URL du script
 CallNodeContextMenu--copy-stack = Copier la pile
+CallNodeContextMenu--show-the-function-in-devtools = Afficher la fonction dans les outils de développement
 
 ## CallTree
 ## This is the component for Call Tree panel.
@@ -271,6 +272,12 @@ Home--load-files-from-other-tools2 =
     Panneau de performances Chrome, <androidstudio>Android Studio</androidstudio>, ou
     tout fichier utilisant les formats <dhat>dhat</dhat> ou <traceevent>Trace Event de Google</traceevent>. <write>Apprenez à écrire votre
     propre importateur</write>.
+Home--install-chrome-extension = Installer l’extension Chrome
+Home--chrome-extension-instructions =
+    Utilisez l’extension <a>{ -profiler-brand-name } pour Chrome</a>
+    pour capturer des profils de performance dans Chrome et les analyser dans le
+    { -profiler-brand-name }. Installez l’extension depuis le Chrome Web Store.
+Home--chrome-extension-recording-instructions = Une fois l’extension installée, utilisez l’icône de la barre d’outils ou les raccourcis pour démarrer et arrêter le profilage. Vous pouvez également exporter des profils et les charger ici pour une analyse détaillée.
 
 ## IdleSearchField
 ## The component that is used for all the search inputs in the application.
@@ -557,6 +564,14 @@ NumberFormat--short-date = { SHORTDATE($date) }
 
 PanelSearch--search-field-hint = Saviez-vous que vous pouvez utiliser la virgule (,) pour effectuer une recherche à l’aide de plusieurs termes ?
 
+## Profile Name Button
+
+ProfileName--edit-profile-name-button =
+    .title = Modifier le nom du profil
+ProfileName--edit-profile-name-input =
+    .title = Modifier le nom du profil
+    .aria-label = Nom du profil
+
 ## Profile Delete Button
 
 # This string is used on the tooltip of the published profile links delete button in uploaded recordings page.

data/dist/locales/fur/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 = Impussibil impuartâ il profîl.
 AppViewRouter--error-unpublished = Impussibil recuperâ il profîl di { -firefox-brand-name }.
 AppViewRouter--error-from-file = Impussibil lei il file o analizâ il profîl che al à dentri.
 AppViewRouter--error-local = No ancjemò implementât.
@@ -116,6 +117,7 @@ CallNodeContextMenu--searchfox = Cîr il non de funzion in Searchfox
 CallNodeContextMenu--copy-function-name = Copie non de funzion
 CallNodeContextMenu--copy-script-url = Copie URL dal script
 CallNodeContextMenu--copy-stack = Copie stack
+CallNodeContextMenu--show-the-function-in-devtools = Mostre la funzion in struments di svilup
 
 ## CallTree
 ## This is the component for Call Tree panel.
@@ -310,6 +312,11 @@ Home--your-recent-uploaded-recordings-title = Lis tôs regjistrazions cjariadis
 Home--load-files-from-other-tools2 =
     { -profiler-brand-name } al pues ancje impuartâ profîi di altris profiladôrs, come <perf>Linux perf</perf>, <simpleperf>Android SimplePerf</simpleperf>, il
     panel prestazions di Chrome, <androidstudio>Android Studio</androidstudio> o qualsisei file che al dopri il <dhat>formât dhat</dhat> o <traceevent>Trace Event di Google</traceevent>. <write>Scuvierç cemût creâ un strument di importazion</write>.
+Home--install-chrome-extension = Instale la estensions par Chrome
+Home--chrome-extension-instructions =
+    Dopre la estension <a>{ -profiler-brand-name } par Chrome</a>
+    par tirâ dongje i profîi des prestazions in Chrome e analizâju in { -profiler-brand-name }. Instale la estension dal Chrome Web Store.
+Home--chrome-extension-recording-instructions = Une volte instalade, dopre la icone de estension te sbare dai struments o lis scurtis par inviâe interompi la profilazion. Tu puedis ancje espuartâ i profîi e cjariâju achì par fâ une analisi detaiade.
 
 ## IdleSearchField
 ## The component that is used for all the search inputs in the application.
@@ -601,6 +608,14 @@ NumberFormat--short-date = { SHORTDATE($date) }
 
 PanelSearch--search-field-hint = Savevistu che tu puedis doprâ la virgule (,) par fâ ricercjis cun plui tiermins?
 
+## Profile Name Button
+
+ProfileName--edit-profile-name-button =
+    .title = Modifiche il non dal profîl
+ProfileName--edit-profile-name-input =
+    .title = Modifiche il non dal profîl
+    .aria-label = Non dal profîl
+
 ## Profile Delete Button
 
 # This string is used on the tooltip of the published profile links delete button in uploaded recordings page.
@@ -646,6 +661,7 @@ ProfileFilterNavigator--full-range-with-duration = Interval complet ({ $fullRang
 
 ## Profile Loader Animation
 
+ProfileLoaderAnimation--loading-from-post-message = Daûr a impuartâ e a elaborâ il profîl…
 ProfileLoaderAnimation--loading-unpublished = Importazion dal profîl dret di { -firefox-brand-name }…
 ProfileLoaderAnimation--loading-from-file = Leture dal file e analisi dal profîl…
 ProfileLoaderAnimation--loading-local = No ancjemò implementât.