update dev dependencies ava, eslint, eslint-plugin-ava and migrate to ES modules

.gulp.json

@@ -0,0 +1,5 @@
+{
+  "flags": {
+    "gulpfile": "gulpfile.cjs"
+  }
+}

package.json

@@ -3,6 +3,7 @@
   "version": "0.7.0",
   "description": "Display Mobilizon events in WordPress.",
   "private": true,
+  "type": "module",
   "scripts": {
     "build-dev": "webpack --mode=development && gulp inject",
     "build-prod": "ava && webpack --mode=production && gulp inject",
@@ -29,11 +30,11 @@
     "object-hash": "^2.2.0"
   },
   "devDependencies": {
-    "ava": "^3.15.0",
+    "ava": "^4.0.1",
     "c8": "^7.10.0",
     "copy-webpack-plugin": "^10.2.0",
-    "eslint": "^8.4.1",
-    "eslint-plugin-ava": "^13.1.0",
+    "eslint": "^8.6.0",
+    "eslint-plugin-ava": "^13.2.0",
     "esm": "^3.2.25",
     "gulp": "^4.0.2",
     "gulp-replace": "^1.1.3",
@@ -48,9 +49,6 @@
   "ava": {
     "files": [
       "./source/**/*test.js"
-    ],
-    "require": [
-      "esm"
     ]
   },
   "additionalDetails": {

source/front/date-time-wrapper-test.js

@@ -1,5 +1,5 @@
 import test from 'ava'
-import DateTimeWrapper from './date-time-wrapper'
+import DateTimeWrapper from './date-time-wrapper.js'
 
 test('#getShortDate usual date', (t) => {
   const d = new DateTimeWrapper({ text: '2020-12-24T16:45:00Z' })

source/front/events-displayer-test.js

@@ -1,7 +1,7 @@
 import test from 'ava'
 import { JSDOM } from 'jsdom'
 
-import { displayEvents, displayErrorMessage } from './events-displayer'
+import { displayEvents, displayErrorMessage } from './events-displayer.js'
 
 let document
 

source/front/events-displayer.js

@@ -1,5 +1,5 @@
-import Formatter from './formatter'
-import { createAnchorElement } from './html-creator'
+import Formatter from './formatter.js'
+import { createAnchorElement } from './html-creator.js'
 
 export function displayEvents({ data, document, list }) {
   const locale = list.getAttribute('data-locale')

source/front/events-loader.js

@@ -1,5 +1,5 @@
-import { displayEvents, displayErrorMessage } from './events-displayer'
-import * as GraphqlWrapper from './graphql-wrapper'
+import { displayEvents, displayErrorMessage } from './events-displayer.js'
+import * as GraphqlWrapper from './graphql-wrapper.js'
 
 const NAME = '<wordpress-name>'
 

source/front/formatter-test.js

@@ -1,5 +1,5 @@
 import test from 'ava'
-import Formatter from './formatter'
+import Formatter from './formatter.js'
 
 test('#formatDate one date', (t) => {
   const date = Formatter.formatDate({

source/front/formatter.js

@@ -1,4 +1,4 @@
-import DateTimeWrapper from './date-time-wrapper'
+import DateTimeWrapper from './date-time-wrapper.js'
 
 export default class Formatter {
   static formatDate({ locale, timeZone, start, end, isShortOffsetNameShown }) {

source/front/graphql-wrapper.js

@@ -1,6 +1,6 @@
-import SessionCache from './session-cache'
+import SessionCache from './session-cache.js'
 import { request } from 'graphql-request'
-import DateTimeWrapper from './date-time-wrapper'
+import DateTimeWrapper from './date-time-wrapper.js'
 
 export function getUpcomingEvents({ url, limit }) {
   const query = `

source/front/html-creator-test.js

@@ -1,7 +1,7 @@
 import test from 'ava'
 import { JSDOM } from 'jsdom'
 
-import { createAnchorElement } from './html-creator'
+import { createAnchorElement } from './html-creator.js'
 
 let document
 

source/front/object-hash-wrapper-test.js

@@ -1,5 +1,5 @@
 import test from 'ava'
-import hash from './object-hash-wrapper'
+import hash from './object-hash-wrapper.js'
 
 test('#hash object', (t) => {
   t.is(hash({ foo: 'bar' }), 'a75c05bdca7d704bdfcd761913e5a4e4636e956b')

source/front/session-cache-test.js

@@ -1,5 +1,5 @@
 import test from 'ava'
-import SessionCache from './session-cache'
+import SessionCache from './session-cache.js'
 
 const fakeStorage = {
   elements: {},

source/front/session-cache.js

@@ -1,4 +1,4 @@
-import hash from './object-hash-wrapper'
+import hash from './object-hash-wrapper.js'
 
 const MAX_AGE_IN_MS = 120000