Change the module type in TypeScript to NodeNext

package.json

@@ -50,6 +50,7 @@
     "@vitest/coverage-istanbul": "^2.0.0",
     "@vitest/ui": "^2.0.0",
     "ckeditor5": "^42.0.0",
+    "ckeditor5-premium-features": "^42.0.0",
     "coveralls": "^3.1.1",
     "eslint": "^7.19.0",
     "eslint-config-ckeditor5": "^7.1.0",

src/ckeditor.tsx

@@ -19,21 +19,21 @@ import type {
 	EditorCreatorFunction
 } from 'ckeditor5';
 
-import type { EditorSemaphoreMountResult } from './lifecycle/LifeCycleEditorSemaphore';
+import type { EditorSemaphoreMountResult } from './lifecycle/LifeCycleEditorSemaphore.js';
 
 import { uid } from '@ckeditor/ckeditor5-integrations-common';
-import { LifeCycleElementSemaphore } from './lifecycle/LifeCycleElementSemaphore';
+import { LifeCycleElementSemaphore } from './lifecycle/LifeCycleElementSemaphore.js';
 
 import {
 	withCKEditorReactContextMetadata,
 	type CKEditorConfigContextMetadata
-} from './context/setCKEditorReactContextMetadata';
+} from './context/setCKEditorReactContextMetadata.js';
 
 import {
 	ContextWatchdogContext,
 	isContextWatchdogInitializing,
 	isContextWatchdogReadyToUse
-} from './context/ckeditorcontext';
+} from './context/ckeditorcontext.js';
 
 const REACT_INTEGRATION_READ_ONLY_LOCK_ID = 'Lock from React integration (@ckeditor/ckeditor5-react)';
 

src/context/ckeditorcontext.tsx

@@ -10,11 +10,11 @@ import React, {
 } from 'react';
 
 import { uid } from '@ckeditor/ckeditor5-integrations-common';
-import { useIsMountedRef } from '../hooks/useIsMountedRef';
+import { useIsMountedRef } from '../hooks/useIsMountedRef.js';
 import {
 	useInitializedCKEditorsMap,
 	type InitializedContextEditorsConfig
-} from './useInitializedCKEditorsMap';
+} from './useInitializedCKEditorsMap.js';
 
 import type {
 	ContextWatchdog,
@@ -109,7 +109,7 @@ const CKEditorContext = <TContext extends Context = Context>( props: Props<TCont
 		// The prevWatchdogInitializationID variable is used to keep track of the previous initialization ID.
 		// It is used to ensure that the state update is performed only if the current initialization ID matches the previous one.
 		// This helps to avoid race conditions and ensures that the correct context watchdog is associated with the component.
-		const watchdogInitializationID = regenerateInitializationID();
+		const watchdogInitializationID = regenerateInitializationID()!;
 		const contextWatchdog = new ContextWatchdogConstructor( context!, watchdogConfig );
 
 		// Handle error event from context watchdog.

src/index.ts

@@ -3,15 +3,15 @@
  * For licensing, see LICENSE.md.
  */
 
-export { default as CKEditor } from './ckeditor';
-export { default as CKEditorContext } from './context/ckeditorcontext';
-export { default as useMultiRootEditor, type MultiRootHookProps, type MultiRootHookReturns } from './useMultiRootEditor';
+export { default as CKEditor } from './ckeditor.js';
+export { default as CKEditorContext } from './context/ckeditorcontext.js';
+export { default as useMultiRootEditor, type MultiRootHookProps, type MultiRootHookReturns } from './useMultiRootEditor.js';
 
-export { default as useCKEditorCloud } from './cloud/useCKEditorCloud';
+export { default as useCKEditorCloud } from './cloud/useCKEditorCloud.js';
 export {
 	default as withCKEditorCloud,
 	type WithCKEditorCloudHocProps
-} from './cloud/withCKEditorCloud';
+} from './cloud/withCKEditorCloud.js';
 
 export {
 	loadCKEditorCloud,

src/lifecycle/LifeCycleEditorSemaphore.ts

@@ -5,7 +5,7 @@
 
 import type { Editor, EditorWatchdog } from 'ckeditor5';
 
-import type { EditorWatchdogAdapter } from '../ckeditor';
+import type { EditorWatchdogAdapter } from '../ckeditor.js';
 import type { LifeCycleElementSemaphore } from './LifeCycleElementSemaphore.js';
 
 export type EditorSemaphoreMountResult<TEditor extends Editor> = {

src/lifecycle/useLifeCycleSemaphoreSyncRef.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useRef, useState, type RefObject } from 'react';
-import type { LifeCycleElementSemaphore, LifeCycleAfterMountCallback } from './LifeCycleElementSemaphore';
+import type { LifeCycleElementSemaphore, LifeCycleAfterMountCallback } from './LifeCycleElementSemaphore.js';
 
 /**
  * When using the `useState` approach, a new instance of the semaphore must be set based on the previous

src/useMultiRootEditor.tsx

@@ -23,16 +23,16 @@ import type {
 	EventInfo
 } from 'ckeditor5';
 
-import { ContextWatchdogContext, isContextWatchdogReadyToUse } from './context/ckeditorcontext';
-import { EditorWatchdogAdapter } from './ckeditor';
+import { ContextWatchdogContext, isContextWatchdogReadyToUse } from './context/ckeditorcontext.js';
+import { EditorWatchdogAdapter } from './ckeditor.js';
 
-import type { EditorSemaphoreMountResult } from './lifecycle/LifeCycleEditorSemaphore';
+import type { EditorSemaphoreMountResult } from './lifecycle/LifeCycleEditorSemaphore.js';
 
-import { useLifeCycleSemaphoreSyncRef, type LifeCycleSemaphoreSyncRefResult } from './lifecycle/useLifeCycleSemaphoreSyncRef';
-import { mergeRefs } from './utils/mergeRefs';
-import { LifeCycleElementSemaphore } from './lifecycle/LifeCycleElementSemaphore';
-import { useRefSafeCallback } from './hooks/useRefSafeCallback';
-import { useInstantEditorEffect } from './hooks/useInstantEditorEffect';
+import { useLifeCycleSemaphoreSyncRef, type LifeCycleSemaphoreSyncRefResult } from './lifecycle/useLifeCycleSemaphoreSyncRef.js';
+import { mergeRefs } from './utils/mergeRefs.js';
+import { LifeCycleElementSemaphore } from './lifecycle/LifeCycleElementSemaphore.js';
+import { useRefSafeCallback } from './hooks/useRefSafeCallback.js';
+import { useInstantEditorEffect } from './hooks/useInstantEditorEffect.js';
 
 const REACT_INTEGRATION_READ_ONLY_LOCK_ID = 'Lock from React integration (@ckeditor/ckeditor5-react)';
 

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ES2019",
     "useDefineForClassFields": true,
-    "module": "ESNext",
+    "module": "NodeNext",
     "lib": [
       "ES2019", // Must match the "target"
       "ES2020.String",
@@ -15,8 +15,7 @@
     "skipLibCheck": true,
     "jsx": "react",
 
-    /* Bundler mode */
-    "moduleResolution": "bundler",
+    "moduleResolution": "NodeNext",
     "isolatedModules": true,
     "moduleDetection": "force",