1.8.0

This implements the next step towards full featured search in speedscope: visual highlighting of matching search results in the time ordered & left heavy views. This doesn't yet add the ability to click prev/next to select the next matching element in the editor, but I'm still planning on doing something like that. I haven't figured out yet what I want the user experience to be like for that.

![speedscope-flamegraph-search](https://user-images.githubusercontent.com/150329/87898991-9ebba900-ca04-11ea-9bd9-31ad8d4c6d2a.gif)

This works towards fixing #38

.eslintrc.js

@@ -1,13 +1,20 @@
 module.exports = {
-  parser: 'typescript-eslint-parser',
+  parser: '@typescript-eslint/parser',
   parserOptions: {
     sourceType: 'module',
     ecmaFeatures: {
       jsx: true,
     },
   },
-  plugins: ['prettier'],
+  plugins: ['prettier', '@typescript-eslint', 'react-hooks'],
   rules: {
-    'prettier/prettier': 'error',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': [
+      'error',
+      {
+        additionalHooks: '(useSelector|useAppSelector|useActionCreator)',
+      },
+    ],
   },
-};
+}

.travis.yml

@@ -1,3 +1,6 @@
 language: node_js
 node_js:
-  - '9'
+  - '10'
+  - '12'
+  - '13'
+  - 'node'

CHANGELOG.md

@@ -1,14 +1,193 @@
-## [Unreleased]
+## Unreleased
+
+## [1.8.0] - 2020-07-19
+
+### Added
+
+- Added search highlighting in time order & left heavy views [[#297](https://github.com/jlfwong/speedscope/pull/297)]
+
+### Fixed
+
+- Fix performance issues for the caller/callee flamegraphs in the sandwich view [[#296](https://github.com/jlfwong/speedscope/pull/296)]
+
+## [1.7.0] - 2020-07-13
+
+### Added
+
+- Introduced filtering via Ctrl+F/Cmd+F into the sandwich view [[#293](https://github.com/jlfwong/speedscope/pull/293)]
+
+## [1.6.0] - 2020-05-30
+
+### Added
+
+- Improved profile/thread selection UI [[#282](https://github.com/jlfwong/speedscope/pull/282)]
+
+### Fixed
+
+- Crash instead of incorrectly interpreting profiles with incorrectly ordered events [[#273](https://github.com/jlfwong/speedscope/pull/273)]
+- A large refactor to upgrade to Preact X was performed [[#267](https://github.com/jlfwong/speedscope/pull/267)]
+
+## [1.5.3] - 2020-01-16
+
+### Fixed
+
+- Bump dependency versions to unbreak build [[#253](https://github.com/jlfwong/speedscope/pull/253)] (by [@jlfwong](https://github.com/jlfwong), with changes from [@Archerlly](https://github.com/Archerlly)'s [#215](https://github.com/jlfwong/speedscope/pull/215))
+- Trace event: Prevent event re-ordering from generating incorrect flamegraphs ([#252](https://github.com/jlfwong/speedscope/pull/252), with changes from [@hwajaywang](https://github.com/hwajaywang)'s [#249](https://github.com/jlfwong/speedscope/pull/249))
+- Make tooltip width wider [[#239](https://github.com/jlfwong/speedscope/pull/239)] (by [@miso11](https://github.com/miso11))
+
+## [1.5.2] - 2019-10-10
+
+### Fixed
+
+- Fix emscripten remapping when symbols are hex-escaped, like `a\20b` [[#233](https://github.com/jlfwong/speedscope/pull/233)] (by [@jyc](https://github.com/jyc))
+
+## [1.5.1] - 2019-06-06
+
+### Fixed
+
+- Fixed import of trace event files which contain unmatched "E" events ([#222](https://github.com/jlfwong/speedscope/pull/222)) (by [@jlfwong](https://github.com/jlfwong))
+
+## [1.5.0] - 2019-02-17
+
+### Added
+
+- Support importing unterminated JSON in simple cases ([#208](https://github.com/jlfwong/speedscope/pull/208)) (by [@jlfwong](https://github.com/jlfwong))
+
+### Fixed
+
+- Fix crash when importing from stackprof without raw_timestamp_deltas ([#207](https://github.com/jlfwong/speedscope/pull/207)) (by [@jlfwong](https://github.com/jlfwong))
+- Alert instead of crash when importing a file containing no profiles ([#205](https://github.com/jlfwong/speedscope/pull/205)) (by [@jlfwong](https://github.com/jlfwong))
+- Fixed import of multithreaded profiles from Chrome 66 ([#206](https://github.com/jlfwong/speedscope/pull/206)) (by [@jlfwong](https://github.com/jlfwong))
+- Fixed import of instruments trace files with missing run number ([#203](https://github.com/jlfwong/speedscope/pull/203)) (by [@Archerlly](https://github.com/Archerlly))
+
+## [1.4.1] - 2019-01-22
+
+### Fixed
+
+- Fix importing of Trace Event Format files with no ts field on M events [[#198](https://github.com/jlfwong/speedscope/pull/198)] (by [@jlfwong](https://github.com/jlfwong))
+
+## [1.4.0] - 2019-01-22
+
+### Added
+
+- Import v8 cpu profile (old format) [[#177](https://github.com/jlfwong/speedscope/pull/177)] (by [@vmarchaud](https://github.com/vmarchaud))
+- Import basic "Trace Event Format" profiles [[#197](https://github.com/jlfwong/speedscope/pull/197)] (by [@jlfwong](https://github.com/jlfwong))
+
+## [1.3.2] - 2018-12-03
+
+### Fixed
+
+- Fixed import of multithreaded Chrome profiles [[#19](https://github.com/jlfwong/speedscope/pull/19)] (by [@jlfwong](https://github.com/jlfwong))
+
+## [1.3.1] - 2018-11-08
+
+### Fixed
+
+- Fixed a file import performance regression by using TextDecoder [[#188](https://github.com/jlfwong/speedscope/pull/188)] (by [@jlfwong](https://github.com/jlfwong))
+
+## [1.3.0] - 2018-10-29
+
+### Added
+
+- Support import from Haskell GHC JSON format support [[#183](https://github.com/jlfwong/speedscope/pull/183)] (by [@trishume](https://github.com/trishume))
+
+### Fixed
+
+- Make the wasd keymappings work on azerty keyboards [[#184](https://github.com/jlfwong/speedscope/pull/184)] (by [@vrischmann](https://github.com/vrischmann))
+- Fix import of binary formats via profileURL [[#179](https://github.com/jlfwong/speedscope/pull/179)] (by [@f](https://github.com/f)-hj)
+
+## [1.2.0] - 2018-10-08
+
+### Added
+
+- Add import of v8 heap allocation profile [[#170](https://github.com/jlfwong/speedscope/pull/170)] (by [@vmarchaud](https://github.com/vmarchaud))
+
+## [1.1.0] - 2018-09-26
+
+### Added
+
+- Add go tool pprof import support [[#165](https://github.com/jlfwong/speedscope/pull/165)]
+
+## [1.0.4] - 2018-09-12
+
+### Fixed
+
+- Fix import from Chrome < 69 when there are multiple profiles [[#161](https://github.com/jlfwong/speedscope/pull/161)]
+
+## [1.0.3] - 2018-09-10
+
+### Fixed
+
+- Fix import for Chrome 69, support leading idle time before first call [[#160](https://github.com/jlfwong/speedscope/pull/160)]
+
+## [1.0.2] - 2018-09-04
+
+### Fixed
+
+- Allow optional CR before LF when probing collapsed stacks files [[#154](https://github.com/jlfwong/speedscope/pull/154)]
+- Fix import for Firefox 63 [[#156](https://github.com/jlfwong/speedscope/pull/156)]
+- Change time formatting for minutes from 1.50min to 1:30 [[#153](https://github.com/jlfwong/speedscope/pull/153)] (by [@Alex](https://github.com/Alex)-Diez)
+
+## [1.0.1] - 2018-08-23
+
+- Fixed an issue where flamegraph bounds were not always being cleared correctly, leading to visual artifacts [[#150](https://github.com/jlfwong/speedscope/pull/150)]
+
+## [1.0.0] - 2018-08-23
+
+### Fixed
+
+- Fixed rendering issues when switching between screens w/ different `devicePixelRatios` [[#147](https://github.com/jlfwong/speedscope/pull/147)]
+
+## [0.7.1] - 2018-08-20
+
+### Fixed
+
+- Removed dependency on regl in order to allow speedscope to run in strict content-security-policy environments [[#140](https://github.com/jlfwong/speedscope/pull/140)]
+- Fixed text culling bug [[#143](https://github.com/jlfwong/speedscope/pull/143)]
+
+## [0.7.0] - 2018-08-16
+
+### Added
+
+- Added support to import from linux `perf script` [[#135](https://github.com/jlfwong/speedscope/pull/135)]
+
+## [0.6.0] - 2018-08-14
+
+### Added
+
+- Added support for multiple threads/processes [[#130](https://github.com/jlfwong/speedscope/pull/130)]
+- Import all runs & threads from Instruments .trace files instead of just main thread from selected run [[#130](https://github.com/jlfwong/speedscope/pull/130)]
+
+### Fixed
+
+- Ensure the JSON schema has actual contents [[#133](https://github.com/jlfwong/speedscope/pull/133)]
+
+## [0.5.1] - 2018-08-09
+
+### Fixed
+
+- Fixed broken CLI
+
+## [0.5.0] - 2018-08-09
+
+### Fixed
+
+- Fix emscripten remapping when symbols contain dashes, like `527:i32s-div` [[#129](https://github.com/jlfwong/speedscope/pull/129)]
+- Improved firefox import speed and fixed bugs in it [[#128](https://github.com/jlfwong/speedscope/pull/128)]
+- Prevent non-contiguous blocks in the time ordered flamechart from appearing as a single node for selection [[#123](https://github.com/jlfwong/speedscope/pull/123)]
+- Prevent dragging from changing selection [[#122](https://github.com/jlfwong/speedscope/pull/122)]
+- Clamp zoom to prevent floating point issues [[#121](https://github.com/jlfwong/speedscope/pull/121)]
+- Preserve view state when switching tabs [[#100](https://github.com/jlfwong/speedscope/pull/100)]
 
 ## [0.4.0] - 2018-07-21
 
 ### Added
 
-* Support for importing v8 logs from node [#98]
-* Optionally read from stdin via cli [#99]
+- Support for importing v8 logs from node [[#98](https://github.com/jlfwong/speedscope/pull/98)]
+- Optionally read from stdin via cli [[#99](https://github.com/jlfwong/speedscope/pull/99)]
 
 ## [0.3.0] - 2018-07-18
 
 ### Added
 
-* Support for remapping profiles using a wasm symbol file [#93]
+- Support for remapping profiles using a wasm symbol file [[#93](https://github.com/jlfwong/speedscope/pull/93)]

CODE_OF_CONDUCT.md

@@ -0,0 +1,73 @@
+# Contributor Covenant Code of Conduct:
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project
+and our community a harassment-free experience for everyone, regardless of
+age, body size, disability, ethnicity, gender identity and expression, level
+of experience, nationality, personal appearance, race, religion, or sexual
+identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of
+acceptable behavior and are expected to take appropriate and fair corrective
+action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an
+appointed representative at an online or offline event. Representation of a
+project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting
+[jamie.lf.wong@gmail.com](mailto:jamie.lf.wong@gmail.com). All complaints
+will be reviewed and investigated and will result in a response that is
+deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor-Covenant][homepage],
+version 1.4, available at
+[https://contributor-covenant.org/version/1/4][version]
+
+[homepage]: https://contributor-covenant.org
+[version]: https://contributor-covenant.org/version/1/4/

CONTRIBUTING.md

@@ -0,0 +1,70 @@
+# Contributing to speedscope
+
+Hi! This is a short guide & set of guidelines for contributing to speedscope.
+Contributors of all skill levels are welcome to submit pull requests.
+
+This project adheres to the Contributor Covenant [code of conduct](./CODE_OF_CONDUCT.md).
+All contributors are expected to uphold this code of conduct.
+
+## Setting up for development
+
+To start running speedscope locally, run the following:
+
+    git clone https://github.com/jlfwong/speedscope.git
+    cd speedscope
+    npm install
+    npm run serve
+
+This should open up a running version of speedscope in your default browser.
+
+In your terminal, you should see something like this:
+
+    $ npm run serve
+    > speedscope@0.7.1 serve /Users/jlfwong/code/speedscope
+    > parcel assets/index.html --open --no-autoinstall
+
+    Server running at http://localhost:1234
+    ✨  Built in 7.30s.
+
+Most of speedscope is written in TypeScript. If you're unfamiliar with
+TypeScript, then you can either just try to learn it as you go, then the
+[official TypeScript
+documentation](https://www.typescriptlang.org/docs/home.html) may be of use
+to you!
+
+If you're not sure where the code you want to modify lives, the [`README.md`
+in the `src/` directory](./src/README.md) might be helpful.
+
+## Code formatting
+
+All TypeScript code in speedscope is automatically formatted with
+[Prettier](https://prettier.io/). This means that while you're writing your code,
+you don't have to worry about following a formatting guide, because a program will
+format your code for you!
+
+The easiest way to use Prettier is via an editor integration. See the [Editor
+Integration](https://prettier.io/docs/en/editors.html) page from Prettier's
+documentation for help with that.
+
+If you don't want to do that, you can alternatively run the autoformatter by
+running `npm run prettier`.
+
+## Running tests
+
+All TypeScript tests are written use [Jest](https://jestjs.io/). To run the
+tests, run `npm run jest`.
+
+## Contributing new features
+
+Before contributing code to implement a new feature, please open an issue to
+discuss it first. Large pull requests that are submitted without first getting
+maintainer buy-in are unlikely to be reviewed or merged.
+
+For features that will cause a visual change, please include visual mockups of
+the change you're planning on making.
+
+## Contributing bug fixes
+
+If you discover a bug, please file an issue. If the code change required to
+fix it is small (< ~20 lines), then feel free to just open a PR to fix the
+issue without trying to get buy-in ahead of time.

README-ADMINS.md

@@ -0,0 +1,93 @@
+This document describes processes needed by admins of this repository.
+
+# Publishing
+
+Publishing speedscope is a multi-step process:
+
+1.  Test the release
+2.  Prepare the release
+3.  Publish to npm
+4.  Deploy the website
+5.  Upload a release to GitHub
+
+At time of writing, deployment assumes you're running macOS. It probably
+works if you're on a linux, and almost definitely does not work on Windows.
+
+## Test the release
+
+Speedscope is tested in CI, so all the automated tests should be passing. We'll
+just be doing a few sanity checks to make sure the build & deployment machinery is working correctly.
+
+Run `scripts/prepare-test-installation.sh`. This will do a mock publish &
+installation to ensure that the version we're about to publish is going to
+work. At the end of this command, it should echo a `cd` command to run in your shell
+to switch to the installation directory. Something like this:
+
+```
+Run the following command to switch into the test directory
+cd /var/folders/l0/qtd9z14973s2tw81vmzwkyp00000gp/T/speedscope-test-installation.9Ssdd2PZ/package
+```
+
+Run this command, to switch to the test directory.
+
+Inside of here, run `bin/cli.js`. This should open a copy of speedscope in browser.
+Try importing a profile from disk via the browse button and make sure it works.
+
+Next, try running `bin/cli.js dist/release/perf-vertx*`. This should immediately open
+speedscope in browser, and the perf-vertx file should load immediately.
+
+If everything looks good, proceed to "Prepare the release".
+
+## Prepare the release
+
+1.  Update the version manually in package.json (we intentionally don't use the `npm version` command)
+2.  Update CHANGELOG.md to indicate the changes that were made as part of this release
+3.  Commit the changes with the version name as the commit message, e.g. `git commit -m 0.6.0`
+4.  `git tag` the release. We use tags like `v0.6.0`, e.g. `git tag v0.6.0`
+5.  `git push && git push --tags`
+
+## Publish to npm
+
+Assuming everything went well in the previous two phases, publishing should just be
+a matter of running `npm publish`.
+
+### Verifying the publish
+
+To verify that the publish was successful, run `npm install -g speedscope`.
+Try `speedscope`, which should open speedscope in browser.
+Try `speedscope sample/profiles/stackcollapse/simple.txt`, which should immediately load the profile.
+
+## Deploying the website
+
+This step must follow the "Publish to npm" step, since it uses assets from
+the npm publish.
+
+https://www.speedscope.app/ is hosted on GitHub pages, and is published via pushing
+to the `gh-pages` branch. The `gh-pages` branch has totally different contents than
+other branches of this repository: https://github.com/jlfwong/speedscope/tree/gh-pages.
+
+It's populated by a deploy script which is invoked by running `npm run deploy` script. This populate a directory with assets pulled from npm, and
+boot a local server for you to test the compiled assets. Please do not skip
+the manual testing in this step.
+
+If everything looks good, you should be able to hit Ctrl+C, and you should see this prompt:
+
+```
+Commit release? [yes/no]:
+```
+
+If everything looks good, type `yes` then enter. This will commit to the `gh-pages` branch, and the site should automatically deploy shortly after.
+
+To check if a deploy has happened, you can check https://www.speedscope.app/release.txt
+which includes the version, the date, and the commit of the deploy.
+
+## Upload a release to GitHub
+
+This step must follow the "Publish to npm" step, since it uses assets from
+the npm publish.
+
+To make a zipfile suitable for uploading to GitHub as a release, run `scripts/prepare-zip-file.sh`.
+
+Once that's done, you should have a zip file in `dist/release/`
+
+Upload that file along with changelog notes to https://github.com/jlfwong/speedscope/releases/new

README.md

@@ -1,6 +1,6 @@
 # 🔬speedscope
 
-A fast, interactive web-based viewer for [sampling profiles][0]. An alternative viewer for [FlameGraphs][1]. Will happily display multi-megabyte profiles without crashing your browser.
+A fast, interactive web-based viewer for performance profiles. An alternative viewer for [FlameGraphs][1]. Will happily display multi-megabyte profiles without crashing your browser.
 
 Given raw profiling data, speedscope allows you to interactively explore the data to get insight into what's slow in your application, or allocating all the memory, or whatever data is represented in the profiling data.
 
@@ -13,6 +13,8 @@ Given raw profiling data, speedscope allows you to interactively explore the dat
 
 Visit https://www.speedscope.app, then either browse to find a profile file or drag-and-drop one onto the page. The profiles are not uploaded anywhere -- the application is totally in-browser.
 
+## Command line usage
+
 For offline use, or convenience in the terminal, you can also install speedscope
 via npm:
 
@@ -20,46 +22,40 @@ via npm:
 
 Invoking `speedscope /path/to/profile` will load speedscope in your default browser.
 
+## Self-contained directory
+
+If you don't have npm or node installed, you can also download a
+self-contained version from https://github.com/jlfwong/speedscope/releases.
+After you download the zip file from a release, simply unzip it and open the
+contained `index.html` in Chrome or Firefox.
+
 ## Supported file formats
 
-### Chrome
+speedscope is designed to ingest profiles from a variety of different profilers for different programming languages & environments. Click the links below for documentation on how to import from a specific source.
 
-Both the timeline format output by Chrome developers tools (https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference#save) and the `.cpuprofile` format output are supported. The `.cpuprofile` format is useful for viewing flamecharts generated by Node.js applications:
-https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27
+- JavaScript
+  - [Importing from Chrome](https://github.com/jlfwong/speedscope/wiki/Importing-from-Chrome)
+  - [Importing from Firefox](https://github.com/jlfwong/speedscope/wiki/Importing-from-Firefox)
+  - [Importing from Node.js](https://github.com/jlfwong/speedscope/wiki/Importing-from-Node.js)
+- Ruby
+  - [Importing from stackprof](https://github.com/jlfwong/speedscope/wiki/Importing-from-stackprof-(ruby))
+  - [Importing from rbspy](https://github.com/jlfwong/speedscope/wiki/Importing-from-rbspy-(ruby))
+  - [Importing from ruby-prof](https://github.com/jlfwong/speedscope/wiki/Importing-from-ruby-prof)
+- Python
+  - [Importing from py-spy](https://github.com/jlfwong/speedscope/wiki/Importing-from-py-spy-(python))
+  - [pyspeedscope](https://github.com/windelbouwman/pyspeedscope)
+- Go
+  - [Importing from pprof](https://github.com/jlfwong/speedscope/wiki/Importing-from-pprof-(go))  
+- Rust
+  - [flamescope](https://github.com/coolreader18/flamescope)
+- Native code
+  - [Importing from Instruments.app](https://github.com/jlfwong/speedscope/wiki/Importing-from-Instruments.app) (macOS)
+  - [Importing from `perf`](https://github.com/jlfwong/speedscope/wiki/Importing-from-perf-(linux)) (linux)
+- [Importing from .NET Core](https://github.com/jlfwong/speedscope/wiki/Importing-from-.NET-Core)
+- [Importing from GHC (Haskell)](https://github.com/jlfwong/speedscope/wiki/Importing-from-Haskell)
+- [Importing from custom sources](https://github.com/jlfwong/speedscope/wiki/Importing-from-custom-sources)
 
-### Firefox
-
-The `profile.json` file format output by Firefox can be saved and import into speedscope: https://developer.mozilla.org/en-US/docs/Tools/Performance
-
-### Node
-
-If you record profiling information like so:
-
-    node --prof /path/to/my/script.js
-
-Then this will generate one or more `isolate*.log` files. You can open
-the resulting profile in speedscope by running the following command:
-
-    node --prof-process --preprocess -j isolate*.log | speedscope -
-
-### Instruments.app
-
-You can import call trees from OSX Instruments.app into speedscope by
-selecting a row in the "Profile" view and select "Edit -> Deep Copy" from the
-menu then pasting directly into speedscope. This data contains only aggregate
-statistics, so the "Time Order" view and the "Left Heavy" view will look very
-similar.
-
-You can also import `.trace` files for time profiles by dragging them directly
-into the browser from Chrome.
-
-### `stackprof` Ruby profiler
-
-If the `raw: true` flag is set when recording a dump, the resulting json dump can be imported into speedscope.
-
-### `perf` and `DTrace`
-
-If you process the output of `perf` or `DTrace` first with Brendan Gregg's `stackcollapse-*.pl` scripts (https://github.com/brendangregg/FlameGraph#2-fold-stacks), the result can be imported into speedscope.
+Contributions to add support for additional formats are welcome! See issues with the ["import source" tag](https://github.com/jlfwong/speedscope/issues?q=is%3Aissue+is%3Aopen+label%3A%22import+source%22).
 
 ## Importing via URL
 
@@ -68,26 +64,25 @@ To load a specific profile by URL, you can append a hash fragment like `#profile
 ## Views
 
 ### 🕰Time Order
-
-In the "Time Order" view (the default), the stacks are ordered left-to-right in the same order as the occurred in the input file, which is usually going to be the chronological order they were recorded in. This view is most helpful for understand the behavior of an application over time, e.g. "first the data is fetched from the database, then the data is prepared for serialization, then the data is serialized to JSON". This is the only flame graph order supported by Chrome developer tools.
-
-In all flamegraph views, the horizontal axis represents the "weight" of each stack (most commonly CPU time), and the vertical axis shows you the stack active at the time of the sample.
-
-If you click on one of the frames, you'll be able to see summary statistics about it.
-
 ![Detail View](https://user-images.githubusercontent.com/150329/42108613-e6ef6d3a-7b8f-11e8-93d4-541b2cb93fe5.png)
 
+In the "Time Order" view (the default), call stacks are ordered left-to-right in the same order as they occurred in the input file, which is usually going to be the chronological order they were recorded in. This view is most helpful for understanding the behavior of an application over time, e.g. "first the data is fetched from the database, then the data is prepared for serialization, then the data is serialized to JSON". 
+
+The horizontal axis represents the "weight" of each stack (most commonly CPU time), and the vertical axis shows you the stack active at the time of the sample. If you click on one of the frames, you'll be able to see summary statistics about it.
+
+
 ### ⬅️Left Heavy
+![Left Heavy View](https://user-images.githubusercontent.com/150329/44534434-a05f8380-a6ac-11e8-86ac-e3e05e577c52.png)
 
 In the "Left Heavy" view, identical stacks are grouped together, regardless of whether they were recorded sequentially. Then, the stacks are sorted so that the heaviest stack for each parent is on the left -- hence "left heavy". This view is useful for understanding where all the time is going in situations where there are hundreds or thousands of function calls interleaved between other call stacks.
 
 ### 🥪 Sandwich
+![Sandwich View](https://user-images.githubusercontent.com/150329/42108467-76a57baa-7b8f-11e8-815f-1df7b6ac3ede.png)
 
 The Sandwich view is a table view in which you can find a list of all functions an their associated times. You can sort by self time or total time.
 It's called "Sandwich" view because if you select one of the rows in the table, you can see flamegraphs for all the callers and callees of the selected
 row.
 
-![Sandwich View](https://user-images.githubusercontent.com/150329/42108467-76a57baa-7b8f-11e8-815f-1df7b6ac3ede.png)
 
 ## Navigation
 
@@ -118,3 +113,10 @@ Once a profile has loaded, the main view is split into two: the top area is the
 * `r`: Collapse recursion in the flamegraphs
 * `Cmd+S`/`Ctrl+S` to save the current profile
 * `Cmd+O`/`Ctrl+O` to open a new profile
+* `n`: Go to next profile/thread if one is available
+* `p`: Go to previous profile/thread if one is available
+* `t`: Open the profile/thread selector if available
+
+## Contributing
+
+Do you want to contribute to speedscope? Sweeeeet. Check out [CONTRIBUTING.md](./CONTRIBUTING.md) for instructions on setting up your dev environment.

application.tsx

@@ -1,933 +0,0 @@
-import {h} from 'preact'
-import {StyleSheet, css} from 'aphrodite'
-import {ReloadableComponent, SerializedComponent} from './reloadable'
-
-import {FileSystemDirectoryEntry} from './import/file-system-entry'
-
-import {FlamechartRenderer, FlamechartRowAtlasKey} from './flamechart-renderer'
-import {CanvasContext} from './canvas-context'
-
-import {Profile, Frame} from './profile'
-import {Flamechart} from './flamechart'
-import {FlamechartView} from './flamechart-view'
-import {FontFamily, FontSize, Colors, Sizes, Duration} from './style'
-import {getHashParams, HashParams} from './hash-params'
-import {SortMethod, SortField, SortDirection} from './profile-table-view'
-import {triangle} from './utils'
-import {Color} from './color'
-import {RowAtlas} from './row-atlas'
-import {importEmscriptenSymbolMap} from './emscripten'
-import {SandwichView} from './sandwich-view'
-import {saveToFile} from './file-format'
-
-const importModule = import('./import')
-// Force eager loading of the module
-importModule.then(() => {})
-async function importProfile(fileName: string, contents: string): Promise<Profile | null> {
-  return (await importModule).importProfile(fileName, contents)
-}
-async function importFromFileSystemDirectoryEntry(entry: FileSystemDirectoryEntry) {
-  return (await importModule).importFromFileSystemDirectoryEntry(entry)
-}
-
-const protocol = window.location.protocol
-const canUseXHR = protocol === 'http:' || protocol === 'https:'
-
-declare function require(x: string): any
-const exampleProfileURL = require('./sample/profiles/stackcollapse/perf-vertx-stacks-01-collapsed-all.txt')
-
-const enum ViewMode {
-  CHRONO_FLAME_CHART,
-  LEFT_HEAVY_FLAME_GRAPH,
-  SANDWICH_VIEW,
-}
-
-interface ApplicationState {
-  profile: Profile | null
-  activeProfile: Profile | null
-  flattenRecursion: boolean
-
-  chronoFlamechart: Flamechart | null
-  chronoFlamechartRenderer: FlamechartRenderer | null
-
-  leftHeavyFlamegraph: Flamechart | null
-  leftHeavyFlamegraphRenderer: FlamechartRenderer | null
-
-  tableSortMethod: SortMethod
-
-  viewMode: ViewMode
-  dragActive: boolean
-  loading: boolean
-  error: boolean
-}
-
-interface ToolbarProps extends ApplicationState {
-  setViewMode(order: ViewMode): void
-  browseForFile(): void
-  saveFile(): void
-}
-
-export class Toolbar extends ReloadableComponent<ToolbarProps, void> {
-  setTimeOrder = () => {
-    this.props.setViewMode(ViewMode.CHRONO_FLAME_CHART)
-  }
-
-  setLeftHeavyOrder = () => {
-    this.props.setViewMode(ViewMode.LEFT_HEAVY_FLAME_GRAPH)
-  }
-
-  setSandwichView = () => {
-    this.props.setViewMode(ViewMode.SANDWICH_VIEW)
-  }
-
-  render() {
-    const importFile = (
-      <div className={css(style.toolbarTab)} onClick={this.props.browseForFile}>
-        <span className={css(style.emoji)}>⤵️</span>Import
-      </div>
-    )
-    const help = (
-      <div className={css(style.toolbarTab)}>
-        <a
-          href="https://github.com/jlfwong/speedscope#usage"
-          className={css(style.noLinkStyle)}
-          target="_blank"
-        >
-          <span className={css(style.emoji)}>❓</span>Help
-        </a>
-      </div>
-    )
-
-    if (!this.props.profile) {
-      return (
-        <div className={css(style.toolbar)}>
-          🔬speedscope
-          <div className={css(style.toolbarRight)}>
-            {importFile}
-            {help}
-          </div>
-        </div>
-      )
-    }
-    return (
-      <div className={css(style.toolbar)}>
-        <div className={css(style.toolbarLeft)}>
-          <div
-            className={css(
-              style.toolbarTab,
-              this.props.viewMode === ViewMode.CHRONO_FLAME_CHART && style.toolbarTabActive,
-            )}
-            onClick={this.setTimeOrder}
-          >
-            <span className={css(style.emoji)}>🕰</span>Time Order
-          </div>
-          <div
-            className={css(
-              style.toolbarTab,
-              this.props.viewMode === ViewMode.LEFT_HEAVY_FLAME_GRAPH && style.toolbarTabActive,
-            )}
-            onClick={this.setLeftHeavyOrder}
-          >
-            <span className={css(style.emoji)}>⬅️</span>Left Heavy
-          </div>
-          <div
-            className={css(
-              style.toolbarTab,
-              this.props.viewMode === ViewMode.SANDWICH_VIEW && style.toolbarTabActive,
-            )}
-            onClick={this.setSandwichView}
-          >
-            <span className={css(style.emoji)}>🥪</span>Sandwich
-          </div>
-        </div>
-        {this.props.profile.getName()}
-        <div className={css(style.toolbarRight)}>
-          <div className={css(style.toolbarTab)} onClick={this.props.saveFile}>
-            <span className={css(style.emoji)}>⤴️</span>Export
-          </div>
-          {importFile}
-          {help}
-        </div>
-      </div>
-    )
-  }
-}
-
-interface GLCanvasProps {
-  setCanvasContext(canvasContext: CanvasContext | null): void
-}
-export class GLCanvas extends ReloadableComponent<GLCanvasProps, void> {
-  private canvas: HTMLCanvasElement | null = null
-  private canvasContext: CanvasContext | null = null
-
-  private ref = (canvas?: Element) => {
-    if (canvas instanceof HTMLCanvasElement) {
-      this.canvas = canvas
-      this.canvasContext = new CanvasContext(canvas)
-    } else {
-      this.canvas = null
-      this.canvasContext = null
-    }
-    this.props.setCanvasContext(this.canvasContext)
-  }
-
-  private maybeResize() {
-    if (!this.canvas) return
-    let {width, height} = this.canvas.getBoundingClientRect()
-    width = Math.floor(width) * window.devicePixelRatio
-    height = Math.floor(height) * window.devicePixelRatio
-
-    // Still initializing: don't resize yet
-    if (width < 4 || height < 4) return
-    const oldWidth = this.canvas.width
-    const oldHeight = this.canvas.height
-
-    // Already at the right size
-    if (width === oldWidth && height === oldHeight) return
-
-    this.canvas.width = width
-    this.canvas.height = height
-  }
-
-  onWindowResize = () => {
-    this.maybeResize()
-    window.addEventListener('resize', this.onWindowResize)
-  }
-  componentDidMount() {
-    window.addEventListener('resize', this.onWindowResize)
-    requestAnimationFrame(() => this.maybeResize())
-  }
-  componentWillUnmount() {
-    window.removeEventListener('resize', this.onWindowResize)
-  }
-
-  render() {
-    return <canvas className={css(style.glCanvasView)} ref={this.ref} width={1} height={1} />
-  }
-}
-
-export class Application extends ReloadableComponent<{}, ApplicationState> {
-  hashParams: HashParams
-
-  constructor() {
-    super()
-    this.hashParams = getHashParams()
-    this.state = {
-      // Start out at a loading state if we know that we'll immediately be fetching a profile to
-      // view.
-      loading:
-        (canUseXHR && this.hashParams.profileURL != null) ||
-        this.hashParams.localProfilePath != null,
-      dragActive: false,
-      error: false,
-      profile: null,
-      activeProfile: null,
-      flattenRecursion: false,
-
-      chronoFlamechart: null,
-      chronoFlamechartRenderer: null,
-
-      leftHeavyFlamegraph: null,
-      leftHeavyFlamegraphRenderer: null,
-
-      tableSortMethod: {
-        field: SortField.SELF,
-        direction: SortDirection.DESCENDING,
-      },
-
-      viewMode: ViewMode.CHRONO_FLAME_CHART,
-    }
-  }
-
-  serialize() {
-    const result = super.serialize()
-    delete result.state.chronoFlamechartRenderer
-    delete result.state.leftHeavyFlamegraphRenderer
-    return result
-  }
-
-  rehydrate(serialized: SerializedComponent<ApplicationState>) {
-    super.rehydrate(serialized)
-    const {chronoFlamechart, leftHeavyFlamegraph} = serialized.state
-    if (this.canvasContext && this.rowAtlas && chronoFlamechart && leftHeavyFlamegraph) {
-      this.setState({
-        chronoFlamechartRenderer: new FlamechartRenderer(
-          this.canvasContext,
-          this.rowAtlas,
-          chronoFlamechart,
-        ),
-        leftHeavyFlamegraphRenderer: new FlamechartRenderer(
-          this.canvasContext,
-          this.rowAtlas,
-          leftHeavyFlamegraph,
-        ),
-      })
-    }
-  }
-
-  async loadProfile(loader: () => Promise<Profile | null>) {
-    await new Promise(resolve => this.setState({loading: true}, resolve))
-    await new Promise(resolve => setTimeout(resolve, 0))
-
-    if (!this.canvasContext || !this.rowAtlas) return
-
-    console.time('import')
-
-    let profile: Profile | null = null
-    try {
-      profile = await loader()
-    } catch (e) {
-      console.log('Failed to load format', e)
-      this.setState({error: true})
-      return
-    }
-
-    if (profile == null) {
-      // TODO(jlfwong): Make this a nicer overlay
-      alert('Unrecognized format! See documentation about supported formats.')
-      await new Promise(resolve => this.setState({loading: false}, resolve))
-      return
-    }
-
-    await profile.demangle()
-
-    const title = this.hashParams.title || profile.getName()
-    profile.setName(title)
-
-    await this.setActiveProfile(profile)
-
-    console.timeEnd('import')
-    this.setState({profile})
-  }
-
-  async setActiveProfile(profile: Profile) {
-    if (!this.canvasContext || !this.rowAtlas) return
-
-    document.title = `${profile.getName()} - speedscope`
-
-    const frames: Frame[] = []
-    profile.forEachFrame(f => frames.push(f))
-    function key(f: Frame) {
-      return (f.file || '') + f.name
-    }
-    function compare(a: Frame, b: Frame) {
-      return key(a) > key(b) ? 1 : -1
-    }
-    frames.sort(compare)
-    const frameToColorBucket = new Map<string | number, number>()
-    for (let i = 0; i < frames.length; i++) {
-      frameToColorBucket.set(frames[i].key, Math.floor(255 * i / frames.length))
-    }
-    function getColorBucketForFrame(frame: Frame) {
-      return frameToColorBucket.get(frame.key) || 0
-    }
-
-    const chronoFlamechart = new Flamechart({
-      getTotalWeight: profile.getTotalWeight.bind(profile),
-      forEachCall: profile.forEachCall.bind(profile),
-      formatValue: profile.formatValue.bind(profile),
-      getColorBucketForFrame,
-    })
-    const chronoFlamechartRenderer = new FlamechartRenderer(
-      this.canvasContext,
-      this.rowAtlas,
-      chronoFlamechart,
-    )
-
-    const leftHeavyFlamegraph = new Flamechart({
-      getTotalWeight: profile.getTotalNonIdleWeight.bind(profile),
-      forEachCall: profile.forEachCallGrouped.bind(profile),
-      formatValue: profile.formatValue.bind(profile),
-      getColorBucketForFrame,
-    })
-    const leftHeavyFlamegraphRenderer = new FlamechartRenderer(
-      this.canvasContext,
-      this.rowAtlas,
-      leftHeavyFlamegraph,
-    )
-
-    await new Promise(resolve => {
-      this.setState(
-        {
-          activeProfile: profile,
-
-          chronoFlamechart,
-          chronoFlamechartRenderer,
-
-          leftHeavyFlamegraph,
-          leftHeavyFlamegraphRenderer,
-
-          loading: false,
-        },
-        resolve,
-      )
-    })
-  }
-
-  loadFromFile(file: File) {
-    this.loadProfile(async () => {
-      const reader = new FileReader()
-      const loadPromise = new Promise(resolve => reader.addEventListener('loadend', resolve))
-      reader.readAsText(file)
-      await loadPromise
-
-      const profile = await importProfile(file.name, reader.result)
-      if (profile) {
-        if (!profile.getName()) {
-          profile.setName(file.name)
-        }
-        return profile
-      }
-
-      if (this.state.profile) {
-        // If a profile is already loaded, it's possible the file being imported is
-        // a symbol map. If that's the case, we want to parse it, and apply the symbol
-        // mapping to the already loaded profile. This can be use to take an opaque
-        // profile and make it readable.
-        const map = importEmscriptenSymbolMap(reader.result)
-        if (map) {
-          console.log('Importing as emscripten symbol map')
-          let profile = this.state.profile
-          profile.remapNames(name => map.get(name) || name)
-          return profile
-        }
-      }
-
-      return null
-    })
-  }
-
-  loadExample = () => {
-    this.loadProfile(async () => {
-      const filename = 'perf-vertx-stacks-01-collapsed-all.txt'
-      const data = await fetch(exampleProfileURL).then(resp => resp.text())
-      const profile = await importProfile(filename, data)
-      if (profile && !profile.getName()) {
-        profile.setName(filename)
-      }
-      return profile
-    })
-  }
-
-  onDrop = (ev: DragEvent) => {
-    this.setState({dragActive: false})
-    ev.preventDefault()
-
-    const firstItem = ev.dataTransfer.items[0]
-    if ('webkitGetAsEntry' in firstItem) {
-      const webkitEntry: FileSystemDirectoryEntry = firstItem.webkitGetAsEntry()
-
-      // Instrument.app file format is actually a directory.
-      if (webkitEntry.isDirectory && webkitEntry.name.endsWith('.trace')) {
-        console.log('Importing as Instruments.app .trace file')
-        this.loadProfile(async () => await importFromFileSystemDirectoryEntry(webkitEntry))
-        return
-      }
-    }
-
-    let file: File | null = ev.dataTransfer.files.item(0)
-    if (file) {
-      this.loadFromFile(file)
-    }
-  }
-
-  onDragOver = (ev: DragEvent) => {
-    this.setState({dragActive: true})
-    ev.preventDefault()
-  }
-
-  onDragLeave = (ev: DragEvent) => {
-    this.setState({dragActive: false})
-    ev.preventDefault()
-  }
-
-  onWindowKeyPress = async (ev: KeyboardEvent) => {
-    if (ev.key === '1') {
-      this.setState({
-        viewMode: ViewMode.CHRONO_FLAME_CHART,
-      })
-    } else if (ev.key === '2') {
-      this.setState({
-        viewMode: ViewMode.LEFT_HEAVY_FLAME_GRAPH,
-      })
-    } else if (ev.key === '3') {
-      this.setState({
-        viewMode: ViewMode.SANDWICH_VIEW,
-      })
-    } else if (ev.key === 'r') {
-      const {flattenRecursion, profile} = this.state
-      if (!profile) return
-      if (flattenRecursion) {
-        await this.setActiveProfile(profile)
-        this.setState({flattenRecursion: false})
-      } else {
-        await this.setActiveProfile(profile.getProfileWithRecursionFlattened())
-        this.setState({flattenRecursion: true})
-      }
-    }
-  }
-
-  private saveFile = () => {
-    if (this.state.profile) {
-      saveToFile(this.state.profile)
-    }
-  }
-
-  private browseForFile = () => {
-    const input = document.createElement('input')
-    input.type = 'file'
-    input.addEventListener('change', this.onFileSelect)
-    input.click()
-  }
-
-  private onWindowKeyDown = async (ev: KeyboardEvent) => {
-    // This has to be handled on key down in order to prevent the default
-    // page save action.
-    if (ev.key === 's' && (ev.ctrlKey || ev.metaKey)) {
-      ev.preventDefault()
-      this.saveFile()
-    } else if (ev.key === 'o' && (ev.ctrlKey || ev.metaKey)) {
-      ev.preventDefault()
-      this.browseForFile()
-    }
-  }
-
-  onDocumentPaste = (ev: Event) => {
-    ev.preventDefault()
-    ev.stopPropagation()
-
-    const pasted = (ev as ClipboardEvent).clipboardData.getData('text')
-    this.loadProfile(async () => importProfile('From Clipboard', pasted))
-  }
-
-  componentDidMount() {
-    window.addEventListener('keydown', this.onWindowKeyDown)
-    window.addEventListener('keypress', this.onWindowKeyPress)
-    document.addEventListener('paste', this.onDocumentPaste)
-    this.maybeLoadHashParamProfile()
-  }
-
-  componentWillUnmount() {
-    window.removeEventListener('keydown', this.onWindowKeyDown)
-    window.removeEventListener('keypress', this.onWindowKeyPress)
-    document.removeEventListener('paste', this.onDocumentPaste)
-  }
-
-  async maybeLoadHashParamProfile() {
-    if (this.hashParams.profileURL) {
-      if (!canUseXHR) {
-        alert(`Cannot load a profile URL when loading from "${protocol}" URL protocol`)
-        return
-      }
-      this.loadProfile(async () => {
-        const response = await fetch(this.hashParams.profileURL!)
-        let filename = new URL(this.hashParams.profileURL!).pathname
-        if (filename.includes('/')) {
-          filename = filename.slice(filename.lastIndexOf('/') + 1)
-        }
-        return await importProfile(filename, await response.text())
-      })
-    } else if (this.hashParams.localProfilePath) {
-      // There isn't good cross-browser support for XHR of local files, even from
-      // other local files. To work around this restriction, we load the local profile
-      // as a JavaScript file which will invoke a global function.
-      ;(window as any)['speedscope'] = {
-        loadFileFromBase64: (filename: string, base64source: string) => {
-          const source = atob(base64source)
-          this.loadProfile(() => importProfile(filename, source))
-        },
-      }
-
-      const script = document.createElement('script')
-      script.src = `file:///${this.hashParams.localProfilePath}`
-      document.head.appendChild(script)
-    }
-  }
-
-  flamechartView: FlamechartView | null = null
-  flamechartRef = (view: FlamechartView | null) => (this.flamechartView = view)
-  subcomponents() {
-    return {
-      flamechart: this.flamechartView,
-    }
-  }
-
-  onFileSelect = (ev: Event) => {
-    const file = (ev.target as HTMLInputElement).files!.item(0)
-    if (file) {
-      this.loadFromFile(file)
-    }
-  }
-
-  renderLanding() {
-    return (
-      <div className={css(style.landingContainer)}>
-        <div className={css(style.landingMessage)}>
-          <p className={css(style.landingP)}>
-            👋 Hi there! Welcome to 🔬speedscope, an interactive{' '}
-            <a
-              className={css(style.link)}
-              href="http://www.brendangregg.com/FlameGraphs/cpuflamegraphs.html"
-            >
-              flamegraph
-            </a>{' '}
-            visualizer. Use it to help you make your software faster.
-          </p>
-          {canUseXHR ? (
-            <p className={css(style.landingP)}>
-              Drag and drop a profile file onto this window to get started, click the big blue
-              button below to browse for a profile to explore, or{' '}
-              <a tabIndex={0} className={css(style.link)} onClick={this.loadExample}>
-                click here
-              </a>{' '}
-              to load an example profile.
-            </p>
-          ) : (
-            <p className={css(style.landingP)}>
-              Drag and drop a profile file onto this window to get started, or click the big blue
-              button below to browse for a profile to explore.
-            </p>
-          )}
-          <div className={css(style.browseButtonContainer)}>
-            <input
-              type="file"
-              name="file"
-              id="file"
-              onChange={this.onFileSelect}
-              className={css(style.hide)}
-            />
-            <label for="file" className={css(style.browseButton)} tabIndex={0}>
-              Browse
-            </label>
-          </div>
-
-          <p className={css(style.landingP)}>
-            See the{' '}
-            <a
-              className={css(style.link)}
-              href="https://github.com/jlfwong/speedscope#usage"
-              target="_blank"
-            >
-              documentation
-            </a>{' '}
-            for information about supported file formats, keyboard shortcuts, and how to navigate
-            around the profile.
-          </p>
-
-          <p className={css(style.landingP)}>
-            speedscope is open source. Please{' '}
-            <a
-              className={css(style.link)}
-              target="_blank"
-              href="https://github.com/jlfwong/speedscope/issues"
-            >
-              report any issues on GitHub
-            </a>.
-          </p>
-        </div>
-      </div>
-    )
-  }
-
-  renderError() {
-    return (
-      <div className={css(style.error)}>
-        <div>😿 Something went wrong.</div>
-        <div>Check the JS console for more details.</div>
-      </div>
-    )
-  }
-
-  renderLoadingBar() {
-    return <div className={css(style.loading)} />
-  }
-
-  setViewMode = (viewMode: ViewMode) => {
-    this.setState({viewMode})
-  }
-
-  setTableSortMethod = (tableSortMethod: SortMethod) => {
-    this.setState({tableSortMethod})
-  }
-
-  private canvasContext: CanvasContext | null = null
-  private rowAtlas: RowAtlas<FlamechartRowAtlasKey> | null = null
-  private setCanvasContext = (canvasContext: CanvasContext | null) => {
-    this.canvasContext = canvasContext
-    if (canvasContext) {
-      this.rowAtlas = new RowAtlas(canvasContext)
-    } else {
-      this.rowAtlas = null
-    }
-  }
-
-  getColorBucketForFrame = (frame: Frame): number => {
-    const {chronoFlamechart} = this.state
-    if (!chronoFlamechart) return 0
-    return chronoFlamechart.getColorBucketForFrame(frame)
-  }
-
-  getCSSColorForFrame = (frame: Frame): string => {
-    const {chronoFlamechart} = this.state
-    if (!chronoFlamechart) return '#FFFFFF'
-
-    const t = chronoFlamechart.getColorBucketForFrame(frame) / 255
-
-    const x = triangle(30.0 * t)
-    const H = 360.0 * (0.9 * t)
-    const C = 0.25 + 0.2 * x
-    const L = 0.8 - 0.15 * x
-    return Color.fromLumaChromaHue(L, C, H).toCSS()
-  }
-
-  renderContent() {
-    const {viewMode} = this.state
-
-    if (this.state.error) {
-      return this.renderError()
-    }
-
-    if (this.state.loading) {
-      return this.renderLoadingBar()
-    }
-
-    if (!this.state.activeProfile) {
-      return this.renderLanding()
-    }
-
-    if (!this.canvasContext) {
-      throw new Error('Missing canvas context')
-    }
-
-    switch (viewMode) {
-      case ViewMode.CHRONO_FLAME_CHART: {
-        const {chronoFlamechart, chronoFlamechartRenderer} = this.state
-        if (!chronoFlamechart || !chronoFlamechartRenderer)
-          throw new Error('Missing dependencies for chrono flame chart')
-        return (
-          <FlamechartView
-            canvasContext={this.canvasContext}
-            flamechartRenderer={chronoFlamechartRenderer}
-            ref={this.flamechartRef}
-            flamechart={chronoFlamechart}
-            getCSSColorForFrame={this.getCSSColorForFrame}
-          />
-        )
-      }
-      case ViewMode.LEFT_HEAVY_FLAME_GRAPH: {
-        const {leftHeavyFlamegraph, leftHeavyFlamegraphRenderer} = this.state
-        if (!leftHeavyFlamegraph || !leftHeavyFlamegraphRenderer)
-          throw new Error('Missing dependencies for left heavy flame graph')
-        return (
-          <FlamechartView
-            canvasContext={this.canvasContext}
-            flamechartRenderer={leftHeavyFlamegraphRenderer}
-            ref={this.flamechartRef}
-            flamechart={leftHeavyFlamegraph}
-            getCSSColorForFrame={this.getCSSColorForFrame}
-          />
-        )
-      }
-      case ViewMode.SANDWICH_VIEW: {
-        if (!this.rowAtlas || !this.state.profile) return null
-        return (
-          <SandwichView
-            profile={this.state.profile}
-            flattenRecursion={this.state.flattenRecursion}
-            getColorBucketForFrame={this.getColorBucketForFrame}
-            getCSSColorForFrame={this.getCSSColorForFrame}
-            sortMethod={this.state.tableSortMethod}
-            setSortMethod={this.setTableSortMethod}
-            canvasContext={this.canvasContext}
-            rowAtlas={this.rowAtlas}
-          />
-        )
-      }
-    }
-  }
-
-  render() {
-    return (
-      <div
-        onDrop={this.onDrop}
-        onDragOver={this.onDragOver}
-        onDragLeave={this.onDragLeave}
-        className={css(style.root, this.state.dragActive && style.dragTargetRoot)}
-      >
-        <GLCanvas setCanvasContext={this.setCanvasContext} />
-        <Toolbar
-          setViewMode={this.setViewMode}
-          saveFile={this.saveFile}
-          browseForFile={this.browseForFile}
-          {...this.state}
-        />
-        <div className={css(style.contentContainer)}>{this.renderContent()}</div>
-        {this.state.dragActive && <div className={css(style.dragTarget)} />}
-      </div>
-    )
-  }
-}
-
-const style = StyleSheet.create({
-  glCanvasView: {
-    position: 'absolute',
-    width: '100vw',
-    height: '100vh',
-    zIndex: -1,
-    pointerEvents: 'none',
-  },
-  error: {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: '100%',
-  },
-  loading: {
-    height: 3,
-    marginBottom: -3,
-    background: Colors.DARK_BLUE,
-    transformOrigin: '0% 50%',
-    animationName: [
-      {
-        from: {
-          transform: `scaleX(0)`,
-        },
-        to: {
-          transform: `scaleX(1)`,
-        },
-      },
-    ],
-    animationTimingFunction: 'cubic-bezier(0, 1, 0, 1)',
-    animationDuration: '30s',
-  },
-  root: {
-    width: '100vw',
-    height: '100vh',
-    overflow: 'hidden',
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'relative',
-    fontFamily: FontFamily.MONOSPACE,
-    lineHeight: '20px',
-  },
-  dragTargetRoot: {
-    cursor: 'copy',
-  },
-  dragTarget: {
-    boxSizing: 'border-box',
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: '100%',
-    height: '100%',
-    border: `5px dashed ${Colors.DARK_BLUE}`,
-    pointerEvents: 'none',
-  },
-  contentContainer: {
-    position: 'relative',
-    display: 'flex',
-    overflow: 'hidden',
-    flexDirection: 'column',
-    flex: 1,
-  },
-  landingContainer: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flex: 1,
-  },
-  landingMessage: {
-    maxWidth: 600,
-  },
-  landingP: {
-    marginBottom: 16,
-  },
-  hide: {
-    display: 'none',
-  },
-  browseButtonContainer: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  browseButton: {
-    marginBottom: 16,
-    height: 72,
-    flex: 1,
-    maxWidth: 256,
-    textAlign: 'center',
-    fontSize: FontSize.BIG_BUTTON,
-    lineHeight: '72px',
-    background: Colors.DARK_BLUE,
-    color: Colors.WHITE,
-    transition: `all ${Duration.HOVER_CHANGE} ease-in`,
-    ':hover': {
-      background: Colors.BRIGHT_BLUE,
-    },
-  },
-  link: {
-    color: Colors.BRIGHT_BLUE,
-    cursor: 'pointer',
-    textDecoration: 'none',
-  },
-  toolbar: {
-    height: Sizes.TOOLBAR_HEIGHT,
-    flexShrink: 0,
-    background: Colors.BLACK,
-    color: Colors.WHITE,
-    textAlign: 'center',
-    fontFamily: FontFamily.MONOSPACE,
-    fontSize: FontSize.TITLE,
-    lineHeight: `${Sizes.TOOLBAR_TAB_HEIGHT}px`,
-    userSelect: 'none',
-  },
-  toolbarLeft: {
-    position: 'absolute',
-    height: Sizes.TOOLBAR_HEIGHT,
-    overflow: 'hidden',
-    top: 0,
-    left: 0,
-    marginRight: 2,
-    textAlign: 'left',
-  },
-  toolbarRight: {
-    height: Sizes.TOOLBAR_HEIGHT,
-    overflow: 'hidden',
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    marginRight: 2,
-    textAlign: 'right',
-  },
-  toolbarTab: {
-    background: Colors.DARK_GRAY,
-    marginTop: Sizes.SEPARATOR_HEIGHT,
-    height: Sizes.TOOLBAR_TAB_HEIGHT,
-    lineHeight: `${Sizes.TOOLBAR_TAB_HEIGHT}px`,
-    paddingLeft: 2,
-    paddingRight: 8,
-    display: 'inline-block',
-    marginLeft: 2,
-    transition: `all ${Duration.HOVER_CHANGE} ease-in`,
-    ':hover': {
-      background: Colors.GRAY,
-    },
-  },
-  toolbarTabActive: {
-    background: Colors.BRIGHT_BLUE,
-    ':hover': {
-      background: Colors.BRIGHT_BLUE,
-    },
-  },
-  noLinkStyle: {
-    textDecoration: 'none',
-    color: 'inherit',
-  },
-  emoji: {
-    display: 'inline-block',
-    verticalAlign: 'middle',
-    paddingTop: '0px',
-    marginRight: '0.3em',
-  },
-})

assets/index.html

@@ -166,8 +166,7 @@
 </head>
 
 <body>
-  <div id="root"></div>
-  <script src="./speedscope.tsx"></script>
+  <script src="../src/speedscope.tsx"></script>
 </body>
 
 </html>

bin/cli.js

@@ -52,7 +52,7 @@ async function main() {
   }
 
   if (process.argv.includes('--version') || process.argv.includes('-v')) {
-    console.log('v' + require('./package.json').version)
+    console.log('v' + require('../package.json').version)
     return
   }
 
@@ -60,7 +60,7 @@ async function main() {
     throw new Error('At most one argument expected')
   }
 
-  let urlToOpen = 'file://' + path.resolve(__dirname, './dist/release/index.html')
+  let urlToOpen = 'file://' + path.resolve(__dirname, '../dist/release/index.html')
 
   if (process.argv.length === 3) {
     const relPath = process.argv[2]

canvas-context.ts

@@ -1,192 +0,0 @@
-import regl from 'regl'
-import {
-  RectangleBatchRenderer,
-  RectangleBatch,
-  RectangleBatchRendererProps,
-} from './rectangle-batch-renderer'
-import {
-  ViewportRectangleRenderer,
-  ViewportRectangleRendererProps,
-} from './overlay-rectangle-renderer'
-import {
-  TextureCachedRenderer,
-  TextureRenderer,
-  TextureRendererProps,
-} from './texture-cached-renderer'
-import {StatsPanel} from './stats'
-
-import {Vec2, Rect} from './math'
-import {
-  FlamechartColorPassRenderer,
-  FlamechartColorPassRenderProps,
-} from './flamechart-color-pass-renderer'
-
-type FrameCallback = () => void
-
-interface SetViewportScopeProps {
-  physicalBounds: Rect
-}
-
-export class CanvasContext {
-  public gl: regl.Instance
-  private rectangleBatchRenderer: RectangleBatchRenderer
-  private viewportRectangleRenderer: ViewportRectangleRenderer
-  private textureRenderer: TextureRenderer
-  private flamechartColorPassRenderer: FlamechartColorPassRenderer
-  private setViewportScope: regl.Command<{physicalBounds: Rect}>
-  private setScissor: regl.Command<{}>
-
-  constructor(canvas: HTMLCanvasElement) {
-    this.gl = regl({
-      canvas: canvas,
-      attributes: {
-        antialias: false,
-      },
-      extensions: ['ANGLE_instanced_arrays', 'WEBGL_depth_texture'],
-      optionalExtensions: ['EXT_disjoint_timer_query'],
-      profile: true,
-    })
-
-    console.log(
-      `WebGL initialized. renderer: ${this.gl.limits.renderer}, vendor: ${
-        this.gl.limits.vendor
-      }, version: ${this.gl.limits.version}`,
-    )
-    ;(window as any)['CanvasContext'] = this
-    this.rectangleBatchRenderer = new RectangleBatchRenderer(this.gl)
-    this.viewportRectangleRenderer = new ViewportRectangleRenderer(this.gl)
-    this.textureRenderer = new TextureRenderer(this.gl)
-    this.flamechartColorPassRenderer = new FlamechartColorPassRenderer(this.gl)
-    this.setScissor = this.gl({scissor: {enable: true}})
-    this.setViewportScope = this.gl<SetViewportScopeProps>({
-      context: {
-        viewportX: (context: regl.Context, props: SetViewportScopeProps) => {
-          return props.physicalBounds.left()
-        },
-        viewportY: (context: regl.Context, props: SetViewportScopeProps) => {
-          return props.physicalBounds.top()
-        },
-      },
-      viewport: (context, props) => {
-        const {physicalBounds} = props
-        return {
-          x: physicalBounds.left(),
-          y:
-            window.devicePixelRatio * window.innerHeight -
-            physicalBounds.top() -
-            physicalBounds.height(),
-          width: physicalBounds.width(),
-          height: physicalBounds.height(),
-        }
-      },
-      scissor: (context, props) => {
-        const {physicalBounds} = props
-        return {
-          enable: true,
-          box: {
-            x: physicalBounds.left(),
-            y:
-              window.devicePixelRatio * window.innerHeight -
-              physicalBounds.top() -
-              physicalBounds.height(),
-            width: physicalBounds.width(),
-            height: physicalBounds.height(),
-          },
-        }
-      },
-    })
-  }
-
-  private tick: regl.Tick | null = null
-  private tickNeeded: boolean = false
-  private beforeFrameHandlers = new Set<FrameCallback>()
-  addBeforeFrameHandler(callback: FrameCallback) {
-    this.beforeFrameHandlers.add(callback)
-  }
-  removeBeforeFrameHandler(callback: FrameCallback) {
-    this.beforeFrameHandlers.delete(callback)
-  }
-  requestFrame() {
-    this.tickNeeded = true
-    if (!this.tick) {
-      this.tick = this.gl.frame(this.onBeforeFrame)
-    }
-  }
-
-  private perfDebug = window.location.href.indexOf('perf-debug=1') !== -1
-  private statsPanel: StatsPanel | null = this.perfDebug ? new StatsPanel() : null
-
-  private onBeforeFrame = (context: regl.Context) => {
-    this.setScissor(() => {
-      this.gl.clear({color: [0, 0, 0, 0]})
-    })
-
-    this.tickNeeded = false
-
-    this.statsPanel && this.statsPanel.begin()
-    for (const handler of this.beforeFrameHandlers) {
-      handler()
-    }
-    this.statsPanel && this.statsPanel.end()
-
-    if (this.tick && !this.tickNeeded) {
-      if (!this.perfDebug) {
-        this.tick.cancel()
-        this.tick = null
-      }
-    }
-
-    // TODO(jlfwong): It would be really nice to have GPU
-    // stats here, but I can't figure out how to interpret
-    // the gpuTime. I suspect this is caused by executing the same
-    // program multiple times without flushing.
-    // I'll investigate this at some point and report a bug to regl.
-  }
-
-  drawRectangleBatch(props: RectangleBatchRendererProps) {
-    this.rectangleBatchRenderer.render(props)
-  }
-
-  drawTexture(props: TextureRendererProps) {
-    this.textureRenderer.render(props)
-  }
-
-  drawFlamechartColorPass(props: FlamechartColorPassRenderProps) {
-    this.flamechartColorPassRenderer.render(props)
-  }
-
-  createRectangleBatch(): RectangleBatch {
-    return new RectangleBatch(this.gl)
-  }
-
-  createTextureCachedRenderer<T>(options: {
-    render(t: T): void
-    shouldUpdate(oldProps: T, newProps: T): boolean
-  }): TextureCachedRenderer<T> {
-    return new TextureCachedRenderer(this.gl, {
-      ...options,
-      textureRenderer: this.textureRenderer,
-    })
-  }
-
-  drawViewportRectangle(props: ViewportRectangleRendererProps) {
-    this.viewportRectangleRenderer.render(props)
-  }
-
-  renderInto(el: Element, cb: (context: regl.Context) => void) {
-    const bounds = el.getBoundingClientRect()
-    const physicalBounds = new Rect(
-      new Vec2(bounds.left * window.devicePixelRatio, bounds.top * window.devicePixelRatio),
-      new Vec2(bounds.width * window.devicePixelRatio, bounds.height * window.devicePixelRatio),
-    )
-    this.setViewportScope({physicalBounds}, cb)
-  }
-
-  setViewport(physicalBounds: Rect, cb: (context: regl.Context) => void) {
-    this.setViewportScope({physicalBounds}, cb)
-  }
-
-  getMaxTextureSize() {
-    return this.gl.limits.maxTextureSize
-  }
-}

file-format.test.ts

@@ -1,11 +0,0 @@
-import {checkProfileSnapshot} from './test-utils'
-
-describe('importSpeedscopeProfiles', async () => {
-  test('0.0.1 evented profile', async () => {
-    await checkProfileSnapshot('./sample/profiles/speedscope/0.0.1/simple.speedscope.json')
-  })
-
-  test('0.1.2 sampled profile', async () => {
-    await checkProfileSnapshot('./sample/profiles/speedscope/0.1.2/simple-sampled.speedscope.json')
-  })
-})

flamechart-color-pass-renderer.ts

@@ -1,165 +0,0 @@
-import regl from 'regl'
-import {Vec2, Rect, AffineTransform} from './math'
-
-export interface FlamechartColorPassRenderProps {
-  rectInfoTexture: regl.Texture
-  renderOutlines: boolean
-  srcRect: Rect
-  dstRect: Rect
-}
-export class FlamechartColorPassRenderer {
-  private command: regl.Command<FlamechartColorPassRenderProps>
-  constructor(gl: regl.Instance) {
-    this.command = gl({
-      vert: `
-        uniform mat3 uvTransform;
-        uniform mat3 positionTransform;
-
-        attribute vec2 position;
-        attribute vec2 uv;
-        varying vec2 vUv;
-
-        void main() {
-          vUv = (uvTransform * vec3(uv, 1)).xy;
-          gl_Position = vec4((positionTransform * vec3(position, 1)).xy, 0, 1);
-        }
-      `,
-
-      frag: `
-        precision mediump float;
-
-        uniform vec2 uvSpacePixelSize;
-        uniform float renderOutlines;
-
-        varying vec2 vUv;
-        uniform sampler2D colorTexture;
-
-        // https://en.wikipedia.org/wiki/HSL_and_HSV#From_luma/chroma/hue
-        vec3 hcl2rgb(float H, float C, float L) {
-          float hPrime = H / 60.0;
-          float X = C * (1.0 - abs(mod(hPrime, 2.0) - 1.0));
-          vec3 RGB =
-            hPrime < 1.0 ? vec3(C, X, 0) :
-            hPrime < 2.0 ? vec3(X, C, 0) :
-            hPrime < 3.0 ? vec3(0, C, X) :
-            hPrime < 4.0 ? vec3(0, X, C) :
-            hPrime < 5.0 ? vec3(X, 0, C) :
-            vec3(C, 0, X);
-
-          float m = L - dot(RGB, vec3(0.30, 0.59, 0.11));
-          return RGB + vec3(m, m, m);
-        }
-
-        float triangle(float x) {
-          return 2.0 * abs(fract(x) - 0.5) - 1.0;
-        }
-
-        vec3 colorForBucket(float t) {
-          float x = triangle(30.0 * t);
-          float H = 360.0 * (0.9 * t);
-          float C = 0.25 + 0.2 * x;
-          float L = 0.80 - 0.15 * x;
-          return hcl2rgb(H, C, L);
-        }
-
-        void main() {
-          vec4 here = texture2D(colorTexture, vUv);
-
-          if (here.z == 0.0) {
-            // Background color
-            gl_FragColor = vec4(0, 0, 0, 0);
-            return;
-          }
-
-          // Sample the 4 surrounding pixels in the depth texture to determine
-          // if we should draw a boundary here or not.
-          vec4 N = texture2D(colorTexture, vUv + vec2(0, uvSpacePixelSize.y));
-          vec4 E = texture2D(colorTexture, vUv + vec2(uvSpacePixelSize.x, 0));
-          vec4 S = texture2D(colorTexture, vUv + vec2(0, -uvSpacePixelSize.y));
-          vec4 W = texture2D(colorTexture, vUv + vec2(-uvSpacePixelSize.x, 0));
-
-          // NOTE: For outline checks, we intentionally check both the right
-          // and the left to determine if we're an edge. If a rectangle is a single
-          // pixel wide, we don't want to render it as an outline, so this method
-          // of checking ensures that we don't outline single physical-space
-          // pixel width rectangles.
-          if (
-            renderOutlines > 0.0 &&
-            (
-              here.y == N.y && here.y != S.y || // Top edge
-              here.y == S.y && here.y != N.y || // Bottom edge
-              here.x == E.x && here.x != W.x || // Left edge
-              here.x == W.x && here.x != E.x
-            )
-          ) {
-            // We're on an edge! Draw transparent.
-            gl_FragColor = vec4(0, 0, 0, 0);
-          } else {
-            // Not on an edge. Draw the appropriate color;
-            gl_FragColor = vec4(colorForBucket(here.z), here.a);
-          }
-        }
-      `,
-
-      depth: {
-        enable: false,
-      },
-
-      attributes: {
-        // Cover full canvas with a rectangle
-        // with 2 triangles using a triangle
-        // strip.
-        //
-        // 0 +--+ 1
-        //   | /|
-        //   |/ |
-        // 2 +--+ 3
-        position: gl.buffer([[-1, 1], [1, 1], [-1, -1], [1, -1]]),
-        uv: gl.buffer([[0, 1], [1, 1], [0, 0], [1, 0]]),
-      },
-
-      count: 4,
-
-      primitive: 'triangle strip',
-
-      uniforms: {
-        colorTexture: (context, props) => props.rectInfoTexture,
-        uvTransform: (context, props) => {
-          const {srcRect, rectInfoTexture} = props
-          const physicalToUV = AffineTransform.withTranslation(new Vec2(0, 1))
-            .times(AffineTransform.withScale(new Vec2(1, -1)))
-            .times(
-              AffineTransform.betweenRects(
-                new Rect(Vec2.zero, new Vec2(rectInfoTexture.width, rectInfoTexture.height)),
-                Rect.unit,
-              ),
-            )
-          const uvRect = physicalToUV.transformRect(srcRect)
-          return AffineTransform.betweenRects(Rect.unit, uvRect).flatten()
-        },
-        renderOutlines: (context, props) => {
-          return props.renderOutlines ? 1.0 : 0.0
-        },
-        uvSpacePixelSize: (context, props) => {
-          return Vec2.unit
-            .dividedByPointwise(new Vec2(props.rectInfoTexture.width, props.rectInfoTexture.height))
-            .flatten()
-        },
-        positionTransform: (context, props) => {
-          const {dstRect} = props
-          const viewportSize = new Vec2(context.viewportWidth, context.viewportHeight)
-
-          const physicalToNDC = AffineTransform.withScale(new Vec2(1, -1)).times(
-            AffineTransform.betweenRects(new Rect(Vec2.zero, viewportSize), Rect.NDC),
-          )
-          const ndcRect = physicalToNDC.transformRect(dstRect)
-          return AffineTransform.betweenRects(Rect.NDC, ndcRect).flatten()
-        },
-      },
-    })
-  }
-
-  render(props: FlamechartColorPassRenderProps) {
-    this.command(props)
-  }
-}

import/__snapshots__/bg-flamegraph.test.ts.snap

@@ -1,50 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`importFromBGFlameGraph 1`] = `
-Object {
-  "frames": Array [
-    Frame {
-      "col": undefined,
-      "file": undefined,
-      "key": "a",
-      "line": undefined,
-      "name": "a",
-      "selfWeight": 0,
-      "totalWeight": 14,
-    },
-    Frame {
-      "col": undefined,
-      "file": undefined,
-      "key": "b",
-      "line": undefined,
-      "name": "b",
-      "selfWeight": 5,
-      "totalWeight": 14,
-    },
-    Frame {
-      "col": undefined,
-      "file": undefined,
-      "key": "c",
-      "line": undefined,
-      "name": "c",
-      "selfWeight": 5,
-      "totalWeight": 5,
-    },
-    Frame {
-      "col": undefined,
-      "file": undefined,
-      "key": "d",
-      "line": undefined,
-      "name": "d",
-      "selfWeight": 4,
-      "totalWeight": 4,
-    },
-  ],
-  "stacks": Array [
-    "a;b;c 2",
-    "a;b;d 4",
-    "a;b;c 3",
-    "a;b 5",
-  ],
-}
-`;

import/__snapshots__/chrome.test.ts.snap

@@ -1,257 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`importFromChromeCPUProfile 1`] = `
-Object {
-  "frames": Array [
-    Frame {
-      "col": 0,
-      "file": "",
-      "key": "(anonymous)::0:0",
-      "line": 0,
-      "name": "(anonymous)",
-      "selfWeight": 11575,
-      "totalWeight": 45920,
-    },
-    Frame {
-      "col": 10,
-      "file": "",
-      "key": "a::0:10",
-      "line": 0,
-      "name": "a",
-      "selfWeight": 0,
-      "totalWeight": 34345,
-    },
-    Frame {
-      "col": 10,
-      "file": "",
-      "key": "b::5:10",
-      "line": 5,
-      "name": "b",
-      "selfWeight": 0,
-      "totalWeight": 16788,
-    },
-    Frame {
-      "col": 10,
-      "file": "",
-      "key": "d::13:10",
-      "line": 13,
-      "name": "d",
-      "selfWeight": 34345,
-      "totalWeight": 34345,
-    },
-    Frame {
-      "col": 10,
-      "file": "",
-      "key": "c::9:10",
-      "line": 9,
-      "name": "c",
-      "selfWeight": 0,
-      "totalWeight": 17557,
-    },
-  ],
-  "stacks": Array [
-    "(anonymous) 11.57ms",
-    "(anonymous);a;b;d 16.79ms",
-    "(anonymous);a;c;d 17.56ms",
-  ],
-}
-`;
-
-exports[`importFromChromeTimeline 1`] = `
-Object {
-  "frames": Array [
-    Frame {
-      "col": -1,
-      "file": "",
-      "key": "(program)::-1:-1",
-      "line": -1,
-      "name": "(program)",
-      "selfWeight": 12244,
-      "totalWeight": 12244,
-    },
-    Frame {
-      "col": 10,
-      "file": "file:///Users/jlfwong/code/speedscope/sample/programs/javascript/simple.js",
-      "key": "a:file:///Users/jlfwong/code/speedscope/sample/programs/javascript/simple.js:0:10",
-      "line": 0,
-      "name": "a",
-      "selfWeight": 0,
-      "totalWeight": 33184,
-    },
-    Frame {
-      "col": 10,
-      "file": "file:///Users/jlfwong/code/speedscope/sample/programs/javascript/simple.js",
-      "key": "c:file:///Users/jlfwong/code/speedscope/sample/programs/javascript/simple.js:13:10",
-      "line": 13,
-      "name": "c",
-      "selfWeight": 16197,
-      "totalWeight": 16197,
-    },
-    Frame {
-      "col": 10,
-      "file": "file:///Users/jlfwong/code/speedscope/sample/programs/javascript/simple.js",
-      "key": "b:file:///Users/jlfwong/code/speedscope/sample/programs/javascript/simple.js:7:10",
-      "line": 7,
-      "name": "b",
-      "selfWeight": 16987,
-      "totalWeight": 16987,
-    },
-  ],
-  "stacks": Array [
-    "(program) 10.16ms",
-    " 1.99ms",
-    "(program) 926.00µs",
-    " 85.95ms",
-    "(program) 133.00µs",
-    " 8.40ms",
-    "(program) 134.00µs",
-    "a;c 257.00µs",
-    "a;b 534.00µs",
-    "a;c 513.00µs",
-    "a;b 513.00µs",
-    "a;c 257.00µs",
-    "a;b 518.00µs",
-    "a;c 514.00µs",
-    "a;b 261.00µs",
-    "a;c 517.00µs",
-    "a;b 258.00µs",
-    "a;c 145.00µs",
-    "a;b 134.00µs",
-    "a;c 292.00µs",
-    "a;b 272.00µs",
-    "a;c 129.00µs",
-    "a;b 145.00µs",
-    "a;c 265.00µs",
-    "a;b 142.00µs",
-    "a;c 141.00µs",
-    "a;b 139.00µs",
-    "a;c 397.00µs",
-    "a;b 126.00µs",
-    "a;c 131.00µs",
-    "a;b 126.00µs",
-    "a;c 521.00µs",
-    "a;b 128.00µs",
-    "a;c 261.00µs",
-    "a;b 127.00µs",
-    "a;c 130.00µs",
-    "a;b 128.00µs",
-    "a;c 136.00µs",
-    "a;b 272.00µs",
-    "a;c 146.00µs",
-    "a;b 661.00µs",
-    "a;c 113.00µs",
-    "a;b 135.00µs",
-    "a;c 585.00µs",
-    "a;b 294.00µs",
-    "a;c 274.00µs",
-    "a;b 129.00µs",
-    "a;c 127.00µs",
-    "a;b 128.00µs",
-    "a;c 247.00µs",
-    "a;b 526.00µs",
-    "a;c 125.00µs",
-    "a;b 129.00µs",
-    "a;c 131.00µs",
-    "a;b 253.00µs",
-    "a;c 135.00µs",
-    "a;b 123.00µs",
-    "a;c 128.00µs",
-    "a;b 257.00µs",
-    "a;c 137.00µs",
-    "a;b 256.00µs",
-    "a;c 411.00µs",
-    "a;b 892.00µs",
-    "a;c 146.00µs",
-    "a;b 148.00µs",
-    "a;c 309.00µs",
-    "a;b 140.00µs",
-    "a;c 151.00µs",
-    "a;b 458.00µs",
-    "a;c 156.00µs",
-    "a;b 170.00µs",
-    "a;c 139.00µs",
-    "a;b 290.00µs",
-    "a;c 115.00µs",
-    "a;b 281.00µs",
-    "a;c 270.00µs",
-    "a;b 283.00µs",
-    "a;c 144.00µs",
-    "a;b 146.00µs",
-    "a;c 410.00µs",
-    "a;b 146.00µs",
-    "a;c 147.00µs",
-    "a;b 312.00µs",
-    "a;c 146.00µs",
-    "a;b 907.00µs",
-    "a;c 231.00µs",
-    "a;b 138.00µs",
-    "a;c 280.00µs",
-    "a;b 255.00µs",
-    "a;c 257.00µs",
-    "a;b 130.00µs",
-    "a;c 255.00µs",
-    "a;b 128.00µs",
-    "a;c 526.00µs",
-    "a;b 128.00µs",
-    "a;c 384.00µs",
-    "a;b 398.00µs",
-    "a;c 260.00µs",
-    "a;b 664.00µs",
-    "a;c 150.00µs",
-    "a;b 147.00µs",
-    "a;c 156.00µs",
-    "a;b 137.00µs",
-    "a;c 141.00µs",
-    "a;b 140.00µs",
-    "a;c 141.00µs",
-    "a;b 141.00µs",
-    "a;c 140.00µs",
-    "a;b 140.00µs",
-    "a;c 139.00µs",
-    "a;b 129.00µs",
-    "a;c 269.00µs",
-    "a;b 293.00µs",
-    "a;c 148.00µs",
-    "a;b 293.00µs",
-    "a;c 292.00µs",
-    "a;b 296.00µs",
-    "a;c 147.00µs",
-    "a;b 140.00µs",
-    "a;c 139.00µs",
-    "a;b 139.00µs",
-    "a;c 511.00µs",
-    "a;b 515.00µs",
-    "a;c 386.00µs",
-    "a;b 514.00µs",
-    "a;c 272.00µs",
-    "a;b 242.00µs",
-    "a;c 128.00µs",
-    "a;b 134.00µs",
-    "a;c 112.00µs",
-    "a;b 288.00µs",
-    "a;c 451.00µs",
-    "a;b 138.00µs",
-    "a;c 292.00µs",
-    "a;b 145.00µs",
-    "a;c 259.00µs",
-    "a;b 148.00µs",
-    "a;c 293.00µs",
-    "a;b 140.00µs",
-    "a;c 140.00µs",
-    " 61.61ms",
-    "(program) 118.00µs",
-    " 134.00µs",
-    "(program) 128.00µs",
-    " 16.40ms",
-    "(program) 125.00µs",
-    " 16.64ms",
-    "(program) 129.00µs",
-    " 16.72ms",
-    "(program) 130.00µs",
-    " 294.15ms",
-    "(program) 129.00µs",
-    " 7.68ms",
-    "(program) 131.00µs",
-  ],
-}
-`;

import/__snapshots__/firefox.test.ts.snap

@@ -1,59 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`importFromFirefox 1`] = `
-Object {
-  "frames": Array [
-    Frame {
-      "col": undefined,
-      "file": "file:///Users/jlfwong/code/speedscope/sample/simple.js",
-      "key": "a (file:///Users/jlfwong/code/speedscope/sample/simple.js:1)",
-      "line": 1,
-      "name": "a",
-      "selfWeight": 0,
-      "totalWeight": 31.992820999992546,
-    },
-    Frame {
-      "col": undefined,
-      "file": "file:///Users/jlfwong/code/speedscope/sample/simple.js",
-      "key": "b (file:///Users/jlfwong/code/speedscope/sample/simple.js:8)",
-      "line": 8,
-      "name": "b",
-      "selfWeight": 0,
-      "totalWeight": 20.971447000018088,
-    },
-    Frame {
-      "col": undefined,
-      "file": "file:///Users/jlfwong/code/speedscope/sample/simple.js",
-      "key": "d (file:///Users/jlfwong/code/speedscope/sample/simple.js:20)",
-      "line": 20,
-      "name": "d",
-      "selfWeight": 31.992820999992546,
-      "totalWeight": 31.992820999992546,
-    },
-    Frame {
-      "col": undefined,
-      "file": "file:///Users/jlfwong/code/speedscope/sample/simple.js",
-      "key": "c (file:///Users/jlfwong/code/speedscope/sample/simple.js:14)",
-      "line": 14,
-      "name": "c",
-      "selfWeight": 0,
-      "totalWeight": 11.021373999974458,
-    },
-  ],
-  "stacks": Array [
-    "a;b;d 989.53µs",
-    "a;c;d 1.02ms",
-    "a;b;d 982.04µs",
-    "a;c;d 1.02ms",
-    "a;b;d 7.00ms",
-    "a;c;d 2.00ms",
-    "a;b;d 981.44µs",
-    "a;c;d 2.00ms",
-    "a;b;d 2.00ms",
-    "a;c;d 3.02ms",
-    "a;b;d 4.03ms",
-    "a;c;d 1.96ms",
-    "a;b;d 4.99ms",
-  ],
-}
-`;

import/bg-flamegraph.test.ts

@@ -1,5 +0,0 @@
-import {checkProfileSnapshot} from '../test-utils'
-
-test('importFromBGFlameGraph', async () => {
-  await checkProfileSnapshot('./sample/profiles/stackcollapse/simple.txt')
-})

import/chrome.test.ts

@@ -1,9 +0,0 @@
-import {checkProfileSnapshot} from '../test-utils'
-
-test('importFromChromeCPUProfile', async () => {
-  await checkProfileSnapshot('./sample/profiles/Chrome/65/simple.cpuprofile')
-})
-
-test('importFromChromeTimeline', async () => {
-  await checkProfileSnapshot('./sample/profiles/Chrome/65/simple-timeline.json')
-})

import/chrome.ts

@@ -1,189 +0,0 @@
-import {Profile, FrameInfo, CallTreeProfileBuilder} from '../profile'
-import {getOrInsert, lastOf} from '../utils'
-import {TimeFormatter} from '../value-formatters'
-
-interface TimelineEvent {
-  pid: number
-  tid: number
-  ts: number
-  ph: string
-  cat: string
-  name: string
-  dur: number
-  tdur: number
-  tts: number
-  args: {[key: string]: any}
-}
-
-interface PositionTickInfo {
-  line: number
-  ticks: number
-}
-
-interface CPUProfileCallFrame {
-  columnNumber: number
-  functionName: string
-  lineNumber: number
-  scriptId: string
-  url: string
-}
-
-interface CPUProfileNode {
-  callFrame: CPUProfileCallFrame
-  hitCount: number
-  id: number
-  children?: number[]
-  positionTicks?: PositionTickInfo[]
-  parent?: CPUProfileNode
-}
-
-interface CPUProfile {
-  startTime: number
-  endTime: number
-  nodes: CPUProfileNode[]
-  samples: number[]
-  timeDeltas: number[]
-}
-
-export function importFromChromeTimeline(events: TimelineEvent[]): Profile {
-  // It seems like sometimes Chrome timeline files contain multiple CpuProfiles?
-  // For now, choose the first one in the list.
-  for (let event of events) {
-    if (event.name == 'CpuProfile') {
-      const chromeProfile = event.args.data.cpuProfile as CPUProfile
-      return importFromChromeCPUProfile(chromeProfile)
-    }
-  }
-  throw new Error('Could not find CPU profile in Timeline')
-}
-
-const callFrameToFrameInfo = new Map<CPUProfileCallFrame, FrameInfo>()
-function frameInfoForCallFrame(callFrame: CPUProfileCallFrame) {
-  return getOrInsert(callFrameToFrameInfo, callFrame, callFrame => {
-    const name = callFrame.functionName || '(anonymous)'
-    const file = callFrame.url
-    const line = callFrame.lineNumber
-    const col = callFrame.columnNumber
-    return {
-      key: `${name}:${file}:${line}:${col}`,
-      name,
-      file,
-      line,
-      col,
-    }
-  })
-}
-
-function shouldIgnoreFunction(functionName: string) {
-  return functionName === '(root)' || functionName === '(idle)'
-}
-
-function shouldPlaceOnTopOfPreviousStack(functionName: string) {
-  return functionName === '(garbage collector)' || functionName === '(program)'
-}
-
-export function importFromChromeCPUProfile(chromeProfile: CPUProfile): Profile {
-  const profile = new CallTreeProfileBuilder(chromeProfile.endTime - chromeProfile.startTime)
-
-  const nodeById = new Map<number, CPUProfileNode>()
-  for (let node of chromeProfile.nodes) {
-    nodeById.set(node.id, node)
-  }
-  for (let node of chromeProfile.nodes) {
-    if (!node.children) continue
-    for (let childId of node.children) {
-      const child = nodeById.get(childId)
-      if (!child) continue
-      child.parent = node
-    }
-  }
-
-  const samples: number[] = []
-  const timeDeltas: number[] = []
-
-  let elapsed = 0
-  let lastNodeId = NaN
-
-  // The chrome CPU profile format doesn't collapse identical samples. We'll do that
-  // here to save a ton of work later doing mergers.
-  for (let i = 0; i < chromeProfile.samples.length; i++) {
-    const nodeId = chromeProfile.samples[i]
-    if (nodeId != lastNodeId) {
-      samples.push(nodeId)
-      timeDeltas.push(elapsed)
-      elapsed = 0
-    }
-
-    let timeDelta = chromeProfile.timeDeltas[i]
-    if (timeDelta < 0) {
-      console.warn('Substituting zero for unexpected time delta:', timeDelta, 'at index', i)
-      timeDelta = 0
-    }
-
-    elapsed += timeDelta
-    lastNodeId = nodeId
-  }
-  if (!isNaN(lastNodeId)) {
-    samples.push(lastNodeId)
-    timeDeltas.push(elapsed)
-  }
-
-  let prevStack: CPUProfileNode[] = []
-
-  let value = 0
-  for (let i = 0; i < samples.length; i++) {
-    const timeDelta = timeDeltas[i + 1] || 0
-    const nodeId = samples[i]
-    let stackTop = nodeById.get(nodeId)
-    if (!stackTop) continue
-
-    // Find lowest common ancestor of the current stack and the previous one
-    let lca: CPUProfileNode | null = null
-
-    // This is O(n^2), but n should be relatively small here (stack height),
-    // so hopefully this isn't much of a problem
-    for (
-      lca = stackTop;
-      lca && prevStack.indexOf(lca) === -1;
-      lca = shouldPlaceOnTopOfPreviousStack(lca.callFrame.functionName)
-        ? lastOf(prevStack)
-        : lca.parent || null
-    ) {}
-
-    // Close frames that are no longer open
-    while (prevStack.length > 0 && lastOf(prevStack) != lca) {
-      const closingNode = prevStack.pop()!
-      const frame = frameInfoForCallFrame(closingNode.callFrame)
-      profile.leaveFrame(frame, value)
-    }
-
-    // Open frames that are now becoming open
-    const toOpen: CPUProfileNode[] = []
-    for (
-      let node: CPUProfileNode | null = stackTop;
-      node && node != lca && !shouldIgnoreFunction(node.callFrame.functionName);
-      // Place Chrome internal functions on top of the previous call stack
-      node = shouldPlaceOnTopOfPreviousStack(node.callFrame.functionName)
-        ? lastOf(prevStack)
-        : node.parent || null
-    ) {
-      toOpen.push(node)
-    }
-    toOpen.reverse()
-
-    for (let node of toOpen) {
-      profile.enterFrame(frameInfoForCallFrame(node.callFrame), value)
-    }
-
-    prevStack = prevStack.concat(toOpen)
-    value += timeDelta
-  }
-
-  // Close frames that are open at the end of the trace
-  for (let i = prevStack.length - 1; i >= 0; i--) {
-    profile.leaveFrame(frameInfoForCallFrame(prevStack[i].callFrame), value)
-  }
-
-  profile.setValueFormatter(new TimeFormatter('microseconds'))
-  return profile.build()
-}

import/firefox.test.ts

@@ -1,5 +0,0 @@
-import {checkProfileSnapshot} from '../test-utils'
-
-test('importFromFirefox', async () => {
-  await checkProfileSnapshot('./sample/profiles/Firefox/59/simple-firefox.json')
-})

import/index.ts

@@ -1,104 +0,0 @@
-import {Profile} from '../profile'
-import {FileSystemDirectoryEntry} from './file-system-entry'
-
-import {importFromChromeCPUProfile, importFromChromeTimeline} from './chrome'
-import {importFromStackprof} from './stackprof'
-import {importFromInstrumentsDeepCopy, importFromInstrumentsTrace} from './instruments'
-import {importFromBGFlameGraph} from './bg-flamegraph'
-import {importFromFirefox} from './firefox'
-import {importSpeedscopeProfiles} from '../file-format'
-import {FileFormat} from '../file-format-spec'
-import {importFromV8ProfLog} from './v8proflog'
-
-export async function importProfile(fileName: string, contents: string): Promise<Profile | null> {
-  const profile = await _importProfile(fileName, contents)
-  if (profile && !profile.getName()) {
-    profile.setName(fileName)
-  }
-  return profile
-}
-
-function importSingleSpeedscopeProfile(serialized: FileFormat.File) {
-  const profiles = importSpeedscopeProfiles(serialized)
-  if (profiles.length === 0) {
-    throw new Error('Failed to extract any profiles from the imported speedscope profile')
-  }
-  return profiles[0]
-}
-
-async function _importProfile(fileName: string, contents: string): Promise<Profile | null> {
-  // First pass: Check known file format names to infer the file type
-  if (fileName.endsWith('.speedscope.json')) {
-    console.log('Importing as speedscope json file')
-    return importSingleSpeedscopeProfile(JSON.parse(contents))
-  } else if (fileName.endsWith('.cpuprofile')) {
-    console.log('Importing as Chrome CPU Profile')
-    return importFromChromeCPUProfile(JSON.parse(contents))
-  } else if (fileName.endsWith('.chrome.json') || /Profile-\d{8}T\d{6}/.exec(fileName)) {
-    console.log('Importing as Chrome Timeline')
-    return importFromChromeTimeline(JSON.parse(contents))
-  } else if (fileName.endsWith('.stackprof.json')) {
-    console.log('Importing as stackprof profile')
-    return importFromStackprof(JSON.parse(contents))
-  } else if (fileName.endsWith('.instruments.txt')) {
-    console.log('Importing as Instruments.app deep copy')
-    return importFromInstrumentsDeepCopy(contents)
-  } else if (fileName.endsWith('.collapsedstack.txt')) {
-    console.log('Importing as collapsed stack format')
-    return importFromBGFlameGraph(contents)
-  } else if (fileName.endsWith('.v8log.json')) {
-    console.log('Importing as --prof-process v8 log')
-    return importFromV8ProfLog(JSON.parse(contents))
-  }
-
-  // Second pass: Try to guess what file format it is based on structure
-  let parsed: any
-  try {
-    parsed = JSON.parse(contents)
-  } catch (e) {}
-  if (parsed) {
-    if (parsed['$schema'] === 'https://www.speedscope.app/file-format-schema.json') {
-      console.log('Importing as speedscope json file')
-      return importSingleSpeedscopeProfile(parsed)
-    } else if (parsed['systemHost'] && parsed['systemHost']['name'] == 'Firefox') {
-      console.log('Importing as Firefox profile')
-      return importFromFirefox(parsed)
-    } else if (Array.isArray(parsed) && parsed[parsed.length - 1].name === 'CpuProfile') {
-      console.log('Importing as Chrome CPU Profile')
-      return importFromChromeTimeline(parsed)
-    } else if ('nodes' in parsed && 'samples' in parsed && 'timeDeltas' in parsed) {
-      console.log('Importing as Chrome Timeline')
-      return importFromChromeCPUProfile(parsed)
-    } else if ('mode' in parsed && 'frames' in parsed) {
-      console.log('Importing as stackprof profile')
-      return importFromStackprof(parsed)
-    } else if ('code' in parsed && 'functions' in parsed && 'ticks' in parsed) {
-      console.log('Importing as --prof-process v8 log')
-      return importFromV8ProfLog(parsed)
-    }
-  } else {
-    // Format is not JSON
-
-    // If the first line contains "Symbol Name", preceded by a tab, it's probably
-    // a deep copy from OS X Instruments.app
-    if (/^[\w \t\(\)]*\tSymbol Name/.exec(contents)) {
-      console.log('Importing as Instruments.app deep copy')
-      return importFromInstrumentsDeepCopy(contents)
-    }
-
-    // If every line ends with a space followed by a number, it's probably
-    // the collapsed stack format.
-    const lineCount = contents.split(/\n/).length
-    if (lineCount >= 1 && lineCount === contents.split(/ \d+\n/).length) {
-      console.log('Importing as collapsed stack format')
-      return importFromBGFlameGraph(contents)
-    }
-  }
-
-  // Unrecognized format
-  return null
-}
-
-export async function importFromFileSystemDirectoryEntry(entry: FileSystemDirectoryEntry) {
-  return importFromInstrumentsTrace(entry)
-}

overlay-rectangle-renderer.ts

@@ -1,126 +0,0 @@
-import regl from 'regl'
-import {AffineTransform, Rect} from './math'
-
-export interface ViewportRectangleRendererProps {
-  configSpaceToPhysicalViewSpace: AffineTransform
-  configSpaceViewportRect: Rect
-}
-
-export class ViewportRectangleRenderer {
-  private command: regl.Command<ViewportRectangleRendererProps>
-  constructor(regl: regl.Instance) {
-    this.command = regl<ViewportRectangleRendererProps>({
-      vert: `
-        attribute vec2 position;
-
-        void main() {
-          gl_Position = vec4(position, 0, 1);
-        }
-      `,
-
-      frag: `
-        precision mediump float;
-
-        uniform mat3 configSpaceToPhysicalViewSpace;
-        uniform vec2 physicalSize;
-        uniform vec2 physicalOrigin;
-        uniform vec2 configSpaceViewportOrigin;
-        uniform vec2 configSpaceViewportSize;
-        uniform float framebufferHeight;
-
-        void main() {
-          vec2 origin = (configSpaceToPhysicalViewSpace * vec3(configSpaceViewportOrigin, 1.0)).xy;
-          vec2 size = (configSpaceToPhysicalViewSpace * vec3(configSpaceViewportSize, 0.0)).xy;
-
-          vec2 halfSize = physicalSize / 2.0;
-
-          float borderWidth = 2.0;
-
-          origin = floor(origin * halfSize) / halfSize + borderWidth * vec2(1.0, 1.0);
-          size = floor(size * halfSize) / halfSize - 2.0 * borderWidth * vec2(1.0, 1.0);
-
-          vec2 coord = gl_FragCoord.xy;
-          coord.x = coord.x - physicalOrigin.x;
-          coord.y = framebufferHeight - coord.y - physicalOrigin.y;
-          vec2 clamped = clamp(coord, origin, origin + size);
-          vec2 gap = clamped - coord;
-          float maxdist = max(abs(gap.x), abs(gap.y));
-
-          // TOOD(jlfwong): Could probably optimize this to use mix somehow.
-          if (maxdist == 0.0) {
-            // Inside viewport rectangle
-            gl_FragColor = vec4(0, 0, 0, 0);
-          } else if (maxdist < borderWidth) {
-            // Inside viewport rectangle at border
-            gl_FragColor = vec4(0.7, 0.7, 0.7, 0.8);
-          } else {
-            // Outside viewport rectangle
-            gl_FragColor = vec4(0.7, 0.7, 0.7, 0.5);
-          }
-        }
-      `,
-
-      blend: {
-        enable: true,
-        func: {
-          srcRGB: 'src alpha',
-          srcAlpha: 'one',
-          dstRGB: 'one minus src alpha',
-          dstAlpha: 'one',
-        },
-      },
-
-      depth: {
-        enable: false,
-      },
-
-      attributes: {
-        // Cover full canvas with a rectangle
-        // with 2 triangles using a triangle
-        // strip.
-        //
-        // 0 +--+ 1
-        //   | /|
-        //   |/ |
-        // 2 +--+ 3
-        position: [[-1, 1], [1, 1], [-1, -1], [1, -1]],
-      },
-
-      uniforms: {
-        configSpaceToPhysicalViewSpace: (context, props) => {
-          return props.configSpaceToPhysicalViewSpace.flatten()
-        },
-        configSpaceViewportOrigin: (context, props) => {
-          return props.configSpaceViewportRect.origin.flatten()
-        },
-        configSpaceViewportSize: (context, props) => {
-          return props.configSpaceViewportRect.size.flatten()
-        },
-        physicalSize: (context, props) => {
-          return [context.viewportWidth, context.viewportHeight]
-        },
-        physicalOrigin: (context, props) => {
-          return [context.viewportX, context.viewportY]
-        },
-        framebufferHeight: (context, props) => {
-          return context.framebufferHeight
-        },
-      },
-
-      primitive: 'triangle strip',
-
-      count: 4,
-    })
-  }
-
-  render(props: ViewportRectangleRendererProps) {
-    this.command(props)
-  }
-
-  resetStats() {
-    return Object.assign(this.command.stats, {cpuTime: 0, gpuTime: 0, count: 0})
-  }
-  stats() {
-    return this.command.stats
-  }
-}

package.json

@@ -1,57 +1,85 @@
 {
   "name": "speedscope",
-  "version": "0.4.0",
+  "version": "1.8.0",
   "description": "",
+  "repository": "jlfwong/speedscope",
   "main": "index.js",
   "bin": {
-    "speedscope": "./cli.js"
+    "speedscope": "./bin/cli.js"
   },
   "scripts": {
-    "deploy": "./deploy.sh",
-    "prepack": "./build-release.sh",
-    "prettier": "prettier --write './**/*.ts' './**/*.tsx'",
-    "lint": "eslint './**/*.ts' './**/*.tsx'",
-    "jest": "./test-setup.sh && jest",
+    "deploy": "./scripts/deploy.sh",
+    "prepack": "./scripts/build-release.sh",
+    "prettier": "prettier --write 'src/**/*.ts' 'src/**/*.tsx'",
+    "lint": "eslint 'src/**/*.ts' 'src/**/*.tsx'",
+    "jest": "./scripts/test-setup.sh && jest --runInBand",
     "coverage": "npm run jest -- --coverage && coveralls < coverage/lcov.info",
-    "test": "tsc --noEmit && npm run lint && npm run coverage",
-    "serve": "parcel index.html --open --no-autoinstall"
+    "typecheck": "tsc --noEmit",
+    "test": "./scripts/ci.sh",
+    "serve": "parcel assets/index.html --open --no-autoinstall"
   },
-  "files": ["cli.js", "dist/release/**", "!*.map"],
-  "browserslist": ["last 2 Chrome versions", "last 2 Firefox versions"],
+  "files": [
+    "bin/cli.js",
+    "dist/release/**",
+    "!*.map"
+  ],
+  "browserslist": [
+    "last 2 Chrome versions",
+    "last 2 Firefox versions"
+  ],
   "author": "",
   "license": "MIT",
   "devDependencies": {
     "@types/jest": "22.2.3",
     "@types/jszip": "3.1.4",
-    "@types/node": "10.1.4",
+    "@types/node": "14.0.1",
     "@types/pako": "1.0.0",
+    "@typescript-eslint/eslint-plugin": "2.33.0",
+    "@typescript-eslint/parser": "2.33.0",
+    "acorn": "7.2.0",
     "aphrodite": "2.1.0",
     "coveralls": "3.0.1",
-    "eslint": "4.19.1",
+    "eslint": "6.0.0",
     "eslint-plugin-prettier": "2.6.0",
-    "jest": "23.0.1",
+    "eslint-plugin-react-hooks": "4.0.2",
+    "jest": "24.3.0",
     "jsverify": "0.8.3",
     "jszip": "3.1.5",
     "pako": "1.0.6",
-    "parcel-bundler": "1.9.2",
-    "preact": "8.2.7",
-    "prettier": "1.12.0",
-    "quicktype": "15.0.45",
-    "regl": "1.3.1",
-    "ts-jest": "22.4.6",
-    "typescript": "2.8.1",
-    "typescript-eslint-parser": "14.0.0",
+    "parcel-bundler": "1.12.4",
+    "preact": "10.4.1",
+    "prettier": "2.0.4",
+    "protobufjs": "6.8.8",
+    "react-redux": "^7.2.0",
+    "redux": "^4.0.5",
+    "ts-jest": "24.3.0",
+    "typescript": "3.9.2",
+    "typescript-eslint-parser": "17.0.1",
+    "typescript-json-schema": "0.42.0",
     "uglify-es": "3.2.2"
   },
   "jest": {
     "transform": {
       "^.+\\.tsx?$": "ts-jest"
     },
+    "setupFilesAfterEnv": [
+      "./src/jest-setup.js"
+    ],
     "testRegex": "\\.test\\.tsx?$",
-    "collectCoverageFrom": ["**/*.{ts,tsx}", "!**/*.d.{ts,tsx}"],
-    "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json"]
+    "collectCoverageFrom": [
+      "**/*.{ts,tsx}",
+      "!**/*.d.{ts,tsx}"
+    ],
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json"
+    ]
   },
   "dependencies": {
-    "opn": "5.3.0"
+    "opn": "5.3.0",
+    "react": "^16.13.1"
   }
 }

prettier.config.js

@@ -4,4 +4,5 @@ module.exports = {
   semi: false,
   singleQuote: true,
   trailingComma: 'all',
-};
+  arrowParens: 'avoid'
+}

profile-table-view.tsx

@@ -1,307 +0,0 @@
-import {h, Component} from 'preact'
-import {StyleSheet, css} from 'aphrodite'
-import {ReloadableComponent} from './reloadable'
-import {Profile, Frame} from './profile'
-import {sortBy, formatPercent} from './utils'
-import {FontSize, Colors, Sizes, commonStyle} from './style'
-import {ColorChit} from './color-chit'
-import {ScrollableListView, ListItem} from './scrollable-list-view'
-
-export enum SortField {
-  SYMBOL_NAME,
-  SELF,
-  TOTAL,
-}
-
-export enum SortDirection {
-  ASCENDING,
-  DESCENDING,
-}
-
-export interface SortMethod {
-  field: SortField
-  direction: SortDirection
-}
-
-interface HBarProps {
-  perc: number
-}
-
-class HBarDisplay extends Component<HBarProps, {}> {
-  render() {
-    return (
-      <div className={css(style.hBarDisplay)}>
-        <div className={css(style.hBarDisplayFilled)} style={{width: `${this.props.perc}%`}} />
-      </div>
-    )
-  }
-}
-
-interface SortIconProps {
-  activeDirection: SortDirection | null
-}
-
-class SortIcon extends Component<SortIconProps, {}> {
-  render() {
-    const {activeDirection} = this.props
-    const upFill = activeDirection === SortDirection.ASCENDING ? Colors.GRAY : Colors.LIGHT_GRAY
-    const downFill = activeDirection === SortDirection.DESCENDING ? Colors.GRAY : Colors.LIGHT_GRAY
-
-    return (
-      <svg
-        width="8"
-        height="10"
-        viewBox="0 0 8 10"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        className={css(style.sortIcon)}
-      >
-        <path d="M0 4L4 0L8 4H0Z" fill={upFill} />
-        <path d="M0 4L4 0L8 4H0Z" transform="translate(0 10) scale(1 -1)" fill={downFill} />
-      </svg>
-    )
-  }
-}
-
-interface ProfileTableViewProps {
-  profile: Profile
-  selectedFrame: Frame | null
-  setSelectedFrame: (frame: Frame | null) => void
-  getCSSColorForFrame: (frame: Frame) => string
-  sortMethod: SortMethod
-  setSortMethod: (sortMethod: SortMethod) => void
-}
-
-export class ProfileTableView extends ReloadableComponent<ProfileTableViewProps, void> {
-  setSelectedFrame = (frame: Frame | null) => {
-    this.props.setSelectedFrame(frame)
-  }
-
-  renderRow(frame: Frame, index: number) {
-    const {profile, selectedFrame} = this.props
-
-    const totalWeight = frame.getTotalWeight()
-    const selfWeight = frame.getSelfWeight()
-    const totalPerc = 100.0 * totalWeight / profile.getTotalNonIdleWeight()
-    const selfPerc = 100.0 * selfWeight / profile.getTotalNonIdleWeight()
-
-    const selected = frame === selectedFrame
-
-    // We intentionally use index rather than frame.key here as the tr key
-    // in order to re-use rows when sorting rather than creating all new elements.
-    return (
-      <tr
-        key={`${index}`}
-        onClick={this.setSelectedFrame.bind(null, frame)}
-        className={css(
-          style.tableRow,
-          index % 2 == 0 && style.tableRowEven,
-          selected && style.tableRowSelected,
-        )}
-      >
-        <td className={css(style.numericCell)}>
-          {profile.formatValue(totalWeight)} ({formatPercent(totalPerc)})
-          <HBarDisplay perc={totalPerc} />
-        </td>
-        <td className={css(style.numericCell)}>
-          {profile.formatValue(selfWeight)} ({formatPercent(selfPerc)})
-          <HBarDisplay perc={selfPerc} />
-        </td>
-        <td title={frame.file} className={css(style.textCell)}>
-          <ColorChit color={this.props.getCSSColorForFrame(frame)} />
-          {frame.name}
-        </td>
-      </tr>
-    )
-  }
-
-  onSortClick = (field: SortField, ev: MouseEvent) => {
-    ev.preventDefault()
-
-    const {sortMethod} = this.props
-
-    if (sortMethod.field == field) {
-      // Toggle
-      this.props.setSortMethod({
-        field,
-        direction:
-          sortMethod.direction === SortDirection.ASCENDING
-            ? SortDirection.DESCENDING
-            : SortDirection.ASCENDING,
-      })
-    } else {
-      // Set a sane default
-      switch (field) {
-        case SortField.SYMBOL_NAME: {
-          this.props.setSortMethod({field, direction: SortDirection.ASCENDING})
-          break
-        }
-        case SortField.SELF: {
-          this.props.setSortMethod({field, direction: SortDirection.DESCENDING})
-          break
-        }
-        case SortField.TOTAL: {
-          this.props.setSortMethod({field, direction: SortDirection.DESCENDING})
-          break
-        }
-      }
-    }
-  }
-
-  render() {
-    const {profile, sortMethod} = this.props
-
-    const frameList: Frame[] = []
-
-    profile.forEachFrame(f => frameList.push(f))
-
-    // TODO(jlfwong): This is pretty inefficient to do this on every render, but doesn't
-    // seem to be a bottleneck, so we'll leave it alone.
-    switch (sortMethod.field) {
-      case SortField.SYMBOL_NAME: {
-        sortBy(frameList, f => f.name.toLowerCase())
-        break
-      }
-      case SortField.SELF: {
-        sortBy(frameList, f => f.getSelfWeight())
-        break
-      }
-      case SortField.TOTAL: {
-        sortBy(frameList, f => f.getTotalWeight())
-        break
-      }
-    }
-    if (sortMethod.direction === SortDirection.DESCENDING) {
-      frameList.reverse()
-    }
-
-    const renderItems = (firstIndex: number, lastIndex: number) => {
-      const rows: JSX.Element[] = []
-
-      for (let i = firstIndex; i <= lastIndex; i++) {
-        rows.push(this.renderRow(frameList[i], i))
-      }
-
-      return <table className={css(style.tableView)}>{rows}</table>
-    }
-
-    const listItems: ListItem[] = frameList.map(f => ({size: Sizes.FRAME_HEIGHT}))
-
-    return (
-      <div className={css(commonStyle.vbox, style.profileTableView)}>
-        <table className={css(style.tableView)}>
-          <thead className={css(style.tableHeader)}>
-            <tr>
-              <th
-                className={css(style.numericCell)}
-                onClick={ev => this.onSortClick(SortField.TOTAL, ev)}
-              >
-                <SortIcon
-                  activeDirection={
-                    sortMethod.field === SortField.TOTAL ? sortMethod.direction : null
-                  }
-                />
-                Total
-              </th>
-              <th
-                className={css(style.numericCell)}
-                onClick={ev => this.onSortClick(SortField.SELF, ev)}
-              >
-                <SortIcon
-                  activeDirection={
-                    sortMethod.field === SortField.SELF ? sortMethod.direction : null
-                  }
-                />
-                Self
-              </th>
-              <th
-                className={css(style.textCell)}
-                onClick={ev => this.onSortClick(SortField.SYMBOL_NAME, ev)}
-              >
-                <SortIcon
-                  activeDirection={
-                    sortMethod.field === SortField.SYMBOL_NAME ? sortMethod.direction : null
-                  }
-                />
-                Symbol Name
-              </th>
-            </tr>
-          </thead>
-        </table>
-        <ScrollableListView
-          items={listItems}
-          className={css(style.scrollView)}
-          renderItems={renderItems}
-        />
-      </div>
-    )
-  }
-}
-
-const style = StyleSheet.create({
-  profileTableView: {
-    background: Colors.WHITE,
-    height: '100%',
-  },
-  scrollView: {
-    overflowY: 'auto',
-    overflowX: 'hidden',
-  },
-  tableView: {
-    width: '100%',
-    fontSize: FontSize.LABEL,
-    background: Colors.WHITE,
-  },
-  tableHeader: {
-    borderBottom: `2px solid ${Colors.LIGHT_GRAY}`,
-    textAlign: 'left',
-    color: Colors.GRAY,
-    userSelect: 'none',
-  },
-  sortIcon: {
-    position: 'relative',
-    top: 1,
-    marginRight: Sizes.FRAME_HEIGHT / 4,
-  },
-  tableRow: {
-    height: Sizes.FRAME_HEIGHT,
-  },
-  tableRowEven: {
-    background: Colors.OFF_WHITE,
-  },
-  tableRowSelected: {
-    background: Colors.DARK_BLUE,
-    color: Colors.WHITE,
-  },
-  numericCell: {
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    position: 'relative',
-    textAlign: 'right',
-    paddingRight: Sizes.FRAME_HEIGHT,
-    width: 6 * Sizes.FRAME_HEIGHT,
-    minWidth: 6 * Sizes.FRAME_HEIGHT,
-  },
-  textCell: {
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    width: '100%',
-    maxWidth: 0,
-  },
-  hBarDisplay: {
-    position: 'absolute',
-    background: Colors.TRANSPARENT_GREEN,
-    bottom: 2,
-    height: 2,
-    width: `calc(100% - ${2 * Sizes.FRAME_HEIGHT}px)`,
-    right: Sizes.FRAME_HEIGHT,
-  },
-  hBarDisplayFilled: {
-    height: '100%',
-    position: 'absolute',
-    background: Colors.GREEN,
-    right: 0,
-  },
-})

rectangle-batch-renderer.ts

@@ -1,205 +0,0 @@
-import regl from 'regl'
-import {Rect, Vec2, AffineTransform} from './math'
-import {Color} from './color'
-
-export class RectangleBatch {
-  private rectCapacity = 1000
-  private rectCount = 0
-
-  private configSpaceOffsets = new Float32Array(this.rectCapacity * 2)
-  private configSpaceSizes = new Float32Array(this.rectCapacity * 2)
-  private colors = new Float32Array(this.rectCapacity * 3)
-
-  constructor(private gl: regl.Instance) {}
-
-  getRectCount() {
-    return this.rectCount
-  }
-
-  private configSpaceOffsetBuffer: regl.Buffer | null = null
-  getConfigSpaceOffsetBuffer() {
-    if (!this.configSpaceOffsetBuffer)
-      this.configSpaceOffsetBuffer = this.gl.buffer(this.configSpaceOffsets)
-    return this.configSpaceOffsetBuffer
-  }
-
-  private configSpaceSizeBuffer: regl.Buffer | null = null
-  getConfigSpaceSizeBuffer() {
-    if (!this.configSpaceSizeBuffer)
-      this.configSpaceSizeBuffer = this.gl.buffer(this.configSpaceSizes)
-    return this.configSpaceSizeBuffer
-  }
-
-  private colorBuffer: regl.Buffer | null = null
-  getColorBuffer() {
-    if (!this.colorBuffer) this.colorBuffer = this.gl.buffer(this.colors)
-    return this.colorBuffer
-  }
-
-  uploadToGPU() {
-    this.getConfigSpaceOffsetBuffer()
-    this.getConfigSpaceSizeBuffer()
-    this.getColorBuffer()
-  }
-
-  addRect(rect: Rect, color: Color) {
-    const index = this.rectCount++
-    if (index >= this.rectCapacity) {
-      // Not enough capacity, time to resize! We'll double the capacity each time.
-      this.rectCapacity *= 2
-      const configSpaceOffsets = new Float32Array(this.rectCapacity * 2)
-      const configSpaceSizes = new Float32Array(this.rectCapacity * 2)
-      const colors = new Float32Array(this.rectCapacity * 3)
-
-      configSpaceOffsets.set(this.configSpaceOffsets)
-      configSpaceSizes.set(this.configSpaceSizes)
-      colors.set(this.colors)
-
-      this.configSpaceOffsets = configSpaceOffsets
-      this.configSpaceSizes = configSpaceSizes
-      this.colors = colors
-    }
-    this.configSpaceOffsets[index * 2] = rect.origin.x
-    this.configSpaceOffsets[index * 2 + 1] = rect.origin.y
-
-    this.configSpaceSizes[index * 2] = rect.size.x
-    this.configSpaceSizes[index * 2 + 1] = rect.size.y
-
-    this.colors[index * 3] = color.r
-    this.colors[index * 3 + 1] = color.g
-    this.colors[index * 3 + 2] = color.b
-  }
-}
-
-export interface RectangleBatchRendererProps {
-  batch: RectangleBatch
-  configSpaceSrcRect: Rect
-  physicalSpaceDstRect: Rect
-  parityMin?: number
-  parityOffset?: number
-}
-
-export class RectangleBatchRenderer {
-  private command: regl.Command<RectangleBatchRendererProps>
-  constructor(gl: regl.Instance) {
-    // We draw the parity / 5 into the depth channel so it can be used in a
-    // post-processing step to draw boundaries between rectangles. We use 5
-    // different values (2 per row) + one for the background, so we can
-    // distingish both between adjacent rectangles on a row and between rows!
-    this.command = gl({
-      vert: `
-      uniform mat3 configSpaceToNDC;
-
-      // Non-instanced
-      attribute vec2 corner;
-
-      // Instanced
-      attribute vec2 configSpaceOffset;
-      attribute vec2 configSpaceSize;
-      attribute vec3 color;
-      attribute float index;
-
-      varying vec3 vColor;
-
-      void main() {
-        vColor = color;
-        vec2 configSpacePos = configSpaceOffset + corner * configSpaceSize;
-        vec2 position = (configSpaceToNDC * vec3(configSpacePos, 1)).xy;
-        gl_Position = vec4(position, 1, 1);
-      }
-    `,
-
-      depth: {
-        enable: false,
-      },
-
-      frag: `
-      precision mediump float;
-      varying vec3 vColor;
-      varying float vParity;
-
-      void main() {
-        gl_FragColor = vec4(vColor.rgb, 1);
-      }
-    `,
-
-      attributes: {
-        // Non-instanced attributes
-        corner: gl.buffer([[0, 0], [1, 0], [0, 1], [1, 1]]),
-
-        // Instanced attributes
-        configSpaceOffset: (context, props) => {
-          return {
-            buffer: props.batch.getConfigSpaceOffsetBuffer(),
-            offset: 0,
-            stride: 2 * 4,
-            size: 2,
-            divisor: 1,
-          }
-        },
-        configSpaceSize: (context, props) => {
-          return {
-            buffer: props.batch.getConfigSpaceSizeBuffer(),
-            offset: 0,
-            stride: 2 * 4,
-            size: 2,
-            divisor: 1,
-          }
-        },
-        color: (context, props) => {
-          return {
-            buffer: props.batch.getColorBuffer(),
-            offset: 0,
-            stride: 3 * 4,
-            size: 3,
-            divisor: 1,
-          }
-        },
-      },
-
-      uniforms: {
-        configSpaceToNDC: (context, props) => {
-          const configToPhysical = AffineTransform.betweenRects(
-            props.configSpaceSrcRect,
-            props.physicalSpaceDstRect,
-          )
-
-          const viewportSize = new Vec2(context.viewportWidth, context.viewportHeight)
-
-          const physicalToNDC = AffineTransform.withTranslation(new Vec2(-1, 1)).times(
-            AffineTransform.withScale(new Vec2(2, -2).dividedByPointwise(viewportSize)),
-          )
-
-          return physicalToNDC.times(configToPhysical).flatten()
-        },
-
-        parityOffset: (context, props) => {
-          return props.parityOffset == null ? 0 : props.parityOffset
-        },
-
-        parityMin: (context, props) => {
-          return props.parityMin == null ? 0 : 1 + props.parityMin
-        },
-      },
-
-      instances: (context, props) => {
-        return props.batch.getRectCount()
-      },
-
-      count: 4,
-
-      primitive: 'triangle strip',
-    })
-  }
-
-  render(props: RectangleBatchRendererProps) {
-    this.command(props)
-  }
-
-  resetStats() {
-    return Object.assign(this.command.stats, {cpuTime: 0, gpuTime: 0, count: 0})
-  }
-  stats() {
-    return this.command.stats
-  }
-}

regl.d.ts

@@ -1,589 +0,0 @@
-declare module 'regl' {
-  interface InitializationOptions {
-    /** A reference to a WebGL rendering context. (Default created from canvas) */
-    gl?: WebGLRenderingContext
-    /** A reference to an HTML canvas element. (Default created and appending to container) */
-    canvas?: HTMLCanvasElement | string
-    /** A container element which regl inserts a canvas into. (Default document.body) */
-    container?: HTMLElement | string
-    /** The context creation attributes passed to the WebGL context constructor. See below for defaults. */
-    attributes?: {
-      /** Boolean that indicates if the canvas contains an alpha buffer. */
-      alpha?: boolean
-      /** Boolean that indicates that the drawing buffer has a depth buffer of at least 16 bits. */
-      depth?: boolean
-      /** Boolean that indicates that the drawing buffer has a stencil buffer of at least 8 bits. */
-      stencil?: boolean
-      /** Boolean that indicates whether or not to perform anti-aliasing. */
-      antialias?: boolean
-      /** Boolean that indicates that the page compositor will assume the drawing buffer contains colors with pre-multiplied alpha. */
-      premultipliedAlpha?: boolean
-      /** If the value is true the buffers will not be cleared and will preserve their values until cleared or overwritten by the author. */
-      preserveDrawingBuffer?: boolean
-      /** Boolean that indicates if a context will be created if the system performance is low. */
-      failIfMajorPerformanceCavet?: boolean
-    }
-    /** A multiplier which is used to scale the canvas size relative to the container. (Default window.devicePixelRatio) */
-    pixelRatio?: number
-    /** A list of extensions that must be supported by WebGL context. Default [] */
-    extensions?: string[] | string
-    /** A list of extensions which are loaded opportunistically. Default [] */
-    optionalExtensions?: string[] | string
-    /** If set, turns on profiling for all commands by default. (Default false) */
-    profile?: boolean
-    /**
-     * An optional callback which accepts a pair of arguments, (err, regl) that
-     * is called after the application loads. If not specified, context creation
-     * errors throw.
-     */
-    onDone?: (err: Error, regl: regl.Instance) => void
-  }
-  function regl(options: InitializationOptions): regl.Instance
-
-  /** Create fullscreen canvas */
-  function regl(): regl.Instance
-
-  /** Build from an existing canvas */
-  function regl(canvas: HTMLCanvasElement): regl.Instance
-
-  /** Build from an existing div container */
-  function regl(container: HTMLElement): regl.Instance
-
-  /** Build from an existing WebGL context */
-  function regl(gl: WebGLRenderingContext): regl.Instance
-
-  namespace regl {
-    export type vec2 = [number, number]
-    export type vec3 = [number, number, number]
-    export type vec4 = [number, number, number, number]
-    export type mat3 = [number, number, number, number, number, number, number, number, number]
-    export type mat4 = [
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number,
-      number
-    ]
-    type GlslPrimitive = number | vec2 | vec3 | vec4 | mat3 | mat4
-
-    interface Tick {
-      cancel(): void
-    }
-
-    interface Instance {
-      <P>(params: CommandOptions<P>): Command<P>
-
-      clear(args: {
-        color?: [number, number, number, number]
-        depth?: number
-        stencil?: number
-      }): void
-
-      // TODO(jlfwong): read()
-
-      buffer(args: BufferArgs): Buffer
-      texture(width: number, height: number): Texture
-      texture(args: TextureArgs): Texture
-      framebuffer(args: FramebufferOptions): Framebuffer
-      renderbuffer(args: RenderBufferOptions): RenderBuffer
-
-      limits: {
-        colorBits: [number, number, number, number]
-        depthBits: number
-        stencilBits: number
-        subpixelBits: number
-        extensions: string[]
-        maxAnistropic: number
-        maxDrawbuffers: number
-        maxColorAttachments: number
-        pointSizeDims: number
-        lineWidthDims: number
-        maxViewportDims: number
-        maxCombinedTextureUnits: number
-        maxCubeMapSize: number
-        maxTextureUnits: number
-        maxTextureSize: number
-        maxAttributes: number
-        maxVertexUniforms: number
-        maxVertexTextureUnits: number
-        maxFragmentUniforms: number
-        glsl: string
-        renderer: string
-        vendor: string
-        version: string
-      }
-
-      stats: {
-        bufferCount: number
-        elementsCount: number
-        framebufferCount: number
-        shaderCount: number
-        textureCount: number
-        cubeCount: number
-        renderbufferCount: number
-        getTotalTextureSize(): number
-        getTotalBufferSize(): number
-        getTotalRenderbufferSize(): number
-        getMaxUniformsCount(): number
-        maxTextureUnits(): number
-      }
-
-      destroy(): void
-
-      frame(callback: (context: Context) => void): Tick
-    }
-
-    type TypedArray =
-      | Int8Array
-      | Uint8Array
-      | Uint8ClampedArray
-      | Int16Array
-      | Uint16Array
-      | Int32Array
-      | Uint32Array
-      | Float32Array
-      | Float64Array
-
-    type DrawMode =
-      | 'points'
-      | 'lines'
-      | 'line strip'
-      | 'line loop'
-      | 'triangles'
-      | 'triangle strip'
-      | 'triangle fan'
-
-    interface Context {
-      tick: number
-      time: number
-      viewportWidth: number
-      viewportHeight: number
-      framebufferWidth: number
-      framebufferHeight: number
-      drawingBufferWidth: number
-      drawingBufferHeight: number
-      pixelRatio: number
-      [key: string]: any
-    }
-
-    interface BufferOptions {
-      data?: TypedArray | GlslPrimitive[]
-
-      /** If data is null or not present reserves space for the buffer	 */
-      length?: number
-
-      /** Sets array buffer usage hint	*/
-      usage?: 'static' | 'dynamic' | 'stream'
-    }
-    type BufferArgs = number | number[] | vec2[] | vec3[] | mat3[] | TypedArray | BufferOptions
-    interface Buffer {
-      (args: BufferArgs): void
-      stats: {
-        size: number
-      }
-      destroy(): void
-    }
-
-    interface ElementsOptions {
-      data?: TypedArray
-      usage?: 'static' | 'dynamic' | 'stream'
-      length?: number
-      primitive?: GlslPrimitive
-      count?: number
-    }
-    type ElementsArgs = vec3[] | ElementsOptions
-    interface Elements {
-      (args: ElementsArgs): void
-      destroy(): void
-    }
-
-    type MagFilter = 'nearest' | 'linear'
-    type MinFilter =
-      | 'nearest'
-      | 'linear'
-      | 'mipmap'
-      | 'linear mipmap linear'
-      | 'nearest mipmap linear'
-      | 'nearest mipmap nearest'
-    type WrapMode = 'repeat' | 'clamp' | 'mirror'
-    type TextureFormat =
-      | 'alpha'
-      | 'luminance'
-      | 'luminance alpha'
-      | 'rgb'
-      | 'rgba'
-      | 'rgba4'
-      | 'rgb5 a1'
-      | 'rgb565'
-      | 'srgb'
-      | 'srgba'
-      | 'depth'
-      | 'depth stencil'
-      | 'rgb s3tc dxt1'
-      | 'rgb s3tc dxt5'
-      | 'rgb atc'
-      | 'rgba atc explicit alpha'
-      | 'rgba atc interpolated alpha'
-      | 'rgb pvrtc 4bppv1'
-      | 'rgb pvrtc 2bppv1'
-      | 'rgba pvrtc 4bppv1'
-      | 'rgba pvrtc 2bppv1'
-      | 'rgb etc1'
-    type TextureType = 'uint8' | 'uint16' | 'float' | 'float32' | 'half float' | 'float16'
-    type ColorSpace = 'none' | 'browser'
-    type MipmapHint = "don't care" | 'dont care' | 'nice' | 'fast'
-
-    type TextureData =
-      | number[]
-      | number[][]
-      | TypedArray
-      | HTMLImageElement
-      | HTMLVideoElement
-      | HTMLCanvasElement
-      | CanvasRenderingContext2D
-    interface TextureOptions {
-      width?: number
-      height?: number
-      shape?: [number, number] | [number, number, number]
-      radius?: number
-
-      /** Sets magnification filter */
-      mag?: MagFilter
-      /** Sets minification filter */
-      min?: MinFilter
-      /** Sets wrap mode on S axis */
-      wrapS?: WrapMode
-      /** Sets wrap mode on T axis */
-      wrapT?: WrapMode
-      /** Sets number of anisotropic samples, requires EXT_texture_filter_anisotropic	*/
-      aniso?: number
-      format?: TextureFormat
-      type?: TextureType
-      mipmap?: MipmapHint | boolean
-      /** Flips textures vertically when uploading */
-      flipY?: boolean
-      /** Sets unpack alignment per pixel */
-      alignment?: number
-      /** Premultiply alpha when unpacking */
-      premultiplyAlpha?: boolean
-      colorSpace?: ColorSpace
-
-      copy?: boolean
-
-      data?: TextureData
-    }
-    type TextureArgs = TextureData | TextureOptions
-    interface Texture {
-      width: number
-      height: number
-
-      (args: TextureArgs): void
-      resize(width: number, height: number): void
-      destroy(): void
-      stats: {
-        size: number
-      }
-    }
-
-    // TODO(jlfwong): Cube maps
-    // TODO(jlfwong): Cubic frame buffers
-
-    interface RenderBufferOptions {
-      format?:
-        | 'rgba4'
-        | 'rgb565'
-        | 'rgb5 a1'
-        | 'depth'
-        | 'stencil'
-        | 'depth stencil'
-        | 'srgba'
-        | 'rgba16f'
-        | 'rgb16f'
-        | 'rgba32f'
-      width?: number
-      height?: number
-      shape?: [number, number]
-      radius?: number
-    }
-    interface RenderBuffer {
-      (options: RenderBufferOptions): void
-      resize(width: number, height: number): void
-      destroy(): void
-      stats: {
-        size: number
-      }
-    }
-
-    interface FramebufferOptions {
-      width?: number
-      height?: number
-      shape?: [number, number]
-      color?: RenderBuffer[] | Texture[]
-      depth?: boolean | RenderBuffer | Texture
-      stencil?: boolean | RenderBuffer | Texture
-      depthStencil?: boolean | RenderBuffer | Texture
-      colorFormat?:
-        | 'rgba'
-        | 'rgba4'
-        | 'rgb565'
-        | 'rgb5 a1'
-        | 'rgb16f'
-        | 'rgba16f'
-        | 'rgba32f'
-        | 'srgba'
-      colorType?: 'uint8' | 'half float' | 'float'
-    }
-    interface Framebuffer {
-      width: number
-      height: number
-      color?: RenderBuffer[]
-      depth?: RenderBuffer
-
-      (options: FramebufferOptions): void
-      use(cb: (context: Context) => void): void
-      resize(width: number, height: number): void
-      destroy(): void
-    }
-
-    type Uniform = number | vec2 | vec3 | mat3 | Texture
-
-    interface AttributeOptions {
-      buffer?: Buffer | BufferArgs
-      offset?: number
-      stride?: number
-      normalized?: boolean
-      size?: number
-      divisor?: number
-    }
-    type Attribute =
-      | AttributeOptions
-      | Buffer
-      | BufferArgs
-      | {constant: number | vec2 | vec3 | vec4 | mat3 | mat4}
-
-    interface Computed<P, T> {
-      (context: Context, props: P, batchId: number): T
-    }
-    type MaybeComputed<P, T> = Computed<P, T> | T
-
-    type DepthFunction =
-      | 'never'
-      | 'always'
-      | '<'
-      | 'less'
-      | '<='
-      | 'lequal'
-      | '>'
-      | 'greater'
-      | '>='
-      | 'gequal'
-      | '='
-      | 'equal'
-      | '!='
-      | 'notequal'
-    type BlendFunction =
-      | 0
-      | 'zero'
-      | 1
-      | 'one'
-      | 'src color'
-      | 'one minus src color'
-      | 'src alpha'
-      | 'one minus src alpha'
-      | 'dst color'
-      | 'one minus dst color'
-      | 'dst alpha'
-      | 'one minus dst alpha'
-      | 'constant color'
-      | 'one minus constant color'
-      | 'one minus constant alpha'
-      | 'src alpha saturate'
-    type BlendEquation = 'add' | 'subtract' | 'reverse subtract' | 'min' | 'max'
-    type StencilFunction = DepthFunction
-    type StencilOp =
-      | 'zero'
-      | 'keep'
-      | 'replace'
-      | 'invert'
-      | 'increment'
-      | 'decrement'
-      | 'increment wrap'
-      | 'decrement wrap'
-    interface CommandOptions<P> {
-      /** Source code of vertex shader */
-      vert?: string
-
-      /** Source code of fragment shader */
-      frag?: string
-
-      context?: {[contextName: string]: MaybeComputed<P, any>}
-
-      uniforms?: {[uniformName: string]: MaybeComputed<P, Uniform>}
-
-      attributes?: {[attributeName: string]: MaybeComputed<P, Attribute>}
-
-      primitive?: DrawMode
-
-      /** Number of vertices to draw */
-      count?: MaybeComputed<P, number>
-
-      /** Offset of primitives to draw */
-      offset?: MaybeComputed<P, number>
-
-      /** Number of instances to render	 */
-      instances?: MaybeComputed<P, number>
-
-      /** Element array buffer */
-      elements?: MaybeComputed<P, Elements | ElementsArgs>
-
-      framebuffer?: MaybeComputed<P, Framebuffer>
-
-      profile?: MaybeComputed<P, boolean>
-
-      depth?: MaybeComputed<
-        P,
-        {
-          enable?: boolean
-          mask?: boolean
-          func?: DepthFunction
-          range?: [number, number]
-        }
-      >
-
-      blend?: MaybeComputed<
-        P,
-        {
-          enable?: boolean
-          func?:
-            | {
-                src: BlendFunction
-                dst: BlendFunction
-              }
-            | {
-                srcRGB: BlendFunction
-                srcAlpha: BlendFunction
-                dstRGB: BlendFunction
-                dstAlpha: BlendFunction
-              }
-          equation?:
-            | BlendEquation
-            | {
-                rgb: BlendEquation
-                alpha: BlendEquation
-              }
-          color?: vec4
-        }
-      >
-
-      stencil?: MaybeComputed<
-        P,
-        {
-          enable?: boolean
-          mask?: number
-          func?: StencilFunction
-          opFront?: {fail: StencilOp; zfail: StencilOp; pass: StencilOp}
-          opBack?: {fail: StencilOp; zfail: StencilOp; pass: StencilOp}
-        }
-      >
-
-      polygonOffset?: MaybeComputed<
-        P,
-        {
-          enable?: boolean
-          offset?: {
-            factor: number
-            units: number
-          }
-        }
-      >
-
-      cull?: MaybeComputed<
-        P,
-        {
-          enable?: boolean
-          face?: 'front' | 'back'
-        }
-      >
-
-      frontFace?: MaybeComputed<P, 'cw' | 'ccw'>
-
-      dither?: MaybeComputed<P, boolean>
-
-      lineWidth?: MaybeComputed<P, number>
-
-      colorMask?: MaybeComputed<P, [boolean, boolean, boolean, boolean]>
-
-      sample?: MaybeComputed<
-        P,
-        {
-          enable?: boolean
-          alpha?: boolean
-          coverage?: {
-            value: number
-            invert: boolean
-          }
-        }
-      >
-
-      scissor?: MaybeComputed<
-        P,
-        {
-          enable?: boolean
-          box?: {
-            x: number
-            y: number
-            width: number
-            height: number
-          }
-        }
-      >
-
-      viewport?: MaybeComputed<
-        P,
-        {
-          x: number
-          y: number
-          width: number
-          height: number
-        }
-      >
-    }
-
-    function prop<P>(name: keyof P): (context: Context, props: P, batchId: number) => P[keyof P]
-    function context<P>(
-      name: keyof Context,
-    ): (context: Context, props: P, batchId: number) => Context[keyof Context]
-
-    interface Command<P> {
-      /** One shot rendering */
-      (): void
-      (p: P): void
-
-      /** Render a batch */
-      (ps: P[]): void
-
-      /** Scoped commands */
-      (cb: (context: Context) => void): void
-      (p: P, cb: (context: Context) => void): void
-
-      stats: {
-        gpuTime: number
-        cpuTime: number
-        hitCount: number
-      }
-    }
-  }
-
-  export default regl
-}

reloadable.tsx

@@ -1,40 +0,0 @@
-import {Component} from 'preact'
-
-export interface SerializedComponent<S> {
-  state: S
-  serializedSubcomponents: {[key: string]: any}
-}
-
-export abstract class ReloadableComponent<P, S> extends Component<P, S> {
-  serialize(): SerializedComponent<S> {
-    const serializedSubcomponents: {[key: string]: any} = Object.create(null)
-
-    const subcomponents = this.subcomponents()
-    for (const key in subcomponents) {
-      const val = subcomponents[key]
-      if (val && val instanceof ReloadableComponent) {
-        serializedSubcomponents[key] = val.serialize()
-      }
-    }
-
-    return {
-      state: this.state,
-      serializedSubcomponents,
-    }
-  }
-  rehydrate(serialized: SerializedComponent<S>) {
-    this.setState(serialized.state, () => {
-      const subcomponents = this.subcomponents()
-      for (const key in subcomponents) {
-        const val = subcomponents[key]
-        const data = serialized.serializedSubcomponents[key]
-        if (data && val && val instanceof ReloadableComponent) {
-          val.rehydrate(data)
-        }
-      }
-    })
-  }
-  subcomponents(): {[key: string]: any} {
-    return Object.create(null)
-  }
-}

sample/profiles/linux-perf/one-sample.linux-perf.txt

@@ -0,0 +1,6 @@
+simple-terminat    10 198792.736893:    1001001 cpu-clock:
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])

sample/profiles/linux-perf/simple-with-header.linux-perf.txt

@@ -0,0 +1,881 @@
+# ========
+# captured on: Wed Aug 15 16:01:24 2018
+# hostname : e2b5bab9a538
+# os release : 4.9.93-linuxkit-aufs
+# perf version : 4.15.18
+# arch : x86_64
+# nrcpus online : 4
+# nrcpus avail : 4
+# cpudesc : Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
+# cpuid : GenuineIntel,6,70,1
+# total memory : 2046644 kB
+# cmdline : /usr/lib/linux-tools-4.15.0-30/perf record -F 999 -g ./simple-terminates 
+# event : name = cpu-clock, , type = 1, size = 112, { sample_period, sample_freq } = 999, sample_type = IP|TID|TIME|CALLCHAIN|PERIOD, disabled = 1, inherit = 1, mmap = 1, comm = 1, freq = 1, enable_on_exec = 1, task = 1, sample_id_all = 1, exclude_guest = 1, mmap2 = 1, comm_exec = 1
+# CPU_TOPOLOGY info available, use -I to display
+# pmu mappings: breakpoint = 5, power = 7, software = 1, tracepoint = 2, msr = 6
+# CACHE info available, use -I to display
+# missing features: TRACING_DATA NUMA_TOPOLOGY BRANCH_STACK GROUP_DESC AUXTRACE STAT 
+# ========
+#
+simple-terminat     9 198789.478194:    1001001 cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.479183:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.480175:    1001001 cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.481194:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.482189:    1001001 cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.482989:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.484239:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.485180:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.486198:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.487190:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.488202:    1001001 cpu-clock: 
+	             6aa _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.489329:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.490298:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.491297:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.492295:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.493164:    1001001 cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.494212:    1001001 cpu-clock: 
+	             685 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.495431:    1001001 cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.496316:    1001001 cpu-clock: 
+	             655 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.497329:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.498322:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.499325:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.500327:    1001001 cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.501320:    1001001 cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.502265:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.503165:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.504336:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.505331:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.506328:    1001001 cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.507324:    1001001 cpu-clock: 
+	             670 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.508328:    1001001 cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.509334:    1001001 cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.510272:    1001001 cpu-clock: 
+	             67c _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.511373:    1001001 cpu-clock: 
+	             64c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.512319:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.513188:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.514391:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.515336:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.516359:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.517344:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.518263:    1001001 cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.519381:    1001001 cpu-clock: 
+	             6b3 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.520359:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.521293:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.522326:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.523217:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.524395:    1001001 cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.525355:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.526189:    1001001 cpu-clock: 
+	             6b3 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.527412:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.528331:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.529367:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.530368:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.531369:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.532360:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.533218:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.534427:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.535372:    1001001 cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.536386:    1001001 cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.537337:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.538397:    1001001 cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.539383:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.540390:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.541389:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.542400:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.543268:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.544277:    1001001 cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.545289:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.546425:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.547283:    1001001 cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.548516:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.549479:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.550495:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.551493:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.552486:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.553398:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.554516:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.555493:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.556494:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.557354:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.558422:    1001001 cpu-clock: 
+	             679 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.559521:    1001001 cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.560351:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.561388:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.562544:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.563411:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.564311:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.565551:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.566493:    1001001 cpu-clock: 
+	             679 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.567486:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.568508:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.569498:    1001001 cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.570501:    1001001 cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.571502:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.572502:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.573415:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.574532:    1001001 cpu-clock: 
+	             679 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.575498:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.576507:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.577513:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.578510:    1001001 cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.579516:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.580509:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.581511:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.582519:    1001001 cpu-clock: 
+	             655 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.583440:    1001001 cpu-clock: 
+	             6b3 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.584538:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.585513:    1001001 cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.586522:    1001001 cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.587526:    1001001 cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.588513:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.589523:    1001001 cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.590520:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.591524:    1001001 cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.592527:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.593438:    1001001 cpu-clock: 
+	             679 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.594550:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.595513:    1001001 cpu-clock: 
+	             6bc _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.596531:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.597523:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.598527:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.599528:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.600528:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.601529:    1001001 cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.602525:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.603449:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.604547:    1001001 cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.605522:    1001001 cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.606529:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.607410:    1001001 cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.608466:    1001001 cpu-clock: 
+	             618 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.609472:    1001001 cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.610646:    1001001 cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.611607:    1001001 cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.612623:    1001001 cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9 198789.613576:    1001001 cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+

sample/profiles/linux-perf/simple-with-pid.linux-perf.txt

@@ -0,0 +1,877 @@
+simple-terminat     9/9     198791.127353: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.128290: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.129324: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.130316: cpu-clock: 
+	             6b3 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.131320: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.132319: cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.133315: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.134322: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.135321: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.136320: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.137351: cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.138306: cpu-clock: 
+	             6b3 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.139325: cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.140311: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.141325: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.142313: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.143342: cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.144354: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.145382: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.146345: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.147357: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.148361: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.149342: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.150356: cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.151341: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.152346: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.153346: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.154346: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.155347: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.156347: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.157355: cpu-clock: 
+	             679 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.158347: cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.159352: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.160373: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.161353: cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.162359: cpu-clock: 
+	             6b3 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.163363: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.164353: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.165365: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.166367: cpu-clock: 
+	             6b3 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.167368: cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.168370: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.169356: cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.170362: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.171331: cpu-clock: 
+	             680 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.172382: cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.173360: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.174372: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.175463: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.176511: cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.177286: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.178500: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.179495: cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.180496: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.181506: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.182430: cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.183529: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.184491: cpu-clock: 
+	             6bc _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.185341: cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.186539: cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.187500: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.188512: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.189509: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.190317: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.191545: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.192298: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.193537: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.194522: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.195336: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.196578: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.197454: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.198536: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.199525: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.200521: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.201544: cpu-clock: 
+	             655 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.202435: cpu-clock: 
+	             6aa _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.203550: cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.204529: cpu-clock: 
+	             677 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.205532: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.206533: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.207533: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.208532: cpu-clock: 
+	             679 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.209542: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.210538: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.211536: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.212400: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.213571: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.214532: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.215548: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.216391: cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.217575: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.218511: cpu-clock: 
+	             6bf _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.219538: cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.220531: cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.221401: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.222426: cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.223566: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.224531: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.225462: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.226563: cpu-clock: 
+	             64e _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.227376: cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.228586: cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.229367: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.230467: cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.231584: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.232398: cpu-clock: 
+	             6aa _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.233591: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.234477: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.235641: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.236770: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.237747: cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.238743: cpu-clock: 
+	             682 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.239739: cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.240744: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.241743: cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.242591: cpu-clock: 
+	             63c _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.243804: cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.244620: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.245775: cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.246736: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.247757: cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.248761: cpu-clock: 
+	             645 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.249760: cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.250751: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.251765: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.252616: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.253805: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.254754: cpu-clock: 
+	             643 _Z4betav (/workdir/simple-terminates)
+	             6ee main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.255617: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.256794: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.257759: cpu-clock: 
+	             61e _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.258769: cpu-clock: 
+	             670 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.259766: cpu-clock: 
+	             613 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.260771: cpu-clock: 
+	             6b1 _Z5gammav (/workdir/simple-terminates)
+	             6f8 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.261751: cpu-clock: 
+	             60c _Z5alphav (/workdir/simple-terminates)
+	             690 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.262617: cpu-clock: 
+	             615 _Z5alphav (/workdir/simple-terminates)
+	             6e9 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])
+
+simple-terminat     9/9     198791.263815: cpu-clock: 
+	ffffffffad1ee8b5 [unknown] ([kernel.kallsyms])
+	ffffffffad1ee98a [unknown] ([kernel.kallsyms])
+	ffffffffad1f1ca9 [unknown] ([kernel.kallsyms])
+	ffffffffad1aab1d [unknown] ([kernel.kallsyms])
+	ffffffffad1c4c94 [unknown] ([kernel.kallsyms])
+	ffffffffad1c5ab1 [unknown] ([kernel.kallsyms])
+	ffffffffad1ccc4a [unknown] ([kernel.kallsyms])
+	ffffffffad0dc851 [unknown] ([kernel.kallsyms])
+	ffffffffad0e27a4 [unknown] ([kernel.kallsyms])
+	ffffffffad0e2d50 [unknown] ([kernel.kallsyms])
+	ffffffffad0e2dc1 [unknown] ([kernel.kallsyms])
+	ffffffffad0033c0 [unknown] ([kernel.kallsyms])
+	ffffffffad7fa08e [unknown] ([kernel.kallsyms])
+

sample/profiles/linux-perf/simple.linux-perf.txt

@@ -0,0 +1,6 @@
+simple-terminat    10 198792.736893:    1001001 cpu-clock:
+	             643 _Z4betav (/workdir/simple-terminates)
+	             695 _Z5deltav (/workdir/simple-terminates)
+	             6f3 main (/workdir/simple-terminates)
+	           21b97 __libc_start_main (/lib/x86_64-linux-gnu/libc-2.27.so)
+	 6ce258d4c544155 [unknown] ([unknown])

sample/profiles/node/10.11.0/example.cpuprofile

@@ -0,0 +1 @@
+{"head":{"functionName":"(root)","url":"","lineNumber":-1,"bailoutReason":"","id":1,"scriptId":0,"hitCount":0,"children":[{"functionName":"","url":"","lineNumber":0,"callUID":1,"bailoutReason":"","id":2,"scriptId":0,"hitCount":0,"children":[{"functionName":"a","url":"","lineNumber":0,"callUID":2,"bailoutReason":"","id":3,"scriptId":0,"hitCount":0,"children":[{"functionName":"b","url":"","lineNumber":5,"callUID":3,"bailoutReason":"","id":4,"scriptId":0,"hitCount":0,"children":[{"functionName":"d","url":"","lineNumber":13,"callUID":4,"bailoutReason":"","id":5,"scriptId":0,"hitCount":14,"children":[]}]},{"functionName":"c","url":"","lineNumber":9,"callUID":3,"bailoutReason":"","id":6,"scriptId":0,"hitCount":0,"children":[{"functionName":"d","url":"","lineNumber":13,"callUID":6,"bailoutReason":"","id":7,"scriptId":0,"hitCount":14,"children":[]}]}]}]}]},"startTime":163140,"endTime":163140,"samples":[2,5,5,5,5,5,5,5,5,5,5,5,5,5,5,7,7,7,7,7,7,7,7,7,7,7,7,7,7],"timestamps":[163140599286,163140610861,163140611921,163140612966,163140614236,163140615507,163140616694,163140617968,163140619238,163140620258,163140621507,163140622765,163140624037,163140625303,163140626378,163140627649,163140628923,163140630191,163140631457,163140632746,163140634032,163140635304,163140636440,163140637716,163140638990,163140640255,163140641520,163140642791,163140644063,163140645206]}

sample/profiles/speedscope/0.0.1/simple.speedscope.json

@@ -1 +1,81 @@
-{"version":"0.0.1","$schema":"https://www.speedscope.app/file-format-schema.json","shared":{"frames":[{"name":"a"},{"name":"b"},{"name":"c"},{"name":"d"}]},"profiles":[{"type":"evented","name":"simple.txt","unit":"none","startValue":0,"endValue":14,"events":[{"type":"O","frame":0,"at":0},{"type":"O","frame":1,"at":0},{"type":"O","frame":2,"at":0},{"type":"C","frame":2,"at":2},{"type":"O","frame":3,"at":2},{"type":"C","frame":3,"at":6},{"type":"O","frame":2,"at":6},{"type":"C","frame":2,"at":9},{"type":"C","frame":1,"at":14},{"type":"C","frame":0,"at":14}]}]}
+{
+    "$schema": "https://www.speedscope.app/file-format-schema.json",
+    "profiles": [
+        {
+            "endValue": 14,
+            "events": [
+                {
+                    "at": 0,
+                    "frame": 0,
+                    "type": "O"
+                },
+                {
+                    "at": 0,
+                    "frame": 1,
+                    "type": "O"
+                },
+                {
+                    "at": 0,
+                    "frame": 2,
+                    "type": "O"
+                },
+                {
+                    "at": 2,
+                    "frame": 2,
+                    "type": "C"
+                },
+                {
+                    "at": 2,
+                    "frame": 3,
+                    "type": "O"
+                },
+                {
+                    "at": 6,
+                    "frame": 3,
+                    "type": "C"
+                },
+                {
+                    "at": 6,
+                    "frame": 2,
+                    "type": "O"
+                },
+                {
+                    "at": 9,
+                    "frame": 2,
+                    "type": "C"
+                },
+                {
+                    "at": 14,
+                    "frame": 1,
+                    "type": "C"
+                },
+                {
+                    "at": 14,
+                    "frame": 0,
+                    "type": "C"
+                }
+            ],
+            "name": "simple.txt",
+            "startValue": 0,
+            "type": "evented",
+            "unit": "none"
+        }
+    ],
+    "shared": {
+        "frames": [
+            {
+                "name": "a"
+            },
+            {
+                "name": "b"
+            },
+            {
+                "name": "c"
+            },
+            {
+                "name": "d"
+            }
+        ]
+    },
+    "version": "0.0.1"
+}

sample/profiles/speedscope/0.6.0/two-sampled.speedscope.json

@@ -0,0 +1,29 @@
+{
+  "exporter": "speedscope@0.6.0",
+  "$schema": "https://www.speedscope.app/file-format-schema.json",
+  "name": "Two Samples",
+  "activeProfileIndex": 1,
+  "profiles": [
+    {
+      "type": "sampled",
+      "name": "one",
+      "unit": "seconds",
+      "startValue": 0,
+      "endValue": 14,
+      "samples": [[0, 1, 2], [0, 1, 2], [0, 1, 3], [0, 1, 2], [0, 1]],
+      "weights": [1, 1, 4, 3, 5]
+    },
+    {
+      "type": "sampled",
+      "name": "two",
+      "unit": "seconds",
+      "startValue": 0,
+      "endValue": 14,
+      "samples": [[0, 1, 2], [0, 1, 2], [0, 1, 3], [0, 1, 2], [0, 1]],
+      "weights": [1, 1, 4, 3, 5]
+    }
+  ],
+  "shared": {
+    "frames": [{"name": "a"}, {"name": "b"}, {"name": "c"}, {"name": "d"}]
+  }
+}

sample/profiles/speedscope/invalid/incomplete-trace.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://www.speedscope.app/file-format-schema.json",
+  "shared": {
+    "frames": [{"name": "A"}]
+  },
+  "profiles": [
+    {
+      "type": "evented",
+      "name": "p1",
+      "unit": "none",
+      "startValue": 0,
+      "endValue": 100,
+      "events": [{"type": "O", "frame": 0, "at": 0}]
+    }
+  ]
+}

sample/profiles/speedscope/invalid/out-of-order-events.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://www.speedscope.app/file-format-schema.json",
+  "shared": {
+    "frames": [{"name": "A"}, {"name": "B"}]
+  },
+  "profiles": [
+    {
+      "type": "evented",
+      "name": "p1",
+      "unit": "none",
+      "startValue": 0,
+      "endValue": 100,
+      "events": [
+        {"type": "O", "frame": 0, "at": 0},
+        {"type": "C", "frame": 0, "at": 1},
+        {"type": "O", "frame": 1, "at": 2},
+        {"type": "O", "frame": 0, "at": 2},
+        {"type": "O", "frame": 0, "at": 3},
+        {"type": "C", "frame": 0, "at": 4},
+        {"type": "C", "frame": 1, "at": 4},
+        {"type": "C", "frame": 0, "at": 5}
+      ]
+    }
+  ]
+}

sample/profiles/stackcollapse/simple-crlf.txt

@@ -0,0 +1,5 @@
+a;b;c 1
+a;b;c 1
+a;b;d 4
+a;b;c 3
+a;b 5

sample/profiles/trace-event/multiprocess.json

@@ -0,0 +1,22 @@
+[
+  {"pid": 0, "tid": 0, "ph": "M", "name": "process_name", "args": {"name": "p0"}},
+  {"pid": 0, "tid": 0, "ph": "M", "name": "thread_name", "args": {"name": "p0t0"}},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "alpha", "ts": 0, "dur": 1},
+  {"pid": 0, "tid": 1, "ph": "M", "name": "thread_name", "args": {"name": "p0t1"}},
+  {"pid": 0, "tid": 1, "ph": "X", "name": "beta", "ts": 0, "dur": 1},
+
+  {"pid": 1, "tid": 0, "ph": "M", "name": "process_name", "args": {"name": "p1"}},
+  {"pid": 1, "tid": 0, "ph": "M", "name": "thread_name", "args": {"name": "p1t0"}},
+  {"pid": 1, "tid": 0, "ph": "X", "name": "gamma", "ts": 0, "dur": 1},
+  {"pid": 1, "tid": 1, "ph": "M", "name": "thread_name", "args": {"name": "p1t1"}},
+  {"pid": 1, "tid": 1, "ph": "X", "name": "delta", "ts": 0, "dur": 1},
+
+  {"pid": 2, "tid": 0, "ph": "M", "name": "thread_name", "args": {"name": "p2t0"}},
+  {"pid": 2, "tid": 0, "ph": "X", "name": "epsilon", "ts": 0, "dur": 1},
+  {"pid": 2, "tid": 1, "ph": "M", "name": "thread_name", "args": {"name": "p2t1"}},
+  {"pid": 2, "tid": 1, "ph": "X", "name": "phi", "ts": 0, "dur": 1},
+
+  {"pid": 3, "tid": 0, "ph": "M", "name": "process_name", "args": {"name": "p3"}},
+  {"pid": 3, "tid": 0, "ph": "X", "name": "zeta", "ts": 0, "dur": 1},
+  {"pid": 3, "tid": 1, "ph": "X", "name": "eta", "ts": 0, "dur": 1}
+]

sample/profiles/trace-event/must-retain-original-order.json

@@ -0,0 +1,16 @@
+[
+  {"tid": 1, "ph": "B", "pid": 0, "name": "A", "ts": 0},
+  {"tid": 1, "ph": "B", "pid": 0, "name": "B", "ts": 0},
+  {"tid": 1, "ph": "B", "pid": 0, "name": "C", "ts": 0},
+  {"tid": 1, "ph": "E", "pid": 0, "name": "C", "ts": 1},
+  {"tid": 1, "ph": "E", "pid": 0, "name": "B", "ts": 2},
+  {"tid": 1, "ph": "E", "pid": 0, "name": "A", "ts": 3},
+  {"tid": 1, "ph": "B", "pid": 0, "name": "A", "ts": 4},
+  {"tid": 1, "ph": "B", "pid": 0, "name": "B", "ts": 5},
+  {"tid": 1, "ph": "B", "pid": 0, "name": "C", "ts": 6},
+  {"tid": 1, "ph": "E", "pid": 0, "name": "C", "ts": 7},
+  {"tid": 1, "ph": "E", "pid": 0, "name": "B", "ts": 7},
+  {"tid": 1, "ph": "E", "pid": 0, "name": "A", "ts": 7},
+  {"tid": 1, "ph": "B", "pid": 0, "name": "X", "ts": 7},
+  {"tid": 1, "ph": "E", "pid": 0, "name": "X", "ts": 10}
+]

sample/profiles/trace-event/simple-object.json

@@ -0,0 +1,9 @@
+{
+  "traceEvents": [
+    {"pid": 0, "tid": 0, "ph": "B", "name": "alpha", "ts": 0},
+    {"pid": 0, "tid": 0, "ph": "B", "name": "beta", "ts": 1},
+    {"pid": 0, "tid": 0, "ph": "X", "ts": 7, "tdur": 4},
+    {"pid": 0, "tid": 0, "ph": "E", "name": "beta", "ts": 13},
+    {"pid": 0, "tid": 0, "ph": "E", "name": "alpha", "ts": 14}
+  ]
+}

sample/profiles/trace-event/simple-partial-trailing-comma.json

@@ -0,0 +1,7 @@
+[
+  {"pid": 0, "tid": 0, "ph": "B", "name": "alpha", "ts": 0},
+  {"pid": 0, "tid": 0, "ph": "B", "name": "beta", "ts": 1},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "gamma", "ts": 2, "dur": 5, "args": {"detail": "foobar"}},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "epsilon", "ts": 7, "tdur": 4},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "beta", "ts": 13},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "alpha", "ts": 14},

sample/profiles/trace-event/simple-partial-whitespace.json

@@ -0,0 +1,13 @@
+
+
+[
+  {"pid": 0, "tid": 0, "ph": "B", "name": "alpha", "ts": 0},
+  {"pid": 0, "tid": 0, "ph": "B", "name": "beta", "ts": 1},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "gamma", "ts": 2, "dur": 5, "args": {"detail": "foobar"}},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "epsilon", "ts": 7, "tdur": 4},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "beta", "ts": 13},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "alpha", "ts": 14},
+
+
+
+

sample/profiles/trace-event/simple-partial.json

@@ -0,0 +1,7 @@
+[
+  {"pid": 0, "tid": 0, "ph": "B", "name": "alpha", "ts": 0},
+  {"pid": 0, "tid": 0, "ph": "B", "name": "beta", "ts": 1},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "gamma", "ts": 2, "dur": 5, "args": {"detail": "foobar"}},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "epsilon", "ts": 7, "tdur": 4},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "beta", "ts": 13},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "alpha", "ts": 14}

sample/profiles/trace-event/simple.json

@@ -0,0 +1,8 @@
+[
+  {"pid": 0, "tid": 0, "ph": "B", "name": "alpha", "ts": 0},
+  {"pid": 0, "tid": 0, "ph": "B", "name": "beta", "ts": 1},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "gamma", "ts": 2, "dur": 5, "args": {"detail": "foobar"}},
+  {"pid": 0, "tid": 0, "ph": "X", "name": "epsilon", "ts": 7, "tdur": 4},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "beta", "ts": 13},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "alpha", "ts": 14}
+]

sample/profiles/trace-event/too-many-end-events.json

@@ -0,0 +1,8 @@
+[
+  {"pid": 0, "tid": 0, "ph": "B", "name": "alpha", "ts": 0},
+  {"pid": 0, "tid": 0, "ph": "B", "name": "beta", "ts": 1},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "beta", "ts": 13},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "alpha", "ts": 14},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "gamma", "ts": 5},
+  {"pid": 0, "tid": 0, "ph": "E", "name": "delta", "ts": 5}
+]

sample/programs/cpp/.gitignore

@@ -1,4 +1,6 @@
 simple
+forks
+simple-terminates
 random
 *.dSYM
 

sample/programs/cpp/Dockerfile

@@ -0,0 +1,12 @@
+FROM ubuntu:bionic
+
+RUN apt-get update
+RUN apt-get install -y build-essential
+RUN apt-get install -y linux-tools-common linux-tools-generic
+RUN ln -sf /usr/lib/linux-tools/4.15.0-30-generic/perf /usr/bin/perf
+
+WORKDIR /workdir
+
+ADD . /workdir
+
+RUN make clean simple-terminates forks

sample/programs/cpp/Makefile

@@ -1,9 +1,25 @@
-.PHONY: all
+.PHONY: all clean linux-perf
 
-all: simple random
+all: simple simple-terminates random forks
+
+clean:
+	rm -f simple simple-terminates random forks
 
 simple: simple.cpp
-	g++ -Wall -g -o $@ $<
+	$(CXX) -Wall -g -o $@ $<
+
+simple-terminates: simple-terminates.cpp
+	$(CXX) -Wall -g -o $@ $<
+
+forks: forks.cpp
+	$(CXX) -Wall -g -o $@ $<
 
 random: random.cpp
-	g++ -Wall -g -o $@ $<
+	$(CXX) -Wall -g -o $@ $<
+
+linux-perf:
+	docker build -t speedscope-ubuntu .
+	docker run --privileged speedscope-ubuntu /bin/bash perf-script.sh forks > ../../profiles/linux-perf/forks.linux-perf.txt
+	# docker run --privileged speedscope-ubuntu /bin/bash perf-script.sh with-header > ../../profiles/linux-perf/simple-with-header.linux-perf.txt
+	# docker run --privileged speedscope-ubuntu /bin/bash perf-script.sh with-pid > ../../profiles/linux-perf/simple-with-pid.linux-perf.txt
+	# docker run --privileged speedscope-ubuntu /bin/bash perf-script.sh > ../../profiles/linux-perf/simple.linux-perf.txt

sample/programs/cpp/forks.cpp

@@ -0,0 +1,81 @@
+#include <cstdlib>
+#include <unistd.h>
+
+using namespace std;
+
+void alpha()
+{
+  int z = 3;
+  for (int i = 0; i < 100000; i++)
+  {
+    z *= 3;
+  }
+}
+
+void beta()
+{
+  int z = 3;
+  for (int i = 0; i < 100000; i++)
+  {
+    z *= 3;
+  }
+}
+
+void delta()
+{
+  int z = 3;
+  for (int i = 0; i < 100000; i++)
+  {
+    z *= 3;
+  }
+  alpha();
+  beta();
+}
+
+void gamma()
+{
+  int z = 3;
+  for (int i = 0; i < 100000; i++)
+  {
+    z *= 3;
+  }
+}
+
+int main(int argc, char *argv[])
+{
+  pid_t pid1 = fork();
+  if (pid1 == 0)
+  {
+    // Child process 1
+    for (int i = 0; i < 100; i++)
+    {
+      alpha();
+      beta();
+    }
+  }
+  else
+  {
+    pid_t pid2 = fork();
+
+    if (pid2 == 0)
+    {
+      // Child process 2
+      for (int i = 0; i < 100; i++)
+      {
+        alpha();
+        beta();
+      }
+    }
+    else
+    {
+      for (int i = 0; i < 100; i++)
+      {
+        alpha();
+        beta();
+        gamma();
+        delta();
+      }
+    }
+  }
+  return 0;
+}

sample/programs/cpp/perf-script.sh

@@ -0,0 +1,33 @@
+#!/bin/bash
+
+set -eoux pipefail
+
+if [[ "$1" == "system-wide" ]]; then
+  perf record -a -F 999 -g ./simple-terminates > perf.data
+  perf script -i perf.data
+  exit 0
+fi
+
+if [[ "$1" == "forks" ]]; then
+  perf record -a -F 999 -g ./forks > perf.data
+  perf script -i perf.data
+  exit 0
+fi
+
+perf record -F 999 -g ./simple-terminates > perf.data
+
+if [[ "$1" == "with-header" ]]; then
+  perf script --header -i perf.data
+elif [[ "$1" == "with-pid" ]]; then
+  # perf script -F comm,pid,tid,time,event,ip,sym,dso -i perf.data
+  # comm: command (maybe truncated)
+  # pid: process ID
+  # id: thread ID
+  # time: time of event
+  # ip: instruction pointer
+  # sym: symbol
+  # dso: dynamic shared object
+  perf script -F comm,pid,tid,time,event,ip,sym,dso -i perf.data
+else
+  perf script -i perf.data
+fi

sample/programs/cpp/simple-terminates.cpp

@@ -0,0 +1,52 @@
+#include <cstdlib>
+using namespace std;
+
+void alpha()
+{
+  int z = 3;
+  for (int i = 0; i < 100000; i++)
+  {
+    z *= 3;
+  }
+}
+
+void beta()
+{
+  int z = 3;
+  for (int i = 0; i < 100000; i++)
+  {
+    z *= 3;
+  }
+}
+
+void delta()
+{
+  int z = 3;
+  for (int i = 0; i < 100000; i++)
+  {
+    z *= 3;
+  }
+  alpha();
+  beta();
+}
+
+void gamma()
+{
+  int z = 3;
+  for (int i = 0; i < 100000; i++)
+  {
+    z *= 3;
+  }
+}
+
+int main(int argc, char *argv[])
+{
+  for (int i = 0; i < 100; i++)
+  {
+    alpha();
+    beta();
+    delta();
+    gamma();
+  }
+  return 0;
+}

sample/programs/go/.gitignore

@@ -0,0 +1,2 @@
+simple
+server

sample/programs/go/Makefile

@@ -0,0 +1,15 @@
+.PHONY: all clean linux-perf
+
+all: simple server
+
+clean:
+	rm -f simple server
+
+simple: simple.go
+	go build $<
+
+server: server.go
+	go build $<
+
+simple.prof: simple
+	./$< -cpuprofile=$@

sample/programs/go/server.go

@@ -0,0 +1,71 @@
+package main
+
+import (
+	"log"
+	"fmt"
+	"sync"
+	"time"
+	"net/http"
+)
+
+import _ "net/http/pprof"
+
+// See https://golang.org/pkg/net/http/pprof/ for details
+
+func alpha() {
+	z := 3
+	for i := 0; i < 100000; i++ {
+		z *= 3
+	}
+}
+
+func beta() {
+	z := 3
+	for i := 0; i < 100000; i++ {
+		z *= 3
+	}
+}
+
+func delta() {
+	z := 3
+	for i := 0; i < 100000; i++ {
+		z *= 3
+	}
+	alpha()
+	beta()
+}
+
+func gamma() {
+	z := 3
+	for i := 0; i < 100000; i++ {
+		z *= 3
+	}
+}
+
+
+func main() {
+    // we need a webserver to get the pprof webserver
+    go func() {
+        log.Println(http.ListenAndServe("localhost:6060", nil))
+    }()
+    fmt.Println("hello world")
+    var wg sync.WaitGroup
+    wg.Add(1)
+    go leakyFunction(wg)
+    wg.Wait()
+}
+
+func leakyFunction(wg sync.WaitGroup) {
+    defer wg.Done()
+    s := make([]string, 3)
+    for i:= 0; i < 10000000; i++{
+        alpha()
+        beta()
+        delta()
+        gamma()
+        s = append(s, "magical pandas")
+        if (i % 100000) == 0 {
+            time.Sleep(50 * time.Millisecond)
+        }
+    }
+}

sample/programs/go/simple.go

@@ -0,0 +1,53 @@
+package main
+
+import "flag"
+import "runtime/pprof"
+import "os"
+
+var cpuprofile = flag.String("cpuprofile", "", "write cpu profile to file")
+
+func alpha() {
+	z := 3
+	for i := 0; i < 100000; i++ {
+		z *= 3
+	}
+}
+
+func beta() {
+	z := 3
+	for i := 0; i < 100000; i++ {
+		z *= 3
+	}
+}
+
+func delta() {
+	z := 3
+	for i := 0; i < 100000; i++ {
+		z *= 3
+	}
+	alpha()
+	beta()
+}
+
+func gamma() {
+	z := 3
+	for i := 0; i < 100000; i++ {
+		z *= 3
+	}
+}
+
+func main() {
+	flag.Parse()
+	if *cpuprofile != "" {
+		f, _ := os.Create(*cpuprofile)
+		pprof.StartCPUProfile(f)
+		defer pprof.StopCPUProfile()
+	}
+
+	for i := 0; i < 10000; i++ {
+		alpha()
+		beta()
+		delta()
+		gamma()
+	}
+}

sample/programs/javascript/convertToOld.js

@@ -0,0 +1,60 @@
+/*
+* This script is used to reconstruct an cpu profile from chrome with an old format
+* still used in nodejs with v8-profiler
+*/
+const fs = require('fs')
+
+const data = JSON.parse(fs.readFileSync('../../profiles/Chrome/65/simple.cpuprofile').toString())
+
+const _convertTimeDeltas = (profile) => {
+  if (!profile.timeDeltas) return null
+  let lastTimeUsec = profile.startTime
+  const timestamps = new Array(profile.timeDeltas.length + 1)
+  for (let i = 0; i < profile.timeDeltas.length; ++i) {
+    timestamps[i] = lastTimeUsec
+    lastTimeUsec += profile.timeDeltas[i]
+  }
+  timestamps[profile.timeDeltas.length] = lastTimeUsec
+  return timestamps
+}
+
+const reformatNode = node => {
+  if (!node.children) node.children = []
+
+  node.children = node.children.map(childID => {
+    if (typeof childID !== 'number') return childID
+    const childNode = data.nodes.find(node => node.id === childID)
+    if (typeof childNode !== 'object') return null
+    childNode.callUID = node.id
+    return childNode
+  })
+  return {
+    functionName: node.callFrame.functionName,
+    url: node.callFrame.url,
+    lineNumber: node.callFrame.lineNumber,
+    callUID: node.callUID,
+    bailoutReason: '',
+    id: node.id,
+    scriptId: 0,
+    hitCount: node.hitCount,
+    children: node.children.map(reformatNode)
+  }
+}
+
+// reformat then only keep the root as top level node
+const nodes = data.nodes
+  .map(reformatNode)
+  .filter(node => node.functionName === '(root)')[0]
+
+// since it can be undefined, create an array so execution still works
+if (!data.timeDeltas) {
+  data.timeDeltas = []
+}
+
+fs.writeFileSync('./new.cpuprofile', JSON.stringify({
+  head: nodes,
+  startTime: Math.floor(data.startTime / 1000000),
+  endTime: Math.floor(data.endTime / 1000000),
+  samples: data.samples,
+  timestamps: _convertTimeDeltas(data)
+}))

sample/programs/javascript/recursion.html

@@ -0,0 +1 @@
+<script src="./recursion.js"></script>

sample/programs/javascript/recursion.js

@@ -0,0 +1,41 @@
+function alpha(depth) {
+  if (depth > 15 * Math.random()) {
+    return
+  }
+  beta(depth + 1)
+  delta()
+  gamma()
+}
+
+function beta(depth) {
+  alpha(depth + 1)
+  for (let i = 0; i < 10; i++) {
+    gamma()
+  }
+}
+
+function delta() {
+  for (let i = 0; i < 10; i++) {
+    gamma()
+  }
+}
+
+function gamma() {
+  let prod = 1
+  for (let i = 1; i < 1000; i++) {
+    prod *= i
+  }
+  return prod
+}
+
+function main() {
+  for (let i = 0; i < 100; i++) {
+    alpha(0)
+  }
+}
+
+console.profile('recursion')
+main()
+setTimeout(() => {
+  console.profileEnd('recursion')
+}, 0)

sample/programs/javascript/simple.js

@@ -1,23 +1,23 @@
-function a() {
+function alpha() {
   for (let i = 0; i < 1000; i++) {
-    b()
-    c()
+    beta()
+    delta()
   }
 }
 
-function b() {
+function beta() {
   for (let i = 0; i < 10; i++) {
-    d()
+    gamma()
   }
 }
 
-function c() {
+function delta() {
   for (let i = 0; i < 10; i++) {
-    d()
+    gamma()
   }
 }
 
-function d() {
+function gamma() {
   let prod = 1
   for (let i = 1; i < 1000; i++) {
     prod *= i
@@ -25,10 +25,4 @@ function d() {
   return prod
 }
 
-console.profile('a')
-a()
-setTimeout(() => {
-  console.profileEnd('a')
-}, 0)
-
-window.addEventListener('click', a)
+alpha()

sample/programs/javascript/worker.html

@@ -0,0 +1,28 @@
+<script>
+  function banana() {
+    let prod = 1
+    for (let i = 1; i < 1000; i++) {
+      prod *= i
+    }
+    return prod
+  }
+
+  function apple() {
+    for (let i = 0; i < 1000; i++) {
+      banana()
+    }
+  }
+
+  let bounces = 0
+
+  const worker = new Worker('./worker.js')
+
+  worker.onmessage = function() {
+    apple()
+    if (bounces++ < 10) {
+      worker.postMessage('ping')
+    }
+  }
+
+  worker.postMessage('ping')
+</script>

sample/programs/javascript/worker.js

@@ -0,0 +1,18 @@
+function gamma() {
+  let prod = 1
+  for (let i = 1; i < 1000; i++) {
+    prod *= i
+  }
+  return prod
+}
+
+function alpha() {
+  for (let i = 0; i < 1000; i++) {
+    gamma()
+  }
+}
+
+onmessage = function(e) {
+  alpha()
+  postMessage('pong')
+}

sandwich-view.tsx

@@ -1,345 +0,0 @@
-import {ReloadableComponent} from './reloadable'
-import {Profile, Frame, CallTreeNode} from './profile'
-import {StyleSheet, css} from 'aphrodite'
-import {SortMethod, ProfileTableView} from './profile-table-view'
-import {h} from 'preact'
-import {commonStyle, Sizes, Colors, FontSize} from './style'
-import {CanvasContext} from './canvas-context'
-import {FlamechartRenderer, FlamechartRowAtlasKey} from './flamechart-renderer'
-import {Flamechart} from './flamechart'
-import {RowAtlas} from './row-atlas'
-import {Rect, AffineTransform, Vec2, clamp} from './math'
-import {FlamechartPanZoomView, FlamechartPanZoomViewProps} from './flamechart-pan-zoom-view'
-import {noop, formatPercent} from './utils'
-import {Hovertip} from './hovertip'
-
-interface FlamechartWrapperProps {
-  flamechart: Flamechart
-  canvasContext: CanvasContext
-  flamechartRenderer: FlamechartRenderer
-  renderInverted: boolean
-}
-
-interface FlamechartWrapperState {
-  hover: {
-    node: CallTreeNode
-    event: MouseEvent
-  } | null
-  configSpaceViewportRect: Rect
-}
-
-export class FlamechartWrapper extends ReloadableComponent<
-  FlamechartWrapperProps,
-  FlamechartWrapperState
-> {
-  constructor(props: FlamechartWrapperProps) {
-    super(props)
-    this.state = {
-      hover: null,
-      configSpaceViewportRect: Rect.empty,
-    }
-  }
-
-  private clampViewportToFlamegraph(viewportRect: Rect, flamegraph: Flamechart, inverted: boolean) {
-    const configSpaceSize = new Vec2(flamegraph.getTotalWeight(), flamegraph.getLayers().length)
-
-    const width = clamp(
-      viewportRect.size.x,
-      Math.min(configSpaceSize.x, 3 * flamegraph.getMinFrameWidth()),
-      configSpaceSize.x,
-    )
-
-    const size = viewportRect.size.withX(width)
-
-    const origin = Vec2.clamp(
-      viewportRect.origin,
-      new Vec2(0, inverted ? 0 : -1),
-      Vec2.max(Vec2.zero, configSpaceSize.minus(size).plus(new Vec2(0, 1))),
-    )
-
-    return new Rect(origin, viewportRect.size.withX(width))
-  }
-
-  private setConfigSpaceViewportRect = (viewportRect: Rect) => {
-    this.setState({
-      configSpaceViewportRect: this.clampViewportToFlamegraph(
-        viewportRect,
-        this.props.flamechart,
-        this.props.renderInverted,
-      ),
-    })
-  }
-
-  private transformViewport = (transform: AffineTransform) => {
-    this.setConfigSpaceViewportRect(transform.transformRect(this.state.configSpaceViewportRect))
-  }
-
-  private formatValue(weight: number) {
-    const totalWeight = this.props.flamechart.getTotalWeight()
-    const percent = 100 * weight / totalWeight
-    const formattedPercent = formatPercent(percent)
-    return `${this.props.flamechart.formatValue(weight)} (${formattedPercent})`
-  }
-
-  private renderTooltip() {
-    if (!this.container) return null
-
-    const {hover} = this.state
-    if (!hover) return null
-    const {width, height, left, top} = this.container.getBoundingClientRect()
-    const offset = new Vec2(hover.event.clientX - left, hover.event.clientY - top)
-
-    return (
-      <Hovertip containerSize={new Vec2(width, height)} offset={offset}>
-        <span className={css(style.hoverCount)}>
-          {this.formatValue(hover.node.getTotalWeight())}
-        </span>{' '}
-        {hover.node.frame.name}
-      </Hovertip>
-    )
-  }
-
-  container: HTMLDivElement | null = null
-  containerRef = (container?: Element) => {
-    this.container = (container as HTMLDivElement) || null
-  }
-
-  private setNodeHover = (hover: {node: CallTreeNode; event: MouseEvent} | null) => {
-    this.setState({hover})
-  }
-
-  render() {
-    const props: FlamechartPanZoomViewProps = {
-      ...(this.props as FlamechartWrapperProps),
-      selectedNode: null,
-      onNodeHover: this.setNodeHover,
-      onNodeSelect: noop,
-      configSpaceViewportRect: this.state.configSpaceViewportRect,
-      setConfigSpaceViewportRect: this.setConfigSpaceViewportRect,
-      transformViewport: this.transformViewport,
-    }
-    return (
-      <div
-        className={css(commonStyle.fillY, commonStyle.fillX, commonStyle.vbox)}
-        ref={this.containerRef}
-      >
-        <FlamechartPanZoomView {...props} />
-        {this.renderTooltip()}
-      </div>
-    )
-  }
-}
-
-interface SandwichViewProps {
-  profile: Profile
-  flattenRecursion: boolean
-
-  // TODO(jlfwong): It's kind of awkward requiring both of these
-  getColorBucketForFrame: (frame: Frame) => number
-  getCSSColorForFrame: (frame: Frame) => string
-
-  sortMethod: SortMethod
-  setSortMethod: (sortMethod: SortMethod) => void
-  canvasContext: CanvasContext
-  rowAtlas: RowAtlas<FlamechartRowAtlasKey>
-}
-
-interface CallerCalleeState {
-  selectedFrame: Frame
-
-  invertedCallerFlamegraph: Flamechart
-  invertedCallerFlamegraphRenderer: FlamechartRenderer
-
-  calleeFlamegraph: Flamechart
-  calleeFlamegraphRenderer: FlamechartRenderer
-}
-
-interface SandwichViewState {
-  callerCallee: CallerCalleeState | null
-}
-
-export class SandwichView extends ReloadableComponent<SandwichViewProps, SandwichViewState> {
-  constructor(props: SandwichViewProps) {
-    super(props)
-    this.state = {
-      callerCallee: null,
-    }
-  }
-
-  private setSelectedFrame = (
-    selectedFrame: Frame | null,
-    props: SandwichViewProps = this.props,
-  ) => {
-    const {profile, canvasContext, rowAtlas, getColorBucketForFrame, flattenRecursion} = props
-
-    if (!selectedFrame) {
-      this.setState({callerCallee: null})
-      return
-    }
-
-    let invertedCallerProfile = profile.getInvertedProfileForCallersOf(selectedFrame)
-    if (flattenRecursion) {
-      invertedCallerProfile = invertedCallerProfile.getProfileWithRecursionFlattened()
-    }
-
-    const invertedCallerFlamegraph = new Flamechart({
-      getTotalWeight: invertedCallerProfile.getTotalNonIdleWeight.bind(invertedCallerProfile),
-      forEachCall: invertedCallerProfile.forEachCallGrouped.bind(invertedCallerProfile),
-      formatValue: invertedCallerProfile.formatValue.bind(invertedCallerProfile),
-      getColorBucketForFrame,
-    })
-    const invertedCallerFlamegraphRenderer = new FlamechartRenderer(
-      canvasContext,
-      rowAtlas,
-      invertedCallerFlamegraph,
-      {inverted: true},
-    )
-
-    let calleeProfile = profile.getProfileForCalleesOf(selectedFrame)
-
-    if (flattenRecursion) {
-      calleeProfile = calleeProfile.getProfileWithRecursionFlattened()
-    }
-
-    const calleeFlamegraph = new Flamechart({
-      getTotalWeight: calleeProfile.getTotalNonIdleWeight.bind(calleeProfile),
-      forEachCall: calleeProfile.forEachCallGrouped.bind(calleeProfile),
-      formatValue: calleeProfile.formatValue.bind(calleeProfile),
-      getColorBucketForFrame,
-    })
-    const calleeFlamegraphRenderer = new FlamechartRenderer(
-      canvasContext,
-      rowAtlas,
-      calleeFlamegraph,
-    )
-
-    this.setState({
-      callerCallee: {
-        selectedFrame,
-        invertedCallerFlamegraph,
-        invertedCallerFlamegraphRenderer,
-        calleeFlamegraph,
-        calleeFlamegraphRenderer,
-      },
-    })
-  }
-
-  onWindowKeyPress = (ev: KeyboardEvent) => {
-    if (ev.key === 'Escape') {
-      this.setState({callerCallee: null})
-    }
-  }
-
-  componentWillReceiveProps(nextProps: SandwichViewProps) {
-    if (this.props.flattenRecursion !== nextProps.flattenRecursion) {
-      if (this.state.callerCallee) {
-        this.setSelectedFrame(this.state.callerCallee.selectedFrame, nextProps)
-      }
-    }
-  }
-
-  componentDidMount() {
-    window.addEventListener('keydown', this.onWindowKeyPress)
-  }
-  componentWillUnmount() {
-    window.removeEventListener('keydown', this.onWindowKeyPress)
-  }
-
-  render() {
-    const {canvasContext} = this.props
-    const {callerCallee} = this.state
-
-    let selectedFrame: Frame | null = null
-    let flamegraphViews: JSX.Element | null = null
-
-    if (callerCallee) {
-      selectedFrame = callerCallee.selectedFrame
-      flamegraphViews = (
-        <div className={css(commonStyle.fillY, style.callersAndCallees, commonStyle.vbox)}>
-          <div className={css(commonStyle.hbox, style.panZoomViewWraper)}>
-            <div className={css(style.flamechartLabelParent)}>
-              <div className={css(style.flamechartLabel)}>Callers</div>
-            </div>
-            <FlamechartWrapper
-              flamechart={callerCallee.invertedCallerFlamegraph}
-              canvasContext={canvasContext}
-              flamechartRenderer={callerCallee.invertedCallerFlamegraphRenderer}
-              renderInverted={true}
-            />
-          </div>
-          <div className={css(style.divider)} />
-          <div className={css(commonStyle.hbox, style.panZoomViewWraper)}>
-            <div className={css(style.flamechartLabelParent, style.flamechartLabelParentBottom)}>
-              <div className={css(style.flamechartLabel, style.flamechartLabelBottom)}>Callees</div>
-            </div>
-            <FlamechartWrapper
-              flamechart={callerCallee.calleeFlamegraph}
-              canvasContext={canvasContext}
-              flamechartRenderer={callerCallee.calleeFlamegraphRenderer}
-              renderInverted={false}
-            />
-          </div>
-        </div>
-      )
-    }
-
-    return (
-      <div className={css(commonStyle.hbox, commonStyle.fillY)}>
-        <div className={css(style.tableView)}>
-          <ProfileTableView
-            selectedFrame={selectedFrame}
-            setSelectedFrame={this.setSelectedFrame}
-            profile={this.props.profile}
-            getCSSColorForFrame={this.props.getCSSColorForFrame}
-            sortMethod={this.props.sortMethod}
-            setSortMethod={this.props.setSortMethod}
-          />
-        </div>
-        {flamegraphViews}
-      </div>
-    )
-  }
-}
-
-const style = StyleSheet.create({
-  tableView: {
-    flex: 1,
-  },
-  panZoomViewWraper: {
-    flex: 1,
-  },
-  flamechartLabelParent: {
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'flex-end',
-    alignItems: 'flex-start',
-    fontSize: FontSize.TITLE,
-    width: FontSize.TITLE * 1.2,
-    borderRight: `1px solid ${Colors.LIGHT_GRAY}`,
-  },
-  flamechartLabelParentBottom: {
-    justifyContent: 'flex-start',
-  },
-  flamechartLabel: {
-    transform: 'rotate(-90deg)',
-    transformOrigin: '50% 50% 0',
-    width: FontSize.TITLE * 1.2,
-    flexShrink: 1,
-  },
-  flamechartLabelBottom: {
-    transform: 'rotate(-90deg)',
-    display: 'flex',
-    justifyContent: 'flex-end',
-  },
-  callersAndCallees: {
-    flex: 1,
-    borderLeft: `${Sizes.SEPARATOR_HEIGHT}px solid ${Colors.LIGHT_GRAY}`,
-  },
-  divider: {
-    height: 2,
-    background: Colors.LIGHT_GRAY,
-  },
-  hoverCount: {
-    color: Colors.GREEN,
-  },
-})

scripts/build-release.sh

@@ -1,22 +1,26 @@
 #!/bin/bash
 
-# Fail on first error
-set -e
+set -euxo pipefail
+
 OUTDIR=`pwd`/dist/release
 
 # Typecheck
 node_modules/.bin/tsc --noEmit
 
+# Run unit tests
+npm run jest
+
 # Clean out the release directory
 rm -rf "$OUTDIR"
 mkdir -p "$OUTDIR"
 
 # Place info about the current commit into the build dir to easily identify releases
-date > "$OUTDIR"/release.txt
+npm ls -depth -1 | head -n 1 | cut -d' ' -f 1 > "$OUTDIR"/release.txt
+date >> "$OUTDIR"/release.txt
 git rev-parse HEAD >> "$OUTDIR"/release.txt
 
 # Place a json schema for the file format into the build directory too
-node generate-file-format-schema-json.js > "$OUTDIR"/file-format-schema.json
+node scripts/generate-file-format-schema-json.js > "$OUTDIR"/file-format-schema.json
 
 # Build the compiled assets
-node_modules/.bin/parcel build index.html --no-cache --out-dir "$OUTDIR" --public-url "./" --detailed-report
+node_modules/.bin/parcel build assets/index.html --no-cache --out-dir "$OUTDIR" --public-url "./" --detailed-report

scripts/ci.sh

@@ -0,0 +1,8 @@
+#!/bin/bash
+
+set -euxo pipefail
+
+npm run typecheck
+npm run lint
+npm run coverage
+node scripts/generate-file-format-schema-json.js > /dev/null

scripts/deploy.sh

@@ -1,27 +1,28 @@
 #!/bin/bash
 #
-# type check, do a release build, then do a shallow clone of the
-# repository into a temporary directory and copy the release build
-# artifacts into there to commit & push to the gh-pages branch
+# Do a shallow clone of the repository into a temporary directory and copy the
+# artifacts pulled from npm into the shallow clone to commit & push to the
+# gh-pages branch.
 
-# Fail on first error
-set -e
+set -euxo pipefail
 
-OUTDIR=`pwd`/dist/release
-echo $OUTDIR
+SRCDIR=`pwd`
+OUTDIR=`mktemp -d -t speedscope-unpacked`
 
-./build-release.sh
+# Untar the package
+pushd "$OUTDIR"
+PACKEDNAME=`npm pack speedscope | tail -n1`
+tar -xvvf "$PACKEDNAME"
 
 # Create a shallow clone of the repository
-TMPDIR=`mktemp -d -t speedscope-release`
-echo "Entering $TMPDIR"
+TMPDIR=`mktemp -d -t speedscope-deploy`
 pushd "$TMPDIR"
 git clone --depth 1 git@github.com:jlfwong/speedscope.git -b gh-pages
 
 # Copy the build artifacts into the shallow clone
 pushd speedscope
 rm -rf *
-cp -R "$OUTDIR"/* .
+cp -R "$OUTDIR"/package/dist/release/** .
 
 # Set the CNAME record
 echo www.speedscope.app > CNAME
@@ -29,24 +30,28 @@ echo www.speedscope.app > CNAME
 # Set up a handler to run on Ctrl+C
 trap ctrl_c INT
 function ctrl_c() {
+  set +x
   read -p "Commit release? [yes/no]: "
+  set -x
+
   if [[ $REPLY =~ ^yes$ ]]
   then
     git add --all
-    git commit -m 'Release'
+    git commit -m "Deploy $PACKEDNAME"
     git push origin HEAD:gh-pages
-    popd
     rm -rf "$TMPDIR"
     exit 0
   else
+    set +x
     echo "Aborting release."
-    popd
+    set -x
     rm -rf "$TMPDIR"
     exit 1
   fi
 }
 
 # Start a local server for verification of the build
+set +x
 echo
 echo
 echo "Build complete. Starting server on http://localhost:4444/"
@@ -54,3 +59,4 @@ echo "Hit Ctrl+C to complete or cancel the release"
 echo
 echo
 python -m SimpleHTTPServer 4444 .
+set +x

scripts/generate-file-format-schema-json.js

@@ -3,11 +3,18 @@ const child_process = require('child_process')
 
 // Convert the file-format-spec.ts file into a json schema file
 let jsonSchema = child_process.execSync(
-  'node_modules/.bin/quicktype --lang schema ./file-format-spec.ts',
+  'node_modules/.bin/typescript-json-schema ./src/lib/file-format-spec.ts --titles --required --topRef "*"',
   {
     encoding: 'utf8',
   },
 )
 jsonSchema = JSON.parse(jsonSchema)
+
+if (!jsonSchema.definitions['FileFormat.File']) {
+  console.error('SCHEMA GENERATION FAILURE: Could not find FileFormat.File in the definitions list')
+  console.error(jsonSchema)
+  process.exit(1)
+}
+
 jsonSchema['$ref'] = '#/definitions/FileFormat.File'
 console.log(JSON.stringify(jsonSchema, null, 4))

scripts/prepare-test-installation.sh

@@ -0,0 +1,20 @@
+#!/bin/bash
+
+# Prepare a mock installation of speedscope to test it before the actual npm
+# publish
+
+set -euxo pipefail
+
+TMPDIR=`mktemp -d -t speedscope-test-installation`
+PACKEDNAME=`npm pack | tail -n1`
+
+mv "$PACKEDNAME" "$TMPDIR"
+cd "$TMPDIR"
+tar -xvvf "$PACKEDNAME"
+cd package
+npm install
+
+set +x
+echo
+echo "Run the following command to switch into the test directory"
+echo cd "$TMPDIR"/package

scripts/prepare-zip-file.sh

@@ -0,0 +1,34 @@
+#!/bin/bash
+
+# Create a zip file containing a standalone copy of speedscope
+# based on the contents of the package published to npm
+
+set -euxo pipefail
+
+SRCDIR=`pwd`
+TMPDIR=`mktemp -d -t speedscope-test-installation`
+
+# Untar the package
+pushd "$TMPDIR"
+PACKEDNAME=`npm pack speedscope | tail -n1`
+tar -xvvf "$PACKEDNAME"
+
+# Zip the parts we care about
+ZIPNAME=`basename $PACKEDNAME .tgz`.zip
+mkdir speedscope
+mv package/dist/release/** speedscope
+cp "$SRCDIR"/LICENSE speedscope
+echo "This is a self-contained release of https://github.com/jlfwong/speedscope." > speedscope/README
+echo "To use it, open index.html in Chrome or Firefox." >> speedscope/README
+
+zip "$ZIPNAME" speedscope/**
+
+# Switch back to the repository root
+popd
+mv "$TMPDIR"/"$ZIPNAME" dist/release/"$ZIPNAME"
+
+# Clean up
+rm -rf "$TMPDIR"
+
+set +x
+echo "Created dist/release/$ZIPNAME"

scrollable-list-view.tsx

@@ -1,121 +0,0 @@
-// A simple implementation of an efficient scrolling list view which
-// renders only items within the viewport + a couple extra items.
-
-import {h} from 'preact'
-import {ReloadableComponent} from './reloadable'
-
-export interface ListItem {
-  size: number
-}
-
-interface ScrollableListViewProps {
-  items: ListItem[]
-  renderItems: (firstVisibleIndex: number, lastVisibleIndex: number) => JSX.Element | JSX.Element[]
-  className?: string
-}
-
-interface ScrollableListViewState {
-  firstVisibleIndex: number | null
-  lastVisibleIndex: number | null
-  invisiblePrefixSize: number | null
-  viewportSize: number | null
-  cachedTotalSize: number
-}
-
-export class ScrollableListView extends ReloadableComponent<
-  ScrollableListViewProps,
-  ScrollableListViewState
-> {
-  constructor(props: ScrollableListViewProps) {
-    super(props)
-    this.state = {
-      firstVisibleIndex: null,
-      lastVisibleIndex: null,
-      invisiblePrefixSize: null,
-      viewportSize: null,
-      cachedTotalSize: props.items.reduce((a, b) => a + b.size, 0),
-    }
-  }
-
-  private viewport: HTMLDivElement | null = null
-  private viewportRef = (viewport?: Element) => {
-    this.viewport = (viewport as HTMLDivElement) || null
-  }
-
-  private recomputeVisibleIndices(props: ScrollableListViewProps) {
-    if (!this.viewport) return
-    const {items} = props
-
-    const viewportSize = this.viewport.getBoundingClientRect().height
-
-    // We render items up to a quarter viewport height outside of the
-    // viewport both above and below to prevent flickering.
-    const minY = this.viewport.scrollTop - viewportSize / 4
-    const maxY = this.viewport.scrollTop + viewportSize + viewportSize / 4
-
-    let total = 0
-    let invisiblePrefixSize = 0
-
-    let i = 0
-    for (; i < items.length; i++) {
-      const item = items[i]
-      invisiblePrefixSize = total
-      total += item.size
-      if (total >= minY) {
-        break
-      }
-    }
-
-    const firstVisibleIndex = i
-
-    for (; i < items.length; i++) {
-      const item = items[i]
-      total += item.size
-      if (total >= maxY) {
-        break
-      }
-    }
-
-    const lastVisibleIndex = Math.min(i, items.length - 1)
-    this.setState({invisiblePrefixSize, firstVisibleIndex, lastVisibleIndex})
-  }
-
-  componentWillReceiveProps(nextProps: ScrollableListViewProps) {
-    if (this.props.items !== nextProps.items) {
-      this.recomputeVisibleIndices(nextProps)
-    }
-  }
-
-  componentDidMount() {
-    this.recomputeVisibleIndices(this.props)
-    window.addEventListener('resize', this.onWindowResize)
-  }
-
-  componentWillUnmount() {
-    window.removeEventListener('resize', this.onWindowResize)
-  }
-
-  onWindowResize = () => {
-    this.recomputeVisibleIndices(this.props)
-  }
-
-  onViewportScroll = (ev: UIEvent) => {
-    this.recomputeVisibleIndices(this.props)
-  }
-
-  render() {
-    const {cachedTotalSize, firstVisibleIndex, lastVisibleIndex, invisiblePrefixSize} = this.state
-
-    return (
-      <div className={this.props.className} ref={this.viewportRef} onScroll={this.onViewportScroll}>
-        <div style={{height: cachedTotalSize}}>
-          <div style={{transform: `translateY(${invisiblePrefixSize}px)`}}>
-            {firstVisibleIndex != null &&
-              lastVisibleIndex != null &&
-              this.props.renderItems(firstVisibleIndex, lastVisibleIndex)}
-          </div>
-        </div>
-      </div>
-    )
-  }
-}

speedscope.tsx

@@ -1,26 +0,0 @@
-import {h, render} from 'preact'
-import {Application} from './application'
-
-console.log(`speedscope v${require('./package.json').version}`)
-
-let app: Application | null = null
-const retained = (window as any)['__retained__'] as any
-declare const module: any
-if (module.hot) {
-  module.hot.dispose(() => {
-    if (app) {
-      ;(window as any)['__retained__'] = app.serialize()
-    }
-  })
-  module.hot.accept()
-}
-
-function ref(instance: Application | null) {
-  app = instance
-  if (instance && retained) {
-    console.log('rehydrating: ', retained)
-    instance.rehydrate(retained)
-  }
-}
-
-render(<Application ref={ref} />, document.body, document.body.lastElementChild || undefined)

src/README.md

@@ -0,0 +1,13 @@
+# Speedscope TypeScript source
+
+This directory contains the bulk of speedscope's source code.
+
+## Subdirectories
+
+* `gl/`: WebGL code. This includes e.g. the code to render flamecharts.
+* `import/`: Code to import profiles from varous profilers into speedscope. This include e.g. the code to import Chrome performance profiles.
+* `lib/`: Mostly dependency-less utilities. This includes e.g. an LRU cache implementation, basic linear algebra classes,
+  and the definition of speedscope's file format.
+* `store/`: Speedscope's application state management. Implemented using [`redux`](https://redux.js.org/).
+* `typings/`: [TypeScript definition files](https://basarat.gitbooks.io/typescript/docs/types/ambient/d.ts.html)
+* `views/`: View code to generate the HTML & CSS used to construct the UI. Implemented using [`preact`](https://preactjs.com/) and [`aphrodite`](https://github.com/Khan/aphrodite). Also contains code mapping from the `redux` store to views using [`preact-redux`](https://github.com/developit/preact-redux)

src/gl/canvas-context.ts

@@ -0,0 +1,78 @@
+import {Graphics, WebGL} from './graphics'
+import {RectangleBatchRenderer} from './rectangle-batch-renderer'
+import {TextureRenderer} from './texture-renderer'
+import {Rect, Vec2} from '../lib/math'
+import {ViewportRectangleRenderer} from './overlay-rectangle-renderer'
+import {FlamechartColorPassRenderer} from './flamechart-color-pass-renderer'
+
+type FrameCallback = () => void
+
+export class CanvasContext {
+  public readonly gl: WebGL.Context
+  public readonly rectangleBatchRenderer: RectangleBatchRenderer
+  public readonly textureRenderer: TextureRenderer
+  public readonly viewportRectangleRenderer: ViewportRectangleRenderer
+  public readonly flamechartColorPassRenderer: FlamechartColorPassRenderer
+
+  constructor(canvas: HTMLCanvasElement) {
+    this.gl = new WebGL.Context(canvas)
+    this.rectangleBatchRenderer = new RectangleBatchRenderer(this.gl)
+    this.textureRenderer = new TextureRenderer(this.gl)
+    this.viewportRectangleRenderer = new ViewportRectangleRenderer(this.gl)
+    this.flamechartColorPassRenderer = new FlamechartColorPassRenderer(this.gl)
+
+    const webGLInfo = this.gl.getWebGLInfo()
+    if (webGLInfo) {
+      console.log(
+        `WebGL initialized. renderer: ${webGLInfo.renderer}, vendor: ${webGLInfo.vendor}, version: ${webGLInfo.version}`,
+      )
+    }
+    ;(window as any)['testContextLoss'] = () => {
+      this.gl.testContextLoss()
+    }
+  }
+
+  private animationFrameRequest: number | null = null
+  private beforeFrameHandlers = new Set<FrameCallback>()
+  addBeforeFrameHandler(callback: FrameCallback) {
+    this.beforeFrameHandlers.add(callback)
+  }
+  removeBeforeFrameHandler(callback: FrameCallback) {
+    this.beforeFrameHandlers.delete(callback)
+  }
+  requestFrame() {
+    if (!this.animationFrameRequest) {
+      this.animationFrameRequest = requestAnimationFrame(this.onBeforeFrame)
+    }
+  }
+  private onBeforeFrame = () => {
+    this.animationFrameRequest = null
+    this.gl.setViewport(0, 0, this.gl.renderTargetWidthInPixels, this.gl.renderTargetHeightInPixels)
+    this.gl.clear(new Graphics.Color(1, 1, 1, 1))
+
+    for (const handler of this.beforeFrameHandlers) {
+      handler()
+    }
+  }
+
+  setViewport(physicalBounds: Rect, cb: () => void): void {
+    const {origin, size} = physicalBounds
+    let viewportBefore = this.gl.viewport
+    this.gl.setViewport(origin.x, origin.y, size.x, size.y)
+
+    cb()
+
+    let {x, y, width, height} = viewportBefore
+    this.gl.setViewport(x, y, width, height)
+  }
+
+  renderBehind(el: Element, cb: () => void) {
+    const bounds = el.getBoundingClientRect()
+    const physicalBounds = new Rect(
+      new Vec2(bounds.left * window.devicePixelRatio, bounds.top * window.devicePixelRatio),
+      new Vec2(bounds.width * window.devicePixelRatio, bounds.height * window.devicePixelRatio),
+    )
+
+    this.setViewport(physicalBounds, cb)
+  }
+}

src/gl/flamechart-color-pass-renderer.ts

@@ -0,0 +1,165 @@
+import {Vec2, Rect, AffineTransform} from '../lib/math'
+import {Graphics} from './graphics'
+import {setUniformAffineTransform} from './utils'
+
+const vertexFormat = new Graphics.VertexFormat()
+vertexFormat.add('position', Graphics.AttributeType.FLOAT, 2)
+vertexFormat.add('uv', Graphics.AttributeType.FLOAT, 2)
+
+const vert = `
+  uniform mat3 uvTransform;
+  uniform mat3 positionTransform;
+
+  attribute vec2 position;
+  attribute vec2 uv;
+  varying vec2 vUv;
+
+  void main() {
+    vUv = (uvTransform * vec3(uv, 1)).xy;
+    gl_Position = vec4((positionTransform * vec3(position, 1)).xy, 0, 1);
+  }
+`
+
+const frag = `
+  precision mediump float;
+
+  uniform vec2 uvSpacePixelSize;
+  uniform float renderOutlines;
+
+  varying vec2 vUv;
+  uniform sampler2D colorTexture;
+
+  // https://en.wikipedia.org/wiki/HSL_and_HSV#From_luma/chroma/hue
+  vec3 hcl2rgb(float H, float C, float L) {
+    float hPrime = H / 60.0;
+    float X = C * (1.0 - abs(mod(hPrime, 2.0) - 1.0));
+    vec3 RGB =
+      hPrime < 1.0 ? vec3(C, X, 0) :
+      hPrime < 2.0 ? vec3(X, C, 0) :
+      hPrime < 3.0 ? vec3(0, C, X) :
+      hPrime < 4.0 ? vec3(0, X, C) :
+      hPrime < 5.0 ? vec3(X, 0, C) :
+      vec3(C, 0, X);
+
+    float m = L - dot(RGB, vec3(0.30, 0.59, 0.11));
+    return RGB + vec3(m, m, m);
+  }
+
+  float triangle(float x) {
+    return 2.0 * abs(fract(x) - 0.5) - 1.0;
+  }
+
+  vec3 colorForBucket(float t) {
+    float x = triangle(30.0 * t);
+    float H = 360.0 * (0.9 * t);
+    float C = 0.25 + 0.2 * x;
+    float L = 0.80 - 0.15 * x;
+    return hcl2rgb(H, C, L);
+  }
+
+  void main() {
+    vec4 here = texture2D(colorTexture, vUv);
+
+    if (here.z == 0.0) {
+      // Background color
+      gl_FragColor = vec4(0, 0, 0, 0);
+      return;
+    }
+
+    // Sample the 4 surrounding pixels in the depth texture to determine
+    // if we should draw a boundary here or not.
+    vec4 N = texture2D(colorTexture, vUv + vec2(0, uvSpacePixelSize.y));
+    vec4 E = texture2D(colorTexture, vUv + vec2(uvSpacePixelSize.x, 0));
+    vec4 S = texture2D(colorTexture, vUv + vec2(0, -uvSpacePixelSize.y));
+    vec4 W = texture2D(colorTexture, vUv + vec2(-uvSpacePixelSize.x, 0));
+
+    // NOTE: For outline checks, we intentionally check both the right
+    // and the left to determine if we're an edge. If a rectangle is a single
+    // pixel wide, we don't want to render it as an outline, so this method
+    // of checking ensures that we don't outline single physical-space
+    // pixel width rectangles.
+    if (
+      renderOutlines > 0.0 &&
+      (
+        here.y == N.y && here.y != S.y || // Top edge
+        here.y == S.y && here.y != N.y || // Bottom edge
+        here.x == E.x && here.x != W.x || // Left edge
+        here.x == W.x && here.x != E.x
+      )
+    ) {
+      // We're on an edge! Draw transparent.
+      gl_FragColor = vec4(0, 0, 0, 0);
+    } else {
+      // Not on an edge. Draw the appropriate color.
+      gl_FragColor = vec4(colorForBucket(here.z), here.a);
+    }
+  }
+`
+
+export interface FlamechartColorPassRenderProps {
+  rectInfoTexture: Graphics.Texture
+  renderOutlines: boolean
+  srcRect: Rect
+  dstRect: Rect
+}
+
+export class FlamechartColorPassRenderer {
+  private material: Graphics.Material
+  private buffer: Graphics.VertexBuffer
+
+  constructor(private gl: Graphics.Context) {
+    const vertices = [
+      {pos: [-1, 1], uv: [0, 1]},
+      {pos: [1, 1], uv: [1, 1]},
+      {pos: [-1, -1], uv: [0, 0]},
+      {pos: [1, -1], uv: [1, 0]},
+    ]
+    const floats: number[] = []
+    for (let v of vertices) {
+      floats.push(v.pos[0])
+      floats.push(v.pos[1])
+      floats.push(v.uv[0])
+      floats.push(v.uv[1])
+    }
+
+    this.buffer = gl.createVertexBuffer(vertexFormat.stride * vertices.length)
+    this.buffer.uploadFloats(floats)
+    this.material = gl.createMaterial(vertexFormat, vert, frag)
+  }
+
+  render(props: FlamechartColorPassRenderProps) {
+    const {srcRect, rectInfoTexture} = props
+    const physicalToUV = AffineTransform.withTranslation(new Vec2(0, 1))
+      .times(AffineTransform.withScale(new Vec2(1, -1)))
+      .times(
+        AffineTransform.betweenRects(
+          new Rect(Vec2.zero, new Vec2(rectInfoTexture.width, rectInfoTexture.height)),
+          Rect.unit,
+        ),
+      )
+    const uvRect = physicalToUV.transformRect(srcRect)
+    const uvTransform = AffineTransform.betweenRects(Rect.unit, uvRect)
+
+    const {dstRect} = props
+    const viewportSize = new Vec2(this.gl.viewport.width, this.gl.viewport.height)
+
+    const physicalToNDC = AffineTransform.withScale(new Vec2(1, -1)).times(
+      AffineTransform.betweenRects(new Rect(Vec2.zero, viewportSize), Rect.NDC),
+    )
+    const ndcRect = physicalToNDC.transformRect(dstRect)
+    const positionTransform = AffineTransform.betweenRects(Rect.NDC, ndcRect)
+
+    const uvSpacePixelSize = Vec2.unit.dividedByPointwise(
+      new Vec2(props.rectInfoTexture.width, props.rectInfoTexture.height),
+    )
+
+    this.material.setUniformSampler('colorTexture', props.rectInfoTexture, 0)
+    setUniformAffineTransform(this.material, 'uvTransform', uvTransform)
+    this.material.setUniformFloat('renderOutlines', props.renderOutlines ? 1.0 : 0.0)
+    this.material.setUniformVec2('uvSpacePixelSize', uvSpacePixelSize.x, uvSpacePixelSize.y)
+    setUniformAffineTransform(this.material, 'positionTransform', positionTransform)
+
+    this.gl.setUnpremultipliedBlendState()
+    this.gl.draw(Graphics.Primitive.TRIANGLE_STRIP, this.material, this.buffer)
+  }
+}

src/gl/flamechart-renderer.ts

@@ -1,11 +1,12 @@
-import regl from 'regl'
-import {Flamechart} from './flamechart'
-import {RectangleBatch} from './rectangle-batch-renderer'
-import {CanvasContext} from './canvas-context'
-import {Vec2, Rect, AffineTransform} from './math'
-import {Color} from './color'
-import {KeyedSet} from './utils'
+import {Flamechart} from '../lib/flamechart'
+import {RectangleBatch, RectangleBatchRenderer} from './rectangle-batch-renderer'
+import {Vec2, Rect, AffineTransform} from '../lib/math'
+import {Color} from '../lib/color'
+import {KeyedSet} from '../lib/utils'
 import {RowAtlas} from './row-atlas'
+import {Graphics} from './graphics'
+import {FlamechartColorPassRenderer} from './flamechart-color-pass-renderer'
+import {renderInto} from './utils'
 
 const MAX_BATCH_SIZE = 10000
 
@@ -23,9 +24,7 @@ class RangeTreeLeafNode implements RangeTreeNode {
     private batch: RectangleBatch,
     private bounds: Rect,
     private numPrecedingRectanglesInRow: number,
-  ) {
-    batch.uploadToGPU()
-  }
+  ) {}
 
   getBatch() {
     return this.batch
@@ -121,20 +120,20 @@ export class FlamechartRowAtlasKey {
   }
 }
 
-interface RendererOptions {
+export interface FlamechartRendererOptions {
   inverted: boolean
 }
 
 export class FlamechartRenderer {
   private layers: RangeTreeNode[] = []
-  private rectInfoTexture: regl.Texture
-  private framebuffer: regl.Framebuffer
 
   constructor(
-    private canvasContext: CanvasContext,
+    private gl: Graphics.Context,
     private rowAtlas: RowAtlas<FlamechartRowAtlasKey>,
     private flamechart: Flamechart,
-    private options: RendererOptions = {inverted: false},
+    private rectangleBatchRenderer: RectangleBatchRenderer,
+    private colorPassRenderer: FlamechartColorPassRenderer,
+    private options: FlamechartRendererOptions = {inverted: false},
   ) {
     const nLayers = flamechart.getLayers().length
     for (let stackDepth = 0; stackDepth < nLayers; stackDepth++) {
@@ -143,7 +142,7 @@ export class FlamechartRenderer {
 
       let minLeft = Infinity
       let maxRight = -Infinity
-      let batch = canvasContext.createRectangleBatch()
+      let batch = new RectangleBatch(this.gl)
 
       let rectCount = 0
 
@@ -161,7 +160,7 @@ export class FlamechartRenderer {
           )
           minLeft = Infinity
           maxRight = -Infinity
-          batch = canvasContext.createRectangleBatch()
+          batch = new RectangleBatch(this.gl)
         }
         const configSpaceBounds = new Rect(
           new Vec2(frame.start, y),
@@ -176,8 +175,8 @@ export class FlamechartRenderer {
         // and the blue channel to indicate the color bucket to render.
         // We add one to each so we have zero reserved for the background color.
         const color = new Color(
-          (1 + i % 255) / 256,
-          (1 + stackDepth % 255) / 256,
+          (1 + (i % 255)) / 256,
+          (1 + (stackDepth % 255)) / 256,
           (1 + this.flamechart.getColorBucketForFrame(frame.node.frame)) / 256,
         )
         batch.addRect(configSpaceBounds, color)
@@ -198,10 +197,47 @@ export class FlamechartRenderer {
       // range than a tree of always-height-two might make this run faster
       this.layers.push(new RangeTreeInteriorNode(leafNodes))
     }
-    this.rectInfoTexture = this.canvasContext.gl.texture({width: 1, height: 1})
-    this.framebuffer = this.canvasContext.gl.framebuffer({
-      color: [this.rectInfoTexture],
-    })
+  }
+
+  private rectInfoTexture: Graphics.Texture | null = null
+  getRectInfoTexture(width: number, height: number): Graphics.Texture {
+    if (this.rectInfoTexture) {
+      const texture = this.rectInfoTexture
+      if (texture.width != width || texture.height != height) {
+        texture.resize(width, height)
+      }
+    } else {
+      this.rectInfoTexture = this.gl.createTexture(
+        Graphics.TextureFormat.NEAREST_CLAMP,
+        width,
+        height,
+      )
+    }
+    return this.rectInfoTexture
+  }
+
+  private rectInfoRenderTarget: Graphics.RenderTarget | null = null
+  getRectInfoRenderTarget(width: number, height: number): Graphics.RenderTarget {
+    const texture = this.getRectInfoTexture(width, height)
+    if (this.rectInfoRenderTarget) {
+      if (this.rectInfoRenderTarget.texture != texture) {
+        this.rectInfoRenderTarget.texture.free()
+        this.rectInfoRenderTarget.setColor(texture)
+      }
+    }
+    if (!this.rectInfoRenderTarget) {
+      this.rectInfoRenderTarget = this.gl.createRenderTarget(texture)
+    }
+    return this.rectInfoRenderTarget
+  }
+
+  free() {
+    if (this.rectInfoRenderTarget) {
+      this.rectInfoRenderTarget.free()
+    }
+    if (this.rectInfoTexture) {
+      this.rectInfoTexture.free()
+    }
   }
 
   private atlasKeys = new KeyedSet<FlamechartRowAtlasKey>()
@@ -252,10 +288,10 @@ export class FlamechartRenderer {
     const configSpaceContentWidth = this.flamechart.getTotalWeight()
     const numAtlasEntriesPerLayer = Math.pow(2, zoomLevel)
     const left = Math.floor(
-      numAtlasEntriesPerLayer * configSpaceSrcRect.left() / configSpaceContentWidth,
+      (numAtlasEntriesPerLayer * configSpaceSrcRect.left()) / configSpaceContentWidth,
     )
     const right = Math.ceil(
-      numAtlasEntriesPerLayer * configSpaceSrcRect.right() / configSpaceContentWidth,
+      (numAtlasEntriesPerLayer * configSpaceSrcRect.right()) / configSpaceContentWidth,
     )
 
     const nLayers = this.flamechart.getLayers().length
@@ -274,6 +310,11 @@ export class FlamechartRenderer {
       }
     }
 
+    // TODO(jlfwong): When I switched the GL backend from regl to the port from
+    // evanw/sky, rendering uncached even for massive documents seemed fast
+    // enough. It's possible that the row cache is now unnecessary, but I'll
+    // leave it around for now since it's not causing issues.
+
     const cacheCapacity = this.rowAtlas.getCapacity()
     const keysToRenderCached = atlasKeysToRender.slice(0, cacheCapacity)
     const keysToRenderUncached = atlasKeysToRender.slice(cacheCapacity)
@@ -282,24 +323,26 @@ export class FlamechartRenderer {
     this.rowAtlas.writeToAtlasIfNeeded(keysToRenderCached, (textureDstRect, key) => {
       const configSpaceBounds = this.configSpaceBoundsForKey(key)
       this.layers[key.stackDepth].forEachLeafNodeWithinBounds(configSpaceBounds, leaf => {
-        this.canvasContext.drawRectangleBatch({
+        this.rectangleBatchRenderer.render({
           batch: leaf.getBatch(),
           configSpaceSrcRect: configSpaceBounds,
           physicalSpaceDstRect: textureDstRect,
-          parityMin: key.stackDepth % 2 == 0 ? 2 : 0,
-          parityOffset: leaf.getParity(),
         })
       })
     })
 
-    this.framebuffer.resize(physicalSpaceDstRect.width(), physicalSpaceDstRect.height())
-    this.framebuffer.use(context => {
-      this.canvasContext.gl.clear({color: [0, 0, 0, 0]})
+    const renderTarget = this.getRectInfoRenderTarget(
+      physicalSpaceDstRect.width(),
+      physicalSpaceDstRect.height(),
+    )
+
+    renderInto(this.gl, renderTarget, () => {
+      this.gl.clear(new Graphics.Color(0, 0, 0, 0))
+
       const viewportRect = new Rect(
         Vec2.zero,
-        new Vec2(context.viewportWidth, context.viewportHeight),
+        new Vec2(this.gl.viewport.width, this.gl.viewport.height),
       )
-
       const configToViewport = AffineTransform.betweenRects(configSpaceSrcRect, viewportRect)
 
       // Render from the cache
@@ -313,34 +356,25 @@ export class FlamechartRenderer {
         const configSpaceBounds = this.configSpaceBoundsForKey(key)
         const physicalBounds = configToViewport.transformRect(configSpaceBounds)
         this.layers[key.stackDepth].forEachLeafNodeWithinBounds(configSpaceBounds, leaf => {
-          this.canvasContext.drawRectangleBatch({
+          this.rectangleBatchRenderer.render({
             batch: leaf.getBatch(),
-            configSpaceSrcRect,
+            configSpaceSrcRect: configSpaceBounds,
             physicalSpaceDstRect: physicalBounds,
-            parityMin: key.stackDepth % 2 == 0 ? 2 : 0,
-            parityOffset: leaf.getParity(),
           })
         })
       }
     })
 
-    this.canvasContext.drawFlamechartColorPass({
-      rectInfoTexture: this.rectInfoTexture,
-      srcRect: new Rect(
-        Vec2.zero,
-        new Vec2(this.rectInfoTexture.width, this.rectInfoTexture.height),
-      ),
+    const rectInfoTexture = this.getRectInfoTexture(
+      physicalSpaceDstRect.width(),
+      physicalSpaceDstRect.height(),
+    )
+
+    this.colorPassRenderer.render({
+      rectInfoTexture,
+      srcRect: new Rect(Vec2.zero, new Vec2(rectInfoTexture.width, rectInfoTexture.height)),
       dstRect: physicalSpaceDstRect,
       renderOutlines: props.renderOutlines,
     })
-
-    // Overlay the atlas on top of the canvas for debugging
-    /*
-    this.canvasContext.drawTexture({
-      texture: this.rowAtlas.texture,
-      srcRect: new Rect(Vec2.zero, new Vec2(this.rowAtlas.texture.width, this.rowAtlas.texture.height)),
-      dstRect: new Rect(Vec2.zero, new Vec2(800, 800))
-    })
-    */
   }
 }

src/gl/overlay-rectangle-renderer.ts

@@ -0,0 +1,108 @@
+import {AffineTransform, Rect} from '../lib/math'
+import {Graphics} from './graphics'
+import {setUniformAffineTransform, setUniformVec2} from './utils'
+
+export interface ViewportRectangleRendererProps {
+  configSpaceToPhysicalViewSpace: AffineTransform
+  configSpaceViewportRect: Rect
+}
+
+const vertexFormat = new Graphics.VertexFormat()
+vertexFormat.add('position', Graphics.AttributeType.FLOAT, 2)
+
+const vert = `
+  attribute vec2 position;
+
+  void main() {
+    gl_Position = vec4(position, 0, 1);
+  }
+`
+
+const frag = `
+  precision mediump float;
+
+  uniform mat3 configSpaceToPhysicalViewSpace;
+  uniform vec2 physicalSize;
+  uniform vec2 physicalOrigin;
+  uniform vec2 configSpaceViewportOrigin;
+  uniform vec2 configSpaceViewportSize;
+  uniform float framebufferHeight;
+
+  void main() {
+    vec2 origin = (configSpaceToPhysicalViewSpace * vec3(configSpaceViewportOrigin, 1.0)).xy;
+    vec2 size = (configSpaceToPhysicalViewSpace * vec3(configSpaceViewportSize, 0.0)).xy;
+
+    vec2 halfSize = physicalSize / 2.0;
+
+    float borderWidth = 2.0;
+
+    origin = floor(origin * halfSize) / halfSize + borderWidth * vec2(1.0, 1.0);
+    size = floor(size * halfSize) / halfSize - 2.0 * borderWidth * vec2(1.0, 1.0);
+
+    vec2 coord = gl_FragCoord.xy;
+    coord.x = coord.x - physicalOrigin.x;
+    coord.y = framebufferHeight - coord.y - physicalOrigin.y;
+    vec2 clamped = clamp(coord, origin, origin + size);
+    vec2 gap = clamped - coord;
+    float maxdist = max(abs(gap.x), abs(gap.y));
+
+    // TOOD(jlfwong): Could probably optimize this to use mix somehow.
+    if (maxdist == 0.0) {
+      // Inside viewport rectangle
+      gl_FragColor = vec4(0, 0, 0, 0);
+    } else if (maxdist < borderWidth) {
+      // Inside viewport rectangle at border
+      gl_FragColor = vec4(0.7, 0.7, 0.7, 0.8);
+    } else {
+      // Outside viewport rectangle
+      gl_FragColor = vec4(0.7, 0.7, 0.7, 0.5);
+    }
+  }
+`
+
+export class ViewportRectangleRenderer {
+  private material: Graphics.Material
+  private buffer: Graphics.VertexBuffer
+
+  constructor(private gl: Graphics.Context) {
+    const vertices = [
+      [-1, 1],
+      [1, 1],
+      [-1, -1],
+      [1, -1],
+    ]
+    const floats: number[] = []
+    for (let v of vertices) {
+      floats.push(v[0])
+      floats.push(v[1])
+    }
+    this.buffer = gl.createVertexBuffer(vertexFormat.stride * vertices.length)
+    this.buffer.upload(new Uint8Array(new Float32Array(floats).buffer))
+    this.material = gl.createMaterial(vertexFormat, vert, frag)
+  }
+
+  render(props: ViewportRectangleRendererProps) {
+    setUniformAffineTransform(
+      this.material,
+      'configSpaceToPhysicalViewSpace',
+      props.configSpaceToPhysicalViewSpace,
+    )
+
+    // TODO(jlfwong): Pack these into a Vec4 instead
+    setUniformVec2(this.material, 'configSpaceViewportOrigin', props.configSpaceViewportRect.origin)
+    setUniformVec2(this.material, 'configSpaceViewportSize', props.configSpaceViewportRect.size)
+    // TODO(jlfwong): Pack these into a Vec4 instead
+
+    const viewport = this.gl.viewport
+    this.material.setUniformVec2('physicalOrigin', viewport.x, viewport.y)
+    this.material.setUniformVec2('physicalSize', viewport.width, viewport.height)
+
+    this.material.setUniformFloat('framebufferHeight', this.gl.renderTargetHeightInPixels)
+
+    this.gl.setBlendState(
+      Graphics.BlendOperation.SOURCE_ALPHA,
+      Graphics.BlendOperation.INVERSE_SOURCE_ALPHA,
+    )
+    this.gl.draw(Graphics.Primitive.TRIANGLE_STRIP, this.material, this.buffer)
+  }
+}

src/gl/rectangle-batch-renderer.ts

@@ -0,0 +1,142 @@
+import {Rect, Vec2, AffineTransform} from '../lib/math'
+import {Color} from '../lib/color'
+import {Graphics} from './graphics'
+import {setUniformAffineTransform} from './utils'
+
+const vertexFormat = new Graphics.VertexFormat()
+vertexFormat.add('configSpacePos', Graphics.AttributeType.FLOAT, 2)
+vertexFormat.add('color', Graphics.AttributeType.FLOAT, 3)
+
+const vert = `
+  uniform mat3 configSpaceToNDC;
+
+  attribute vec2 configSpacePos;
+  attribute vec3 color;
+  varying vec3 vColor;
+
+  void main() {
+    vColor = color;
+    vec2 position = (configSpaceToNDC * vec3(configSpacePos, 1)).xy;
+    gl_Position = vec4(position, 1, 1);
+  }
+`
+
+const frag = `
+  precision mediump float;
+  varying vec3 vColor;
+
+  void main() {
+    gl_FragColor = vec4(vColor.rgb, 1);
+  }
+`
+
+export class RectangleBatch {
+  private rects: Rect[] = []
+  private colors: Color[] = []
+  constructor(private gl: Graphics.Context) {}
+
+  getRectCount() {
+    return this.rects.length
+  }
+
+  private buffer: Graphics.VertexBuffer | null = null
+  getBuffer(): Graphics.VertexBuffer {
+    if (this.buffer) {
+      return this.buffer
+    }
+
+    const corners = [
+      [0, 0],
+      [1, 0],
+      [0, 1],
+      [1, 0],
+      [0, 1],
+      [1, 1],
+    ]
+
+    const bytes = new Uint8Array(vertexFormat.stride * corners.length * this.rects.length)
+    const floats = new Float32Array(bytes.buffer)
+    let idx = 0
+
+    for (let i = 0; i < this.rects.length; i++) {
+      const rect = this.rects[i]
+      const color = this.colors[i]
+
+      // TODO(jlfwong): In the conversion from regl to graphics.ts, I lost the
+      // ability to do instanced drawing. This is a pretty significant hit to
+      // the performance here since I need 6x the memory to allocate these
+      // things. Adding instanced drawing to graphics.ts is non-trivial, so I'm
+      // just going to try this for now.
+      for (let corner of corners) {
+        floats[idx++] = rect.origin.x + corner[0] * rect.size.x
+        floats[idx++] = rect.origin.y + corner[1] * rect.size.y
+
+        floats[idx++] = color.r
+        floats[idx++] = color.g
+        floats[idx++] = color.b
+      }
+    }
+
+    if (idx !== floats.length) {
+      throw new Error("Buffer expected to be full but wasn't")
+    }
+
+    this.buffer = this.gl.createVertexBuffer(bytes.length)
+    this.buffer.upload(bytes)
+    return this.buffer
+  }
+
+  addRect(rect: Rect, color: Color) {
+    this.rects.push(rect)
+    this.colors.push(color)
+
+    if (this.buffer) {
+      this.buffer.free()
+      this.buffer = null
+    }
+  }
+
+  free() {
+    if (this.buffer) {
+      this.buffer.free()
+      this.buffer = null
+    }
+  }
+}
+
+export interface RectangleBatchRendererProps {
+  batch: RectangleBatch
+  configSpaceSrcRect: Rect
+  physicalSpaceDstRect: Rect
+}
+
+export class RectangleBatchRenderer {
+  material: Graphics.Material
+  constructor(private gl: Graphics.Context) {
+    this.material = gl.createMaterial(vertexFormat, vert, frag)
+  }
+
+  render(props: RectangleBatchRendererProps) {
+    setUniformAffineTransform(
+      this.material,
+      'configSpaceToNDC',
+      (() => {
+        const configToPhysical = AffineTransform.betweenRects(
+          props.configSpaceSrcRect,
+          props.physicalSpaceDstRect,
+        )
+
+        const viewportSize = new Vec2(this.gl.viewport.width, this.gl.viewport.height)
+
+        const physicalToNDC = AffineTransform.withTranslation(new Vec2(-1, 1)).times(
+          AffineTransform.withScale(new Vec2(2, -2).dividedByPointwise(viewportSize)),
+        )
+
+        return physicalToNDC.times(configToPhysical)
+      })(),
+    )
+
+    this.gl.setUnpremultipliedBlendState()
+    this.gl.draw(Graphics.Primitive.TRIANGLES, this.material, props.batch.getBuffer())
+  }
+}

src/gl/row-atlas.ts

@@ -1,31 +1,34 @@
-import regl from 'regl'
-import {LRUCache} from './lru-cache'
-import {RectangleBatch} from './rectangle-batch-renderer'
-import {CanvasContext} from './canvas-context'
-import {Rect, Vec2} from './math'
-import {Color} from './color'
+import {LRUCache} from '../lib/lru-cache'
+import {RectangleBatch, RectangleBatchRenderer} from './rectangle-batch-renderer'
+import {Rect, Vec2} from '../lib/math'
+import {Color} from '../lib/color'
+import {Graphics} from './graphics'
+import {TextureRenderer} from './texture-renderer'
+import {renderInto} from './utils'
 
 export class RowAtlas<K> {
-  texture: regl.Texture
-  private framebuffer: regl.Framebuffer
-  private renderToFramebuffer: regl.Command<{}>
+  private texture: Graphics.Texture
+  private renderTarget: Graphics.RenderTarget
   private rowCache: LRUCache<K, number>
   private clearLineBatch: RectangleBatch
 
-  constructor(private canvasContext: CanvasContext) {
-    this.texture = canvasContext.gl.texture({
-      width: Math.min(canvasContext.getMaxTextureSize(), 4096),
-      height: Math.min(canvasContext.getMaxTextureSize(), 4096),
-      wrapS: 'clamp',
-      wrapT: 'clamp',
-    })
-    this.framebuffer = canvasContext.gl.framebuffer({color: [this.texture]})
+  constructor(
+    private gl: Graphics.Context,
+    private rectangleBatchRenderer: RectangleBatchRenderer,
+    private textureRenderer: TextureRenderer,
+  ) {
+    this.texture = gl.createTexture(Graphics.TextureFormat.NEAREST_CLAMP, 4096, 4096)
+    this.renderTarget = gl.createRenderTarget(this.texture)
     this.rowCache = new LRUCache(this.texture.height)
-    this.renderToFramebuffer = canvasContext.gl({
-      framebuffer: this.framebuffer,
-    })
-    this.clearLineBatch = canvasContext.createRectangleBatch()
+    this.clearLineBatch = new RectangleBatch(gl)
     this.clearLineBatch.addRect(Rect.unit, new Color(0, 0, 0, 0))
+
+    // All of the cached data is stored GPU-side, and we don't retain a copy of
+    // it client-side. This means when we get a context loss event, the data is
+    // totally gone. So let's clear our CPU-side cache to reflect that fact.
+    gl.addContextResetHandler(() => {
+      this.rowCache.clear()
+    })
   }
 
   has(key: K) {
@@ -53,7 +56,7 @@ export class RowAtlas<K> {
   }
 
   writeToAtlasIfNeeded(keys: K[], render: (textureDstRect: Rect, key: K) => void) {
-    this.renderToFramebuffer((context: regl.Context) => {
+    renderInto(this.gl, this.renderTarget, () => {
       for (let key of keys) {
         let row = this.rowCache.get(key)
         if (row != null) {
@@ -64,7 +67,7 @@ export class RowAtlas<K> {
         row = this.allocateLine(key)
 
         const textureRect = new Rect(new Vec2(0, row), new Vec2(this.texture.width, 1))
-        this.canvasContext.drawRectangleBatch({
+        this.rectangleBatchRenderer.render({
           batch: this.clearLineBatch,
           configSpaceSrcRect: Rect.unit,
           physicalSpaceDstRect: textureRect,
@@ -84,7 +87,7 @@ export class RowAtlas<K> {
 
     // At this point, we have the row in cache, and we can
     // paint directly from it into the framebuffer.
-    this.canvasContext.drawTexture({
+    this.textureRenderer.render({
       texture: this.texture,
       srcRect: textureRect,
       dstRect: dstRect,

src/gl/texture-renderer.ts

@@ -0,0 +1,109 @@
+import {Vec2, Rect, AffineTransform} from '../lib/math'
+import {Graphics} from './graphics'
+import {setUniformAffineTransform} from './utils'
+
+export interface TextureRendererProps {
+  texture: Graphics.Texture
+  srcRect: Rect
+  dstRect: Rect
+}
+
+const vert = `
+  uniform mat3 uvTransform;
+  uniform mat3 positionTransform;
+
+  attribute vec2 position;
+  attribute vec2 uv;
+  varying vec2 vUv;
+
+  void main() {
+    vUv = (uvTransform * vec3(uv, 1)).xy;
+    gl_Position = vec4((positionTransform * vec3(position, 1)).xy, 0, 1);
+  }
+`
+
+const frag = `
+  precision mediump float;
+
+  varying vec2 vUv;
+  uniform sampler2D texture;
+
+  void main() {
+   gl_FragColor = texture2D(texture, vUv);
+  }
+`
+
+export interface TextureRendererProps {
+  texture: Graphics.Texture
+  srcRect: Rect
+  dstRect: Rect
+}
+
+export class TextureRenderer {
+  private buffer: Graphics.VertexBuffer
+  private material: Graphics.Material
+
+  constructor(private gl: Graphics.Context) {
+    const vertexFormat = new Graphics.VertexFormat()
+    vertexFormat.add('position', Graphics.AttributeType.FLOAT, 2)
+    vertexFormat.add('uv', Graphics.AttributeType.FLOAT, 2)
+
+    const vertices = [
+      {pos: [-1, 1], uv: [0, 1]},
+      {pos: [1, 1], uv: [1, 1]},
+      {pos: [-1, -1], uv: [0, 0]},
+      {pos: [1, -1], uv: [1, 0]},
+    ]
+    const floats: number[] = []
+    for (let v of vertices) {
+      floats.push(v.pos[0])
+      floats.push(v.pos[1])
+      floats.push(v.uv[0])
+      floats.push(v.uv[1])
+    }
+
+    this.buffer = gl.createVertexBuffer(vertexFormat.stride * vertices.length)
+    this.buffer.upload(new Uint8Array(new Float32Array(floats).buffer))
+    this.material = gl.createMaterial(vertexFormat, vert, frag)
+  }
+
+  render(props: TextureRendererProps) {
+    this.material.setUniformSampler('texture', props.texture, 0)
+    setUniformAffineTransform(
+      this.material,
+      'uvTransform',
+      (() => {
+        const {srcRect, texture} = props
+        const physicalToUV = AffineTransform.withTranslation(new Vec2(0, 1))
+          .times(AffineTransform.withScale(new Vec2(1, -1)))
+          .times(
+            AffineTransform.betweenRects(
+              new Rect(Vec2.zero, new Vec2(texture.width, texture.height)),
+              Rect.unit,
+            ),
+          )
+        const uvRect = physicalToUV.transformRect(srcRect)
+        return AffineTransform.betweenRects(Rect.unit, uvRect)
+      })(),
+    )
+    setUniformAffineTransform(
+      this.material,
+      'positionTransform',
+      (() => {
+        const {dstRect} = props
+
+        const {viewport} = this.gl
+        const viewportSize = new Vec2(viewport.width, viewport.height)
+
+        const physicalToNDC = AffineTransform.withScale(new Vec2(1, -1)).times(
+          AffineTransform.betweenRects(new Rect(Vec2.zero, viewportSize), Rect.NDC),
+        )
+        const ndcRect = physicalToNDC.transformRect(dstRect)
+        return AffineTransform.betweenRects(Rect.NDC, ndcRect)
+      })(),
+    )
+
+    this.gl.setUnpremultipliedBlendState()
+    this.gl.draw(Graphics.Primitive.TRIANGLE_STRIP, this.material, this.buffer)
+  }
+}

src/gl/utils.ts

@@ -0,0 +1,21 @@
+import {Graphics} from './graphics'
+import {AffineTransform, Vec2} from '../lib/math'
+
+export function setUniformAffineTransform(
+  material: Graphics.Material,
+  name: string,
+  transform: AffineTransform,
+) {
+  let {m00, m01, m02, m10, m11, m12} = transform
+  material.setUniformMat3(name, m00, m01, m02, m10, m11, m12, 0, 0, 1)
+}
+export function setUniformVec2(material: Graphics.Material, name: string, vec: Vec2) {
+  material.setUniformVec2(name, vec.x, vec.y)
+}
+
+export function renderInto(gl: Graphics.Context, target: Graphics.RenderTarget, cb: () => void) {
+  gl.setRenderTarget(target)
+  gl.setViewport(0, 0, target.texture.width, target.texture.height)
+  cb()
+  gl.setRenderTarget(null)
+}