Add projects to FlagsService; add conditional Projects navLink (#434)

* Add `projects` to FlagsService

* Remove `initialize` function

* Fix projects getter; add projects to Mirage config

web/app/components/header/nav.hbs

@@ -12,6 +12,15 @@
     >
       All Docs
     </LinkTo>
+    {{#if this.flags.projects}}
+      <LinkTo
+        data-test-nav-link="projects"
+        @route="authenticated.projects"
+        @current-when="authenticated.projects"
+      >
+        Projects
+      </LinkTo>
+    {{/if}}
     <LinkTo
       data-test-nav-link="my"
       @route="authenticated.my"

web/app/components/header/nav.ts

@@ -10,13 +10,15 @@ import AuthenticatedUserService, {
 import window from "ember-window-mock";
 import { tracked } from "@glimmer/tracking";
 import { HERMES_GITHUB_REPO_URL } from "hermes/utils/hermes-urls";
+import FlagsService from "hermes/services/flags";
 
 interface HeaderNavComponentSignature {
   Args: {};
 }
 
 export default class HeaderNavComponent extends Component<HeaderNavComponentSignature> {
   @service("config") declare configSvc: ConfigService;
+  @service declare flags: FlagsService;
   @service declare session: SessionService;
   @service declare router: RouterService;
   @service declare authenticatedUser: AuthenticatedUserService;

web/app/config/environment.d.ts

@@ -2,7 +2,7 @@
  * Type declarations for
  *    import config from 'my-app/config/environment'
  */
-declare const config: {
+export interface HermesConfig {
   environment: string;
   modulePrefix: string;
   podModulePrefix: string;
@@ -24,6 +24,10 @@ declare const config: {
   skipGoogleAuth: boolean;
   showEmberAnimatedTools: boolean;
   supportLinkURL: string;
-};
+  version: string;
+  shortRevision: string;
+}
+
+declare const config: HermesConfig;
 
 export default config;

web/app/routes/application.ts

@@ -14,7 +14,6 @@ import MetricsService from "hermes/services/_metrics";
 export default class ApplicationRoute extends Route {
   @service declare config: ConfigService;
   @service("fetch") declare fetchSvc: FetchService;
-  @service declare flags: any;
   @service declare session: SessionService;
   @service declare router: RouterService;
   @service declare metrics: MetricsService;
@@ -65,8 +64,6 @@ export default class ApplicationRoute extends Route {
 
     await this.session.setup();
 
-    this.flags.initialize();
-
     await this.fetchSvc
       .fetch(`/api/${this.config.config.api_version}/web/config`)
       .then((response) => response?.json())

web/app/services/config.ts

@@ -1,8 +1,5 @@
-// @ts-nocheck
-// TODO: Type this file.
-
 import Service from "@ember/service";
-import config from "hermes/config/environment";
+import config, { HermesConfig } from "hermes/config/environment";
 
 export default class ConfigService extends Service {
   config = {
@@ -20,7 +17,7 @@ export default class ConfigService extends Service {
     short_revision: config.shortRevision,
   };
 
-  setConfig(param) {
+  setConfig(param: HermesConfig) {
     this.set("config", param);
 
     // Set API version.

web/app/services/flags.ts

@@ -0,0 +1,10 @@
+import Service, { inject as service } from "@ember/service";
+import ConfigService from "./config";
+
+export default class FlagsService extends Service {
+  @service("config") declare configSvc: ConfigService;
+
+  get projects() {
+    return this.configSvc.config.feature_flags?.["projects"];
+  }
+}

web/mirage/config.ts

@@ -358,7 +358,9 @@ export default function (mirageConfig) {
             algolia_docs_index_name: config.algolia.docsIndexName,
             algolia_drafts_index_name: config.algolia.draftsIndexName,
             algolia_internal_index_name: config.algolia.internalIndexName,
-            feature_flags: null,
+            feature_flags: {
+              projects: true,
+            },
             google_doc_folders: "",
             short_link_base_url: TEST_SHORT_LINK_BASE_URL,
             skip_google_auth: false,