npx ember-apply typescript

Author: NullVoxPopuli

docs/app/config/environment.d.ts

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

docs/ember-cli-build.js

@@ -9,7 +9,8 @@ module.exports = function (defaults) {
 
   let app = new EmberApp(defaults, {
     'ember-cli-babel': {
-      includePolyfill: true,
+      enableTypeScriptTransform: true,
+      includePolyfill: true
     },
     autoImport: isDeploying
       ? {

docs/package.json

@@ -24,7 +24,8 @@
     "release": "standard-version",
     "start": "ember serve",
     "test": "npm-run-all lint test:*",
-    "test:ember": "ember test"
+    "test:ember": "ember test",
+    "lint:types": "glint"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.23.3",
@@ -33,8 +34,15 @@
     "@ember/test-helpers": "^3.2.1",
     "@glimmer/component": "^1.0.4",
     "@glimmer/tracking": "^1.0.4",
-    "@typescript-eslint/eslint-plugin": "^6.15.0",
-    "@typescript-eslint/parser": "^6.15.0",
+    "@glint/core": "^1.2.1",
+    "@glint/environment-ember-loose": "^1.2.1",
+    "@glint/environment-ember-template-imports": "^1.2.1",
+    "@glint/template": "^1.2.1",
+    "@tsconfig/ember": "^3.0.3",
+    "@types/qunit": "^2.19.9",
+    "@types/rsvp": "^4.0.8",
+    "@typescript-eslint/eslint-plugin": "^6.16.0",
+    "@typescript-eslint/parser": "^6.16.0",
     "broccoli-asset-rev": "^3.0.0",
     "ember-auto-import": "^2.7.2",
     "ember-cli": "~4.12.1",
@@ -71,6 +79,7 @@
     "qunit": "^2.16.0",
     "sass": "^1.43.3",
     "standard-version": "^9.3.2",
+    "typescript": "^5.3.3",
     "webpack": "^5.0.0"
   },
   "engines": {

docs/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "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": ".",
+    "paths": {
+      "docs/tests/*": ["tests/*"],
+      "docs/*": ["app/*"],
+      "*": ["types/*"]
+    }
+  },
+  "glint": {
+    "environment": ["ember-loose", "ember-template-imports"]
+  }
+}

docs/types/glint.d.ts

@@ -0,0 +1,12 @@
+// Setup Glint Globals
+import '@glint/environment-ember-loose';
+import '@glint/environment-ember-template-imports';
+
+declare module '@glint/environment-ember-loose/registry' {
+  // Remove this once entries have been added! 👇
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export default interface Registry {
+    // Add any registry entries from other addons here that your addon itself uses (in non-strict mode templates)
+    // See https://typed-ember.gitbook.io/glint/using-glint/ember/using-addons
+  }
+}

docs/types/global.d.ts

@@ -0,0 +1,2 @@
+// Declare the @ember/* packages brought in from ember-source
+import 'ember-source/types';