chore: add automatic font generation and fix VSCode settings

.vscode/settings.json

@@ -1,6 +1,5 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-  "editor.formatOnSave": false,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
   },

package.json

@@ -1228,6 +1228,7 @@
     "@types/mkdirp": "^2.0.0",
     "@types/mocha": "^8.2.3",
     "@types/node": "^14.18.63",
+    "@types/prettier": "^2.7.3",
     "@types/react": "^17.0.83",
     "@types/react-dom": "^17.0.25",
     "@types/sinon": "^9.0.11",

scripts/generate-icon-font.ts

@@ -1,6 +1,7 @@
 import webfont from 'webfont';
 import fs from 'fs/promises';
 import { GlyphData } from 'webfont/dist/src/types';
+import prettier from 'prettier';
 
 /** Icons to include in the generated icon font */
 const INCLUDED_ICONS = ['connection-active', 'connection-inactive'];
@@ -40,14 +41,19 @@ async function main(): Promise<void> {
   });
 
   // Prints out the VSCode configuration package.json
-  console.info(
-    JSON.stringify(
-      {
-        icons: iconsConfig,
-      },
-      undefined,
-      2
-    )
+  const currentConfiguration = JSON.parse(
+    await fs.readFile('./package.json', 'utf8')
+  );
+
+  currentConfiguration.contributes.icons = iconsConfig;
+
+  const prettierConfig = await prettier.resolveConfig('./.prettierrc.json');
+  await fs.writeFile(
+    './package.json',
+    prettier.format(JSON.stringify(currentConfiguration), {
+      ...prettierConfig,
+      parser: 'json-stringify',
+    })
   );
 }