profile-viewer 0.0.0

data/dist/docs/videos-call-tree-2.md

@@ -0,0 +1,5 @@
+# Call Tree (Part 2) - Real recording
+
+Take the theory of call stack and call trees to the interface of the Firefox Profiler.
+
+<div class='youtube'><iframe src="https://www.youtube-nocookie.com/embed/jqhP_25Nl-c?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>

data/dist/docs/videos-call-tree-3.md

@@ -0,0 +1,5 @@
+# Call Tree (Part 3) - Branching
+
+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.
+
+<div class='youtube'><iframe src="https://www.youtube-nocookie.com/embed/3hoceL8d4YM?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>

data/dist/docs/videos-intro.md

@@ -0,0 +1,7 @@
+# Firefox Profiler 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. Please note that the video still refers to the Firefox Profiler by its previous name, the Gecko Profiler.
+
+[Watch the full series on YouTube](https://www.youtube.com/watch?v=MxgWOTqxOTg&list=PLxaZqnd-OQM620EZ_6eT8qurOnZ4eu6dz&index=1)
+
+<div class='youtube'><iframe src="https://www.youtube-nocookie.com/embed/MxgWOTqxOTg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>

data/dist/docs/videos-samples-markers.md

@@ -0,0 +1,5 @@
+# Samples and markers
+
+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.
+
+<div class='youtube'><iframe src="https://www.youtube-nocookie.com/embed/BBDErudR_8Q?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>

data/dist/docs/videos-threads.md

@@ -0,0 +1,5 @@
+# Multiple threads and async code
+
+Walk through the steps of understanding and looking at a multi-process profile.
+
+<div class='youtube'><iframe src="https://www.youtube-nocookie.com/embed/Qq0h1veSBEc?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>

data/dist/docs/videos.md

@@ -0,0 +1,32 @@
+# Video Documentation
+
+## Tutorial videos
+
+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. |
+
+## 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]
+
+## Other recordings
+
+ * [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
+[calltree1]: https://www.youtube.com/watch?v=5L1fP7zOMD8&index=3&list=PLxaZqnd-OQM620EZ_6eT8qurOnZ4eu6dz
+[calltree2]: https://www.youtube.com/watch?v=jqhP_25Nl-c&list=PLxaZqnd-OQM620EZ_6eT8qurOnZ4eu6dz&index=4
+[calltree3]: https://www.youtube.com/watch?v=3hoceL8d4YM&index=5&list=PLxaZqnd-OQM620EZ_6eT8qurOnZ4eu6dz
+[threads]: https://www.youtube.com/watch?v=Qq0h1veSBEc&list=PLxaZqnd-OQM620EZ_6eT8qurOnZ4eu6dz&index=6
+[joy]: https://air.mozilla.org/search/?q=joy+of+profiling

data/dist/e4ed50222911c5af9a32.svg

@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <path d="M3.5,11.5 L7.5,4.5" stroke="#000000" stroke-linecap="square"></path>
+    <path d="M12.5,11.5 L8.5,4.5" stroke="#000000" stroke-linecap="square"></path>
+    <circle fill="#000000" cx="8" cy="3" r="2"></circle>
+    <circle stroke="#0A0A0A" cx="13" cy="13" r="1.5"></circle>
+    <circle stroke="#0A0A0A" cx="3" cy="13" r="1.5"></circle>
+  </g>
+</svg>

data/dist/e70722c0fe0ac3d4227b.svg

@@ -0,0 +1,10 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="44px" height="44px" viewBox="0 0 44 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.8">
+   <g fill="#0C0C0D">
+     <path d="M22,39.6 C31.7202116,39.6 39.6,31.7202116 39.6,22 C39.6,12.2797884 31.7202116,4.4 22,4.4 C12.2797884,4.4 4.4,12.2797884 4.4,22 C4.4,31.7202116 12.2797884,39.6 22,39.6 Z M22,44 C34.1506,44 44,34.1506 44,22 C44,9.8494 34.1506,0 22,0 C9.8494,0 0,9.8494 0,22 C0,34.1506 9.8494,44 22,44 Z M24.2,13.2 C24.2,14.4150264 23.2150264,15.4 22,15.4 C20.7849736,15.4 19.8,14.4150264 19.8,13.2 C19.8,11.9849736 20.7849736,11 22,11 C23.2150264,11 24.2,11.9849736 24.2,13.2 Z M22,19.8 C20.7849736,19.8 19.8,20.7849736 19.8,22 L19.8,30.8 C19.8,32.0150264 20.7849736,33 22,33 C23.2150264,33 24.2,32.0150264 24.2,30.8 L24.2,22 C24.2,20.7849736 23.2150264,19.8 22,19.8 Z" id="Shape"></path>
+   </g>
+ </g>
+</svg>

data/dist/f0599659345cf76717cd.svg

@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M14.742 12.106L9.789 2.2a2 2 0 0 0-3.578 0l-4.953 9.91A2 2 0 0 0 3.047 15h9.905a2 2 0 0 0 1.79-2.894zM7 5a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm1 8.25A1.25 1.25 0 1 1 9.25 12 1.25 1.25 0 0 1 8 13.25z"></path></svg>

data/dist/f8e25c2ebeb0a0725a9e.svg

@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <rect id="range1" width="3" height="16" ry="0" fill="#b1b1b3"/>
+  <rect id="range1-border" x="3" width="1" height="16" fill="#737373"/>
+  <rect id="range2" x="13" width="3" height="16" ry="0" fill="#b1b1b3"/>
+  <rect id="range2-border" x="12" width="1" height="16" fill="#737373"/>
+  <rect id="marker" x="3.5" y="5.5" width="9" height="5" ry="0" fill="#fff" stroke="#0c0c0d"/>
+ </g>
+</svg>

data/dist/fcb532a05dd4b09c2d08.svg

@@ -0,0 +1,10 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <rect id="range" width="12" height="16" ry="0" fill="#b1b1b3"/>
+  <rect id="range-border" x="12" width="1" height="16" fill="#737373"/>
+  <rect id="marker" x="3.5" y="5.5" width="9" height="5" ry="0" fill="#fff" stroke="#0c0c0d"/>
+ </g>
+</svg>

data/dist/fd040fb5f4e7a515bb3c.svg

@@ -0,0 +1,15 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <circle fill="#000000" cx="2" cy="14" r="2"></circle>
+    <circle fill="#000000" cx="5" cy="8" r="2"></circle>
+    <circle fill="#000000" cx="8" cy="14" r="2"></circle>
+    <circle stroke="#000000" cx="8" cy="2" r="1.5"></circle>
+    <circle stroke="#000000" cx="11" cy="8" r="1.5"></circle>
+    <path d="M1.5,14.5 L7.5,3.5" stroke="#000000" stroke-linecap="square"></path>
+    <path d="M7.5,13.5 L5.5,8.5" stroke="#000000" stroke-linecap="square"></path>
+    <path d="M10.5,6.5 L8.5,3.5" stroke="#000000" stroke-linecap="square"></path>
+  </g>
+</svg>

data/dist/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1"/><title>Firefox Profiler</title><script src="/before-load.js"></script><link rel="icon" href="/favicon.png"><script defer="defer" src="/main.8208fda2d35ddbe38d55.bundle.js"></script></head><body style="background-color: #363959; /* ink-70 */"><div id="root"></div><div id="root-overlay"></div></body></html>

data/dist/locales/README.md

@@ -0,0 +1,26 @@
+# Locales
+
+## Note to contributors
+
+Please change only the locale content in the `en-US`
+directory. The other directories are changed using [Pontoon](https://pontoon.mozilla.org/projects/firefox-profiler/).
+
+Here are the most important rules:
+1. If you change the string in a way that changes the meaning, you need to
+   change the string key as well. If that doesn't change the meaning (for
+   example, if that's a typo fix), then the string key can stay the same. You
+   can read [the dedicated documentation](https://mozilla-l10n.github.io/documentation/localization/making_string_changes.html)
+   if you want to know more.
+2. If you include a variable, make sure to add a comment explaining it.
+3. If the context for a string isn't clear (for example, this is a short string
+   whose content doesn't give an indication about where it's used), please add a
+   comment explaining it too. You can read [the dedicated documentation](https://mozilla-l10n.github.io/documentation/localization/dev_best_practices.html#add-localization-notes)
+   to see more examples of when a comment is necessary.
+
+[The page about localization best practices for web developers](https://mozilla-l10n.github.io/documentation/localization/dev_best_practices.html)
+gives a lot of good guidance to write excellent strings.
+
+## Note to translators
+
+Please use [Pontoon](https://pontoon.mozilla.org/projects/firefox-profiler/) to update languages other than `en-US`.
+If a pull request updates those, we'll ask you to revert these changes.