Migrate to ES Modules

.eslintrc.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true
+  },
+  extends: [
+    'standard'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module'
+  },
+  rules: {
+  }
+}

layout-shift-gif.js

@@ -5,9 +5,22 @@
  */
 
 /* Args */
-const yargs = require('yargs')
+import yargs from 'yargs'
+import { hideBin } from 'yargs/helpers'
 
-const options = yargs
+/* Puppeteer */
+import puppeteer from 'puppeteer'
+
+/* Misc */
+import fs from 'fs'
+import tmp from 'tmp'
+
+/* Image generation */
+import GIFEncoder from 'gif-encoder-2'
+import pkg from 'canvas'
+const { createCanvas, loadImage } = pkg
+
+const options = yargs(hideBin(process.argv))
   .usage('Usage: --url <url> --device [mobile|desktop] --cookies <filename> --output <filename> --type <new|old>')
   .example('layout-shift-gif --url https://blacklivesmatter.com/ --device mobile --output layout-shift.gif')
   .default({ device: 'mobile', cookies: null, output: 'layout-shift.gif', type: 'new' })
@@ -21,12 +34,7 @@ const options = yargs
   .demandOption(['url'])
   .argv
 
-const puppeteer = require('puppeteer')
 const devices = puppeteer.devices
-const { createCanvas, loadImage } = require('canvas')
-const GIFEncoder = require('gif-encoder-2')
-const fs = require('fs')
-const tmp = require('tmp')
 
 /* Network conditions */
 const Good3G = {

package.json

@@ -16,6 +16,7 @@
   },
   "author": "Chris Johnson (https://defaced.dev)",
   "license": "ISC",
+  "type": "module",
   "dependencies": {
     "canvas": "^2.9.0",
     "gif-encoder-2": "^1.0.5",
@@ -31,10 +32,10 @@
   },
   "homepage": "https://defaced.dev/tools/layout-shift-gif-generator/",
   "devDependencies": {
-    "eslint": "^7.14.0",
-    "eslint-config-standard": "^16.0.2",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint": "^7.32.0",
+    "eslint-config-standard": "^16.0.3",
+    "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1"
+    "eslint-plugin-promise": "^5.2.0"
   }
 }