style: configure eslint

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_size = 4
+trim_trailing_whitespace = true
+
+[*.js]
+indent_style = space

.eslintignore

@@ -0,0 +1,2 @@
+dist/*
+node_modules/*

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+    extends: ['scratch', 'scratch/node', 'scratch/es6']
+};

.github/workflows/ci-cd.yml

@@ -35,7 +35,9 @@ jobs:
           GitHub head ref: ${{ github.head_ref }}
           EOF
       - name: Setup
-        run: npm ci --legacy-peer-deps
+        run: npm ci
+      - name: Lint
+        run: npm run lint
       - name: Setup Deploy
         run: |
           echo "export NPM_TAG=latest" >> $GITHUB_ENV

package.json

@@ -11,6 +11,7 @@
   "scripts": {
     "build": "npm run clean && webpack --progress --bail",
     "clean": "rimraf ./dist",
+    "lint": "eslint .",
     "test": "npm run build",
     "watch": "webpack --progress --watch"
   },

src/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    root: true,
+    extends: ['scratch', 'scratch/es6'],
+    env: {
+        browser: true
+    }
+};

src/index.js

@@ -1,41 +1,41 @@
-// Synchronously load TTF fonts.
-// First, have Webpack load their data as Base 64 strings.
-let FONTS;
-
-const getFonts = function () {
-    if (FONTS) return FONTS;
-    /* eslint-disable global-require */
-    FONTS = {
-        'Sans Serif': require('base64-loader!./NotoSans-Medium.ttf'),
-        'Serif': require('base64-loader!./SourceSerifPro-Regular.otf'),
-        'Handwriting': require('base64-loader!./handlee-regular.ttf'),
-        'Marker': require('base64-loader!./Knewave.ttf'),
-        'Curly': require('base64-loader!./Griffy-Regular.ttf'),
-        'Pixel': require('base64-loader!./Grand9K-Pixel.ttf'),
-        'Scratch': require('base64-loader!./Scratch.ttf')
-    };
-    /* eslint-enable global-require */
-
-    // For each Base 64 string,
-    // 1. Replace each with a usable @font-face tag that points to a Data URI.
-    // 2. Inject the font into a style on `document.body`, so measurements
-    //    can be accurately taken in SvgRenderer._transformMeasurements.
-    for (const fontName in FONTS) {
-        const fontData = FONTS[fontName];
-        FONTS[fontName] = '@font-face {' +
-            `font-family: "${fontName}";src: url("data:application/x-font-ttf;charset=utf-8;base64,${fontData}");}`;
-    }
-
-    if (!document.getElementById('scratch-font-styles')) {
-    	const documentStyleTag = document.createElement('style');
-    	documentStyleTag.id = 'scratch-font-styles';
-    	for (const fontName in FONTS) {
-    	    documentStyleTag.textContent += FONTS[fontName];
-    	}
-    	document.body.insertBefore(documentStyleTag, document.body.firstChild);
-    }
-
-    return FONTS;
-}
-
-module.exports = getFonts;
+// Synchronously load TTF fonts.
+// First, have Webpack load their data as Base 64 strings.
+let FONTS;
+
+const getFonts = function () {
+    if (FONTS) return FONTS;
+    /* eslint-disable global-require */
+    FONTS = {
+        'Sans Serif': require('base64-loader!./NotoSans-Medium.ttf'),
+        'Serif': require('base64-loader!./SourceSerifPro-Regular.otf'),
+        'Handwriting': require('base64-loader!./handlee-regular.ttf'),
+        'Marker': require('base64-loader!./Knewave.ttf'),
+        'Curly': require('base64-loader!./Griffy-Regular.ttf'),
+        'Pixel': require('base64-loader!./Grand9K-Pixel.ttf'),
+        'Scratch': require('base64-loader!./Scratch.ttf')
+    };
+    /* eslint-enable global-require */
+
+    // For each Base 64 string,
+    // 1. Replace each with a usable @font-face tag that points to a Data URI.
+    // 2. Inject the font into a style on `document.body`, so measurements
+    //    can be accurately taken in SvgRenderer._transformMeasurements.
+    for (const fontName in FONTS) {
+        const fontData = FONTS[fontName];
+        FONTS[fontName] = '@font-face {' +
+            `font-family: "${fontName}";src: url("data:application/x-font-ttf;charset=utf-8;base64,${fontData}");}`;
+    }
+
+    if (!document.getElementById('scratch-font-styles')) {
+        const documentStyleTag = document.createElement('style');
+        documentStyleTag.id = 'scratch-font-styles';
+        for (const fontName in FONTS) {
+            documentStyleTag.textContent += FONTS[fontName];
+        }
+        document.body.insertBefore(documentStyleTag, document.body.firstChild);
+    }
+
+    return FONTS;
+};
+
+module.exports = getFonts;