chore(frontend): set up typescript

frontend/.ember-cli

@@ -11,5 +11,5 @@
     Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript
     rather than JavaScript by default, when a TypeScript version of a given blueprint is available.
   */
-  "isTypeScriptProject": false
+  "isTypeScriptProject": true
 }

frontend/.eslintrc.js

@@ -1,17 +1,107 @@
 "use-strict";
 
 module.exports = {
-  extends: ["@adfinis/eslint-config/ember-app"],
+  root: true,
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: "latest",
+  },
+  plugins: ["ember", "@typescript-eslint", "import"],
+  extends: [
+    "eslint:recommended",
+    "plugin:ember/recommended",
+    "plugin:prettier/recommended",
+  ],
+  env: {
+    browser: true,
+  },
   rules: {
-    "ember/no-actions-hash": "warn",
-    "ember/no-component-lifecycle-hooks": "warn",
-    "ember/no-mixins": "warn",
-    "ember/no-new-mixins": "warn",
-    "ember/no-classic-classes": "warn",
-    "ember/no-classic-components": "warn",
-    "ember/no-get": "warn",
-    "ember/no-observers": "warn",
-    "qunit/no-assert-equal": "warn",
-    "ember/require-tagless-components": "warn",
+    // possible errors
+    "no-await-in-loop": "error",
+
+    // best practices
+    "array-callback-return": "error",
+    "dot-notation": "error",
+    eqeqeq: "error",
+    "no-alert": "error",
+    "no-else-return": "error",
+    "no-eval": "error",
+    "no-extend-native": "error",
+    "no-extra-bind": "error",
+    "no-floating-decimal": "error",
+    "one-var": ["error", "never"],
+    curly: ["error", "multi-line"],
+
+    // ES6
+    "no-var": "error",
+    "object-shorthand": "error",
+    "prefer-const": "error",
+    "prefer-destructuring": [
+      "error",
+      { AssignmentExpression: { array: false, object: false } },
+    ],
+    "prefer-rest-params": "error",
+    "prefer-spread": "error",
+    "prefer-template": "error",
+
+    // import
+    "import/no-duplicates": "error",
+    "import/no-unresolved": "off",
+    "import/order": [
+      "error",
+      {
+        "newlines-between": "always",
+        alphabetize: { order: "asc", caseInsensitive: true },
+      },
+    ],
+
+    // tooling
+    "no-console": ["error", { allow: ["warn", "error"] }],
+    "no-debugger": "error",
   },
+  overrides: [
+    // js files
+    {
+      files: ["**/*.js"],
+      extends: [
+        "plugin:@typescript-eslint/eslint-recommended",
+        "plugin:@typescript-eslint/recommended",
+      ],
+      rules: {},
+    },
+    // ts files
+    {
+      files: ["**/*.ts"],
+      extends: [
+        "plugin:@typescript-eslint/eslint-recommended",
+        "plugin:@typescript-eslint/recommended",
+      ],
+      rules: {},
+    },
+    // node files
+    {
+      files: [
+        "./.eslintrc.js",
+        "./.prettierrc.js",
+        "./.stylelintrc.js",
+        "./.template-lintrc.js",
+        "./ember-cli-build.js",
+        "./testem.js",
+        "./blueprints/*/index.js",
+        "./config/**/*.js",
+        "./lib/*/index.js",
+        "./server/**/*.js",
+      ],
+      env: {
+        browser: false,
+        node: true,
+      },
+      extends: ["plugin:n/recommended"],
+    },
+    {
+      // test files
+      files: ["tests/**/*-test.{js,ts}"],
+      extends: ["plugin:qunit/recommended"],
+    },
+  ],
 };

frontend/app/adapters/activity-block.js → frontend/app/adapters/activity-block.ts

@@ -12,7 +12,7 @@ import ApplicationAdapter from "timed/adapters/application";
  * @extends ApplicationAdapter
  * @public
  */
-export default ApplicationAdapter.extend({
+export default class ActivityBlockAdapter extends ApplicationAdapter {
   /**
    * Custom url for updating records
    *
@@ -24,8 +24,8 @@ export default ApplicationAdapter.extend({
    * @public
    */
   urlForUpdateRecord(...args) {
-    return `${this._super(...args)}?include=activity`;
-  },
+    return `${super.urlForUpdateRecord(...args)}?include=activity`;
+  }
 
   /**
    * Custom url for creating records
@@ -38,6 +38,12 @@ export default ApplicationAdapter.extend({
    * @public
    */
   urlForCreateRecord(...args) {
-    return `${this._super(...args)}?include=activity`;
-  },
-});
+    return `${super.urlForCreateRecord(...args)}?include=activity`;
+  }
+}
+
+declare module "ember-data/types/registries/adapter" {
+  interface AdapterRegistry {
+    "activity-block": ActivityBlockAdapter;
+  }
+}

frontend/app/adapters/application.js → frontend/app/adapters/application.ts

@@ -16,3 +16,9 @@ import OIDCJSONAPIAdapter from "ember-simple-auth-oidc/adapters/oidc-json-api-ad
 export default class ApplicationAdapter extends OIDCJSONAPIAdapter {
   namespace = "api/v1";
 }
+
+declare module "ember-data/types/registries/adapter" {
+  interface AdapterRegistry {
+    application: ApplicationAdapter;
+  }
+}

frontend/app/config/environment.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Type declarations for
+ *    import config from 'my-app/config/environment'
+ */
+declare const config: {
+  environment: string;
+  modulePrefix: string;
+  podModulePrefix: string;
+  locationType: "history" | "hash" | "none" | "auto";
+  rootURL: string;
+  APP: Record<string, unknown>;
+};
+
+export default config;

frontend/app/models/absence-balance.ts

@@ -0,0 +1,29 @@
+import type { AsyncHasMany } from "@ember-data/model";
+import Model, { attr, belongsTo, hasMany } from "@ember-data/model";
+import type { Duration } from "moment";
+import type AbsenceCredit from "timed/models/absence-credit";
+import type AbsenceType from "timed/models/absence-type";
+import type User from "timed/models/user";
+
+export default class AbsenceBalance extends Model {
+  @attr("number")
+  declare credit?: number;
+  @attr("number")
+  declare usedDays?: number;
+  @attr("django-duration")
+  declare usedDuration?: Duration;
+  @attr("number")
+  declare balance?: number;
+  @belongsTo("user", { async: false, inverse: "absenceBalances" })
+  declare user: User;
+  @belongsTo("absence-type", { async: false, inverse: "absenceBalances" })
+  declare absenceType: AbsenceType;
+  @hasMany("absence-credit", { async: true, inverse: null })
+  declare absenceCredits: AsyncHasMany<AbsenceCredit>;
+}
+
+declare module "ember-data/types/registries/model" {
+  interface ModelRegistry {
+    "absence-balance": AbsenceBalance;
+  }
+}

frontend/app/models/absence-credit.js → frontend/app/models/absence-credit.ts

@@ -1,9 +1,12 @@
+import Model, { attr, belongsTo } from "@ember-data/model";
+import type { Moment } from "moment";
+import type AbsenceType from "timed/models/absence-type";
+import type User from "timed/models/user";
 /**
  * @module timed
  * @submodule timed-models
  * @public
  */
-import Model, { attr, belongsTo } from "@ember-data/model";
 
 /**
  * The absence credit model
@@ -19,37 +22,48 @@ export default class AbsenceCredit extends Model {
    * @property {Number} days
    * @public
    */
-  @attr("number") days;
+  @attr("number")
+  declare days?: number;
 
   /**
    * The date
    *
    * @property {moment} date
    * @public
    */
-  @attr("django-date") date;
+  @attr("django-date")
+  declare date?: Moment;
 
   /**
    * The comment
    *
    * @property {String} comment
    * @public
    */
-  @attr("string", { defaultValue: "" }) comment;
+  @attr("string", { defaultValue: "" })
+  declare comment: string;
 
   /**
    * The absence type for which this credit counts
    *
    * @property {AbsenceType} absenceType
    * @public
    */
-  @belongsTo("absence-type", { async: false, inverse: null }) absenceType;
+  @belongsTo("absence-type", { async: false, inverse: null })
+  declare absenceType: AbsenceType;
 
   /**
    * The user to which this credit belongs to
    *
    * @property {User} user
    * @public
    */
-  @belongsTo("user", { async: false, inverse: null }) user;
+  @belongsTo("user", { async: false, inverse: null })
+  declare user: User;
+}
+
+declare module "ember-data/types/registries/model" {
+  interface ModelRegistry {
+    "absence-credit": AbsenceCredit;
+  }
 }

frontend/app/models/absence-type.js → frontend/app/models/absence-type.ts

@@ -1,9 +1,11 @@
+import type { AsyncHasMany } from "@ember-data/model";
+import Model, { attr, hasMany } from "@ember-data/model";
+import type AbsenceBalance from "timed/models/absence-balance";
 /**
  * @module timed
  * @submodule timed-models
  * @public
  */
-import Model, { attr, hasMany } from "@ember-data/model";
 
 /**
  * The absence type model
@@ -21,15 +23,17 @@ export default class AbsenceType extends Model {
    * @property {String} name
    * @public
    */
-  @attr("string") name;
+  @attr("string")
+  declare name?: string;
 
   /**
    * Whether the absence type only fills the worktime
    *
    * @property {Boolean} fillWorktime
    * @public
    */
-  @attr("boolean") fillWorktime;
+  @attr("boolean")
+  declare fillWorktime?: boolean;
 
   /**
    * The balances for this type
@@ -38,5 +42,11 @@ export default class AbsenceType extends Model {
    * @public
    */
   @hasMany("absence-balance", { async: true, inverse: "absenceType" })
-  absenceBalances;
+  declare absenceBalances: AsyncHasMany<AbsenceBalance>;
+}
+
+declare module "ember-data/types/registries/model" {
+  interface ModelRegistry {
+    "absence-type": AbsenceType;
+  }
 }