65ed7099c0
- Pick a default view when database is filled. - Fix d3, d3-graphviz depdency. - reduce the size into a smaller table (to avoid scrolling) - slant the pass items to allow smaller cells for the table. - make subresource rendering the same as regular resource rendering with a color hint. - Use color-only to indicate resource/pass interaction (read, write, read-write, no-access) - add tooltip to indicate resource action
31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Filament Debugger</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
|
|
<link href="https://google.github.io/filament/favicon.png" rel="icon" type="image/x-icon" />
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
|
|
<!--
|
|
We load d3 and d3-graphviz via script tags instead of ESM imports in app.js.
|
|
This is because d3-graphviz relies on viz.js (WASM), and loading it purely via
|
|
ESM from CDNs often fails to locate the WASM file or handle the worker correctly.
|
|
-->
|
|
<script src="//d3js.org/d3.v7.min.js"></script>
|
|
<script src="https://unpkg.com/@hpcc-js/wasm@2.20.0/dist/index.min.js"></script>
|
|
<script src="https://unpkg.com/d3-graphviz@5.6.0/build/d3-graphviz.js"></script>
|
|
<style>
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
font-family: "Open Sans";
|
|
}
|
|
</style>
|
|
<script src="api.js"></script>
|
|
</head>
|
|
<body>
|
|
<script src="app.js" type="module"></script>
|
|
<framegraph-viewer></framegraph-viewer>
|
|
</body>
|
|
</html>
|