Ember upgrade v5

.stylelintrc.js

@@ -1,9 +1,5 @@
 'use strict';
 
 module.exports = {
-  extends: [
-    'stylelint-config-standard',
-    'stylelint-config-standard-scss',
-    'stylelint-prettier/recommended',
-  ],
+  extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
 };

app/adapters/jira-repo.ts

@@ -14,7 +14,7 @@ export default class JiraRepoAdapter extends commondrf {
     modelName: string | number,
     snapshot: Snapshot<K>
   ) {
-    return this._buildURL(modelName, snapshot.id);
+    return this._buildURL(modelName, snapshot.record.project.get('id'));
   }
 }
 

app/components/ak-drawer/index.ts

@@ -1,6 +1,6 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
-import { later } from '@ember/runloop';
+import { runTask } from 'ember-lifeline';
 
 export interface DrawerSignature {
   Element: HTMLDivElement;
@@ -38,9 +38,7 @@ export default class DrawerComponent extends Component<DrawerSignature> {
 
   @action
   handleDrawerClose() {
-    later(() => {
-      this.args.onClose();
-    }, 300);
+    runTask(this, () => this.args.onClose(), 300);
 
     if (this.backdropElement) {
       this.backdropElement.style.opacity = '0';
@@ -55,22 +53,30 @@ export default class DrawerComponent extends Component<DrawerSignature> {
 
   @action
   backdropInserted(element: HTMLElement) {
-    later(() => {
-      this.backdropElement = element;
+    runTask(
+      this,
+      () => {
+        this.backdropElement = element;
 
-      element.style.opacity = '1';
-      element.style.transition = 'opacity 225ms ease-in-out 0ms';
-    }, 0);
+        element.style.opacity = '1';
+        element.style.transition = 'opacity 225ms ease-in-out 0ms';
+      },
+      0
+    );
   }
 
   @action
   drawerInserted(element: HTMLElement) {
-    later(() => {
-      this.drawerElement = element;
+    runTask(
+      this,
+      () => {
+        this.drawerElement = element;
 
-      element.style.transform = 'none';
-      element.style.transition = 'transform 225ms ease-out 0ms';
-    }, 0);
+        element.style.transform = 'none';
+        element.style.transition = 'transform 225ms ease-out 0ms';
+      },
+      0
+    );
   }
 }
 

app/components/ak-select/before-option/index.ts

@@ -1,7 +1,7 @@
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { Select } from 'ember-power-select/components/power-select';
-import { later, scheduleOnce } from '@ember/runloop';
+import { runTask, scheduleTask } from 'ember-lifeline';
 
 interface AkSelectBeforeOptionArgs {
   select: Select;
@@ -22,16 +22,16 @@ export default class AkSelectBeforeOptionComponent extends Component<AkSelectBef
 
   @action
   clearSearch(): void {
-    scheduleOnce('actions', this.args.select.actions, 'search', '');
+    scheduleTask(this, 'actions', () => this.args.select.actions.search(''));
   }
 
   @action
   focusInput(el: HTMLElement) {
-    later(() => {
+    runTask(this, () => {
       if (this.args.autofocus !== false) {
         el.focus();
       }
-    }, 0);
+    });
   }
 
   @action

app/components/ak-select/index.ts

@@ -1,7 +1,7 @@
 import { guidFor } from '@ember/object/internals';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
-import { next } from '@ember/runloop';
+import { runTask } from 'ember-lifeline';
 
 import type {
   PowerSelectArgs,
@@ -70,7 +70,7 @@ export default class AkSelectComponent<O> extends Component<
   @action
   onOpen(select: Select, event: Event) {
     // Reposition the dropdown to make sure it's properly aligned
-    next(this, () => select.actions.reposition());
+    runTask(this, () => select.actions.reposition());
 
     this.args.onOpen?.(select, event);
   }

app/components/ak-tooltip/index.ts

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
-import { later, cancel } from '@ember/runloop';
+import { runTask, cancelTask } from 'ember-lifeline';
 import { Placement } from '@popperjs/core';
 import { EmberRunTimer } from '@ember/runloop/types';
 
@@ -27,14 +27,19 @@ export interface AkTooltipSignature {
 export default class AkTooltipComponent extends Component<AkTooltipSignature> {
   @tracked anchorRef: HTMLElement | null = null;
 
-  @tracked runShowToolipLater?: EmberRunTimer;
-  @tracked runHideToolipLater?: EmberRunTimer;
+  @tracked runShowToolipLater?: EmberRunTimer | number;
+  @tracked runHideToolipLater?: EmberRunTimer | number;
 
   willDestroy() {
     super.willDestroy();
 
-    cancel(this.runShowToolipLater);
-    cancel(this.runHideToolipLater);
+    if (this.runShowToolipLater) {
+      cancelTask(this, this.runShowToolipLater as EmberRunTimer);
+    }
+
+    if (this.runHideToolipLater) {
+      cancelTask(this, this.runHideToolipLater as EmberRunTimer);
+    }
   }
 
   @action
@@ -44,9 +49,11 @@ export default class AkTooltipComponent extends Component<AkTooltipSignature> {
     }
 
     if (this.args.enterDelay) {
-      this.runShowToolipLater = later(() => {
-        this.showTooltip(event, event.target as HTMLElement);
-      }, this.args.enterDelay);
+      this.runShowToolipLater = runTask(
+        this,
+        () => this.showTooltip(event, event.target as HTMLElement),
+        this.args.enterDelay
+      );
     } else {
       this.showTooltip(event, event.currentTarget as HTMLElement);
     }
@@ -67,17 +74,22 @@ export default class AkTooltipComponent extends Component<AkTooltipSignature> {
     }
 
     // cancel if mouse leaves before timeout
-    const cancelled = cancel(this.runShowToolipLater);
+    const cancelled = cancelTask(
+      this,
+      this.runShowToolipLater as EmberRunTimer
+    );
 
     // tooltip never appeared so onClose should not be called
     if (cancelled) {
       return;
     }
 
     if (this.args.leaveDelay) {
-      this.runHideToolipLater = later(() => {
-        this.hideTooltip(event);
-      }, this.args.leaveDelay);
+      this.runHideToolipLater = runTask(
+        this,
+        () => this.hideTooltip(event),
+        this.args.leaveDelay
+      );
     } else {
       this.hideTooltip(event);
     }

app/components/analysis-risk/override-edit-drawer/index.ts

@@ -3,7 +3,7 @@ import { service } from '@ember/service';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import IntlService from 'ember-intl/services/intl';
-import { next } from '@ember/runloop';
+import { runTask } from 'ember-lifeline';
 import { ComponentLike } from '@glint/template';
 
 import AnalysisModel from 'irene/models/analysis';
@@ -65,7 +65,7 @@ export default class AnalysisRiskOverrideEditDrawerComponent extends Component<A
 
   @action
   setAppBarData(appBarData: OverrideEditDrawerAppBarData) {
-    next(this, () => {
+    runTask(this, () => {
       this.appBarData = appBarData;
     });
   }

app/components/app-monitoring/settings/index.ts

@@ -4,7 +4,7 @@ import { task } from 'ember-concurrency';
 import IntlService from 'ember-intl/services/intl';
 import { action } from '@ember/object';
 import RouterService from '@ember/routing/router-service';
-import { debounce } from '@ember/runloop';
+import { debounceTask } from 'ember-lifeline';
 
 import AmConfigurationModel from 'irene/models/amconfiguration';
 import MeService from 'irene/services/me';
@@ -96,7 +96,7 @@ export default class AppMonitoringSettingsComponent extends Component<AppMonitor
   @action onSearchQueryChange(event: Event) {
     const query = (event.target as HTMLSelectElement).value;
 
-    debounce(this, this.setSearchQuery, query, 500);
+    debounceTask(this, 'setSearchQuery', query, 500);
   }
 
   @action clearSearchInput() {

app/components/appknox-wrapper/onboarding-guide/index.ts

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
-import { next } from '@ember/runloop';
+import { runTask } from 'ember-lifeline';
 import { inject as service } from '@ember/service';
 import type IntlService from 'ember-intl/services/intl';
 
@@ -105,7 +105,7 @@ export default class AppknoxWrapperOnboardingGuide extends Component<AppknoxWrap
 
   @action
   handleIframeInsertion() {
-    next(this, () => {
+    runTask(this, () => {
       this.mountIFrame = true;
     });
   }

app/components/file-compare/table/index.ts

@@ -2,7 +2,7 @@ import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
-import { later } from '@ember/runloop';
+import { runTask } from 'ember-lifeline';
 import RouterService from '@ember/routing/router-service';
 import IntlService from 'ember-intl/services/intl';
 
@@ -150,7 +150,11 @@ export default class FileCompareTableComponent extends Component<FileCompareTabl
     this.offset = offset;
 
     // Allows rendering table change before scrolling
-    later(() => scrollDashboardMainContainerTo({ top: 0, left: 0 }), 150);
+    runTask(
+      this,
+      () => scrollDashboardMainContainerTo({ top: 0, left: 0 }),
+      150
+    );
   }
 }
 

app/components/file-details/dynamic-scan/action/expiry/index.ts

@@ -3,7 +3,7 @@ import { tracked } from '@glimmer/tracking';
 import { task } from 'ember-concurrency';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
-import { later } from '@ember/runloop';
+import { runTask } from 'ember-lifeline';
 import { EmberRunTimer } from '@ember/runloop/types';
 import type Store from '@ember-data/store';
 import type { AsyncBelongsTo } from '@ember-data/model';
@@ -89,7 +89,7 @@ export default class DynamicScanExpiryComponent extends Component<DynamicScanExp
 
     this.updateDurationRemaining();
 
-    later(this, this.clock, 1000);
+    runTask(this, () => this.clock(), 1000);
   }
 
   updateDurationRemaining() {

app/components/github-account/index.js

@@ -13,11 +13,17 @@ export default class GithubAccountComponent extends Component {
   @service organization;
 
   @tracked showRevokeGithubConfirmBox = false;
-  @tracked integratedUser = this.args.integratedUser;
+  @tracked integratedUser;
 
   tGithubWillBeRevoked = this.intl.t('githubWillBeRevoked');
   tGithubErrorIntegration = this.intl.t('githubErrorIntegration');
 
+  constructor() {
+    super(...arguments);
+
+    this.integratedUser = this.args.integratedUser;
+  }
+
   redirectAPI = task(async () => {
     return await this.ajax.request(
       `/api/organizations/${this.organization.selected.id}/github/redirect`

app/components/organization-member/list/add-to-team/index.ts

@@ -3,7 +3,7 @@ import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
 import { task } from 'ember-concurrency';
-import { debounce } from '@ember/runloop';
+import { debounceTask } from 'ember-lifeline';
 import Store from '@ember-data/store';
 import IntlService from 'ember-intl/services/intl';
 // eslint-disable-next-line ember/use-ember-data-rfc-395-imports
@@ -65,9 +65,9 @@ export default class AddToTeamComponent extends Component<AddToTeamComponentSign
 
   @action
   handleSearchQueryChange(event: Event) {
-    debounce(
+    debounceTask(
       this,
-      this.setSearchQuery,
+      'setSearchQuery',
       (event.target as HTMLInputElement)?.value,
       500
     );

app/components/organization-member/list/index.ts

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
-import { debounce } from '@ember/runloop';
+import { debounceTask } from 'ember-lifeline';
 import { task } from 'ember-concurrency';
 import { tracked } from '@glimmer/tracking';
 import IntlService from 'ember-intl/services/intl';
@@ -156,9 +156,9 @@ export default class OrganizationMemberListComponent extends Component<Organizat
 
   @action
   searchUserForQuery(event: Event): void {
-    debounce(
+    debounceTask(
       this,
-      this.setSearchQuery,
+      'setSearchQuery',
       (event.target as HTMLInputElement).value,
       500
     );

app/components/organization-member/list/member-details/index.ts

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import { task } from 'ember-concurrency';
-import { debounce } from '@ember/runloop';
+import { debounceTask } from 'ember-lifeline';
 import { tracked } from '@glimmer/tracking';
 import Store from '@ember-data/store';
 import IntlService from 'ember-intl/services/intl';
@@ -127,9 +127,9 @@ export default class MemberDetailsComponent extends Component<MemberDetailsCompo
 
   @action
   handleSearchQueryChange(event: Event) {
-    debounce(
+    debounceTask(
       this,
-      this.setSearchQuery,
+      'setSearchQuery',
       (event.target as HTMLInputElement)?.value,
       500
     );

app/components/organization-team/add-team-member/index.ts

@@ -3,7 +3,7 @@ import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
 import { task } from 'ember-concurrency';
 import { action } from '@ember/object';
-import { debounce } from '@ember/runloop';
+import { debounceTask } from 'ember-lifeline';
 // eslint-disable-next-line ember/use-ember-data-rfc-395-imports
 import DS from 'ember-data';
 import Store from '@ember-data/store';
@@ -190,9 +190,9 @@ export default class OrganizationTeamAddTeamMemberComponent extends Component<Or
 
   @action
   handleSearchQueryChange(event: Event) {
-    debounce(
+    debounceTask(
       this,
-      this.setSearchQuery,
+      'setSearchQuery',
       (event.target as HTMLInputElement).value,
       500
     );