@_sh/strapi-plugin-ckeditor 5.0.0 → 5.0.1

package/README.md

@@ -60,7 +60,7 @@ for setup instructions.
 
 ## <a id="usage"></a>✍️ Usage
 
-The field can be fould in the Content-Type Builder under the `CUSTOM` tab:
+The field can be found in the Content-Type Builder under the `CUSTOM` tab:
 
 <p align="center">
   <img src="https://raw.githubusercontent.com/nshenderov/strapi-plugin-ckeditor/master/assets/v5-usage-guide-2.png" width="700" />
@@ -68,7 +68,7 @@ The field can be fould in the Content-Type Builder under the `CUSTOM` tab:
 
 **Presets**
 
-A preset is a set of settings that define the editor's features and appearence. You
+A preset is a set of settings that define the editor's features and appearance. You
 can specify a dedicated preset for each field. The available presets can be customized through the
 [configuration](#configuration).
 
@@ -120,6 +120,8 @@ default to the Strapi admin's preferred language. If no preference is set, Engli
 **Content language**: i18n for the editor's content language can be enabled by checking the
 `Enable localization for this field` option in the Advanced Settings tab.
 
+> 💡 It is important to use the content styles on the publishing side of your application. Otherwise, the content will look different in the editor and for your end users. [Follow the documentation](https://ckeditor.com/docs/ckeditor5/latest/getting-started/setup/css.html#styling-the-published-content).
+
 ## <a id="configuration"></a>⚙️ Configuration
 
 The plugin configuration must be defined on the front-end. The plugin provides a `setPluginConfig`
@@ -187,7 +189,7 @@ following properties:
 ```ts
 /**
  * The `common` styles are applied first, followed by `light` or `dark` styles
- * according to the preferences, and finally `additional` styles.
+ * according to user preferences, and finally `additional` styles.
  */
 type Theme = {
   /**
@@ -195,11 +197,11 @@ type Theme = {
    */
   common?: EditorStyles;
   /**
-   * Styles apllied in light mode.
+   * Styles applied in light mode.
    */
   light?: EditorStyles;
   /**
-   * Styles apllied in dark mode.
+   * Styles applied in dark mode.
    */
   dark?: EditorStyles;
   /**
@@ -322,11 +324,11 @@ export type Theme = {
    */
   common?: EditorStyles;
   /**
-   * Styles apllied in light mode.
+   * Styles applied in light mode.
    */
   light?: EditorStyles;
   /**
-   * Styles apllied in dark mode.
+   * Styles applied in dark mode.
    */
   dark?: EditorStyles;
   /**
@@ -558,7 +560,7 @@ const defaultHtml: Preset = {
 const defaultMarkdown: Preset = {
   ...defaultMarkdownPreset,
   description: 'Modified default Markdown editor',
-  styles: `
+  styles: css`
     .ck {
       --ck-editor-max-width: 1500px;
       --ck-editor-min-height: 700px;

package/dist/_chunks/{Field-BKtrDFjh.js → Field-BdtPMWJ1.js}

@@ -30,7 +30,7 @@ const admin = require("@strapi/strapi/admin");
 const ckeditor5 = require("ckeditor5");
 const ckeditor5React = require("@ckeditor/ckeditor5-react");
 require("ckeditor5/ckeditor5.css");
-const index = require("./index-DO2vqIdx.js");
+const index = require("./index-CZRYkPJ8.js");
 const icons = require("@strapi/icons");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
@@ -79,7 +79,7 @@ async function importLang(config, language) {
     TRANSLATIONS[language] = translation.default;
     config.translations = translation.default;
   } else {
-    console.warn(`CKEditor: no translation found for language: ${language}`);
+    console.warn(`No CKEditor translation found for language: ${language}`);
   }
 }
 function detecti18n() {
@@ -165,7 +165,9 @@ const translationImports = {
 const EditorContext = React.createContext(null);
 function useEditorContext() {
   const context = React.useContext(EditorContext);
-  if (!context) throw Error("useEditorAttributes can only be used inside EditorProvider");
+  if (!context) {
+    throw new Error("The useEditorContext hook must be used within the EditorProvider.");
+  }
   return context;
 }
 function EditorProvider({
@@ -314,7 +316,7 @@ function CKEReact() {
   const handleChangeAssets = React.useCallback(
     (newElems) => {
       if (!editorInstance) {
-        throw new Error("CKEditor: Editor instance is not initialized");
+        throw new Error("The editor instance has not been initialized.");
       }
       const viewFragment = editorInstance.data.processor.toView(newElems);
       const modelFragment = editorInstance.data.toModel(viewFragment);
@@ -360,7 +362,7 @@ function CKEReact() {
         try {
           setUpFn(editor);
         } catch (err) {
-          console.error(`CKEditor: Error setting up ${pluginName} plugin `, err);
+          console.error(`Failed to set up the ${pluginName} plugin `, err);
         }
       }
     });

package/dist/_chunks/{Field-8Nh0dMSc.mjs → Field-wVg5xgbq.mjs}

@@ -6,7 +6,7 @@ import { useStrapiApp, useField } from "@strapi/strapi/admin";
 import { ClassicEditor } from "ckeditor5";
 import { CKEditor } from "@ckeditor/ckeditor5-react";
 import "ckeditor5/ckeditor5.css";
-import { g as getPluginConfig, p as prefixFileUrlWithBackendUrl, i as isImageResponsive } from "./index-CNalXcwy.mjs";
+import { g as getPluginConfig, p as prefixFileUrlWithBackendUrl, i as isImageResponsive } from "./index-Clyv4ZPF.mjs";
 import { Collapse, Expand } from "@strapi/icons";
 const STORAGE_KEYS = {
   TOKEN: "jwtToken",
@@ -53,7 +53,7 @@ async function importLang(config, language) {
     TRANSLATIONS[language] = translation.default;
     config.translations = translation.default;
   } else {
-    console.warn(`CKEditor: no translation found for language: ${language}`);
+    console.warn(`No CKEditor translation found for language: ${language}`);
   }
 }
 function detecti18n() {
@@ -139,7 +139,9 @@ const translationImports = {
 const EditorContext = createContext(null);
 function useEditorContext() {
   const context = useContext(EditorContext);
-  if (!context) throw Error("useEditorAttributes can only be used inside EditorProvider");
+  if (!context) {
+    throw new Error("The useEditorContext hook must be used within the EditorProvider.");
+  }
   return context;
 }
 function EditorProvider({
@@ -288,7 +290,7 @@ function CKEReact() {
   const handleChangeAssets = useCallback(
     (newElems) => {
       if (!editorInstance) {
-        throw new Error("CKEditor: Editor instance is not initialized");
+        throw new Error("The editor instance has not been initialized.");
       }
       const viewFragment = editorInstance.data.processor.toView(newElems);
       const modelFragment = editorInstance.data.toModel(viewFragment);
@@ -334,7 +336,7 @@ function CKEReact() {
         try {
           setUpFn(editor);
         } catch (err) {
-          console.error(`CKEditor: Error setting up ${pluginName} plugin `, err);
+          console.error(`Failed to set up the ${pluginName} plugin `, err);
         }
       }
     });

package/dist/_chunks/{index-DO2vqIdx.js → index-CZRYkPJ8.js}

@@ -28,7 +28,7 @@ const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
 const sanitizeHtml__namespace = /* @__PURE__ */ _interopNamespace(sanitizeHtml);
 const cloneDeep__default = /* @__PURE__ */ _interopDefault(cloneDeep);
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "5.0.0";
+const version = "5.0.1";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -96,7 +96,7 @@ const dependencies = {
   "@strapi/design-system": "^2.0.0-rc.13",
   "@strapi/icons": "^2.0.0-rc.13",
   lodash: "^4.17.21",
-  ckeditor5: "^44.0.0",
+  ckeditor5: "^44.1.0",
   "prop-types": "^15.8.1",
   "sanitize-html": "^2.13.1",
   yup: "0.32.9"
@@ -638,14 +638,14 @@ class StrapiMediaLib extends ckeditor5.Plugin {
   }
   connect(strapiToggle) {
     if (typeof strapiToggle !== "function") {
-      throw new Error("Input parameter for toogle should be a function");
+      throw new Error("The input parameter for toggle must be a function.");
     }
     this.strapiToggle = strapiToggle;
   }
   toggle() {
     if (typeof this.strapiToggle !== "function") {
       throw new Error(
-        "Strapi media library toggle function not connected. Use connect function first"
+        "The Strapi Media Library toggle function is not connected. Use the connect function first."
       );
     }
     this.strapiToggle();
@@ -1270,7 +1270,7 @@ const index = {
         defaultMessage: "The advanced rich text editor. (Community Edition)"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./Field-BKtrDFjh.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./Field-BdtPMWJ1.js")).then((module2) => ({
           default: module2.Field
         }))
       },

package/dist/_chunks/{index-CNalXcwy.mjs → index-Clyv4ZPF.mjs}

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Flex, lightTheme } from "@strapi/design-system";
 import cloneDeep from "lodash/cloneDeep";
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "5.0.0";
+const version = "5.0.1";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -74,7 +74,7 @@ const dependencies = {
   "@strapi/design-system": "^2.0.0-rc.13",
   "@strapi/icons": "^2.0.0-rc.13",
   lodash: "^4.17.21",
-  ckeditor5: "^44.0.0",
+  ckeditor5: "^44.1.0",
   "prop-types": "^15.8.1",
   "sanitize-html": "^2.13.1",
   yup: "0.32.9"
@@ -616,14 +616,14 @@ class StrapiMediaLib extends Plugin {
   }
   connect(strapiToggle) {
     if (typeof strapiToggle !== "function") {
-      throw new Error("Input parameter for toogle should be a function");
+      throw new Error("The input parameter for toggle must be a function.");
     }
     this.strapiToggle = strapiToggle;
   }
   toggle() {
     if (typeof this.strapiToggle !== "function") {
       throw new Error(
-        "Strapi media library toggle function not connected. Use connect function first"
+        "The Strapi Media Library toggle function is not connected. Use the connect function first."
       );
     }
     this.strapiToggle();
@@ -1248,7 +1248,7 @@ const index = {
         defaultMessage: "The advanced rich text editor. (Community Edition)"
       },
       components: {
-        Input: async () => import("./Field-8Nh0dMSc.mjs").then((module) => ({
+        Input: async () => import("./Field-wVg5xgbq.mjs").then((module) => ({
           default: module.Field
         }))
       },

package/dist/admin/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 require("yup");
-const index = require("../_chunks/index-DO2vqIdx.js");
+const index = require("../_chunks/index-CZRYkPJ8.js");
 require("ckeditor5");
 exports.StrapiMediaLib = index.StrapiMediaLib;
 exports.StrapiUploadAdapter = index.StrapiUploadAdapter;

package/dist/admin/index.mjs

@@ -1,5 +1,5 @@
 import "yup";
-import { S, e, a, b, d, c, s } from "../_chunks/index-CNalXcwy.mjs";
+import { S, e, a, b, d, c, s } from "../_chunks/index-Clyv4ZPF.mjs";
 import "ckeditor5";
 export {
   S as StrapiMediaLib,

package/dist/admin/src/config/types.d.ts

@@ -67,7 +67,7 @@ export type UserPluginConfig = {
  * @remarks
  *
  * The `common` styles are applied first, followed by `light` or `dark` styles
- * according to the preferences, and finally `additional` styles.
+ * according to user preferences, and finally `additional` styles.
  */
 export type Theme = {
     /**
@@ -75,11 +75,11 @@ export type Theme = {
      */
     common?: EditorStyles;
     /**
-     * Styles apllied in light mode.
+     * Styles applied in light mode.
      */
     light?: EditorStyles;
     /**
-     * Styles apllied in dark mode.
+     * Styles applied in dark mode.
      */
     dark?: EditorStyles;
     /**

package/dist/server/index.js

@@ -1,6 +1,6 @@
 "use strict";
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "5.0.0";
+const version = "5.0.1";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -68,7 +68,7 @@ const dependencies = {
   "@strapi/design-system": "^2.0.0-rc.13",
   "@strapi/icons": "^2.0.0-rc.13",
   lodash: "^4.17.21",
-  ckeditor5: "^44.0.0",
+  ckeditor5: "^44.1.0",
   "prop-types": "^15.8.1",
   "sanitize-html": "^2.13.1",
   yup: "0.32.9"

package/dist/server/index.mjs

@@ -1,5 +1,5 @@
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "5.0.0";
+const version = "5.0.1";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -67,7 +67,7 @@ const dependencies = {
   "@strapi/design-system": "^2.0.0-rc.13",
   "@strapi/icons": "^2.0.0-rc.13",
   lodash: "^4.17.21",
-  ckeditor5: "^44.0.0",
+  ckeditor5: "^44.1.0",
   "prop-types": "^15.8.1",
   "sanitize-html": "^2.13.1",
   yup: "0.32.9"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_sh/strapi-plugin-ckeditor",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
   "keywords": [
     "strapi",
@@ -68,7 +68,7 @@
     "@strapi/design-system": "^2.0.0-rc.13",
     "@strapi/icons": "^2.0.0-rc.13",
     "lodash": "^4.17.21",
-    "ckeditor5": "^44.0.0",
+    "ckeditor5": "^44.1.0",
     "prop-types": "^15.8.1",
     "sanitize-html": "^2.13.1",
     "yup": "0.32.9"