Update dependencies, Node 18, port to ESM (#87)

Author: KodrAus

.github/workflows/browser.yml

@@ -13,7 +13,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
-        node-version: 14.x
+        node-version: 22.x
     - run: npm install && cd example/browser && npm install
     - run: docker run --name seq -d -p 5341:80 -e ACCEPT_EULA=Y datalust/seq:latest
     - run: cd example/browser && npm run test:html

.github/workflows/node.js.yml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x, 16.x, 18.x, 20.x]
+        node-version: [18.x, 20.x, 22.x]
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:

.github/workflows/npm-publish.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 14
+          node-version: 18
       - run: npm ci
       - run: npm test
 
@@ -26,7 +26,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 14
+          node-version: 18
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: npm publish

browser.js

@@ -1,5 +1,13 @@
 "use strict";
 
-let Logger = require('./seq_logger')(Blob, fetch, typeof AbortController !== 'undefined' ? AbortController : require('abort-controller'));
+// Variable used to force testing fallback modules
+// This should remain false, but can be changed in testing
+const fallback = false;
 
-module.exports = {Logger};
+const Logger = (await import('./seq_logger.js')).DefineLogger(
+    Blob,
+    fetch,
+    !fallback && typeof AbortController !== 'undefined' ? AbortController : (await import('abort-controller')).AbortController
+);
+
+export { Logger };

example/browser/cypress.config.js

@@ -0,0 +1,10 @@
+const { defineConfig } = require('cypress')
+
+module.exports = defineConfig({
+  video: false,
+  e2e: {
+    setupNodeEvents(on, config) {
+      return require('./cypress/plugins/index.js')(on, config)
+    },
+  },
+})

example/browser/cypress.json

@@ -12,12 +12,12 @@
     "seq-logging": "file:../../"
   },
   "devDependencies": {
-    "@cypress/webpack-dev-server": "^1.3",
-    "cypress": "^7.5",
-    "html-loader": "^2.1",
-    "html-webpack-plugin": "^5.3",
-    "webpack": "^5.38",
-    "webpack-cli": "^4.7",
-    "webpack-dev-server": "^3.11"
+    "@cypress/webpack-dev-server": "^4.0.2",
+    "cypress": "^14.3.2",
+    "html-loader": "^5.1.0",
+    "html-webpack-plugin": "^5.6.3",
+    "webpack": "^5.99.7",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.1"
   }
 }

…er/cypress/integration/log-event.spec.js …mple/browser/cypress/e2e/log-event.cy.jsexample/browser/cypress/integration/log-event.spec.js renamed to example/browser/cypress/e2e/log-event.cy.js example/browser/cypress/integration/log-event.spec.js renamed to example/browser/cypress/e2e/log-event.cy.js

@@ -2,12 +2,12 @@
 Create a logger that can write events to Seq.
 */
 
-import seq from 'seq-logging/browser';
+import { Logger as SeqLogger } from 'seq-logging/browser';
 import status from './status';
 
 export default (messageTemplate) => {
     // Connect to the Seq server
-    const logger = new seq.Logger({ serverUrl: 'http://localhost:5341' });
+    const logger = new SeqLogger({ serverUrl: 'http://localhost:5341' });
 
     // When the button is hit, send an event to Seq
     document.getElementById('log-event').addEventListener('click', () => {