Merge pull request #831 from ember-learn/glint

Add Glint to the project

Author: chriskrycho

app/components/api-index-filter.js

@@ -7,6 +7,20 @@ import sortBy from 'lodash.sortby';
 const filterDataComputedParams =
   'filterData.{showInherited,showProtected,showPrivate,showDeprecated}';
 
+/**
+ * @typedef Args
+ * @property {object} model
+ * @property {object} filterData
+ */
+
+/**
+ * @typedef Blocks
+ * @property {[ApiIndexFilter['filteredData']]} default
+ */
+
+/**
+ * @extends Component<{ Args: Args, Blocks: Blocks }>
+ */
 @classNames('api-index-filter')
 export default class ApiIndexFilter extends Component {
   @computed('model.methods.[]', filterDataComputedParams)

app/components/api-index.js

@@ -1,29 +1,46 @@
-/* eslint-disable ember/no-computed-properties-in-native-classes */
-import { computed } from '@ember/object';
-import Component from '@ember/component';
+import Component from '@glimmer/component';
 
+/**
+ * @typedef ItemData
+ * @property {Array<{ name: string }>} methods
+ * @property {Array<{ name: string }>} properties
+ * @property {Array<{ name: string }>} events
+ */
+
+/**
+ * @typedef Args
+ * @property {ItemData} itemData
+ */
+
+/**
+ * @typedef Blocks
+ * @property {[{ sections: ApiIndex['sections'] }]} default
+ */
+
+/**
+ * @extends Component<{ Args: Args, Blocks: Blocks }>
+ */
 export default class ApiIndex extends Component {
-  @computed('itemData.{methods,properties,events}')
   get sections() {
     return [
       {
         title: 'Methods',
         tab: 'methods',
-        items: this.itemData.methods,
+        items: this.args.itemData.methods,
         class: 'spec-method-list',
         routeSuffix: '.methods.method',
       },
       {
         title: 'Properties',
         tab: 'properties',
-        items: this.itemData.properties,
+        items: this.args.itemData.properties,
         class: 'spec-property-list',
         routeSuffix: '.properties.property',
       },
       {
         title: 'Events',
         tab: 'events',
-        items: this.itemData.events,
+        items: this.args.itemData.events,
         class: 'spec-event-list',
         routeSuffix: '.events.event',
       },

app/registry.d.ts

@@ -0,0 +1,9 @@
+import ApiIndex from './components/api-index';
+import ApiIndexFilter from './components/api-index-filter';
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry {
+    ApiIndex: typeof ApiIndex;
+    ApiIndexFilter: typeof ApiIndexFilter;
+  }
+}

app/templates/class-index.hbs

@@ -6,7 +6,15 @@
         <ul class="{{section.class}}">
           {{#each section.items as |item|}}
             <li data-test-item={{item.name}}>
-              <LinkTo @route={{concat this.parentName section.routeSuffix }} @models={{array @model.project.id @model.projectVersion.compactVersion @model.name item.name}} @query={{hash anchor=item.name}}>
+              <LinkTo
+                @route="{{this.parentName}}{{section.routeSuffix}}"
+                @models={{array
+                  @model.project.id
+                  @model.projectVersion.compactVersion
+                  @model.name item.name
+                }}
+                @query={{hash anchor=item.name}}
+              >
                 {{item.name}}
               </LinkTo>
             </li>

app/templates/components/api-index.hbs

@@ -1,3 +1,5 @@
+<div>
 {{yield (hash
   sections=this.sections)
 }}
+</div>

jsconfig.json

@@ -1,5 +1,15 @@
 {
-    "compilerOptions": {
-      "experimentalDecorators": true
-    },
-}
+  "extends": "@tsconfig/ember",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "ember-api-docs/*": [
+        "app/*"
+      ]
+    }
+  },
+  "glint": {
+    "environment": "ember-loose",
+    "checkStandaloneTemplates": false
+  }
+}