Switch the ckeditor5-maximum-length plugin from UMD build to JS.

Author: Mgsy

CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 1.0.1 (September 19, 2024)
+
+### Release highlights
+
+This is a patch release that resolves an issue that resulted in the Strapi app building process failure.
+
+Check out the highlights of the original v1.0.0 release.
+
+### Bug fixes
+* Switch the `ckeditor5-maximum-length` plugin from UMD build to JS.
+
 ## 1.0.0 (September 19, 2024)
 
 We are happy to announce the release of CKEditor 5 Official Integration v1.0.0.

admin/src/components/CKEditorInput/Configurator.js

@@ -1,6 +1,6 @@
 import { StrapiMediaLib } from "./plugins/StrapiMediaLib";
 
-import "../../vendor/ckeditor5-maximum-length/index.umd";
+import MaximumLength from "../../vendor/ckeditor5-maximum-length/index";
 import "../../vendor/ckeditor5-maximum-length/index-editor.css";
 
 const {
@@ -54,8 +54,6 @@ const {
   Highlight
 } = window.CKEDITOR;
 
-const { MaximumLength } = window.MaximumLength;
-
 const CKEDITOR_BASE_CONFIG_FOR_PRESETS = {
   light: {
     plugins: [

admin/src/vendor/ckeditor5-maximum-length/index.js

@@ -0,0 +1,72 @@
+const { Plugin } = window.CKEDITOR;
+
+
+export default class MaximumLength extends Plugin {
+	static get pluginName() {
+		return 'MaximumLength';
+	}
+
+	static get requires() {
+		return [ 'WordCount' ];
+	}
+
+	init() {
+		const editor = this.editor;
+		const wordCount = editor.plugins.get( 'WordCount' );
+		const characterLimit = editor.config.get( 'maximumLength.characters' );
+		let hasMarker = false;
+
+		editor.model.document.registerPostFixer( writer => {
+			const currentCharacterCount = wordCount.characters;
+			const excessRange = this._calculateExcessRange( characterLimit, currentCharacterCount );
+
+			if ( excessRange ) {
+				if ( !hasMarker ) {
+					writer.addMarker( 'maximumLengthExcess', { range: excessRange, usingOperation: false } );
+					hasMarker = true;
+				} else {
+					writer.updateMarker( 'maximumLengthExcess', { range: excessRange, usingOperation: false } );
+				}
+			} else if ( hasMarker ) {
+				writer.removeMarker( 'maximumLengthExcess' );
+				hasMarker = false;
+			}
+		} );
+
+		editor.conversion.for( 'editingDowncast' ).markerToHighlight( {
+			model: 'maximumLengthExcess',
+			view: {
+				classes: 'ck-maximum-length-excess'
+			}
+		} );
+	}
+
+	_calculateExcessRange( characterLimit, currentCharacterCount ) {
+		if ( characterLimit > currentCharacterCount ) {
+			return null;
+		}
+
+		const editor = this.editor;
+		const contentRange = editor.model.createRangeIn( editor.model.document.getRoot() );
+		const walker = contentRange.getWalker( { singleCharacters: true, direction: 'backward' } );
+
+		let characterNumber = currentCharacterCount;
+		let endPosition, startPosition;
+
+		for ( const value of walker ) {
+			if ( value.type == 'text' ) {
+				if ( !endPosition ) {
+					endPosition = value.previousPosition;
+				}
+
+				characterNumber--;
+
+				if ( characterNumber < characterLimit ) {
+					startPosition = value.previousPosition;
+
+					return editor.model.createRange( startPosition, endPosition );
+				}
+			}
+		}
+	}
+}

admin/src/vendor/ckeditor5-maximum-length/index.umd.js

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/strapi-plugin-ckeditor",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "CKEditor 5 - Official Integration for Strapi",
   "strapi": {
     "name": "ckeditor",