website: use webpack to generate results list

website/GenerateResultsJsonPlugin.js

@@ -0,0 +1,32 @@
+const fs = require('fs');
+const path = require('path');
+
+class GenerateResultsJsonPlugin {
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap('GenerateResultsJsonPlugin', (compilation) => {
+      compilation.hooks.processAssets.tapAsync(
+        {
+          name: 'GenerateResultsJsonPlugin',
+          stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
+        },
+        (assets, callback) => {
+          const resultsDir = path.resolve(__dirname, 'public/result');
+          const results = fs.readdirSync(resultsDir).filter(file => fs.statSync(path.join(resultsDir, file)).isDirectory());
+          const newJsonContent = JSON.stringify({ results }, null, 2);
+          const jsonFilePath = path.resolve(__dirname, 'src/assets/results.json');
+          if (fs.existsSync(jsonFilePath)) {
+            const existingJsonContent = fs.readFileSync(jsonFilePath, 'utf-8');
+            if (existingJsonContent !== newJsonContent) {
+              fs.writeFileSync(jsonFilePath, newJsonContent);
+            }
+          } else {
+            fs.writeFileSync(jsonFilePath, newJsonContent);
+          }
+          callback();
+        }
+      );
+    });
+  }
+}
+
+module.exports = GenerateResultsJsonPlugin;

website/package.json

@@ -2,9 +2,8 @@
   "name": "buildkit-bench-website",
   "private": true,
   "scripts": {
-    "serve": "yarn run prebuild && vue-cli-service serve",
-    "prebuild": "node generateResults.js",
-    "build": "yarn run prebuild && vue-cli-service build"
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build"
   },
   "repository": {
     "type": "git",

website/src/components/ResultsList.vue

@@ -11,16 +11,16 @@
 </template>
 
 <script>
+import resultsData from '@/assets/results.json';
+
 export default {
   data() {
     return {
-      results: [],
+      results: resultsData.results.sort((a, b) => b.localeCompare(a)),
       selectedResult: null
     };
   },
-  async created() {
-    const resultsData = await import(`../assets/results.json`);
-    this.results = resultsData.results.sort((a, b) => b.localeCompare(a));
+  created() {
     this.updateSelectedResult();
   },
   watch: {

website/vue.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const GenerateResultsJsonPlugin = require('./GenerateResultsJsonPlugin');
 
 module.exports = {
   publicPath: process.env.WEBSITE_PUBLIC_PATH || '/',
@@ -7,7 +8,10 @@ module.exports = {
       alias: {
         '@': path.resolve(__dirname, 'src')
       }
-    }
+    },
+    plugins: [
+      new GenerateResultsJsonPlugin()
+    ]
   },
   chainWebpack: config => {
     config.module.rule('text').test(/\.txt$/).type('asset/source');