fix: specify file extensions in import statements

As recommended in @nextcloud/eslint-config@8.0.0
nextcloud-libraries/eslint-config#292

Signed-off-by: Max <max@nextcloud.com>

src/EditorFactory.js

@@ -34,15 +34,15 @@ import CodeBlock from '@tiptap/extension-code-block'
 import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
 import Dropcursor from '@tiptap/extension-dropcursor'
 import HorizontalRule from '@tiptap/extension-horizontal-rule'
-import Table from './nodes/Table'
-import TableCell from './nodes/TableCell'
-import TableHeader from './nodes/TableHeader'
-import TableHeadRow from './nodes/TableHeadRow'
-import TableRow from './nodes/TableRow'
+import Table from './nodes/Table.js'
+import TableCell from './nodes/TableCell.js'
+import TableHeader from './nodes/TableHeader.js'
+import TableHeadRow from './nodes/TableHeadRow.js'
+import TableRow from './nodes/TableRow.js'
 /* eslint-enable import/no-named-as-default */
 
 import { Editor } from '@tiptap/core'
-import { Strong, Italic, Strike, Link, Underline } from './marks'
+import { Strong, Italic, Strike, Link, Underline } from './marks/index.js'
 import {
 	Image,
 	PlainTextDocument,
@@ -52,13 +52,13 @@ import {
 	TaskList,
 	TaskItem,
 	Callout,
-} from './nodes'
-import { HardBreak, Markdown, Emoji } from './extensions'
+} from './nodes/index.js'
+import { HardBreak, Markdown, Emoji } from './extensions/index.js'
 import { translate as t } from '@nextcloud/l10n'
 import lowlight, { listLanguages, registerLanguage } from 'lowlight/lib/core'
 import { emojiSearch } from '@nextcloud/vue/dist/Functions/emoji'
 import { VueRenderer } from '@tiptap/vue-2'
-import EmojiList from './components/EmojiList'
+import EmojiList from './components/EmojiList.vue'
 import tippy from 'tippy.js'
 
 import 'proxy-polyfill'

src/commands/index.js

@@ -20,7 +20,7 @@
  *
  */
 
-import listInputRule from './listInputRule'
+import listInputRule from './listInputRule.js'
 
 export {
 	listInputRule,

src/components/EditorWrapper.vue

@@ -92,19 +92,19 @@ import escapeHtml from 'escape-html'
 import moment from '@nextcloud/moment'
 import { showError } from '@nextcloud/dialogs'
 
-import { EDITOR, SYNC_SERVICE } from './EditorWrapper.provider'
+import { EDITOR, SYNC_SERVICE } from './EditorWrapper.provider.js'
 
-import { SyncService, ERROR_TYPE, IDLE_TIMEOUT } from './../services/SyncService'
-import { endpointUrl, getRandomGuestName } from './../helpers'
-import { extensionHighlight } from '../helpers/mappings'
-import { createEditor, serializePlainText, loadSyntaxHighlight } from './../EditorFactory'
-import { createMarkdownSerializer } from './../extensions/Markdown'
-import markdownit from './../markdownit'
+import { SyncService, ERROR_TYPE, IDLE_TIMEOUT } from './../services/SyncService.js'
+import { endpointUrl, getRandomGuestName } from './../helpers/index.js'
+import { extensionHighlight } from '../helpers/mappings.js'
+import { createEditor, serializePlainText, loadSyntaxHighlight } from './../EditorFactory.js'
+import { createMarkdownSerializer } from './../extensions/Markdown.js'
+import markdownit from './../markdownit/index.js'
 
 import { EditorContent } from '@tiptap/vue-2'
-import { Collaboration, Keymap, UserColor } from './../extensions'
-import isMobile from './../mixins/isMobile'
-import store from './../mixins/store'
+import { Collaboration, Keymap, UserColor } from './../extensions/index.js'
+import isMobile from './../mixins/isMobile.js'
+import store from './../mixins/store.js'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 import { getVersion, receiveTransaction } from 'prosemirror-collab'
 import { Step } from 'prosemirror-transform'
@@ -127,13 +127,13 @@ export default {
 	name: 'EditorWrapper',
 	components: {
 		EditorContent,
-		MenuBar: () => import(/* webpackChunkName: "editor-rich" */'./MenuBar'),
-		MenuBubble: () => import(/* webpackChunkName: "editor-rich" */'./MenuBubble'),
-		ReadOnlyEditor: () => import(/* webpackChunkName: "editor" */'./ReadOnlyEditor'),
-		CollisionResolveDialog: () => import(/* webpackChunkName: "editor" */'./CollisionResolveDialog'),
-		GuestNameDialog: () => import(/* webpackChunkName: "editor-guest" */'./GuestNameDialog'),
-		SessionList: () => import(/* webpackChunkName: "editor-collab" */'./SessionList'),
-		HelpModal: () => import(/* webpackChunkName: "editor-collab" */'./HelpModal'),
+		MenuBar: () => import(/* webpackChunkName: "editor-rich" */'./MenuBar.vue'),
+		MenuBubble: () => import(/* webpackChunkName: "editor-rich" */'./MenuBubble.vue'),
+		ReadOnlyEditor: () => import(/* webpackChunkName: "editor" */'./ReadOnlyEditor.vue'),
+		CollisionResolveDialog: () => import(/* webpackChunkName: "editor" */'./CollisionResolveDialog.vue'),
+		GuestNameDialog: () => import(/* webpackChunkName: "editor-guest" */'./GuestNameDialog.vue'),
+		SessionList: () => import(/* webpackChunkName: "editor-collab" */'./SessionList.vue'),
+		HelpModal: () => import(/* webpackChunkName: "editor-collab" */'./HelpModal.vue'),
 		Lock,
 	},
 	directives: {

src/components/GuestNameDialog.vue

@@ -35,7 +35,7 @@
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 import Avatar from '@nextcloud/vue/dist/Components/Avatar'
 import { generateUrl } from '@nextcloud/router'
-import { useSyncServiceMixin } from './EditorWrapper.provider'
+import { useSyncServiceMixin } from './EditorWrapper.provider.js'
 
 export default {
 	name: 'GuestNameDialog',

src/components/HelpModal.vue

@@ -160,7 +160,7 @@
 <script>
 import Modal from '@nextcloud/vue/dist/Components/Modal'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
-import isMobile from './../mixins/isMobile'
+import isMobile from './../mixins/isMobile.js'
 
 export default {
 	name: 'HelpModal',

src/components/MenuBar.vue

@@ -120,10 +120,10 @@
 
 <script>
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
-import menuBarIcons from './../mixins/menubar'
-import isMobile from './../mixins/isMobile'
+import menuBarIcons from './../mixins/menubar.js'
+import isMobile from './../mixins/isMobile.js'
 
-import { useEditorMixin } from './EditorWrapper.provider'
+import { useEditorMixin } from './EditorWrapper.provider.js'
 
 import Actions from '@nextcloud/vue/dist/Components/Actions'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'

src/components/MenuBubble.vue

@@ -71,10 +71,10 @@ import { BubbleMenu } from '@tiptap/vue-2'
 import { getMarkAttributes } from '@tiptap/core'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 import { getCurrentUser } from '@nextcloud/auth'
-import { optimalPath } from './../helpers/files'
+import { optimalPath } from './../helpers/files.js'
 import { loadState } from '@nextcloud/initial-state'
 
-import { useEditorMixin } from './EditorWrapper.provider'
+import { useEditorMixin } from './EditorWrapper.provider.js'
 
 export default {
 	name: 'MenuBubble',

src/components/PublicFilesEditor.vue

@@ -37,7 +37,7 @@ export default {
 	name: 'PublicFilesEditor',
 	components: {
 		Modal,
-		EditorWrapper: () => import(/* webpackChunkName: "editor" */'./EditorWrapper'),
+		EditorWrapper: () => import(/* webpackChunkName: "editor" */'./EditorWrapper.vue'),
 	},
 	props: {
 		fileId: {

src/components/ReadOnlyEditor.vue

@@ -27,8 +27,8 @@
 <script>
 import { EditorContent } from '@tiptap/vue-2'
 import escapeHtml from 'escape-html'
-import { createEditor } from '../EditorFactory'
-import markdownit from './../markdownit'
+import { createEditor } from '../EditorFactory.js'
+import markdownit from './../markdownit/index.js'
 
 export default {
 	name: 'ReadOnlyEditor',

src/components/SessionList.vue

@@ -75,7 +75,7 @@
 import Avatar from '@nextcloud/vue/dist/Components/Avatar'
 import Popover from '@nextcloud/vue/dist/Components/Popover'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
-import store from '../mixins/store'
+import store from '../mixins/store.js'
 
 const COLLABORATOR_IDLE_TIME = 60
 const COLLABORATOR_DISCONNECT_TIME = 90

src/components/ViewerComponent.vue

@@ -33,7 +33,7 @@
 export default {
 	name: 'ViewerComponent',
 	components: {
-		EditorWrapper: () => import(/* webpackChunkName: "editor" */'./EditorWrapper'),
+		EditorWrapper: () => import(/* webpackChunkName: "editor" */'./EditorWrapper.vue'),
 	},
 	props: {
 		filename: {

src/extensions/UserColor.js

@@ -23,8 +23,8 @@
 import { Extension } from '@tiptap/core'
 import { Plugin } from 'prosemirror-state'
 import { Decoration, DecorationSet } from 'prosemirror-view'
-import TrackState from './tracking/TrackState'
-import { Span } from './tracking/models'
+import TrackState from './tracking/TrackState.js'
+import { Span } from './tracking/models.js'
 
 const UserColor = Extension.create({
 

src/extensions/index.js

@@ -20,12 +20,12 @@
  *
  */
 
-import Emoji from './Emoji'
-import HardBreak from './HardBreak'
-import Keymap from './Keymap'
-import UserColor from './UserColor'
-import Collaboration from './Collaboration'
-import Markdown from './Markdown'
+import Emoji from './Emoji.js'
+import HardBreak from './HardBreak.js'
+import Keymap from './Keymap.js'
+import UserColor from './UserColor.js'
+import Collaboration from './Collaboration.js'
+import Markdown from './Markdown.js'
 
 export {
 	Emoji,

src/extensions/tracking/TrackState.js

@@ -20,7 +20,7 @@
  *
  */
 
-import { Span } from './models'
+import { Span } from './models.js'
 
 /*
  * This code is heavily inspired by the change tracking example of prosemirror

src/files.js

@@ -21,11 +21,11 @@
  */
 
 import Vue from 'vue'
-import { registerFileActionFallback, FilesWorkspacePlugin } from './helpers/files'
-import FilesSettings from './views/FilesSettings'
+import { registerFileActionFallback, FilesWorkspacePlugin } from './helpers/files.js'
+import FilesSettings from './views/FilesSettings.vue'
 import { loadState } from '@nextcloud/initial-state'
 import { linkTo } from '@nextcloud/router'
-import store from './store'
+import store from './store.js'
 
 __webpack_nonce__ = btoa(OC.requestToken) // eslint-disable-line
 __webpack_public_path__ = linkTo('text', 'js/') // eslint-disable-line

src/helpers/files.js

@@ -20,10 +20,10 @@
  *
  */
 
-import { openMimetypes } from './mime'
-import RichWorkspace from '../views/RichWorkspace'
+import { openMimetypes } from './mime.js'
+import RichWorkspace from '../views/RichWorkspace.vue'
 import { imagePath } from '@nextcloud/router'
-import store from '../store'
+import store from '../store.js'
 
 const FILE_ACTION_IDENTIFIER = 'Edit with text app'
 
@@ -92,7 +92,7 @@ const registerFileActionFallback = () => {
 				const file = window.FileList.findFile(filename)
 				Promise.all([
 					import('vue'),
-					import(/* webpackChunkName: "files-modal" */'./../components/PublicFilesEditor'),
+					import(/* webpackChunkName: "files-modal" */'./../components/PublicFilesEditor.vue'),
 				]).then((imports) => {
 					const path = window.FileList.getCurrentDirectory() + '/' + filename
 					const Vue = imports[0].default

src/main.js

@@ -1,12 +1,12 @@
-import store from './store'
+import store from './store.js'
 
 __webpack_nonce__ = btoa(OC.requestToken) // eslint-disable-line
 __webpack_public_path__ = OC.linkTo('text', 'js/') // eslint-disable-line
 
 if (document.getElementById('app-content')) {
 	Promise.all([
 		import(/* webpackChunkName: "editor" */'vue'),
-		import(/* webpackChunkName: "editor" */'./views/DirectEditing'),
+		import(/* webpackChunkName: "editor" */'./views/DirectEditing.vue'),
 	]).then((imports) => {
 		const Vue = imports[0].default
 		Vue.prototype.t = window.t

src/markdownit/index.js

@@ -1,8 +1,8 @@
 import MarkdownIt from 'markdown-it'
 import taskLists from 'markdown-it-task-lists'
-import underline from './underline'
-import splitMixedLists from './splitMixedLists'
-import callouts from './callouts'
+import underline from './underline.js'
+import splitMixedLists from './splitMixedLists.js'
+import callouts from './callouts.js'
 
 const markdownit = MarkdownIt('commonmark', { html: false, breaks: false })
 	.enable('strikethrough')

src/marks/Link.js

@@ -21,8 +21,8 @@
  */
 
 import TipTapLink from '@tiptap/extension-link'
-import { domHref, parseHref } from './../helpers/links'
-import { clickHandler } from '../plugins/link'
+import { domHref, parseHref } from './../helpers/links.js'
+import { clickHandler } from '../plugins/link.js'
 
 const Link = TipTapLink.extend({
 

src/marks/index.js

@@ -21,10 +21,10 @@
  */
 
 import TipTapItalic from '@tiptap/extension-italic'
-import Link from './Link'
-import Strike from './Strike'
-import Strong from './Strong'
-import Underline from './Underline'
+import Link from './Link.js'
+import Strike from './Strike.js'
+import Strong from './Strong.js'
+import Underline from './Underline.js'
 
 const Italic = TipTapItalic.extend({
 	name: 'em',

src/mixins/store.js

@@ -20,7 +20,7 @@
  *
  */
 
-import store from '../store'
+import store from '../store.js'
 
 /**
  * This mixin is required since we cannot be sure that the root Vue instance has

src/nodes/BulletList.js

@@ -21,7 +21,7 @@
  */
 
 import TiptapBulletList from '@tiptap/extension-bullet-list'
-import { listInputRule } from '../commands'
+import { listInputRule } from '../commands/index.js'
 
 /* We want to allow for `* [ ]` as an input rule for bullet lists.
  * Therefore the list input rules need to check the input

src/nodes/Callouts.js

@@ -21,7 +21,7 @@
  */
 
 import { Node, mergeAttributes, isNodeActive } from '@tiptap/core'
-import { typesAvailable } from '../markdownit/callouts'
+import { typesAvailable } from './../markdownit/callouts.js'
 
 export default Node.create({
 

src/nodes/Image.js

@@ -22,7 +22,7 @@
 
 import TiptapImage from '@tiptap/extension-image'
 import { Plugin } from 'prosemirror-state'
-import ImageView from './ImageView'
+import ImageView from './ImageView.vue'
 import { VueNodeViewRenderer } from '@tiptap/vue-2'
 
 const Image = TiptapImage.extend({

src/nodes/ImageView.vue

@@ -81,7 +81,7 @@ import { getCurrentUser } from '@nextcloud/auth'
 import { NodeViewWrapper } from '@tiptap/vue-2'
 import ClickOutside from 'vue-click-outside'
 import TrashCanIcon from 'vue-material-design-icons/TrashCan.vue'
-import store from './../mixins/store'
+import store from './../mixins/store.js'
 
 const imageMimes = [
 	'image/png',

src/nodes/Table.js

@@ -56,7 +56,8 @@ function createTable(schema, rowsCount, colsCount, cellContent) {
 }
 
 /**
- * @param {object} $cell table cell
+ *
+ * @param {object} $cell - resolved position of the current cell
  */
 function findSameCellInNextRow($cell) {
 	if ($cell.index(-1) === $cell.node(-1).childCount - 1) {

src/nodes/TableCell.js

@@ -1,6 +1,6 @@
 import { TableCell } from '@tiptap/extension-table-cell'
 import { VueNodeViewRenderer } from '@tiptap/vue-2'
-import TableCellView from './TableCellView'
+import TableCellView from './TableCellView.vue'
 
 export default TableCell.extend({
 	content: 'inline*',

src/nodes/TableHead.js

@@ -1,5 +1,5 @@
 import { Node, mergeAttributes } from '@tiptap/core'
-import TableHeadRow from './TableHeadRow'
+import TableHeadRow from './TableHeadRow.js'
 
 export default Node.create({
 	name: 'tableHead',

src/nodes/TableHeadRow.js

@@ -1,4 +1,4 @@
-import TableRow from './TableRow'
+import TableRow from './TableRow.js'
 
 export default TableRow.extend({
 	name: 'tableHeadRow',

src/nodes/TableHeader.js

@@ -1,6 +1,6 @@
 import { TableHeader } from '@tiptap/extension-table-header'
 import { VueNodeViewRenderer } from '@tiptap/vue-2'
-import TableHeaderView from './TableHeaderView'
+import TableHeaderView from './TableHeaderView.vue'
 
 export default TableHeader.extend({
 	content: 'inline*',