Add JS app configured with TypeScript and tsconfig

test-packages/js-template-imports-app/.gitignore

@@ -0,0 +1 @@
+tsconfig.tsbuildinfo

test-packages/js-template-imports-app/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "js-template-imports-app",
+  "version": "0.0.0",
+  "private": true,
+  "license": "MIT",
+  "scripts": {
+    "test": "echo 'no standalone test within this project'",
+    "test:typecheck": "ember-tsc",
+    "test:tsc": "echo 'no standalone tsc within this project'"
+  },
+  "dependenciesMeta": {
+    "@glint/template": {
+      "injected": true
+    },
+    "@glint/ember-tsc": {
+      "injected": true
+    },
+    "@glint/tsserver-plugin": {
+      "injected": true
+    }
+  },
+  "devDependencies": {
+    "@glimmer/component": "^2.0.0",
+    "@glint/template": "workspace:*",
+    "@glint/ember-tsc": "workspace:*",
+    "@types/rsvp": "^4.0.9",
+    "@glint/tsserver-plugin": "workspace:*",
+    "@tsconfig/ember": "^3.0.9",
+    "ember-modifier": "^4.0.0",
+    "ember-source": "^6.2.0",
+    "typescript": ">=5.6.0"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  }
+}

test-packages/js-template-imports-app/src/Greeting.gjs

@@ -0,0 +1,17 @@
+import Component from '@glimmer/component';
+
+export default class Greeting extends Component {
+  message = 'Hello';
+
+  <template>
+    {{this.message}}, {{@target}}<Bang @times={{3}} />
+  </template>
+}
+
+function repeat(value, times) {
+  return Array(times).fill(value).join('');
+}
+
+const Bang = <template>
+  {{repeat '!' @times}}
+</template>

test-packages/js-template-imports-app/src/NoTemplate.gjs

@@ -0,0 +1,6 @@
+/*NoTemplate*/
+import { Other } from './other';
+
+export class Foo {}
+
+export const O = Other;

test-packages/js-template-imports-app/src/augmented.gjs

@@ -0,0 +1,6 @@
+<template>
+  <p>hi</p>
+  <style scoped inline>
+    p { color: red; }
+  </style>
+</template>

test-packages/js-template-imports-app/src/empty-fixture.gjs

@@ -0,0 +1,6 @@
+// This file is intentionally empty.
+// It exists as a hack to get around some issues when testing our TS Plugin
+// within tsserver harness where, even though many of our tests are only
+// updating tsserver's in-memory content for a file, tsserver still needs
+// the file to exist in the file system in order for things like References
+// and other language features to work properly.

test-packages/js-template-imports-app/src/empty-fixture2.gjs

@@ -0,0 +1 @@
+// See ./empty-fixture.ts for why this exists.

test-packages/js-template-imports-app/src/index.gjs

@@ -0,0 +1,5 @@
+import Greeting from './Greeting';
+
+export default <template>
+  <Greeting @target="World" />
+</template>

test-packages/js-template-imports-app/src/other.js

@@ -0,0 +1 @@
+export class Other {}

test-packages/js-template-imports-app/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "@tsconfig/ember",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "types": ["ember-source/types"]
+  },
+  "include": ["src", "types"],
+  "glint": {
+    "additionalGlobals": ["t"]
+  }
+}

test-packages/js-template-imports-app/types/index.d.ts

@@ -0,0 +1,15 @@
+import '@glint/ember-tsc/types';
+
+import { HelperLike } from '@glint/template';
+
+declare module '@glint/ember-tsc/globals' {
+  export default interface Globals {
+    t: HelperLike<{
+      Args: {
+        Positional: string[];
+        Named: Record<string, unknown>;
+      };
+      Return: string;
+    }>;
+  }
+}