diff --git a/web-ui/src/App.svelte b/web-ui/src/App.svelte index ef0deab963929d614641d3f3bc2d3d99c7be2dfd_d2ViLXVpL3NyYy9BcHAuc3ZlbHRl..d98c8e48b61279dc38eead1e3c1be3d9f94a1abf_d2ViLXVpL3NyYy9BcHAuc3ZlbHRl 100644 --- a/web-ui/src/App.svelte +++ b/web-ui/src/App.svelte @@ -1,8 +1,6 @@ <script lang="ts"> import Benchmark from "./lib/Benchmark.svelte"; - import allResults from "../../results-new.json"; - /** * Group results as expected by `Benchmark` */ @@ -21,9 +19,13 @@ <main> <h1>Poulpe!</h1> - {#each Object.entries(allResults) as [name, results]} - <h2>{name}</h2> - {#each Object.entries(groupResults(results)) as [flavor, results]} - <h3>Flavor: {flavor}</h3> - <Benchmark {results} /> + {#await import("../../results-new.json")} + <h2>Loading...</h2> + {:then allResults} + {#each Object.entries(allResults.default) as [name, results]} + <h2>{name}</h2> + {#each Object.entries(groupResults(results)) as [flavor, results]} + <h3>Flavor: {flavor}</h3> + <Benchmark {results} /> + {/each} {/each} @@ -29,5 +31,5 @@ {/each} - {/each} + {/await} </main> <style>