# HG changeset patch # User Raphaël Gomès <rgomes@octobus.net> # Date 1657273706 -7200 # Fri Jul 08 11:48:26 2022 +0200 # Node ID d98c8e48b61279dc38eead1e3c1be3d9f94a1abf # Parent ef0deab963929d614641d3f3bc2d3d99c7be2dfd web-ui: dynamic loading diff --git a/web-ui/src/App.svelte b/web-ui/src/App.svelte --- 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,13 +19,17 @@ <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} - {/each} + {/await} </main> <style>