chore(typescript): test-app setup

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

@@ -0,0 +1,20 @@
+import { inject as service } from '@ember/service';
+import Controller from '@ember/controller';
+
+type Cookie = { name: string; value: any };
+
+export default class IndexController extends Controller {
+  @service cookies!: any;
+
+  get allCookies(): Cookie[] {
+    this.cookies.write('now', new Date().getTime());
+
+    const cookies = this.cookies.read();
+    return Object.keys(cookies).reduce((acc, key) => {
+      let value = cookies[key];
+      acc.push({ name: key, value });
+
+      return acc;
+    }, [] as Cookie[]);
+  }
+}

packages/test-app/config/environment.js

@@ -7,7 +7,7 @@ module.exports = function (environment) {
     modulePrefix: 'test-app',
     environment,
     rootURL: '/',
-    locationType: 'auto',
+    locationType: 'hash',
     EmberENV: {
       FEATURES: {
         // Here you can enable experimental features on an ember canary build

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

@@ -3,6 +3,7 @@ const EmberApp = require('ember-cli/lib/broccoli/ember-app');
 
 module.exports = function (defaults) {
   let app = new EmberApp(defaults, {
+    'ember-cli-babel': { enableTypeScriptTransform: true },
     // Add options here
   });
 

packages/test-app/eslint.config.mjs

@@ -2,7 +2,7 @@ import ember from 'eslint-plugin-ember';
 import prettier from 'eslint-plugin-prettier/recommended';
 import qunit from 'eslint-plugin-qunit';
 import globals from 'globals';
-import babelParser from '@babel/eslint-parser';
+import typescriptParser from '@typescript-eslint/parser';
 import n from 'eslint-plugin-n';
 import js from '@eslint/js';
 
@@ -30,12 +30,13 @@ export default [
       ember,
     },
 
+    files: ['**/*.{ts,js}'],
     languageOptions: {
       globals: {
         ...globals.browser,
       },
 
-      parser: babelParser,
+      parser: typescriptParser,
       ecmaVersion: 2020,
       sourceType: 'module',
 

packages/test-app/package.json

@@ -12,10 +12,11 @@
   "repository": "https://github.com/simplabs/ember-cookies",
   "scripts": {
     "build": "ember build",
-    "lint": "pnpm lint:js",
+    "lint": "pnpm lint:js && pnpm lint:types",
     "lint:fix": "pnpm lint:js:fix",
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
+    "lint:types": "tsc --noEmit",
     "nodetest": "node node-tests/runner.js",
     "start": "ember server",
     "test": "ember test",
@@ -33,6 +34,12 @@
     "@eslint/js": "9.12.0",
     "@glimmer/component": "2.0.0",
     "@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",
+    "@typescript-eslint/eslint-plugin": "^8.18.1",
+    "@typescript-eslint/parser": "^8.18.1",
     "broccoli-asset-rev": "3.0.0",
     "ember-auto-import": "2.8.1",
     "ember-cli": "6.0.1",
@@ -69,6 +76,7 @@
     "request": "2.88.2",
     "rsvp": "4.8.5",
     "symlink-or-copy": "1.3.1",
+    "typescript": "^5.7.2",
     "webpack": "5.95.0"
   },
   "fastbootDependencies": [

packages/test-app/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/ember/tsconfig.json",
+  "compilerOptions": {
+    // 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",
+    ]
+  }
+}
+

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

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