Use Roboto font for rendering plots

- this may fix the CI issues with rendering differences of fonts

package.json

@@ -10,6 +10,7 @@
   "license": "MIT",
   "type": "module",
   "dependencies": {
+    "@fontsource/roboto": "5.0.3",
     "@octokit/auth-app": "4.0.13",
     "@octokit/rest": "19.0.11",
     "chart.js": "^3.5.1",

src/charts.ts

@@ -13,7 +13,7 @@ import {
   BoxAndWiskers
 } from '@sgratzl/chartjs-chart-boxplot';
 import { medianUnsorted } from '../src/stats.js';
-import { siteAesthetics } from './util.js';
+import { robustPath, siteAesthetics } from './util.js';
 
 const fullyTransparent = 'rgba(0, 0, 0, 0)';
 
@@ -145,6 +145,8 @@ export function createCanvas(settings: CanvasSettings): ChartJSNodeCanvas {
     backgroundColour: siteAesthetics.backgroundColor,
     plugins: { modern: plugins },
     chartCallback: (ChartJS) => {
+      ChartJS.defaults.font.family = 'Roboto';
+
       ChartJS.register({
         id: 'my_background_color',
         beforeDraw: (chart, _options) => {
@@ -171,7 +173,28 @@ export function createCanvas(settings: CanvasSettings): ChartJSNodeCanvas {
   if (settings.outputType === 'svg') {
     (<any>canvasOptions).type = 'svg'; // work around the readonly property
   }
-  return new ChartJSNodeCanvas(canvasOptions);
+
+  const canvas = new ChartJSNodeCanvas(canvasOptions);
+
+  canvas.registerFont(
+    robustPath(
+      '../node_modules/@fontsource/roboto/files/roboto-latin-400-normal.woff'
+    ),
+    {
+      family: 'Roboto',
+      weight: '400'
+    }
+  );
+  canvas.registerFont(
+    robustPath(
+      '../node_modules/@fontsource/roboto/files/roboto-latin-700-normal.woff'
+    ),
+    {
+      family: 'Roboto',
+      weight: '700'
+    }
+  );
+  return canvas;
 }
 
 async function renderDataOnCanvas(

src/logging.ts

@@ -1,16 +1,13 @@
 import { Logger } from 'tslog';
+import { isRunningTests } from './util.js';
 
 // 0: silly, 1: trace, 2: debug, 3: info, 4: warn, 5: error, 6: fatal
 const trace = 2;
 const info = 3;
 const error = 5;
 
 function getLoggingLevel(): number {
-  if (
-    ('NODE_ENV' in process.env && process.env.NODE_ENV === 'test') ||
-    ('JEST_WORKER_ID' in process.env &&
-      process.env.JEST_WORKER_ID !== undefined)
-  ) {
+  if (isRunningTests()) {
     return error;
   }
 

src/util.ts

@@ -56,6 +56,14 @@ export function isReBenchDotDev(): boolean {
   return siteConfig.publicUrl === _rebench_dev;
 }
 
+export function isRunningTests(): boolean {
+  return (
+    ('NODE_ENV' in process.env && process.env.NODE_ENV === 'test') ||
+    ('JEST_WORKER_ID' in process.env &&
+      process.env.JEST_WORKER_ID !== undefined)
+  );
+}
+
 export const statsConfig = {
   numberOfBootstrapSamples: 50
 };