refactor(comments): migrate to TypeScript

edward-ly · edward-ly · commit b5d5602f9d99 · 2026-02-24T23:04:13.000-08:00
Signed-off-by: Edward Ly &lt;contact@edward.ly&gt;
diff --git a/apps/comments/src/actions/inlineUnreadCommentsAction.spec.ts b/apps/comments/src/actions/inlineUnreadCommentsAction.spec.ts
@@ -7,7 +7,7 @@ import type { IFolder, IView } from '@nextcloud/files'
 
 import { File, Permission } from '@nextcloud/files'
 import { describe, expect, test, vi } from 'vitest'
-import logger from '../logger.js'
+import logger from '../logger.ts'
 import { action } from './inlineUnreadCommentsAction.ts'
 
 const view = {
diff --git a/apps/comments/src/actions/inlineUnreadCommentsAction.ts b/apps/comments/src/actions/inlineUnreadCommentsAction.ts
@@ -8,8 +8,8 @@ import type { IFileAction } from '@nextcloud/files'
 import CommentProcessingSvg from '@mdi/svg/svg/comment-processing.svg?raw'
 import { getSidebar } from '@nextcloud/files'
 import { n, t } from '@nextcloud/l10n'
-import logger from '../logger.js'
-import { isUsingActivityIntegration } from '../utils/activity.js'
+import logger from '../logger.ts'
+import { isUsingActivityIntegration } from '../utils/activity.ts'
 
 export const action: IFileAction = {
 	id: 'comments-unread',
diff --git a/apps/comments/src/comments-activity-tab.ts b/apps/comments/src/comments-activity-tab.ts
@@ -8,8 +8,8 @@ import type { INode } from '@nextcloud/files'
 import moment from '@nextcloud/moment'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 import Vue, { type ComponentPublicInstance } from 'vue'
-import logger from './logger.js'
-import { getComments } from './services/GetComments.js'
+import logger from './logger.ts'
+import { getComments } from './services/GetComments.ts'
 
 Vue.use(PiniaVuePlugin)
 
diff --git a/apps/comments/src/comments-app.ts b/apps/comments/src/comments-app.ts
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import logger from './logger.js'
-import CommentsInstance from './services/CommentsInstance.js'
+import logger from './logger.ts'
+import CommentsInstance from './services/CommentsInstance.ts'
 
 // Init Comments
 if (window.OCA && !window.OCA.Comments) {
diff --git a/apps/comments/src/components/Comment.vue b/apps/comments/src/components/Comment.vue
@@ -125,8 +125,8 @@ import IconArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import IconClose from 'vue-material-design-icons/Close.vue'
 import IconPencilOutline from 'vue-material-design-icons/PencilOutline.vue'
 import IconTrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
-import CommentMixin from '../mixins/CommentMixin.js'
-import { useDeletedCommentLimbo } from '../store/deletedCommentLimbo.js'
+import CommentMixin from '../mixins/CommentMixin.ts'
+import { useDeletedCommentLimbo } from '../store/deletedCommentLimbo.ts'
 
 // Dynamic loading
 const NcRichContenteditable = () => import('@nextcloud/vue/components/NcRichContenteditable')
diff --git a/apps/comments/src/logger.ts b/apps/comments/src/logger.ts
diff --git a/apps/comments/src/mixins/CommentMixin.ts b/apps/comments/src/mixins/CommentMixin.ts
@@ -5,11 +5,11 @@
 
 import { showError, showUndo, TOAST_UNDO_TIMEOUT } from '@nextcloud/dialogs'
 import { mapStores } from 'pinia'
-import logger from '../logger.js'
-import DeleteComment from '../services/DeleteComment.js'
-import EditComment from '../services/EditComment.js'
-import NewComment from '../services/NewComment.js'
-import { useDeletedCommentLimbo } from '../store/deletedCommentLimbo.js'
+import logger from '../logger.ts'
+import DeleteComment from '../services/DeleteComment.ts'
+import EditComment from '../services/EditComment.ts'
+import NewComment from '../services/NewComment.ts'
+import { useDeletedCommentLimbo } from '../store/deletedCommentLimbo.ts'
 
 export default {
 	props: {
diff --git a/apps/comments/src/services/CommentsInstance.ts b/apps/comments/src/services/CommentsInstance.ts
@@ -8,7 +8,7 @@ import { n, t } from '@nextcloud/l10n'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 import Vue from 'vue'
 import CommentsApp from '../views/Comments.vue'
-import logger from '../logger.js'
+import logger from '../logger.ts'
 
 Vue.use(PiniaVuePlugin)
 
diff --git a/apps/comments/src/services/DavClient.ts b/apps/comments/src/services/DavClient.ts
@@ -5,7 +5,7 @@
 
 import { getRequestToken, onRequestTokenUpdate } from '@nextcloud/auth'
 import { createClient } from 'webdav'
-import { getRootPath } from '../utils/davUtils.js'
+import { getRootPath } from '../utils/davUtils.ts'
 
 // init webdav client
 const client = createClient(getRootPath())
diff --git a/apps/comments/src/services/DeleteComment.ts b/apps/comments/src/services/DeleteComment.ts
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import client from './DavClient.js'
+import client from './DavClient.ts'
 
 /**
  * Delete a comment
diff --git a/apps/comments/src/services/EditComment.ts b/apps/comments/src/services/EditComment.ts
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import client from './DavClient.js'
+import client from './DavClient.ts'
 
 /**
  * Edit an existing comment
diff --git a/apps/comments/src/services/GetComments.ts b/apps/comments/src/services/GetComments.ts
@@ -8,7 +8,7 @@ import type { DAVResult, FileStat, ResponseDataDetailed } from 'webdav'
 import { parseXML } from 'webdav'
 import { processResponsePayload } from 'webdav/dist/node/response.js'
 import { prepareFileFromProps } from 'webdav/dist/node/tools/dav.js'
-import client from './DavClient.js'
+import client from './DavClient.ts'
 
 export const DEFAULT_LIMIT = 20
 
diff --git a/apps/comments/src/services/NewComment.ts b/apps/comments/src/services/NewComment.ts
@@ -5,9 +5,9 @@
 
 import { getCurrentUser } from '@nextcloud/auth'
 import axios from '@nextcloud/axios'
-import { getRootPath } from '../utils/davUtils.js'
-import { decodeHtmlEntities } from '../utils/decodeHtmlEntities.js'
-import client from './DavClient.js'
+import { getRootPath } from '../utils/davUtils.ts'
+import { decodeHtmlEntities } from '../utils/decodeHtmlEntities.ts'
+import client from './DavClient.ts'
 
 /**
  * Retrieve the comments list
diff --git a/apps/comments/src/services/ReadComments.ts b/apps/comments/src/services/ReadComments.ts
@@ -5,7 +5,7 @@
 
 import type { Response } from 'webdav'
 
-import client from './DavClient.js'
+import client from './DavClient.ts'
 
 /**
  * Mark comments older than the date timestamp as read
diff --git a/apps/comments/src/store/deletedCommentLimbo.ts b/apps/comments/src/store/deletedCommentLimbo.ts
diff --git a/apps/comments/src/utils/cancelableRequest.ts b/apps/comments/src/utils/cancelableRequest.ts
diff --git a/apps/comments/src/utils/davUtils.ts b/apps/comments/src/utils/davUtils.ts
diff --git a/apps/comments/src/utils/decodeHtmlEntities.ts b/apps/comments/src/utils/decodeHtmlEntities.ts
diff --git a/apps/comments/src/views/ActivityCommentAction.vue b/apps/comments/src/views/ActivityCommentAction.vue
@@ -20,8 +20,8 @@ import { showError } from '@nextcloud/dialogs'
 import { t } from '@nextcloud/l10n'
 import { defineComponent } from 'vue'
 import Comment from '../components/Comment.vue'
-import logger from '../logger.js'
-import CommentView from '../mixins/CommentView.js'
+import logger from '../logger.ts'
+import CommentView from '../mixins/CommentView.ts'
 
 export default defineComponent({
 	components: {
diff --git a/apps/comments/src/views/Comments.vue b/apps/comments/src/views/Comments.vue
@@ -79,11 +79,11 @@ import IconAlertCircleOutline from 'vue-material-design-icons/AlertCircleOutline
 import IconMessageReplyTextOutline from 'vue-material-design-icons/MessageReplyTextOutline.vue'
 import IconRefresh from 'vue-material-design-icons/Refresh.vue'
 import Comment from '../components/Comment.vue'
-import logger from '../logger.js'
+import logger from '../logger.ts'
 import CommentView from '../mixins/CommentView.ts'
 import { DEFAULT_LIMIT, getComments } from '../services/GetComments.ts'
 import { markCommentsAsRead } from '../services/ReadComments.ts'
-import cancelableRequest from '../utils/cancelableRequest.js'
+import cancelableRequest from '../utils/cancelableRequest.ts'
 
 export default {
 	/* eslint vue/multi-word-component-names: "warn" */
