# 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>