Add glint to the docs app

Author: NullVoxPopuli

addon/package.json

@@ -27,6 +27,12 @@
       "types": "./declarations/test-support/index.d.ts",
       "default": "./dist/test-support/index.js"
     },
+    "./template-registry": {
+      "types": "./declarations/template-registry.d.ts"
+    },
+    "./service-registry": {
+      "types": "./declarations/service-registry.d.ts"
+    },
     "./addon-main.js": "./addon-main.js"
   },
   "files": [

docs/app/components/page-title-pane.ts

@@ -0,0 +1,24 @@
+import templateOnly from '@ember/component/template-only';
+import type { ComponentLike } from '@glint/template';
+
+const PageTitlePane = templateOnly<{
+  Element: HTMLDivElement;
+  Args: {
+    title: string;
+  };
+  Blocks: {
+    default: [
+      components: {
+        template: ComponentLike<{ Blocks: { default: [] } }>;
+      },
+    ];
+  };
+}>();
+
+export default PageTitlePane;
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry {
+    PageTitlePane: typeof PageTitlePane;
+  }
+}

docs/app/components/page-title-pane/nested-template.ts

@@ -0,0 +1,16 @@
+import templateOnly from '@ember/component/template-only';
+
+const NestedTemplate = templateOnly<{
+  Blocks: {
+    default: [];
+  };
+}>();
+
+export default NestedTemplate;
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry {
+    'PageTitlePane::NestedTemplate': typeof NestedTemplate;
+    'page-title-pane/nested-template': typeof NestedTemplate;
+  }
+}

docs/app/components/window-pane.hbs

@@ -6,6 +6,6 @@
     {{@title}}
   </header>
   <div>
-    {{yield this}}
+    {{yield}}
   </div>
 </div>

docs/app/components/window-pane.ts

@@ -0,0 +1,18 @@
+import templateOnly from '@ember/component/template-only';
+
+const WindowPane = templateOnly<{
+  Args: {
+    title: string;
+  };
+  Blocks: {
+    default: [];
+  };
+}>();
+
+export default WindowPane;
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry {
+    WindowPane: typeof WindowPane;
+  }
+}

docs/package.json

@@ -21,11 +21,14 @@
     "lint:hbs:fix": "ember-template-lint . --fix",
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
+    "lint:types": "glint",
     "release": "standard-version",
     "start": "ember serve",
     "test": "npm-run-all lint test:*",
-    "test:ember": "ember test",
-    "lint:types": "glint"
+    "test:ember": "ember test"
+  },
+  "dependencies": {
+    "ember-page-title": "workspace:*"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.23.3",
@@ -59,7 +62,6 @@
     "ember-inline-svg": "^1.0.0",
     "ember-load-initializers": "^2.1.2",
     "ember-maybe-import-regenerator": "^1.0.0",
-    "ember-page-title": "8.1.0",
     "ember-qunit": "^8.0.2",
     "ember-resolver": "^11.0.1",
     "ember-source": "~5.5.0",

docs/tsconfig.json

@@ -5,6 +5,7 @@
     // layout, which is not resolvable with the Node resolution algorithm, to
     // work with TypeScript.
     "baseUrl": ".",
+    "allowJs": true,
     "paths": {
       "docs/tests/*": ["tests/*"],
       "docs/*": ["app/*"],
@@ -14,4 +15,4 @@
   "glint": {
     "environment": ["ember-loose", "ember-template-imports"]
   }
-}
+}

docs/types/glint.d.ts

@@ -2,11 +2,13 @@
 import '@glint/environment-ember-loose';
 import '@glint/environment-ember-template-imports';
 
+import type PageTitle from 'ember-page-title/template-registry';
+
 declare module '@glint/environment-ember-loose/registry' {
   // Remove this once entries have been added! 👇
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  export default interface Registry {
+  export default interface Registry extends PageTitle {
     // Add any registry entries from other addons here that your addon itself uses (in non-strict mode templates)
     // See https://typed-ember.gitbook.io/glint/using-glint/ember/using-addons
   }
-}
+}