xwiki-platform-core/xwiki-platform-blocknote/xwiki-platform-blocknote-webjar/src/main/node/package.json

@@ -20,6 +20,7 @@
     "@tsconfig/node22": "22.0.1",
     "@types/jsdom": "21.1.7",
     "@types/node": "22.14.0",
+    "@vitejs/plugin-react": "4.4.1",
     "@vitejs/plugin-vue": "5.2.3",
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/test-utils": "2.4.6",
@@ -28,6 +29,8 @@
     "eslint-plugin-vue": "10.1.0",
     "jiti": "2.4.2",
     "jsdom": "26.0.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "typescript": "5.8.3",
     "typescript-eslint": "8.33.0",
     "vite": "6.3.5",

xwiki-platform-core/xwiki-platform-blocknote/xwiki-platform-blocknote-webjar/src/main/node/src/main.js

@@ -17,9 +17,9 @@
  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
  */
-import { Factory } from "@/services/factory.js";
-import "@/services/inplace.js";
-import "@/services/skin.js";
+import { Factory } from "@/services/factory";
+import "@/services/inplace";
+import "@/services/skin";
 
 const factory = new Factory();
 

xwiki-platform-core/xwiki-platform-blocknote/xwiki-platform-blocknote-webjar/src/main/node/src/services/factory.js

@@ -17,7 +17,7 @@
  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
  */
-import { Logic } from "@/services/logic.js";
+import { Logic } from "@/services/logic";
 
 /**
  * Factory class to create and manage BlockNote instances.

xwiki-platform-core/xwiki-platform-blocknote/xwiki-platform-blocknote-webjar/src/main/node/src/services/factory.test.js

@@ -17,7 +17,7 @@
  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
  */
-import { Factory } from "./factory.js";
+import { Factory } from "./factory";
 import { describe, expect, it, vi } from "vitest";
 
 describe("factory.js", () => {

xwiki-platform-core/xwiki-platform-blocknote/xwiki-platform-blocknote-webjar/src/main/node/src/services/logic.js

@@ -19,7 +19,7 @@
  */
 import { createApp, reactive } from "vue";
 import XWikiBlockNote from "@/components/XWikiBlockNote.vue";
-import { container } from "@/services/container.js";
+import { container } from "@/services/container";
 
 /**
  * Encapsulates the logic of a BlockNote instance, exposing the API that can be used to interact with it.

xwiki-platform-core/xwiki-platform-blocknote/xwiki-platform-blocknote-webjar/src/main/node/src/services/skin.ts

@@ -17,8 +17,8 @@
  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
  */
-import { container } from "@/services/container.js";
-import { SkinManager } from "@xwiki/cristal-api";
+import { container } from "@/services/container";
+import type { SkinManager } from "@xwiki/cristal-api";
 
 class DefaultSkinManager implements SkinManager {
 }

xwiki-platform-core/xwiki-platform-blocknote/xwiki-platform-blocknote-webjar/src/main/node/tsconfig.json

@@ -24,6 +24,7 @@
     "esModuleInterop": true,
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
+    "jsx": "preserve",
     "noImplicitAny": true,
     "preserveConstEnums": true,
     "suppressImplicitAnyIndexErrors": false,

xwiki-platform-core/xwiki-platform-blocknote/xwiki-platform-blocknote-webjar/src/main/node/vite.config.ts

@@ -22,6 +22,7 @@ import { fileURLToPath, URL } from "node:url";
 
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
+import react from "@vitejs/plugin-react";
 import { dirname, resolve } from "node:path";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -48,7 +49,7 @@ export default defineConfig({
     // define process to avoid runtime error with jquery
     "process.env": {},
   },
-  plugins: [vue()],
+  plugins: [react(), vue()],
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),