chore: bump deps

jest.config.js

@@ -1,10 +1,13 @@
 module.exports = {
   preset: '@vue/cli-plugin-unit-jest/presets/typescript-and-babel',
   transform: {
-    '^.+\\.vue$': 'vue-jest'
+    '^.+\\.ts$': 'ts-jest',
+    '^.+\\.vue$': '@vue/vue3-jest'
   },
   modulePathIgnorePatterns: [
     '<rootDir>/build',
     '<rootDir>/dist_electron'
-  ]
+  ],
+  testEnvironment: 'jsdom',
+  moduleNameMapper: { '^@/(.*)$': '<rootDir>/src/$1' }
 }

package.json

@@ -4,47 +4,51 @@
   "version": "0.11.0",
   "author": "ytakahashi",
   "dependencies": {
-    "core-js": "^3.11.3",
-    "dayjs": "^1.10.4",
-    "electron-log": "^4.3.5",
-    "electron-store": "^8.0.0",
-    "graphql": "^15.5.0",
-    "graphql-request": "^3.4.0",
-    "tinycolor2": "^1.4.2",
-    "vue": "^3.0.11",
-    "vue-router": "^4.0.6",
-    "vuedraggable": "^4.0.1"
+    "core-js": "^3.30.0",
+    "dayjs": "^1.11.7",
+    "electron-log": "^4.4.8",
+    "electron-store": "^8.1.0",
+    "graphql": "^16.6.0",
+    "graphql-request": "^5.2.0",
+    "tinycolor2": "^1.6.0",
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6",
+    "vuedraggable": "^2.24.3"
   },
   "devDependencies": {
-    "@types/electron-devtools-installer": "^2.2.0",
-    "@types/jest": "^26.0.23",
-    "@types/tinycolor2": "^1.4.2",
-    "@typescript-eslint/eslint-plugin": "^4.22.1",
-    "@typescript-eslint/parser": "^4.22.1",
-    "@vue/cli-plugin-babel": "^4.5.12",
-    "@vue/cli-plugin-eslint": "^4.5.12",
-    "@vue/cli-plugin-router": "^4.5.12",
-    "@vue/cli-plugin-typescript": "^4.5.12",
-    "@vue/cli-plugin-unit-jest": "^4.5.12",
-    "@vue/cli-service": "^4.5.12",
-    "@vue/compiler-sfc": "^3.0.11",
-    "@vue/eslint-config-standard": "^6.0.0",
-    "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/server-renderer": "^3.0.11",
-    "@vue/test-utils": "^2.0.0-rc.6",
-    "electron": "^11.4.5",
-    "electron-devtools-installer": "^3.1.1",
-    "eslint": "^7.25.0",
-    "eslint-plugin-import": "^2.22.1",
+    "@types/electron-devtools-installer": "^2.2.2",
+    "@types/jest": "^29.5.0",
+    "@types/tinycolor2": "^1.4.3",
+    "@typescript-eslint/eslint-plugin": "^5.58.0",
+    "@typescript-eslint/parser": "^5.58.0",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/cli-plugin-eslint": "^5.0.8",
+    "@vue/cli-plugin-router": "^5.0.8",
+    "@vue/cli-plugin-typescript": "^5.0.8",
+    "@vue/cli-plugin-unit-jest": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
+    "@vue/compiler-sfc": "^3.2.47",
+    "@vue/eslint-config-standard": "^8.0.1",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "@vue/server-renderer": "^3.2.47",
+    "@vue/test-utils": "^2.3.2",
+    "@vue/vue3-jest": "^29.2.3",
+    "babel-jest": "^29.5.0",
+    "electron": "^11.5.0",
+    "electron-builder": "^23.6.0",
+    "electron-devtools-installer": "^3.2.0",
+    "eslint": "^8.38.0",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.1.0",
     "eslint-plugin-standard": "^5.0.0",
-    "eslint-plugin-vue": "^7.9.0",
+    "eslint-plugin-vue": "^9.10.0",
     "sass": "^1.32.12",
     "sass-loader": "^10.1.1",
-    "typescript": "~4.2.4",
-    "vue-cli-plugin-electron-builder": "2.0.0-rc.6",
-    "vue-jest": "^5.0.0-alpha.8"
+    "ts-jest": "^29.1.0",
+    "ts-loader": "~8.2.0",
+    "typescript": "~5.0.4",
+    "vue-cli-plugin-electron-builder": "2.1.1"
   },
   "license": "MIT",
   "main": "background.js",
@@ -61,6 +65,7 @@
     "lint:fix": "vue-cli-service lint",
     "postinstall": "electron-builder install-app-deps",
     "postuninstall": "electron-builder install-app-deps",
+    "jest": "jest",
     "test:unit": "vue-cli-service test:unit"
   }
 }

src/application/domain/model/github.ts

@@ -11,8 +11,8 @@ const githubEndpoint = 'https://github.com'
 const githubApiEndpoint = 'https://api.github.com/graphql'
 
 export class GitHubUrl {
-  #url: URL;
-  #apiEndpoint: string;
+  #url: URL
+  #apiEndpoint: string
 
   static from = (url?: string): GitHubUrl|undefined => {
     try {
@@ -47,11 +47,11 @@ export class GitHubUrl {
 }
 
 export class Account {
-  public readonly userName: string;
-  public readonly profileUrl: string;
-  public readonly avatarUrl: string;
-  public readonly githubUrl: GitHubUrl;
-  public readonly personalAccessToken: string;
+  public readonly userName: string
+  public readonly profileUrl: string
+  public readonly avatarUrl: string
+  public readonly githubUrl: GitHubUrl
+  public readonly personalAccessToken: string
 
   constructor (
     userName: string,
@@ -73,8 +73,8 @@ export class Account {
 }
 
 export class Label {
-  public readonly name: string;
-  public readonly color: string;
+  public readonly name: string
+  public readonly color: string
   public readonly isLight: boolean
 
   constructor (name: string, color: string) {
@@ -86,11 +86,11 @@ export class Label {
 }
 
 export class BaseContent {
-  public readonly authorName: string;
-  public readonly title: string;
-  public readonly url: string;
-  public readonly createdAt: string;
-  public readonly updatedAt: string;
+  public readonly authorName: string
+  public readonly title: string
+  public readonly url: string
+  public readonly createdAt: string
+  public readonly updatedAt: string
 
   constructor (
     authorName: string,
@@ -124,12 +124,12 @@ export class BaseContent {
 }
 
 export class Issue extends BaseContent {
-  public readonly issueNumber: number;
-  public readonly labels: Array<Label>;
-  public readonly numberOfComments: number;
-  public readonly numberOfParticipants: number;
-  public readonly isAssigned: boolean;
-  public readonly viewerDidAuthor: boolean;
+  public readonly issueNumber: number
+  public readonly labels: Array<Label>
+  public readonly numberOfComments: number
+  public readonly numberOfParticipants: number
+  public readonly isAssigned: boolean
+  public readonly viewerDidAuthor: boolean
 
   constructor (
     authorName: string,
@@ -161,8 +161,8 @@ export class Issue extends BaseContent {
 }
 
 export class TagReference {
-  public readonly abbreviatedObjectId: string;
-  public readonly commitUrl: string;
+  public readonly abbreviatedObjectId: string
+  public readonly commitUrl: string
 
   constructor (
     abbreviatedObjectId: string,
@@ -173,11 +173,11 @@ export class TagReference {
   }
 }
 export class Release extends BaseContent {
-  public readonly isDraft: boolean;
-  public readonly isPrerelease: boolean;
-  public readonly releaseAssetCount: number;
-  public readonly tagName?: string;
-  public readonly tag?: TagReference;
+  public readonly isDraft: boolean
+  public readonly isPrerelease: boolean
+  public readonly releaseAssetCount: number
+  public readonly tagName?: string
+  public readonly tag?: TagReference
 
   constructor (
     authorName: string,
@@ -207,8 +207,8 @@ export class Release extends BaseContent {
 }
 
 export class PullRequestReviews {
-  public readonly reviewCount: number;
-  public readonly hasRemainedItem: boolean;
+  public readonly reviewCount: number
+  public readonly hasRemainedItem: boolean
 
   constructor (
     reviewCount: number,
@@ -219,18 +219,18 @@ export class PullRequestReviews {
   }
 }
 export class PullRequest extends BaseContent {
-  public readonly issueNumber: number;
-  public readonly labels: Array<Label>;
-  public readonly numberOfComments: number;
-  public readonly numberOfParticipants: number;
-  public readonly additions: number;
-  public readonly deletions: number;
-  public readonly changedFiles: number;
-  public readonly isDraft: boolean;
-  public readonly reviews: PullRequestReviews;
-  public readonly isAssigned: boolean;
-  public readonly isReviewRequested: boolean;
-  public readonly viewerDidAuthor: boolean;
+  public readonly issueNumber: number
+  public readonly labels: Array<Label>
+  public readonly numberOfComments: number
+  public readonly numberOfParticipants: number
+  public readonly additions: number
+  public readonly deletions: number
+  public readonly changedFiles: number
+  public readonly isDraft: boolean
+  public readonly reviews: PullRequestReviews
+  public readonly isAssigned: boolean
+  public readonly isReviewRequested: boolean
+  public readonly viewerDidAuthor: boolean
 
   constructor (
     authorName: string,
@@ -275,16 +275,16 @@ export class PullRequest extends BaseContent {
 }
 
 export class Commit {
-  public readonly message: string;
-  public readonly commitUrl: string;
-  public readonly additions: number;
-  public readonly deletions: number;
-  public readonly changedFiles: number;
-  public readonly authorName?: string;
-  public readonly authoredDate: string;
-  public readonly committerName? :string;
-  public readonly committedDate: string;
-  public readonly pushedDate?: string;
+  public readonly message: string
+  public readonly commitUrl: string
+  public readonly additions: number
+  public readonly deletions: number
+  public readonly changedFiles: number
+  public readonly authorName?: string
+  public readonly authoredDate: string
+  public readonly committerName? :string
+  public readonly committedDate: string
+  public readonly pushedDate?: string
 
   constructor (
     message: string,
@@ -359,9 +359,9 @@ export class Commit {
 
 class ResultListHolder<T> {
   readonly fetchedAt: number
-  public readonly repositoryUrl: string;
-  public readonly results: Array<T>;
-  public readonly totalCount?: number;
+  public readonly repositoryUrl: string
+  public readonly results: Array<T>
+  public readonly totalCount?: number
 
   constructor (
     repositorySetting: RepositorySetting,

src/application/domain/model/githubRepository.ts

@@ -7,9 +7,9 @@ type Preference = {
   showsReleases: boolean;
 }
 export class RepositorySetting {
-  readonly #origin?: string;
-  readonly #owner?: string;
-  readonly #repositoryName?: string;
+  readonly #origin?: string
+  readonly #owner?: string
+  readonly #repositoryName?: string
   #preference: Preference = {
     showsCommits: true,
     showsIssues: true,

src/application/infrastructure/impl/electronStoreWrapper.ts

@@ -15,7 +15,7 @@ export class ElectronStoreWrapper implements LocalStorageAccessor {
   constructor (namePostfix?: string) {
     const name = namePostfix === undefined ? 'config' : `config_${namePostfix}`
     this.#store = new Store<StoreType>({
-      name: name
+      name
     })
   }
 

src/application/usecase/interactor/accountSettingUseCaseInteractor.ts

@@ -45,7 +45,7 @@ export class AccountSettingUseCaseInteractor implements AccountSettingUseCase {
     try {
       unlinkSync(path)
     } catch (err) {
-      this.#logger.error(err)
+      this.#logger.error(err as Error)
     }
   }
 }

src/background.ts

@@ -63,7 +63,7 @@ app.on('ready', async () => {
     try {
       await installExtension(VUEJS_DEVTOOLS)
     } catch (e) {
-      console.error('Vue Devtools failed to install:', e.toString())
+      console.error('Vue Devtools failed to install:', e)
     }
   }
   createWindow()

src/views/CommitsView.vue

@@ -56,7 +56,7 @@ export default defineComponent({
         const account = accountSettingUseCase.getAccount()
         const repositorySettings = repositorySettingUseCase.getRepositorySettings()
         tuples.value.push({
-          account: account,
+          account,
           repositorySettings: repositorySettings.filter(s => s.showsCommits())
         })
       }

src/views/IssuesView.vue

@@ -56,7 +56,7 @@ export default defineComponent({
         const account = accountSettingUseCase.getAccount()
         const repositorySettings = repositorySettingUseCase.getRepositorySettings()
         tuples.value.push({
-          account: account,
+          account,
           repositorySettings: repositorySettings.filter(s => s.showsIssues())
         })
       }

src/views/PullRequestsView.vue

@@ -56,7 +56,7 @@ export default defineComponent({
         const account = accountSettingUseCase.getAccount()
         const repositorySettings = repositorySettingUseCase.getRepositorySettings()
         tuples.value.push({
-          account: account,
+          account,
           repositorySettings: repositorySettings.filter(s => s.showsPullRequests())
         })
       }

src/views/ReleasesView.vue

@@ -56,7 +56,7 @@ export default defineComponent({
         const account = accountSettingUseCase.getAccount()
         const repositorySettings = repositorySettingUseCase.getRepositorySettings()
         tuples.value.push({
-          account: account,
+          account,
           repositorySettings: repositorySettings.filter(s => s.showsReleases())
         })
       }