build: Add build step before generating the schema

biome.json

@@ -4,6 +4,7 @@
   "files": {
     "maxSize": 10000000,
     "includes": [
+      "**/esbuild-config.js",
       "**/src/**",
       "**/lib/**",
       "**/test/**",

devtools/dashboard_utilities.mjs

@@ -0,0 +1,67 @@
+import fs from 'fs';
+import path from 'path';
+import constants from '../tasks/util/constants.js';
+
+function readFilePromise(file) {
+    return new Promise((resolve, reject) => {
+        fs.readFile(file, { encoding: 'utf-8' }, (err, contents) => {
+            if (err) reject(err);
+            else resolve({ name: file, contents: contents });
+        });
+    });
+}
+
+function writeFilePromise(path, contents) {
+    return new Promise((resolve, reject) => {
+        fs.writeFile(path, contents, (err) => {
+            if (err) reject(err);
+            else resolve(path);
+        });
+    });
+}
+
+export function getMockFiles() {
+    return new Promise((resolve, reject) => {
+        fs.readdir(constants.pathToTestImageMocks, (err, files) => {
+            if (err) reject(err);
+            else resolve(files);
+        });
+    });
+}
+
+export function readFiles(files) {
+    const promises = files.map((file) => readFilePromise(path.join(constants.pathToTestImageMocks, file)));
+
+    return Promise.all(promises);
+}
+
+export function createMocksList(files) {
+    // eliminate pollutants (e.g .DS_Store) that can accumulate in the mock directory
+    const jsonFiles = files.filter((file) => file.name.substr(-5) === '.json');
+
+    const mocksList = jsonFiles.map((file) => {
+        const contents = JSON.parse(file.contents);
+
+        // get plot type keywords from mocks
+        const types = contents.data
+            .map((trace) => trace.type || 'scatter')
+            .reduce((acc, type, i, arr) => (arr.lastIndexOf(type) === i ? [...acc, type] : acc), []);
+
+        const filename = file.name.split(path.sep).pop();
+
+        return {
+            name: filename.slice(0, -5),
+            file: filename,
+            keywords: types.join(', ')
+        };
+    });
+
+    return mocksList;
+}
+
+function saveListToFile(filePath, fileName) {
+    return (list) => writeFilePromise(path.join(filePath, fileName), JSON.stringify(list, null, 2));
+}
+
+export const saveMockListToFile = saveListToFile(constants.pathToBuild, 'test_dashboard_mocks.json');
+export const saveReglTracesToFile = saveListToFile(constants.pathToBuild, 'regl_traces.json');

devtools/regl_codegen/server.mjs

@@ -1,26 +1,25 @@
+import ecstatic from 'ecstatic';
+import { build } from 'esbuild';
 import fs from 'fs';
-import path from 'path';
 import http from 'http';
-import ecstatic from 'ecstatic';
-import open from 'open';
 import minimist from 'minimist';
-
+import open from 'open';
+import path from 'path';
+import { localDevReglCodegenConfig as config } from '../../esbuild-config.js';
 import constants from '../../tasks/util/constants.js';
-import { build } from 'esbuild';
-import config from '../../esbuild-config.js';
+import {
+    createMocksList,
+    getMockFiles,
+    readFiles,
+    saveMockListToFile,
+    saveReglTracesToFile
+} from '../dashboard_utilities.mjs';
 
 var args = minimist(process.argv.slice(2), {});
 var PORT = args.port || 3000;
 var strict = args.strict;
 
-var reglTraceList = [
-    'parcoords',
-    'scattergl',
-    'scatterpolargl',
-    'splom'
-];
-
-
+var reglTraceList = ['parcoords', 'scattergl', 'scatterpolargl', 'splom'];
 
 // Create server
 var _static = ecstatic({
@@ -32,21 +31,21 @@ var _static = ecstatic({
 
 var tracesReceived = [];
 
-var server = http.createServer(function(req, res) {
-    if(req.method === 'POST' && req.url === '/api/submit-code') {
+var server = http.createServer(function (req, res) {
+    if (req.method === 'POST' && req.url === '/api/submit-code') {
         var body = '';
-        req.on('data', function(data) {
+        req.on('data', function (data) {
             body += data;
         });
-        req.on('end', function() {
+        req.on('end', function () {
             var data = JSON.parse(body);
 
             tracesReceived.push(data.trace);
             handleCodegen(data);
             res.statusCode = 200;
             res.end();
         });
-    } else if(req.method === 'GET' && req.url === '/api/codegen-done') {
+    } else if (req.method === 'GET' && req.url === '/api/codegen-done') {
         console.log('Codegen complete');
         console.log('Traces received:', tracesReceived);
 
@@ -71,138 +70,32 @@ server.listen(PORT);
 // open up browser window
 open('http://localhost:' + PORT + '/devtools/regl_codegen/index' + (strict ? '-strict' : '') + '.html');
 
-var devtoolsPath = path.join(constants.pathToRoot, 'devtools/regl_codegen');
-config.entryPoints = [path.join(devtoolsPath, 'devtools.js')];
-config.outfile = './build/regl_codegen-bundle.js';
-config.sourcemap = false;
-config.minify = false;
 await build(config);
 
-function getMockFiles() {
-    return new Promise(function(resolve, reject) {
-        fs.readdir(constants.pathToTestImageMocks, function(err, files) {
-            if(err) {
-                reject(err);
-            } else {
-                resolve(files);
-            }
-        });
-    });
-}
-
-function readFiles(files) {
-    var promises = files.map(function(file) {
-        var filePath = path.join(constants.pathToTestImageMocks, file);
-        return readFilePromise(filePath);
-    });
-
-    return Promise.all(promises);
-}
-
-function createMocksList(files) {
-    // eliminate pollutants (e.g .DS_Store) that can accumulate in the mock directory
-    var jsonFiles = files.filter(function(file) {
-        return file.name.substr(-5) === '.json';
-    });
-
-    var mocksList = jsonFiles.map(function(file) {
-        var contents = JSON.parse(file.contents);
-
-        // get plot type keywords from mocks
-        var types = contents.data.map(function(trace) {
-            return trace.type || 'scatter';
-        }).reduce(function(acc, type, i, arr) {
-            if(arr.lastIndexOf(type) === i) {
-                acc.push(type);
-            }
-            return acc;
-        }, []);
-
-        var filename = file.name.split(path.sep).pop();
-
-        return {
-            name: filename.slice(0, -5),
-            file: filename,
-            keywords: types.join(', ')
-        };
-    });
-
-    return mocksList;
-}
-
-function saveMockListToFile(mocksList) {
-    var filePath = path.join(constants.pathToBuild, 'test_dashboard_mocks.json');
-    var content = JSON.stringify(mocksList, null, 4);
-
-    return writeFilePromise(filePath, content);
-}
-
-function saveReglTracesToFile(traces) {
-    var filePath = path.join(constants.pathToBuild, 'regl_traces.json');
-    var content = JSON.stringify(traces, null, 4);
-
-    return writeFilePromise(filePath, content);
-}
-
-function readFilePromise(file) {
-    return new Promise(function(resolve, reject) {
-        fs.readFile(file, { encoding: 'utf-8' }, function(err, contents) {
-            if(err) {
-                reject(err);
-            } else {
-                resolve({
-                    name: file,
-                    contents: contents
-                });
-            }
-        });
-    });
-}
-
-function writeFilePromise(path, contents) {
-    return new Promise(function(resolve, reject) {
-        fs.writeFile(path, contents, function(err) {
-            if(err) {
-                reject(err);
-            } else {
-                resolve(path);
-            }
-        });
-    });
-}
-
 function handleCodegen(data) {
     var trace = data.trace;
     var generated = data.generated;
 
     var pathToReglCodegenSrc = constants.pathToReglCodegenSrc;
     var pathToReglPrecompiledSrc = path.join(constants.pathToSrc, 'traces', trace, 'regl_precompiled.js');
 
-    var header = [
-        '\'use strict\';',
-        '',
-    ].join('\n');
+    var header = ["'use strict';", ''].join('\n');
     var imports = '';
-    var exports = [
-        '',
-        '/* eslint-disable quote-props */',
-        'module.exports = {',
-        '',
-    ].join('\n');
+    var exports = ['', '/* eslint-disable quote-props */', 'module.exports = {', ''].join('\n');
     var varId = 0;
 
-    Object.entries(generated).forEach(function(kv) {
+    Object.entries(generated).forEach(function (kv) {
         var key = kv[0];
         var value = kv[1];
         var filePath = path.join(pathToReglCodegenSrc, key);
         fs.writeFileSync(filePath, 'module.exports = ' + value);
 
-        imports += 'var v' + varId + ' = require(\'../../' + path.join(constants.reglCodegenSubdir, key) + '\');\n';
-        exports += '    \'' + key + '\': v' + varId + ',\n';
+        imports += 'var v' + varId + " = require('../../" + path.join(constants.reglCodegenSubdir, key) + "');\n";
+        exports += "    '" + key + "': v" + varId + ',\n';
         varId++;
     });
 
-    if(varId > 0) {
+    if (varId > 0) {
         exports = exports.slice(0, -2) + '\n};\n';
     } else {
         exports = 'module.exports = {};\n';