Fix glint issues

Author: NullVoxPopuli

test-app/app/helpers/clock.ts

@@ -8,7 +8,13 @@ export function Clock() {
 
     on.cleanup(() => clearInterval(interval));
 
-    return time;
+    // this works at runtime but TS/Glint can't figure it out
+    // return time;
+
+    // The above is a shorthand for this
+    // (but with a cast to string to appease Glint's restructive ContentValue type
+    // (Date is a renderable value, but Glint doesn't think so)
+    return () => time.current.toString();
   });
 }
 

test-app/app/helpers/time-format.ts

@@ -6,6 +6,6 @@ const formatter = new Intl.DateTimeFormat(locale, {
   hour12: false,
 });
 
-export default function timeFormat(input: string) {
+export default function timeFormat(input: Date) {
   return formatter.format(input);
 }

test-app/tests/loose-mode-test.ts

@@ -8,7 +8,6 @@ module('Loose mode', function (hooks) {
 
   test('it works', async function (assert) {
     await render(hbs`
-      {{! @glint-nocheck }}
       <time>{{ clock }}</time>
     `);
 
@@ -24,7 +23,6 @@ module('Loose mode', function (hooks) {
 
   test('can be passed to a helper', async function (assert) {
     await render(hbs`
-      {{! @glint-nocheck }}
       <time>{{time-format (clock) }}</time>
     `);
 

test-app/types/glint-registry.d.ts

@@ -2,9 +2,13 @@ import '@glint/environment-ember-loose';
 import '@glint/environment-ember-loose/native-integration';
 
 // import type { ComponentLike, HelperLike, ModifierLike } from "@glint/template";
+import type Clock from 'test-app/helpers/clock';
+import type TimeFormat from 'test-app/helpers/time-format';
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
+    'clock': typeof Clock & { (): typeof Clock };
+    'time-format': typeof TimeFormat;
     // Examples
     // state: HelperLike<{ Args: {}, Return: State }>;
     // attachShadow: ModifierLike<{ Args: { Positional: [State['update']]}}>;