Add Fetch path to tsconfig; update response types (#80)

* Add fetch to tsconfig

* Fix type errors

web/app/components/new/doc-form.ts

@@ -214,7 +214,7 @@ export default class NewDocFormComponent extends Component<NewDocFormComponentSi
             title: cleanString(this.title),
           }),
         })
-        .then((response) => response.json());
+        .then((response) => response?.json());
 
       // Wait for document to be available.
       await timeout(AWAIT_DOC_DELAY);

web/app/routes/authenticated/drafts.ts

@@ -93,7 +93,7 @@ export default class DraftsRoute extends Route {
             "/api/v1/drafts?" +
               this.createDraftURLSearchParams(params, ownerFacetOnly)
           )
-          .then((response) => response.json());
+          .then((response) => response?.json());
         return response;
       } catch (e: unknown) {
         console.error(e);

web/app/routes/authenticated/settings.ts

@@ -15,7 +15,8 @@ export default class SettingsRoute extends Route {
     const allProducts = await this.fetchSvc
       .fetch("/api/v1/products")
       .then((resp) => {
-        return resp.json()})
+        return resp?.json();
+      })
       .catch((err) => {
         console.log(`Error requesting products: ${err}`);
       });

web/app/services/authenticated-user.ts

@@ -77,19 +77,19 @@ export default class AuthenticatedUserService extends Service {
    */
   fetchSubscriptions = task(async () => {
     try {
-      let response = await this.fetchSvc.fetch("/api/v1/me/subscriptions", {
-        method: "GET",
-        headers: {
-          "Hermes-Google-Access-Token":
-            this.session.data.authenticated.access_token,
-        },
-      });
-      let subscriptions: string[] = await response.json();
+      let subscriptions = await this.fetchSvc
+        .fetch("/api/v1/me/subscriptions", {
+          method: "GET",
+          headers: {
+            "Hermes-Google-Access-Token":
+              this.session.data.authenticated.access_token,
+          },
+        })
+        .then((response) => response?.json());
 
       let newSubscriptions: Subscription[] = [];
 
       if (subscriptions) {
-        // map
         newSubscriptions = subscriptions.map((subscription: string) => {
           return {
             productArea: subscription,

web/tsconfig.json

@@ -13,6 +13,7 @@
       "hermes/*": ["app/*"],
       "hermes/mirage/*": ["mirage/*"],
       "*": ["types/*"],
+      "fetch": ["node_modules/ember-fetch"],
       "ember-cli-flash/*": ["node_modules/ember-cli-flash"]
     }
   },