Convert src to TypeScript and test the published types

.github/workflows/ci.yml

@@ -29,6 +29,25 @@ jobs:
       - name: Lint
         run: pnpm lint
 
+  test-types:
+    name: "Type Tests"
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Build
+        run: pnpm build
+      - name: Test Types
+        run: pnpm --filter test-types test
+
   test:
     name: "Tests"
     runs-on: ubuntu-latest

demo-app/components/decorator-example1.gjs

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import { keyResponder, onKey } from '#src/index.js';
+import { keyResponder, onKey } from '#src/index.ts';
 
 @keyResponder
 export default class DecoratorExample1 extends Component {

demo-app/components/decorator-example2.gjs

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import { keyResponder, onKey } from '#src/index.js';
+import { keyResponder, onKey } from '#src/index.ts';
 
 @keyResponder
 export default class DecoratorExample2 extends Component {

demo-app/components/decorator-example3.js

@@ -3,7 +3,7 @@
 /* eslint-disable ember/no-classic-components */
 import Component from '@ember/component';
 import { computed } from '@ember/object';
-import { keyResponder, onKey } from '#src/index.js';
+import { keyResponder, onKey } from '#src/index.ts';
 
 export default keyResponder(
   Component.extend({

demo-app/components/decorator-example4.js

@@ -2,7 +2,7 @@
 /* eslint-disable ember/no-classic-classes */
 /* eslint-disable ember/no-classic-components */
 import Component from '@ember/component';
-import { keyResponder, onKey } from '#src/index.js';
+import { keyResponder, onKey } from '#src/index.ts';
 
 export default keyResponder(
   Component.extend({

demo-app/components/key-down-counter.gjs

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
-import { keyResponder, onKey } from '#src/index.js';
+import { keyResponder, onKey } from '#src/index.ts';
 import { tracked } from '@glimmer/tracking';
 import pick from '../helpers/pick.js';
 

demo-app/components/mouse-down-counter.gjs

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import { keyResponder, onKey } from '#src/index.js';
+import { keyResponder, onKey } from '#src/index.ts';
 import { tracked } from '@glimmer/tracking';
 
 function makeEventHandler(stepSize = 1) {

demo-app/components/on-key-helper-examples.gjs

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { fn } from '@ember/helper';
 import { tracked } from '@glimmer/tracking';
-import onKey from '#src/helpers/on-key.js';
+import onKey from '#src/helpers/on-key.ts';
 
 function setTrue(obj, key) {
   obj[key] = true;

demo-app/components/on-key-modifier-examples.gjs

@@ -3,7 +3,7 @@ import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
-import onKeyModifier from '#src/modifiers/on-key.js';
+import onKeyModifier from '#src/modifiers/on-key.ts';
 
 export default class OnKeyModifierExamples extends Component {
   @tracked bButtonTriggered = false;

demo-app/components/touch-start-counter.gjs

@@ -1,6 +1,6 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
-import { keyResponder, onKey } from '#src/index.js';
+import { keyResponder, onKey } from '#src/index.ts';
 
 function makeEventHandler(stepSize = 1) {
   return function (_event, ekEvent) {

demo-app/components/trigger-event-widget.gjs

@@ -1,6 +1,6 @@
 import Component from '@glimmer/component';
 import { set } from '@ember/object';
-import { keyResponder, onKey } from '#src/index.js';
+import { keyResponder, onKey } from '#src/index.ts';
 
 @keyResponder({ activated: true })
 export default class TriggerEventWidget extends Component {

demo-app/services/keyboard.js

@@ -1,8 +1,8 @@
 import { action } from '@ember/object';
 import { run } from '@ember/runloop';
-import KeyboardService from '#src/services/keyboard.js';
-import isKey from '#src/utils/is-key.js';
-import { reverseCompareProp } from '#src/utils/sort.js';
+import KeyboardService from '#src/services/keyboard.ts';
+import isKey from '#src/utils/is-key.ts';
+import { reverseCompareProp } from '#src/utils/sort.ts';
 
 function handleKeyEventWithLaxPriorities(event, sortedResponders) {
   let currentPriorityLevel;

package.json

@@ -15,16 +15,32 @@
     "#src/*": "./src/*"
   },
   "exports": {
-    ".": "./dist/index.js",
+    ".": {
+      "types": "./declarations/index.d.ts",
+      "default": "./dist/index.js"
+    },
     "./*": {
       "types": "./declarations/*.d.ts",
       "default": "./dist/*.js"
     },
-    "./test-support/key-event": "./dist/test-support/key-event.js",
-    "./test-support/test-helpers": "./dist/test-support/test-helpers.js",
+    "./test-support/key-event": {
+      "types": "./declarations/test-support/key-event.d.ts",
+      "default": "./dist/test-support/key-event.js"
+    },
+    "./test-support/test-helpers": {
+      "types": "./declarations/test-support/test-helpers.d.ts",
+      "default": "./dist/test-support/test-helpers.js"
+    },
     "./addon-main.js": "./addon-main.cjs",
     "./*.css": "./dist/*.css"
   },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "declarations/*"
+      ]
+    }
+  },
   "files": [
     "addon-main.cjs",
     "declarations",

pnpm-workspace.yaml

@@ -4,6 +4,7 @@
 packages:
   - .
   - docs
+  - test-types
 
 allowBuilds:
   core-js: false