Require file extensions for imports and exports (ueberdosis#4001)

* Require .js endings

* add extension alias for cypress to resolve ts files with js endings

src/Editor.ts

@@ -1,8 +1,8 @@
 import { Editor as CoreEditor } from '@tiptap/core'
 import React from 'react'
 
-import { EditorContentProps, EditorContentState } from './EditorContent'
-import { ReactRenderer } from './ReactRenderer'
+import { EditorContentProps, EditorContentState } from './EditorContent.js'
+import { ReactRenderer } from './ReactRenderer.js'
 
 type ContentComponent = React.Component<EditorContentProps, EditorContentState> & {
   setRenderer(id: string, renderer: ReactRenderer): void;

src/EditorContent.tsx

@@ -1,8 +1,8 @@
 import React, { HTMLProps } from 'react'
 import ReactDOM, { flushSync } from 'react-dom'
 
-import { Editor } from './Editor'
-import { ReactRenderer } from './ReactRenderer'
+import { Editor } from './Editor.js'
+import { ReactRenderer } from './ReactRenderer.js'
 
 const Portals: React.FC<{ renderers: Record<string, ReactRenderer> }> = ({ renderers }) => {
   return (

src/NodeViewContent.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { useReactNodeView } from './useReactNodeView'
+import { useReactNodeView } from './useReactNodeView.js'
 
 export interface NodeViewContentProps {
   [key: string]: any,

src/NodeViewWrapper.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { useReactNodeView } from './useReactNodeView'
+import { useReactNodeView } from './useReactNodeView.js'
 
 export interface NodeViewWrapperProps {
   [key: string]: any,

src/ReactNodeViewRenderer.tsx

@@ -10,9 +10,9 @@ import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 import { Decoration, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
 import React from 'react'
 
-import { Editor } from './Editor'
-import { ReactRenderer } from './ReactRenderer'
-import { ReactNodeViewContext, ReactNodeViewContextProps } from './useReactNodeView'
+import { Editor } from './Editor.js'
+import { ReactRenderer } from './ReactRenderer.js'
+import { ReactNodeViewContext, ReactNodeViewContextProps } from './useReactNodeView.js'
 
 export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
   update:

src/ReactRenderer.tsx

@@ -1,7 +1,7 @@
 import { Editor } from '@tiptap/core'
 import React from 'react'
 
-import { Editor as ExtendedEditor } from './Editor'
+import { Editor as ExtendedEditor } from './Editor.js'
 
 function isClassComponent(Component: any) {
   return !!(

src/index.ts

@@ -1,10 +1,10 @@
-export * from './BubbleMenu'
-export { Editor } from './Editor'
-export * from './EditorContent'
-export * from './FloatingMenu'
-export * from './NodeViewContent'
-export * from './NodeViewWrapper'
-export * from './ReactNodeViewRenderer'
-export * from './ReactRenderer'
-export * from './useEditor'
+export * from './BubbleMenu.js'
+export { Editor } from './Editor.js'
+export * from './EditorContent.js'
+export * from './FloatingMenu.js'
+export * from './NodeViewContent.js'
+export * from './NodeViewWrapper.js'
+export * from './ReactNodeViewRenderer.js'
+export * from './ReactRenderer.js'
+export * from './useEditor.js'
 export * from '@tiptap/core'

src/useEditor.ts

@@ -6,7 +6,7 @@ import {
   useState,
 } from 'react'
 
-import { Editor } from './Editor'
+import { Editor } from './Editor.js'
 
 function useForceUpdate() {
   const [, setValue] = useState(0)