Register template helpers

web/app/components/header/facet-dropdown.hbs

@@ -1,9 +1,9 @@
-{{! @glint-nocheck: not typesafe yet }}
-
+{{! @glint-ignore: not typesafe yet }}
 <X::DropdownList
   @items={{@facets}}
   @listIsOrdered={{true}}
   class="facet-dropdown-popover"
+  {{! @glint-ignore: not typesafe yet }}
   ...attributes
 >
   <:anchor as |dd|>

web/app/helpers/add.ts

@@ -0,0 +1,36 @@
+import { helper } from "@ember/component/helper";
+
+interface AddHelperSignature {
+  Args: {
+    Positional: [first: string | number, second: string | number];
+  };
+  Return: number;
+}
+
+const addHelper = helper<AddHelperSignature>(
+  ([first, second]: [string | number, string | number]) => {
+    let firstInteger = 0;
+    let secondInteger = 0;
+
+    if (typeof first === "number") {
+      firstInteger = first;
+    } else {
+      firstInteger = parseInt(first);
+    }
+
+    if (typeof second === "number") {
+      secondInteger = second;
+    } else {
+      secondInteger = parseInt(second);
+    }
+    return firstInteger + secondInteger;
+  }
+);
+
+export default addHelper;
+
+declare module "@glint/environment-ember-loose/registry" {
+  export default interface Registry {
+    add: typeof addHelper;
+  }
+}

web/app/helpers/get-facet-query-hash.ts

@@ -4,23 +4,26 @@ import { inject as service } from "@ember/service";
 import { FacetName } from "hermes/components/header/toolbar";
 import ActiveFiltersService from "hermes/services/active-filters";
 
+interface GetFacetQueryHashHelperSignature {
+  Args: {
+    Positional: [facetName: string, clickedFilter: string, isSelected: boolean];
+  };
+}
 /**
  * Generates a query hash appropriate for the facet item.
  * If the facet is in the ActiveFiltersService index, it will
  * be removed from the query hash. Otherwise, it'll be added.
  * Used by the FacetDropdown to add/remove filters on click.
  */
-export default class GetFacetQueryHashHelper extends Helper {
+export default class GetFacetQueryHashHelper extends Helper<GetFacetQueryHashHelperSignature> {
   @service declare activeFilters: ActiveFiltersService;
 
-  compute([facetName, clickedFilter, isSelected]: [
-    string,
-    string,
-    boolean,
-    () => void
-  ]) {
+  compute(
+    positional: [facetName: string, clickedFilter: string, isSelected: boolean]
+  ) {
     // Translate the UI facetName to the one used in the query hash.
     let translatedFacetName;
+    let [facetName, clickedFilter, isSelected] = positional;
 
     switch (facetName) {
       case "Type":
@@ -57,3 +60,9 @@ export default class GetFacetQueryHashHelper extends Helper {
     }
   }
 }
+
+declare module "@glint/environment-ember-loose/registry" {
+  export default interface Registry {
+    "get-facet-query-hash": typeof GetFacetQueryHashHelper;
+  }
+}

web/app/helpers/get-first-letter.ts

@@ -0,0 +1,25 @@
+import { helper } from "@ember/component/helper";
+
+export interface GetFirstLetterSignature {
+  Args: {
+    Positional: [maybeString: string | null | undefined];
+  };
+  Return: string | null;
+}
+
+const getFirstLetter = helper<GetFirstLetterSignature>(
+  ([maybeString]: [string | null | undefined | number]) => {
+    if (typeof maybeString === "string") {
+      return maybeString.match(/[a-zA-Z]/)?.[0] ?? null;
+    }
+    return null;
+  }
+);
+
+export default getFirstLetter;
+
+declare module "@glint/environment-ember-loose/registry" {
+  export default interface Registry {
+    "get-first-letter": typeof getFirstLetter;
+  }
+}

web/app/helpers/get-product-id.ts

@@ -0,0 +1,23 @@
+import { helper } from "@ember/component/helper";
+import getProductId from "hermes/utils/get-product-id";
+
+export interface GetProductIDSignature {
+  Args: {
+    Positional: [string | undefined];
+  };
+}
+
+const getProductIDHelper = helper<GetProductIDSignature>(([productName]) => {
+  if (!productName) {
+    return null;
+  }
+  return getProductId(productName);
+});
+
+export default getProductIDHelper;
+
+declare module "@glint/environment-ember-loose/registry" {
+  export default interface Registry {
+    "get-product-id": typeof getProductIDHelper;
+  }
+}

web/app/helpers/has-approved-doc.ts

@@ -1,14 +1,14 @@
 import { helper } from "@ember/component/helper";
 import { HermesDocument } from "hermes/types/document";
 
-export interface HasApprovedDocSignature {
+interface HasApprovedDocHelperSignature {
   Args: {
-    Positional: [HermesDocument, string];
+    Positional: [document: HermesDocument, approverEmail: string];
   };
   Return: boolean;
 }
 
-const hasApprovedDoc = helper<HasApprovedDocSignature>(
+const hasApprovedDocHelper = helper<HasApprovedDocHelperSignature>(
   ([document, approverEmail]: [HermesDocument, string]) => {
     if (document.approvedBy) {
       return document.approvedBy.some((email) => email === approverEmail);
@@ -18,10 +18,10 @@ const hasApprovedDoc = helper<HasApprovedDocSignature>(
   }
 );
 
-export default hasApprovedDoc;
+export default hasApprovedDocHelper;
 
 declare module "@glint/environment-ember-loose/registry" {
   export default interface Registry {
-    "has-approved-doc": typeof hasApprovedDoc;
+    "has-approved-doc": typeof hasApprovedDocHelper;
   }
 }

web/app/helpers/html-element.ts

@@ -1,6 +1,23 @@
 import { helper } from "@ember/component/helper";
 import htmlElement from "hermes/utils/html-element";
 
-export default helper(([selector]: [string]) => {
-  return htmlElement(selector);
-});
+interface HtmlElementHelperSignature {
+  Args: {
+    Positional: [selector: string];
+  };
+  Return: HTMLElement;
+}
+
+const htmlElementHelper = helper<HtmlElementHelperSignature>(
+  ([selector]: [string]) => {
+    return htmlElement(selector);
+  }
+);
+
+export default htmlElementHelper;
+
+declare module "@glint/environment-ember-loose/registry" {
+  export default interface Registry {
+    "html-element": typeof htmlElementHelper;
+  }
+}

web/app/helpers/lowercase.ts

@@ -0,0 +1,22 @@
+import { helper } from "@ember/component/helper";
+
+export interface LowercaseHelperSignature {
+  Args: {
+    Positional: [value: string | number | boolean | undefined];
+  };
+  Return: string;
+}
+
+const lowercaseHelper = helper<LowercaseHelperSignature>(
+  ([value]: [string | number | boolean | undefined]) => {
+    return value?.toString().toLowerCase() ?? "";
+  }
+);
+
+export default lowercaseHelper;
+
+declare module "@glint/environment-ember-loose/registry" {
+  export default interface Registry {
+    lowercase: typeof lowercaseHelper;
+  }
+}

web/app/helpers/parse-date.ts

@@ -1,11 +1,28 @@
 import { helper } from "@ember/component/helper";
 import parseDate from "hermes/utils/parse-date";
+export interface ParseDateHelperSignature {
+  Args: {
+    Positional: [
+      time: string | number | Date | undefined,
+      monthFormat: "short" | "long"
+    ];
+    Return: Date | undefined;
+  };
+}
 
-export default helper(
+const parseDateHelper = helper<ParseDateHelperSignature>(
   ([time, monthFormat = "short"]: [
     string | number | Date | undefined,
     "short" | "long"
   ]) => {
     return parseDate(time, monthFormat);
   }
 );
+
+export default parseDateHelper;
+
+declare module "@glint/environment-ember-loose/registry" {
+  export default interface Registry {
+    "parse-date": typeof parseDateHelper;
+  }
+}