Encourage decentralizing the template registry for Ember projects

README.md

@@ -205,18 +205,20 @@ export default class Greeting extends Component<GreetingSignature> {
 
 Because Ember's template resolution occurs dynamically at runtime today, Glint needs a way of mapping the names used in your templates to the actual backing value they'll be resolved to. This takes the form of a "type registry" similar to the one that powers Ember Data's types.
 
-The recommended approach is to create a single file, for example at `types/template-registry.d.ts`, in which you can populate references to your app's components, helpers and modifiers.
+The recommended approach is to include a declaration in each component, modifier or helper module that adds it to the registry, which is the default export of `@glint/environment-ember-loose/types/registry`.
 
 ```ts
-// types/template-registry.d.ts
+// app/components/greeting.ts
+
+import Component from '@glint/environment-ember-loose/glimmer-component';
 
-import '@glint/environment-ember-loose/types/registry';
+export default class Greeting extends Component {
+  // ...
+}
 
 declare module '@glint/environment-ember-loose/types/registry' {
   export default interface Registry {
-    capitalize: typeof import('my-app/helpers/capitalize').default;
-    Shout: typeof import('my-app/components/shout').default;
-    SuperTable: typeof import('my-app/components/super-table').default;
+    Greeting: typeof Greeting;
   }
 }
 ```

test-packages/demo-ember-app/app/components/bar/index.ts

@@ -1,6 +1,6 @@
 import Component from '@glint/environment-ember-loose/glimmer-component';
 
-interface BarSignature {
+export interface BarSignature {
   Args: {
     grault: number;
   };
@@ -9,3 +9,9 @@ interface BarSignature {
 export default class Bar extends Component<BarSignature> {
   name = 'BAR';
 }
+
+declare module '@glint/environment-ember-loose/types/registry' {
+  export default interface Registry {
+    Bar: typeof Bar;
+  }
+}

test-packages/demo-ember-app/app/components/ember.ts

@@ -20,3 +20,9 @@ export default class Ember extends Component<EmberSignature> {
     return { required, hasDefault, optional };
   }
 }
+
+declare module '@glint/environment-ember-loose/types/registry' {
+  export default interface Registry {
+    Ember: typeof Ember;
+  }
+}

test-packages/demo-ember-app/app/components/foo.ts

@@ -5,3 +5,9 @@ export default class Foo extends Component {
 
   obj = { a: 'A', b: 'B', c: 1, 𝚪: '' };
 }
+
+declare module '@glint/environment-ember-loose/types/registry' {
+  export default interface Registry {
+    Foo: typeof Foo;
+  }
+}

test-packages/demo-ember-app/app/components/qux.ts

@@ -3,3 +3,9 @@ import Component from '@glint/environment-ember-loose/glimmer-component';
 export default class Qux extends Component {
   name = 'QUX';
 }
+
+declare module '@glint/environment-ember-loose/types/registry' {
+  export default interface Registry {
+    Qux: typeof Qux;
+  }
+}

test-packages/demo-ember-app/app/pods/components/baz/component.ts

@@ -1,5 +1,15 @@
 import Component from '@glint/environment-ember-loose/glimmer-component';
 
-export default class BazComponent extends Component {
+export interface BazSignature {
+  Args: { optional?: string };
+}
+
+export default class BazComponent extends Component<BazSignature> {
   name = 'BAZ';
 }
+
+declare module '@glint/environment-ember-loose/types/registry' {
+  export default interface Registry {
+    Baz: typeof BazComponent;
+  }
+}