From 2efc53029440a6148d1c1f0c35b7f78521cefe8d Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Sat, 11 Mar 2023 23:50:06 +0800
Subject: [PATCH 01/13] Declare custom module for this.store and add type
 definitions

---
 frontend/src/types/types.ts  | 20 +++++++++++
 frontend/src/types/vuex.d.ts | 64 ++++++++++++++++++++++++++++++++++++
 2 files changed, 84 insertions(+)
 create mode 100644 frontend/src/types/vuex.d.ts

diff --git a/frontend/src/types/types.ts b/frontend/src/types/types.ts
index dc4417341a..4e8252de3c 100644
--- a/frontend/src/types/types.ts
+++ b/frontend/src/types/types.ts
@@ -45,3 +45,23 @@ export interface Repo extends RepoRaw {
   files?: FileResult[];
   users?: User[];
 }
+
+interface AuthorshipFileSegment {
+  authored: boolean;
+  lineNumbers: number[];
+  lines: string[];
+}
+
+export interface AuthorshipFile {
+  active: boolean;
+  blankLineCount: number;
+  charCount: number;
+  fileSize: number | undefined; // not actually in schema - to verify relevancy when migrating c-authorship.vue
+  fileType: string;
+  isBinary: boolean;
+  isIgnored: boolean;
+  lineCount: number;
+  path: string;
+  segments: AuthorshipFileSegment[];
+  wasCodeLoaded: boolean;
+}
diff --git a/frontend/src/types/vuex.d.ts b/frontend/src/types/vuex.d.ts
new file mode 100644
index 0000000000..b928ee6eec
--- /dev/null
+++ b/frontend/src/types/vuex.d.ts
@@ -0,0 +1,64 @@
+import { Store } from 'vuex';
+import { AuthorshipFile, User } from './types';
+
+interface AuthorshipInfo {
+  author: string;
+  checkedFileTypes?: string[];
+  files: AuthorshipFile[];
+  isMergeGroup: boolean;
+  isRefresh?: boolean;
+  location: string | undefined;
+  maxDate: string;
+  minDate: string;
+  name: string;
+  repo: string;
+}
+
+interface ZoomInfo {
+  isRefreshing?: boolean;
+  zAuthor: string;
+  zAvgCommitSize: number | string;
+  zFileTypeColors: { [key: string]: string };
+  zFilterGroup: string;
+  zFilterSearch: string;
+  zFromRamp: boolean;
+  zIsMerged: boolean;
+  zLocation: string | undefined;
+  zRepo: string;
+  zSince: string;
+  zTimeFrame: string;
+  zUntil: string;
+  zUser: User;
+}
+
+export interface SummaryDates {
+  since: string;
+  until: string;
+}
+
+export interface StoreState {
+  tabAuthorshipInfo: AuthorshipInfo;
+  tabZoomInfo: ZoomInfo;
+  summaryDates: SummaryDates;
+  mergedGroups: string[]
+  fileTypeColors: { [key: string]: string }
+  loadingOverlayCount: number
+  loadingOverlayMessage: string
+  isTabActive: boolean
+}
+
+declare module '@vue/runtime-core' {
+  interface State {
+    tabAuthorshipInfo: AuthorshipInfo;
+    tabZoomInfo: ZoomInfo;
+    summaryDates: SummaryDates;
+    mergedGroups: string[]
+    fileTypeColors: { [key: string]: string }
+    loadingOverlayCount: number
+    loadingOverlayMessage: string
+    isTabActive: boolean
+  }
+  interface ComponentCustomProperties {
+    $store: Store<State>;
+  }
+}

From e3f84ac8c7cd40863918a75b63fa800edb2e904f Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Sat, 11 Mar 2023 23:52:48 +0800
Subject: [PATCH 02/13] Convert store.js to TypeScript

---
 frontend/src/store/{store.js => store.ts} | 45 +++++++++++++----------
 1 file changed, 26 insertions(+), 19 deletions(-)
 rename frontend/src/store/{store.js => store.ts} (60%)

diff --git a/frontend/src/store/store.js b/frontend/src/store/store.ts
similarity index 60%
rename from frontend/src/store/store.js
rename to frontend/src/store/store.ts
index 3c5c3de4de..1499b3558c 100644
--- a/frontend/src/store/store.js
+++ b/frontend/src/store/store.ts
@@ -1,55 +1,62 @@
 import { createStore } from 'vuex';
+import { AuthorshipFile, CommitResult, DailyCommit } from '../types/types';
+import {
+  AuthorshipInfo,
+  StoreState,
+  SummaryDates,
+  ZoomInfo,
+} from '../types/vuex.d';
 
 export default createStore({
   state: {
-    tabAuthorshipInfo: {},
-    tabZoomInfo: {},
-    summaryDates: {},
+    tabAuthorshipInfo: {} as AuthorshipInfo,
+    tabZoomInfo: {} as ZoomInfo,
+    summaryDates: {} as SummaryDates,
     mergedGroups: [],
     fileTypeColors: {},
     loadingOverlayCount: 0,
     loadingOverlayMessage: '',
     isTabActive: true,
-  },
+  } as StoreState,
   mutations: {
-    updateTabZoomInfo(state, info) {
+    updateTabZoomInfo(state, info: ZoomInfo) {
       state.tabZoomInfo = info;
     },
-    updateTabAuthorshipInfo(state, info) {
+    updateTabAuthorshipInfo(state, info: AuthorshipInfo) {
       state.tabAuthorshipInfo = info;
     },
-    updateSummaryDates(state, info) {
+    updateSummaryDates(state, info: SummaryDates) {
       state.summaryDates = info;
     },
-    updateFileTypeColors(state, info) {
+    updateFileTypeColors(state, info: { [key: string]: string }) {
       state.fileTypeColors = info;
     },
-    updateMergedGroup(state, info) {
+    updateMergedGroup(state, info: string[]) {
       state.mergedGroups = info;
     },
-    incrementLoadingOverlayCount(state, increment) {
+    incrementLoadingOverlayCount(state, increment: number) {
       state.loadingOverlayCount += increment;
       if (state.loadingOverlayCount === 0) {
         state.loadingOverlayMessage = 'Loading. Please wait...';
       }
     },
-    updateLoadingOverlayMessage(state, message) {
+    updateLoadingOverlayMessage(state, message: string) {
       state.loadingOverlayMessage = message;
     },
-    updateTabState(state, isTabOpen) {
+    updateTabState(state, isTabOpen: boolean) {
       state.isTabActive = isTabOpen;
-      window.addHash('tabOpen', isTabOpen);
+      window.addHash('tabOpen', isTabOpen.toString());
       if (!isTabOpen) {
         window.removeHash('tabType');
       }
       window.encodeHash();
     },
-    toggleZoomCommitMessageBody(_, slice) {
+    toggleZoomCommitMessageBody(_, slice: CommitResult) {
       if (slice.isOpen !== undefined) {
         slice.isOpen = !slice.isOpen;
       }
     },
-    setAllZoomCommitMessageBody(_, { isOpen, commits }) {
+    setAllZoomCommitMessageBody(_, { isOpen, commits }: { isOpen: boolean; commits: DailyCommit[] }) {
       commits.forEach((commit) => {
         commit.commitResults.forEach((slice) => {
           if (slice.isOpen !== undefined) {
@@ -58,14 +65,14 @@ export default createStore({
         });
       });
     },
-    updateTabAuthorshipFiles(state, files) {
+    updateTabAuthorshipFiles(state, files: AuthorshipFile[]) {
       state.tabAuthorshipInfo.files.splice(0, state.tabAuthorshipInfo.files.length, ...files);
     },
-    toggleAuthorshipFileActiveProperty(_, file) {
+    toggleAuthorshipFileActiveProperty(_, file: AuthorshipFile) {
       file.active = !file.active;
       file.wasCodeLoaded = file.wasCodeLoaded || file.active;
     },
-    setAllAuthorshipFileActiveProperty(_, { isActive, files }) {
+    setAllAuthorshipFileActiveProperty(_, { isActive, files }: { isActive: boolean; files: AuthorshipFile[] }) {
       files.forEach((file) => {
         file.active = isActive;
         file.wasCodeLoaded = file.wasCodeLoaded || file.active;
@@ -75,7 +82,7 @@ export default createStore({
   actions: {
     // Actions are called with dispatch
 
-    async incrementLoadingOverlayCountForceReload({ commit }, increment) {
+    async incrementLoadingOverlayCountForceReload({ commit }, increment: number) {
       commit('incrementLoadingOverlayCount', increment);
       await new Promise(window.requestAnimationFrame);
       await new Promise(window.requestAnimationFrame);

From 679eaa07902b7b8c10a1c246b8fda9f5ae8592a4 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Sat, 11 Mar 2023 23:54:24 +0800
Subject: [PATCH 03/13] Add missing isOpen field to CommitResult (from #1866)

---
 frontend/src/types/types.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/types/types.ts b/frontend/src/types/types.ts
index 4e8252de3c..dce0ce79c3 100644
--- a/frontend/src/types/types.ts
+++ b/frontend/src/types/types.ts
@@ -11,6 +11,7 @@ export interface CommitResult extends CommitResultRaw {
   repoId: string;
   insertions: number;
   deletions: number;
+  isOpen?: boolean;
 }
 
 // Similar to AuthorDailyContributions, but uses the updated CommitResult with the three new fields

From 611ad6dfb0770c90ad0dc39ef38934512fdc0550 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Sun, 12 Mar 2023 00:06:26 +0800
Subject: [PATCH 04/13] Remove unnecessary export statements in vuex.d.ts

---
 frontend/src/types/vuex.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/types/vuex.d.ts b/frontend/src/types/vuex.d.ts
index b928ee6eec..e4b250f0a8 100644
--- a/frontend/src/types/vuex.d.ts
+++ b/frontend/src/types/vuex.d.ts
@@ -31,12 +31,12 @@ interface ZoomInfo {
   zUser: User;
 }
 
-export interface SummaryDates {
+interface SummaryDates {
   since: string;
   until: string;
 }
 
-export interface StoreState {
+interface StoreState {
   tabAuthorshipInfo: AuthorshipInfo;
   tabZoomInfo: ZoomInfo;
   summaryDates: SummaryDates;

From 97467d0171da0abbde4bcbe32aedb5e33ea4fed7 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Sun, 12 Mar 2023 00:09:03 +0800
Subject: [PATCH 05/13] Add missing optional fields to fileResult schema

---
 frontend/src/types/zod/authorship-type.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/types/zod/authorship-type.ts b/frontend/src/types/zod/authorship-type.ts
index bf2dcd6cfb..8938544d5a 100644
--- a/frontend/src/types/zod/authorship-type.ts
+++ b/frontend/src/types/zod/authorship-type.ts
@@ -11,6 +11,8 @@ const fileResult = z.object({
   fileType: z.string(),
   lines: z.array(lineSchema),
   authorContributionMap: z.record(z.number()),
+  isBinary: z.boolean().optional(),
+  isIgnored: z.boolean().optional(),
 });
 
 // Contains the zod validation schema for the authorship.json file

From dfbb06f34eca6b3392aa51f451c1fc0f917d5060 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Sun, 12 Mar 2023 00:11:27 +0800
Subject: [PATCH 06/13] Add app property to window object as any and add eslint
 exception

---
 frontend/src/types/window.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/types/window.ts b/frontend/src/types/window.ts
index 03db077232..15cc10353a 100644
--- a/frontend/src/types/window.ts
+++ b/frontend/src/types/window.ts
@@ -68,5 +68,7 @@ declare global {
     isSinceDateProvided: boolean;
     isUntilDateProvided: boolean;
     DOMAIN_URL_MAP: DomainUrlMap;
+    // eslint-disable-next-line  @typescript-eslint/no-explicit-any
+    app: any;
   }
 }

From 4bfc3aae9212d7860d3af802d63e53b891dc7be9 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Sun, 12 Mar 2023 00:12:15 +0800
Subject: [PATCH 07/13] Convert app.vue to TypeScript

---
 frontend/src/app.vue | 38 ++++++++++++++++++++++----------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/frontend/src/app.vue b/frontend/src/app.vue
index 180a919983..71b3767bee 100644
--- a/frontend/src/app.vue
+++ b/frontend/src/app.vue
@@ -75,24 +75,26 @@
       input(type="file", accept=".zip", v-on:change="updateReportZip")
 </template>
 
-<script>
+<script lang='ts'>
 import JSZip from 'jszip';
 import LoadingOverlay from 'vue-loading-overlay';
 import { mapState } from 'vuex';
+import { defineComponent } from 'vue';
 
 import cResizer from './components/c-resizer.vue';
 import cZoom from './views/c-zoom.vue';
 import cSummary from './views/c-summary.vue';
 import cAuthorship from './views/c-authorship.vue';
+import { Repo } from './types/types';
 
 const loadingResourcesMessage = 'Loading resources...';
 
-const app = {
+const app = defineComponent({
   name: 'app',
   data() {
     return {
-      repos: {},
-      users: [],
+      repos: {} as { [key: string]: Repo },
+      users: [] as Repo[],
       userUpdated: false,
 
       loadingOverlayOpacity: 1,
@@ -116,10 +118,13 @@ const app = {
   },
   methods: {
     // model functions //
-    updateReportZip(evt) {
+    updateReportZip(evt: Event) {
       this.users = [];
-
-      JSZip.loadAsync(evt.target.files[0])
+      const target = evt.target as HTMLInputElement;
+      if (target.files === null) {
+        return;
+      }
+      JSZip.loadAsync(target.files[0])
         .then((zip) => {
           window.REPORT_ZIP = zip;
         }, () => {
@@ -141,15 +146,16 @@ const app = {
       this.userUpdated = false;
       await this.$store.dispatch('incrementLoadingOverlayCountForceReload', 1);
       try {
+        const summary = await window.api.loadSummary();
+        if (summary === null) {
+          return;
+        }
         const {
           creationDate,
           reportGenerationTime,
           errorMessages,
           names,
-        } = await window.api.loadSummary();
-        if (names === null) {
-          return;
-        }
+        } = summary;
         this.creationDate = creationDate;
         this.reportGenerationTime = reportGenerationTime;
         this.errorMessages = errorMessages;
@@ -168,7 +174,7 @@ const app = {
       }
     },
     getUsers() {
-      const full = [];
+      const full: Repo[] = [];
       Object.keys(this.repos).forEach((repo) => {
         if (this.repos[repo].users) {
           full.push(this.repos[repo]);
@@ -178,9 +184,9 @@ const app = {
     },
 
     // handle opening of sidebar //
-    activateTab(tabName) {
+    activateTab(tabName: string) {
       if (this.$refs.tabWrapper) {
-        this.$refs.tabWrapper.scrollTop = 0;
+        (this.$refs.tabWrapper as HTMLElement).scrollTop = 0;
       }
 
       this.tabType = tabName;
@@ -189,7 +195,7 @@ const app = {
       window.encodeHash();
     },
 
-    renderAuthorShipTabHash(minDate, maxDate) {
+    renderAuthorShipTabHash(minDate: string, maxDate: string) {
       const hash = window.hashParams;
       const info = {
         author: hash.tabAuthor,
@@ -318,7 +324,7 @@ const app = {
     }
     this.updateReportDir();
   },
-};
+});
 
 window.app = app;
 

From 15a324eae04ae6366fa94d3286a1c15d07dae9e5 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Sun, 12 Mar 2023 00:15:07 +0800
Subject: [PATCH 08/13] Reorder options in app.vue according to required order

---
 frontend/src/app.vue | 38 ++++++++++++++++++--------------------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/frontend/src/app.vue b/frontend/src/app.vue
index 71b3767bee..e874a7756c 100644
--- a/frontend/src/app.vue
+++ b/frontend/src/app.vue
@@ -91,6 +91,13 @@ const loadingResourcesMessage = 'Loading resources...';
 
 const app = defineComponent({
   name: 'app',
+  components: {
+    LoadingOverlay,
+    cResizer,
+    cZoom,
+    cSummary,
+    cAuthorship,
+  },
   data() {
     return {
       repos: {} as { [key: string]: Repo },
@@ -105,6 +112,9 @@ const app = defineComponent({
       errorMessages: {},
     };
   },
+  computed: {
+    ...mapState(['loadingOverlayCount', 'loadingOverlayMessage', 'isTabActive']),
+  },
   watch: {
     '$store.state.tabZoomInfo': function () {
       if (this.$store.state.tabZoomInfo.isRefreshing) {
@@ -116,6 +126,14 @@ const app = defineComponent({
       this.activateTab('authorship');
     },
   },
+  created() {
+    try {
+      window.decodeHash();
+    } catch (error) {
+      this.userUpdated = false;
+    }
+    this.updateReportDir();
+  },
   methods: {
     // model functions //
     updateReportZip(evt: Event) {
@@ -304,26 +322,6 @@ const app = defineComponent({
       return REPOS[hashParams.tabRepo].location.location;
     },
   },
-
-  computed: {
-    ...mapState(['loadingOverlayCount', 'loadingOverlayMessage', 'isTabActive']),
-  },
-
-  components: {
-    LoadingOverlay,
-    cResizer,
-    cZoom,
-    cSummary,
-    cAuthorship,
-  },
-  created() {
-    try {
-      window.decodeHash();
-    } catch (error) {
-      this.userUpdated = false;
-    }
-    this.updateReportDir();
-  },
 });
 
 window.app = app;

From f24f3a803bdb16fd819dcc519f18ace80f2e8800 Mon Sep 17 00:00:00 2001
From: David <davids89034@gmail.com>
Date: Mon, 13 Mar 2023 12:38:54 +0800
Subject: [PATCH 09/13] Reuse StoreState interface in vuex.d.ts

---
 frontend/src/types/vuex.d.ts | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/frontend/src/types/vuex.d.ts b/frontend/src/types/vuex.d.ts
index e4b250f0a8..2812b56dcf 100644
--- a/frontend/src/types/vuex.d.ts
+++ b/frontend/src/types/vuex.d.ts
@@ -48,15 +48,7 @@ interface StoreState {
 }
 
 declare module '@vue/runtime-core' {
-  interface State {
-    tabAuthorshipInfo: AuthorshipInfo;
-    tabZoomInfo: ZoomInfo;
-    summaryDates: SummaryDates;
-    mergedGroups: string[]
-    fileTypeColors: { [key: string]: string }
-    loadingOverlayCount: number
-    loadingOverlayMessage: string
-    isTabActive: boolean
+  interface State extends StoreState {
   }
   interface ComponentCustomProperties {
     $store: Store<State>;

From d92fae88014850f63490f27b8385c68edfe5aab6 Mon Sep 17 00:00:00 2001
From: David <davids89034@gmail.com>
Date: Mon, 13 Mar 2023 13:01:02 +0800
Subject: [PATCH 10/13] Add types for state variable in store.ts

---
 frontend/src/store/store.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/store/store.ts b/frontend/src/store/store.ts
index 1499b3558c..f3dccb40f6 100644
--- a/frontend/src/store/store.ts
+++ b/frontend/src/store/store.ts
@@ -7,7 +7,7 @@ import {
   ZoomInfo,
 } from '../types/vuex.d';
 
-export default createStore({
+export default createStore<StoreState>({
   state: {
     tabAuthorshipInfo: {} as AuthorshipInfo,
     tabZoomInfo: {} as ZoomInfo,
@@ -19,31 +19,31 @@ export default createStore({
     isTabActive: true,
   } as StoreState,
   mutations: {
-    updateTabZoomInfo(state, info: ZoomInfo) {
+    updateTabZoomInfo(state: StoreState, info: ZoomInfo) {
       state.tabZoomInfo = info;
     },
-    updateTabAuthorshipInfo(state, info: AuthorshipInfo) {
+    updateTabAuthorshipInfo(state: StoreState, info: AuthorshipInfo) {
       state.tabAuthorshipInfo = info;
     },
-    updateSummaryDates(state, info: SummaryDates) {
+    updateSummaryDates(state: StoreState, info: SummaryDates) {
       state.summaryDates = info;
     },
-    updateFileTypeColors(state, info: { [key: string]: string }) {
+    updateFileTypeColors(state: StoreState, info: { [key: string]: string }) {
       state.fileTypeColors = info;
     },
-    updateMergedGroup(state, info: string[]) {
+    updateMergedGroup(state: StoreState, info: string[]) {
       state.mergedGroups = info;
     },
-    incrementLoadingOverlayCount(state, increment: number) {
+    incrementLoadingOverlayCount(state: StoreState, increment: number) {
       state.loadingOverlayCount += increment;
       if (state.loadingOverlayCount === 0) {
         state.loadingOverlayMessage = 'Loading. Please wait...';
       }
     },
-    updateLoadingOverlayMessage(state, message: string) {
+    updateLoadingOverlayMessage(state: StoreState, message: string) {
       state.loadingOverlayMessage = message;
     },
-    updateTabState(state, isTabOpen: boolean) {
+    updateTabState(state: StoreState, isTabOpen: boolean) {
       state.isTabActive = isTabOpen;
       window.addHash('tabOpen', isTabOpen.toString());
       if (!isTabOpen) {
@@ -65,7 +65,7 @@ export default createStore({
         });
       });
     },
-    updateTabAuthorshipFiles(state, files: AuthorshipFile[]) {
+    updateTabAuthorshipFiles(state: StoreState, files: AuthorshipFile[]) {
       state.tabAuthorshipInfo.files.splice(0, state.tabAuthorshipInfo.files.length, ...files);
     },
     toggleAuthorshipFileActiveProperty(_, file: AuthorshipFile) {

From ac082a2b614a7747eddf67bfbeaecc1b1be092b2 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Mon, 13 Mar 2023 18:23:45 +0800
Subject: [PATCH 11/13] Add missing semicolons in StoreState interface

---
 frontend/src/types/vuex.d.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/types/vuex.d.ts b/frontend/src/types/vuex.d.ts
index 2812b56dcf..80bd528d76 100644
--- a/frontend/src/types/vuex.d.ts
+++ b/frontend/src/types/vuex.d.ts
@@ -40,11 +40,11 @@ interface StoreState {
   tabAuthorshipInfo: AuthorshipInfo;
   tabZoomInfo: ZoomInfo;
   summaryDates: SummaryDates;
-  mergedGroups: string[]
-  fileTypeColors: { [key: string]: string }
-  loadingOverlayCount: number
-  loadingOverlayMessage: string
-  isTabActive: boolean
+  mergedGroups: string[];
+  fileTypeColors: { [key: string]: string };
+  loadingOverlayCount: number;
+  loadingOverlayMessage: string;
+  isTabActive: boolean;
 }
 
 declare module '@vue/runtime-core' {

From c010d83a038e6037bec1405182eb91d0b0b84f79 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Mon, 13 Mar 2023 18:24:14 +0800
Subject: [PATCH 12/13] Add eslint exception for empty interface false positive

---
 frontend/src/types/vuex.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/types/vuex.d.ts b/frontend/src/types/vuex.d.ts
index 80bd528d76..34209d899d 100644
--- a/frontend/src/types/vuex.d.ts
+++ b/frontend/src/types/vuex.d.ts
@@ -48,6 +48,7 @@ interface StoreState {
 }
 
 declare module '@vue/runtime-core' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
   interface State extends StoreState {
   }
   interface ComponentCustomProperties {

From 1e780e7f814cef1e0638815c692e2568a0498bd3 Mon Sep 17 00:00:00 2001
From: vvidday <davids89034@gmail.com>
Date: Fri, 17 Mar 2023 21:22:16 +0800
Subject: [PATCH 13/13] Add type for errorMessages, zoomInfo and authorshipInfo
 in app.vue and set certain attributes in vuex.d.ts to be optional

---
 frontend/src/app.vue         | 8 +++++---
 frontend/src/types/vuex.d.ts | 8 ++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app.vue b/frontend/src/app.vue
index e874a7756c..e28e0ee301 100644
--- a/frontend/src/app.vue
+++ b/frontend/src/app.vue
@@ -86,6 +86,8 @@ import cZoom from './views/c-zoom.vue';
 import cSummary from './views/c-summary.vue';
 import cAuthorship from './views/c-authorship.vue';
 import { Repo } from './types/types';
+import { ErrorMessage } from './types/zod/summary-type';
+import { ZoomInfo, AuthorshipInfo } from './types/vuex.d';
 
 const loadingResourcesMessage = 'Loading resources...';
 
@@ -109,7 +111,7 @@ const app = defineComponent({
       tabType: 'empty',
       creationDate: '',
       reportGenerationTime: '',
-      errorMessages: {},
+      errorMessages: {} as { [key: string]: ErrorMessage },
     };
   },
   computed: {
@@ -215,7 +217,7 @@ const app = defineComponent({
 
     renderAuthorShipTabHash(minDate: string, maxDate: string) {
       const hash = window.hashParams;
-      const info = {
+      const info: AuthorshipInfo = {
         author: hash.tabAuthor,
         repo: hash.tabRepo,
         isMergeGroup: hash.authorshipIsMergeGroup === 'true',
@@ -235,7 +237,7 @@ const app = defineComponent({
 
     renderZoomTabHash() {
       const hash = window.hashParams;
-      const zoomInfo = {
+      const zoomInfo: ZoomInfo = {
         isRefreshing: true,
         zAuthor: hash.zA,
         zRepo: hash.zR,
diff --git a/frontend/src/types/vuex.d.ts b/frontend/src/types/vuex.d.ts
index 34209d899d..652755a1d6 100644
--- a/frontend/src/types/vuex.d.ts
+++ b/frontend/src/types/vuex.d.ts
@@ -10,7 +10,7 @@ interface AuthorshipInfo {
   location: string | undefined;
   maxDate: string;
   minDate: string;
-  name: string;
+  name?: string;
   repo: string;
 }
 
@@ -18,17 +18,17 @@ interface ZoomInfo {
   isRefreshing?: boolean;
   zAuthor: string;
   zAvgCommitSize: number | string;
-  zFileTypeColors: { [key: string]: string };
+  zFileTypeColors?: { [key: string]: string };
   zFilterGroup: string;
   zFilterSearch: string;
   zFromRamp: boolean;
   zIsMerged: boolean;
-  zLocation: string | undefined;
+  zLocation?: string | undefined;
   zRepo: string;
   zSince: string;
   zTimeFrame: string;
   zUntil: string;
-  zUser: User;
+  zUser?: User;
 }
 
 interface SummaryDates {