Check types with glint

Author: gossi

.npmrc

@@ -3,3 +3,4 @@ public-hoist-pattern[]=*eslint*
 public-hoist-pattern[]=@typescript-eslint/*
 public-hoist-pattern[]=*ember-template-lint*
 public-hoist-pattern[]=*stylelint*
+public-hoist-pattern[]=*@glint*

ember-element-helper/package.json

@@ -37,6 +37,7 @@
     "lint:fix": "concurrently 'npm:lint:js:fix'",
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
+    "lint:types": "glint",
     "start": "concurrently 'npm:start:*'",
     "start:js": "rollup -c --watch --no-watch.clearScreen",
     "start:types": "tsc --emitDeclarationOnly -w",
@@ -57,6 +58,8 @@
     "@babel/preset-typescript": "7.22.5",
     "@babel/runtime": "7.22.6",
     "@embroider/addon-dev": "4.1.0",
+    "@glimmer/component": "^1.1.2",
+    "@glint/core": "1.0.2",
     "@glint/template": "1.0.2",
     "@glint/environment-ember-loose": "1.0.2",
     "@nullvoxpopuli/eslint-configs": "2.2.36",

ember-element-helper/tsconfig.json

@@ -1,13 +1,21 @@
 {
   "extends": "@tsconfig/ember/tsconfig.json",
+  "glint": {
+    "environment": [
+      "ember-loose",
+      "ember-template-imports"
+    ]
+  },
   "compilerOptions": {
     "noEmit": false,
     "declarationDir": "./declarations",
     "paths": {
       "*": [
         "./types/*"
       ]
-    }
+    },
+    // for typescript < 5
+    "moduleResolution": "NodeNext"
   },
   "include": [
     "src/**/*",

pnpm-lock.yaml

@@ -1,3 +1,4 @@
 {{#let @tag as |Tag|}}
+  {{!@glint-ignore}}
   <Tag id="content" ...attributes>{{yield}}</Tag>
 {{/let}}

test-app/app/components/element-receiver.hbs

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import type { ElementSignature, ElementFromTagName } from 'ember-element-helper';
 
-interface ElementReceiverSignature<T extends string> {
+interface ElementReceiverSignature<T extends string = 'article'> {
   Element: ElementFromTagName<T>;
   Args: {
     tag: ElementSignature<T>['Return'];
@@ -11,4 +11,4 @@ interface ElementReceiverSignature<T extends string> {
   }
 }
 
-export default class ElementReceiver<T extends string = 'article'> extends Component<ElementReceiverSignature<T>> {}
+export default class ElementReceiver<T extends string> extends Component<ElementReceiverSignature<T>> {}

test-app/app/components/element-receiver.ts

@@ -18,6 +18,7 @@
     "lint:fix": "concurrently 'npm:lint:*:fix' --names 'fix:'",
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
+    "lint:types": "glint",
     "start": "ember serve",
     "test": "ember test"
   },
@@ -47,6 +48,8 @@
     "@glint/environment-ember-template-imports": "^1.0.2",
     "@glint/template": "^1.0.2",
     "@tsconfig/ember": "^3.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
     "broccoli-asset-rev": "^3.0.0",
     "concurrently": "^8.0.1",
     "ember-auto-import": "^2.6.3",
@@ -65,6 +68,7 @@
     "ember-resolver": "^10.0.0",
     "ember-source": "~4.12.0",
     "ember-source-channel-url": "^3.0.0",
+    "ember-template-imports": "^3.4.2",
     "ember-template-lint": "^5.7.2",
     "ember-try": "^2.0.0",
     "eslint": "^8.37.0",

test-app/package.json

@@ -21,7 +21,9 @@
       "*": [
         "types/*"
       ]
-    }
+    },
+    // for typescript < 5
+    "moduleResolution": "NodeNext"
   },
   "include": [
     "app/**/*",