ChromeDevTools / timeline-viewer

View DevTools Timeline trace files from Google Drive wicked easily
https://chromedevtools.github.io/timeline-viewer/
Other
323 stars 43 forks source link

[Question] load data on the generated entrypoint files #87

Closed 40x closed 3 years ago

40x commented 3 years ago

Following up on https://github.com/ChromeDevTools/timeline-viewer/issues/85

I was able to clone, and build the devtools-frontend project locally and I can get the UI to show on a dev server from the generated out/Default/gen/front_end folder.

I am trying to load this page with some default data and I tried to do this -

<!--
 * Copyright 2018 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
-->
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>DevTools</title>
<style>
  @media (prefers-color-scheme: dark) {
    body {
      background-color: rgb(41 42 45);
    }
  }
</style>
<meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://chrome-devtools-frontend.appspot.com">
<meta name="referrer" content="no-referrer">
<script type="module" src="./entrypoints/richter_app/devtools_app.js"></script>
<script>
  window.onload = function () {
    window.Root.Runtime.loadResourcePromise('https://gist.githubusercontent.com/40x/5db77759abc4aafc74c8da7d70d718a5/raw/516df060ca1d3586068be0651b98c02803592705/gistfile1.txt')
  }
</script>
<body class="undocked" id="-blink-dev-tools">

When the UI loads the API call is dispatched and the response is available but nothing is really displayed on the UI. I was wondering if anyone could give me an assist with the next steps here?

40x commented 3 years ago

abandoned approach