feat(test-app): add Typescript. Migrate some files

packages/classic-test-app/package.json

@@ -40,6 +40,7 @@
     "ember-engines": "0.11.0",
     "ember-engines-router-service": "0.6.0",
     "ember-fetch": "8.1.2",
+    "ember-inflector": "^5.0.2",
     "ember-load-initializers": "2.1.2",
     "ember-maybe-import-regenerator": "1.0.0",
     "ember-qunit": "7.0.0",
@@ -54,7 +55,7 @@
     "globals": "15.12.0",
     "handlebars": "4.7.8",
     "loader.js": "4.7.0",
-    "my-engine": "workspace:../classic-test-app/lib/my-engine",
+    "my-engine": "workspace:./lib/my-engine",
     "npm-run-all2": "7.0.2",
     "pretender": "3.4.7",
     "qunit": "2.23.1",

packages/test-app/app/controllers/index.js → packages/test-app/app/controllers/index.ts

@@ -1,6 +1,7 @@
 import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
+import type SessionService from 'test-app/services/session';
 
 export default class ApplicationIndexController extends Controller {
-  @service session;
+  @service declare session: SessionService;
 }

packages/test-app/app/services/session.ts

@@ -0,0 +1,18 @@
+import { inject as service } from '@ember/service';
+import Session from 'ember-simple-auth/services/session';
+
+export default class SessionService extends Session {
+  @service sessionAccount: any;
+
+  handleAuthentication(routeAfterInvalidation: string) {
+    super.handleAuthentication(routeAfterInvalidation);
+
+    this.sessionAccount.loadCurrentUser().catch(() => (this as any).invalidate());
+  }
+}
+
+declare module '@ember/service' {
+  interface Registry {
+    session: SessionService;
+  }
+}

packages/test-app/app/session-stores/application.js

@@ -1,3 +1,3 @@
-import Cookie from 'ember-simple-auth/session-stores/cookie';
+import CookieStore from 'ember-simple-auth/session-stores/cookie';
 
-export default Cookie.extend();
+export default class ApplicationStore extends CookieStore {}

packages/test-app/babel.config.json

@@ -1,7 +1,8 @@
 {
   "plugins": [
     "@embroider/addon-dev/template-colocation-plugin",
+    ["@babel/plugin-transform-typescript", { "allowDeclareFields": true }],
     ["@babel/plugin-proposal-decorators", { "legacy": true }],
-    "@babel/plugin-proposal-class-properties"
+    "@babel/plugin-proposal-class-properties",
   ]
 }

packages/test-app/ember-cli-build.js

@@ -3,7 +3,7 @@
 const EmberApp = require('ember-cli/lib/broccoli/ember-app');
 
 module.exports = function (defaults) {
-  let app = new EmberApp(defaults, {});
+  let app = new EmberApp(defaults, { 'ember-cli-babel': { enableTypeScriptTransform: true } });
 
   // Use `app.import` to add additional libraries to the generated
   // output files.

packages/test-app/package.json

@@ -8,6 +8,7 @@
     "lint:fix": "npm-run-all --aggregate-output --continue-on-error --parallel \"lint:*:fix\"",
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
+    "lint:types": "tsc --noEmit",
     "start": "ember serve",
     "start:fastboot": "NODE_ENV=production node fastboot-server.js",
     "start:demo-api": "node server/demo-api.js",
@@ -17,13 +18,22 @@
     "test:fastboot": "ember fastboot:test"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "7.25.9",
+    "@babel/plugin-transform-typescript": "7.26.3",
     "@ember/legacy-built-in-components": "0.5.0",
     "@ember/optional-features": "2.2.0",
     "@ember/string": "3.1.1",
     "@ember/test-helpers": "3.3.1",
     "@embroider/test-setup": "4.0.0",
     "@glimmer/component": "1.1.2",
     "@glimmer/tracking": "1.1.2",
+    "@glint/core": "1.5.0",
+    "@glint/environment-ember-loose": "1.5.0",
+    "@glint/environment-ember-template-imports": "1.5.0",
+    "@tsconfig/ember": "3.0.8",
+    "@types/ember__service": "4.0.9",
+    "@typescript-eslint/eslint-plugin": "8.18.1",
+    "@typescript-eslint/parser": "8.18.1",
     "body-parser": "1.20.3",
     "bootstrap": "5.3.3",
     "broccoli-asset-rev": "3.0.0",
@@ -44,6 +54,7 @@
     "ember-engines": "0.11.0",
     "ember-engines-router-service": "0.6.0",
     "ember-fetch": "8.1.2",
+    "ember-inflector": "^5.0.2",
     "ember-load-initializers": "2.1.2",
     "ember-maybe-import-regenerator": "1.0.0",
     "ember-qunit": "7.0.0",
@@ -65,6 +76,7 @@
     "qunit": "2.23.1",
     "qunit-dom": "2.0.0",
     "torii": "1.0.0-beta.2",
+    "typescript": "5.7.2",
     "webpack": "5.96.1"
   },
   "fastbootDependencies": [
@@ -73,8 +85,5 @@
   ],
   "ember": {
     "edition": "octane"
-  },
-  "dependencies": {
-    "@babel/eslint-parser": "^7.24.7"
   }
 }

packages/test-app/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "extends": "@tsconfig/ember/tsconfig.json",
+  "compilerOptions": {
+    "target": "es2020",
+    "module": "esnext",
+    // The combination of `baseUrl` with `paths` allows Ember's classic package
+    // layout, which is not resolvable with the Node resolution algorithm, to
+    // work with TypeScript.
+    "baseUrl": ".",
+    "experimentalDecorators": true,
+
+    "paths": {
+      "test-app/tests/*": ["tests/*"],
+      "test-app/*": ["app/*"],
+      "*": ["types/*"]
+    },
+    "types": ["ember-source/types"]
+  },
+  "glint": {
+    "environment": "ember-loose"
+  },
+  "include": ["app", "tests"]
+}

packages/test-app/types/global.d.ts

@@ -0,0 +1 @@
+import '@glint/environment-ember-loose';