Update to eslint 9 (#521)

This updates the linting setup to the flat-file config introduced by eslint 9. The config is based on the code in the ember-cli blueprints with some minor adjustments.

Author: Windvis

.eslintignore

@@ -4,7 +4,7 @@ module.exports = {
   plugins: ['prettier-plugin-ember-template-tag'],
   overrides: [
     {
-      files: '*.{js,ts,gjs,gts}',
+      files: '*.{js,ts,gjs,gts,mjs,cjs}',
       options: {
         singleQuote: true,
         templateSingleQuote: false,

.eslintrc.js

@@ -91,7 +91,7 @@ export default class AuDatePicker extends Component<AuDatePickerSignature> {
 
   constructor(owner: unknown, args: AuDatePickerSignature['Args']) {
     super(owner, args);
-    this.registerDuetDatePicker();
+    void this.registerDuetDatePicker();
   }
 
   get adapter() {

.prettierrc.js

@@ -93,7 +93,7 @@ export default class AuFileUpload extends Component<AuFileUploadSignature> {
 
   @action
   upload(file: UploadFile): void | undefined {
-    this.uploadTask.perform(file);
+    void this.uploadTask.perform(file);
   }
 
   uploadTask = task(async (file: UploadFile) => {
@@ -114,10 +114,10 @@ export default class AuFileUpload extends Component<AuFileUploadSignature> {
         const response = await file.upload(this.endPoint, {
           contentType: 'multipart/form-data',
         });
-        const body = await response.json();
+        const body = (await response.json()) as { data: { id: number } };
         const fileId = body?.data?.id;
         return fileId;
-      } catch (e) {
+      } catch {
         this.addError(file);
         this.removeFileFromQueue(file);
         return null;

addon/components/au-date-picker.gts

@@ -1,4 +1,3 @@
-/* eslint-disable no-undef -- This is a workaround for a false-positive bug: https://github.com/ember-cli/eslint-plugin-ember/issues/1747 */
 import { AuAlert } from '@appuniversum/ember-appuniversum';
 import { fn } from '@ember/helper';
 import { inject as service } from '@ember/service';

addon/components/au-file-upload.gts

@@ -99,77 +99,75 @@ function floatingUi(
     );
   }
 
-  const update = async () => {
-    const { x, y, placement, middlewareData } = await computePosition(
-      referenceElement,
-      floatingElement,
-      {
-        middleware,
-        placement: defaultPlacement,
-      },
-    );
-
-    Object.assign(floatingElement.style, {
-      transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,
-      visibility: middlewareData.hide?.referenceHidden ? 'hidden' : 'visible',
-    });
-
-    if (middlewareData.arrow) {
-      const { x } = middlewareData.arrow;
-      const [side, alignment] = placement.split('-') as [
-        'top' | 'bottom',
-        'string' | undefined,
-      ];
-      const isAligned = alignment != null;
-
-      const unsetSides = {
-        top: '',
-        bottom: '',
-        left: '',
-        right: '',
-      };
-
-      const rotation = {
-        top: '180deg',
-        bottom: '0deg',
-      }[side];
-
-      Object.assign(arrowElement!.style, {
-        ...unsetSides,
-        transform: `rotate(${rotation})`,
+  const update = () => {
+    void computePosition(referenceElement, floatingElement, {
+      middleware,
+      placement: defaultPlacement,
+    }).then(({ x, y, placement, middlewareData }) => {
+      Object.assign(floatingElement.style, {
+        transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,
+        visibility: middlewareData.hide?.referenceHidden ? 'hidden' : 'visible',
       });
 
-      if (isAligned) {
-        const crossSide = {
-          'top-start': 'left',
-          'top-end': 'right',
-          'bottom-start': 'left',
-          'bottom-end': 'right',
-        }[placement as 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'];
+      if (middlewareData.arrow) {
+        const { x } = middlewareData.arrow;
+        const [side, alignment] = placement.split('-') as [
+          'top' | 'bottom',
+          'string' | undefined,
+        ];
+        const isAligned = alignment != null;
+
+        const unsetSides = {
+          top: '',
+          bottom: '',
+          left: '',
+          right: '',
+        };
+
+        const rotation = {
+          top: '180deg',
+          bottom: '0deg',
+        }[side];
 
         Object.assign(arrowElement!.style, {
-          [crossSide]:
-            typeof options.arrow?.position === 'string'
-              ? options.arrow.position
-              : `${options.arrow?.position}px`,
-        });
-      } else {
-        Object.assign(arrowElement!.style, {
-          left: x != null ? `${x}px` : '',
+          ...unsetSides,
+          transform: `rotate(${rotation})`,
         });
-      }
-
-      const mainSide = {
-        top: 'bottom',
-        bottom: 'top',
-      }[side];
 
-      if (options.arrow?.offset) {
-        Object.assign(arrowElement!.style, {
-          [mainSide]: `${-options.arrow?.offset}px`,
-        });
+        if (isAligned) {
+          const crossSide = {
+            'top-start': 'left',
+            'top-end': 'right',
+            'bottom-start': 'left',
+            'bottom-end': 'right',
+          }[
+            placement as 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'
+          ];
+
+          Object.assign(arrowElement!.style, {
+            [crossSide]:
+              typeof options.arrow?.position === 'string'
+                ? options.arrow.position
+                : `${options.arrow?.position}px`,
+          });
+        } else {
+          Object.assign(arrowElement!.style, {
+            left: x != null ? `${x}px` : '',
+          });
+        }
+
+        const mainSide = {
+          top: 'bottom',
+          bottom: 'top',
+        }[side];
+
+        if (options.arrow?.offset) {
+          Object.assign(arrowElement!.style, {
+            [mainSide]: `${-options.arrow?.offset}px`,
+          });
+        }
       }
-    }
+    });
   };
 
   const cleanup = autoUpdate(referenceElement, floatingElement, update);