TS Conversion

Author: NullVoxPopuli

addon/README.md

@@ -123,6 +123,23 @@ declare module '@glint/environment-ember-loose/registry' {
 }
 ```
 
+Similarly, if you rely on a service registry, you'll want to import ember-page-title's service registry and extend from it.
+
+```ts
+import type PageTitle from 'ember-page-title/service-registry';
+
+declare module '@ember/service' {
+  interface Registry extends PageTitle {
+        /* your local service entries here */
+  }
+}
+```
+
+or, if you wish to manage how the service becomes registered yourself, you may import the service:
+```ts
+import type PageTitle from 'ember-page-title/services/page-title';
+```
+
 ### Upgrading notes for 5.x to 6.x
 
 - `ember-page-title` no longer requires the usage of `ember-cli-head`.

addon/package.json

@@ -16,9 +16,12 @@
       "types": "./declarations/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./*": {
-      "types": "./declarations/*",
-      "default": "./dist/*"
+    "./_app_/*": {
+      "default": "./dist/_app_/*"
+    },
+    "./services/page-title": {
+      "types": "./declarations/services/page-title.d.ts",
+      "default": "./dist/services/page-title.js"
     },
     "./test-support": {
       "types": "./declarations/test-support/index.d.ts",
@@ -40,14 +43,15 @@
     "lint:fix": "concurrently 'npm:lint:*:fix' --names 'fix:'",
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
-    "lint:types": "glint",
+    "lint:types": "glint --declaration",
     "prepack": "rollup --config",
     "start": "concurrently 'npm:start:*'",
     "start:js": "rollup --config --watch --no-watch.clearScreen",
     "start:types": "glint --declaration --watch"
   },
   "dependencies": {
-    "@embroider/addon-shim": "^1.8.7"
+    "@embroider/addon-shim": "^1.8.7",
+    "@simple-dom/document": "^1.4.0"
   },
   "peerDependencies": {
     "ember-source": ">= 3.28.0"

addon/src/helpers/page-title.ts

@@ -1,10 +1,10 @@
-// @ts-nocheck
 import { inject as service } from '@ember/service';
 import Helper from '@ember/component/helper';
 import { guidFor } from '@ember/object/internals';
 
+import type Owner from '@ember/owner';
 import type PageTitleService from '../services/page-title.ts';
-import type { PageTitleToken } from '../services/page-title.ts';
+import type { PageTitleToken } from '../private-types.ts';
 
 export type PageTitleHelperOptions = Pick<
   PageTitleToken,
@@ -34,24 +34,28 @@ interface Signature {
 export default class PageTitle extends Helper<Signature> {
   @service('page-title') declare tokens: PageTitleService;
 
-  get tokenId(): string {
-    return guidFor(this);
-  }
+  tokenId = guidFor(this);
 
-  constructor() {
-    super(...arguments);
+  constructor(owner: Owner) {
+    super(owner);
     this.tokens.push({ id: this.tokenId });
   }
 
-  compute(params, _hash) {
-    const hash = {
-      ..._hash,
+  compute(params: string[], userOptions: PageTitleHelperOptions) {
+    const options = {
+      ...userOptions,
       id: this.tokenId,
       title: params.join(''),
     };
 
-    this.tokens.push(hash);
+    this.tokens.push(options);
     this.tokens.scheduleTitleUpdate();
+    // We must return an empty value here because otherwise
+    // invoking the pageTitle helper will render something
+    // in the component it's used in, and we don't want that.
+    //
+    // pageTitle is a side-effecting helper.
+    // We *synchronize* the document.title with our internal state.
     return '';
   }
 

addon/src/private-types.ts

@@ -0,0 +1,27 @@
+import type SimpleDomDocument from '@simple-dom/document';
+
+export type FastBootDocument = ReturnType<typeof SimpleDomDocument> & {
+  title?: string;
+};
+
+export interface PageTitleConfig {
+  /** The default separator to use between tokens. */
+  separator?: string;
+
+  /** The default prepend value to use. */
+  prepend?: boolean;
+
+  /** The default replace value to use. */
+  replace?: boolean | null;
+}
+
+export interface PageTitleToken extends PageTitleConfig {
+  id: string;
+  title?: string;
+  separator?: string;
+  prepend?: boolean;
+  replace?: boolean;
+  front?: unknown;
+  previous?: PageTitleToken | null;
+  next?: PageTitleToken | null;
+}

addon/src/service-registry.ts

@@ -0,0 +1,14 @@
+import type PageTitleService from './services/page-title.ts';
+import type { FastBootDocument } from './private-types.ts';
+
+export default interface ServiceRegistry {
+  /**
+   * The service for managing the title of the page.
+   */
+  'page-title': PageTitleService;
+  /**
+   * ⚠️ This service is not provided by ember-page-title,
+   *   but is needed by ember-page-title
+   */
+  '-document': FastBootDocument & { title?: string };
+}