Cms 25371 unified ckeditor5 package

.eslintrc.cjs

@@ -160,7 +160,7 @@ module.exports = {
          * ESLint Plugin: Import
          * =====================================================================
          */
-        "import/no-extraneous-dependencies": ["error", { optionalDependencies: false }],
+        "import/no-extraneous-dependencies": ["error", { optionalDependencies: false, devDependencies: true }],
         /*
          * =====================================================================
          * ESLint Plugin: JSDoc

app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coremedia/ckeditor5-app",
   "description": "A custom CKEditor 5 build made by the CKEditor 5 online builder.",
-  "version": "21.0.0",
+  "version": "20.1.0",
   "author": {
     "name": "CoreMedia GmbH",
     "email": "info@coremedia.com",
@@ -15,60 +15,35 @@
   "license": "Apache-2.0",
   "private": true,
   "dependencies": {
-    "@ckeditor/ckeditor5-alignment": "43.2.0",
-    "@ckeditor/ckeditor5-autoformat": "43.2.0",
-    "@ckeditor/ckeditor5-autosave": "43.2.0",
-    "@ckeditor/ckeditor5-basic-styles": "43.2.0",
-    "@ckeditor/ckeditor5-block-quote": "43.2.0",
-    "@ckeditor/ckeditor5-clipboard": "43.2.0",
-    "@ckeditor/ckeditor5-code-block": "43.2.0",
-    "@ckeditor/ckeditor5-core": "43.2.0",
-    "@ckeditor/ckeditor5-editor-classic": "43.2.0",
-    "@ckeditor/ckeditor5-engine": "43.2.0",
-    "@ckeditor/ckeditor5-essentials": "43.2.0",
-    "@ckeditor/ckeditor5-find-and-replace": "43.2.0",
-    "@ckeditor/ckeditor5-font": "43.2.0",
-    "@ckeditor/ckeditor5-heading": "43.2.0",
-    "@ckeditor/ckeditor5-highlight": "43.2.0",
-    "@ckeditor/ckeditor5-image": "43.2.0",
-    "@ckeditor/ckeditor5-indent": "43.2.0",
-    "@ckeditor/ckeditor5-language": "43.2.0",
-    "@ckeditor/ckeditor5-link": "43.2.0",
-    "@ckeditor/ckeditor5-list": "43.2.0",
-    "@ckeditor/ckeditor5-paragraph": "43.2.0",
-    "@ckeditor/ckeditor5-paste-from-office": "43.2.0",
-    "@ckeditor/ckeditor5-remove-format": "43.2.0",
-    "@ckeditor/ckeditor5-source-editing": "43.2.0",
-    "@ckeditor/ckeditor5-table": "43.2.0",
-    "@ckeditor/ckeditor5-typing": "43.2.0",
-    "@ckeditor/ckeditor5-ui": "43.2.0",
-    "@ckeditor/ckeditor5-upload": "43.2.0",
-    "@ckeditor/ckeditor5-utils": "43.2.0",
+    "ckeditor5": "43.3.1",
     "@coremedia-internal/ckeditor5-coremedia-example-data": "^1.0.0",
-    "@coremedia/ckeditor5-bbcode": "^21.0.0",
-    "@coremedia/ckeditor5-coremedia-blocklist": "^21.0.0",
-    "@coremedia/ckeditor5-coremedia-content-clipboard": "^21.0.0",
-    "@coremedia/ckeditor5-coremedia-differencing": "^21.0.0",
-    "@coremedia/ckeditor5-coremedia-images": "^21.0.0",
-    "@coremedia/ckeditor5-coremedia-link": "^21.0.0",
-    "@coremedia/ckeditor5-coremedia-richtext": "^21.0.0",
-    "@coremedia/ckeditor5-coremedia-studio-essentials": "^21.0.0",
-    "@coremedia/ckeditor5-coremedia-studio-integration-mock": "^21.0.0",
-    "@coremedia/ckeditor5-data-facade": "^21.0.0",
-    "@coremedia/ckeditor5-dataprocessor-support": "^21.0.0",
-    "@coremedia/ckeditor5-dialog-visibility": "^21.0.0",
-    "@coremedia/ckeditor5-dom-converter": "^21.0.0",
-    "@coremedia/ckeditor5-font-mapper": "^21.0.0",
-    "@coremedia/ckeditor5-link-common": "^21.0.0",
-    "@coremedia/service-agent": "^2.0.1",
+    "@coremedia/ckeditor5-bbcode": "^20.1.0",
+    "@coremedia/ckeditor5-coremedia-blocklist": "^20.1.0",
+    "@coremedia/ckeditor5-coremedia-content-clipboard": "^20.1.0",
+    "@coremedia/ckeditor5-coremedia-differencing": "^20.1.0",
+    "@coremedia/ckeditor5-coremedia-images": "^20.1.0",
+    "@coremedia/ckeditor5-coremedia-link": "^20.1.0",
+    "@coremedia/ckeditor5-coremedia-richtext": "^20.1.0",
+    "@coremedia/ckeditor5-coremedia-studio-essentials": "^20.1.0",
+    "@coremedia/ckeditor5-coremedia-studio-integration-mock": "workspace:*",
+    "@coremedia/ckeditor5-data-facade": "^20.1.0",
+    "@coremedia/ckeditor5-dataprocessor-support": "^20.1.0",
+    "@coremedia/ckeditor5-dialog-visibility": "^20.1.0",
+    "@coremedia/ckeditor5-dom-converter": "^20.1.0",
+    "@coremedia/ckeditor5-font-mapper": "^20.1.0",
+    "@coremedia/ckeditor5-link-common": "^20.1.0",
+    "@coremedia/service-agent": "^1.1.5",
     "xml-formatter": "^3.6.2"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-dev-translations": "^40.3.1",
-    "@ckeditor/ckeditor5-dev-utils": "^40.3.1",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-runtime": "^7.25.4",
+    "@ckeditor/ckeditor5-dev-translations": "^43.0.1",
+    "@ckeditor/ckeditor5-dev-utils": "^43.0.1",
     "@ckeditor/ckeditor5-inspector": "^4.1.0",
-    "@ckeditor/ckeditor5-theme-lark": "43.2.0",
+    "@ckeditor/ckeditor5-theme-lark": "43.3.1",
     "@types/node": "^20.14.10",
+    "babel-loader": "^8.3.0",
     "circular-dependency-plugin": "^5.2.2",
     "css-loader": "^7.1.2",
     "esbuild-loader": "^3.2.0",
@@ -79,7 +54,7 @@
     "rimraf": "^6.0.1",
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.3.10",
-    "typescript": "^5.4.5",
+    "typescript": "5.4.5",
     "webpack": "^5.93.0",
     "webpack-cli": "^5.1.4"
   },

app/src/CKEditorInstanceFactory.ts

@@ -1,4 +1,3 @@
 import { ApplicationState } from "./ApplicationState";
-import { ClassicEditor } from "@ckeditor/ckeditor5-editor-classic";
-
+import { ClassicEditor } from "ckeditor5";
 export type CKEditorInstanceFactory = (sourceElement: HTMLElement, state: ApplicationState) => Promise<ClassicEditor>;

app/src/DataFormatter.ts

@@ -13,6 +13,6 @@ export const dataFormatter: {
           collapseContent: false,
           whiteSpaceAtEndOfSelfclosingTag: true,
         })
-      : empty ?? "",
-  text: (data, empty) => (data ? data : empty ?? ""),
+      : (empty ?? ""),
+  text: (data, empty) => (data ? data : (empty ?? "")),
 };

app/src/createCKEditorInstance.ts

@@ -1,6 +1,5 @@
 import { ApplicationState } from "./ApplicationState";
-import { ClassicEditor } from "@ckeditor/ckeditor5-editor-classic";
-import { Command, Editor } from "@ckeditor/ckeditor5-core";
+import { ClassicEditor, Command, Editor } from "ckeditor5";
 import { CKEditorInstanceFactory } from "./CKEditorInstanceFactory";
 import { Differencing } from "@coremedia/ckeditor5-coremedia-differencing";
 import { initReadOnlyToggle } from "./ReadOnlySwitch";
@@ -17,21 +16,22 @@ import { initExamplesAndBindTo } from "./example-data";
 // See https://github.com/ckeditor/ckeditor5-inspector/issues/173
 // eslint-disable-next-line @typescript-eslint/no-extraneous-class
 declare class CKEditorInspector {
-  static attach(editorOrConfig: Editor | Record<string, Editor>, options?: { isCollapsed?: boolean }): string[];
+  static attach(
+    editorOrConfig: Editor | Record<string, Editor>,
+    options?: {
+      isCollapsed?: boolean;
+    },
+  ): string[];
 }
-
 export const editorElementId = "editor";
-
 export interface CKEditorInstanceFactories {
   bbcode: CKEditorInstanceFactory;
   richtext: CKEditorInstanceFactory;
 }
-
 export const ckEditorInstanceFactories: CKEditorInstanceFactories = {
   bbcode: createBBCodeEditor,
   richtext: createRichTextEditor,
 };
-
 const attachInspector = (editor: Editor, { dataType, inspector }: ApplicationState): string[] =>
   CKEditorInspector.attach(
     {
@@ -43,7 +43,6 @@ const attachInspector = (editor: Editor, { dataType, inspector }: ApplicationSta
       isCollapsed: inspector === "collapsed",
     },
   );
-
 const optionallyActivateDifferencing = (editor: Editor): void => {
   if (editor.plugins.has(Differencing)) {
     editor.plugins.get(Differencing).activateDifferencing();
@@ -57,7 +56,6 @@ const optionallyActivateDifferencing = (editor: Editor): void => {
  */
 const registerResetUndo = (editor: Editor): void => {
   const undoCommand: Command | undefined = editor.commands.get("undo");
-
   if (undoCommand) {
     //@ts-expect-error Editor extension, no typing available.
     // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-return
@@ -98,14 +96,11 @@ const initializePreviewData = (editor: ClassicEditor, { dataType }: ApplicationS
       updatePreview(editor.getData(), "text");
   }
 };
-
 export const createCKEditorInstance = async (state: ApplicationState): Promise<ClassicEditor> => {
   const sourceElement = document.getElementById(editorElementId);
-
   if (!sourceElement) {
     throw new Error(`Required element with id ${editorElementId} not defined in HTML.`);
   }
-
   const { dataType, uiLanguage, readOnlyMode } = state;
   let factory: CKEditorInstanceFactory;
   switch (dataType) {
@@ -118,29 +113,22 @@ export const createCKEditorInstance = async (state: ApplicationState): Promise<C
     default:
       throw new Error(`Unknown data type: ${dataType}`);
   }
-
   const editor = await factory(sourceElement, state);
-
   initExamplesAndBindTo(editor, dataType);
-
   initDataTypeSwitch({
     default: dataType,
     onSwitch(mode): void {
       state.dataType = mode;
     },
   });
-
   initUiLanguageSwitch({
     default: uiLanguage,
     onSwitch(lang): void {
       state.uiLanguage = lang;
     },
   });
-
   attachInspector(editor, state);
-
   optionallyActivateDifferencing(editor);
-
   initReadOnlyToggle({
     default: readOnlyMode,
     onSwitch: (mode) => {
@@ -152,9 +140,7 @@ export const createCKEditorInstance = async (state: ApplicationState): Promise<C
       state.readOnlyMode = mode;
     },
   });
-
   initPreview(state);
-
   registerResetUndo(editor);
   initializePreviewData(editor, state);
   registerGlobalEditor(editor);