Merge pull request #435 from thematters/develop

Release: v0.2.1-alpha.1
thematters · Jun 29, 2023 · 50bb0d7 · 50bb0d7
2 parents 7dfde1f + 6c4efbb
commit 50bb0d7
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@matters/matters-editor",
-  "version": "0.2.1-alpha.0",
+  "version": "0.2.1-alpha.1",
   "description": "Editor for matters.news",
   "author": "https://github.com/thematters",
   "homepage": "https://github.com/thematters/matters-editor",

diff --git a/src/editors/Article.tsx b/src/editors/Article.tsx
@@ -14,12 +14,17 @@ export const useArticleEdtor = ({
   content,
   placeholder,
   mentionSuggestion,
+  maxCaptionLength,
   ...editorProps
 }: UseArticleEditorProps) => {
   const { extensions, ...restProps } = editorProps
   const editor = useEditor({
     extensions: [
-      ...makeArticleEditorExtensions({ placeholder, mentionSuggestion }),
+      ...makeArticleEditorExtensions({
+        placeholder,
+        mentionSuggestion,
+        maxCaptionLength,
+      }),
       ...(extensions || []),
     ],
     content,

diff --git a/src/editors/extensions/index.ts b/src/editors/extensions/index.ts
@@ -77,17 +77,19 @@ const baseArticleExtensions = (placeholder?: string) => [
 export type MakeArticleEditorExtensionsProps = {
   placeholder?: string
   mentionSuggestion?: MentionSuggestion
+  maxCaptionLength?: number
 }
 
 export const makeArticleEditorExtensions = ({
   placeholder,
   mentionSuggestion,
+  maxCaptionLength,
 }: MakeArticleEditorExtensionsProps) => {
   const extensions = [
     ...baseArticleExtensions(placeholder),
-    FigureImage,
-    FigureAudio,
-    FigureEmbed,
+    FigureImage.configure({ maxCaptionLength }),
+    FigureAudio.configure({ maxCaptionLength }),
+    FigureEmbed.configure({ maxCaptionLength }),
   ]
 
   if (mentionSuggestion) {
@@ -100,12 +102,13 @@ export const makeArticleEditorExtensions = ({
 export const makeEditArticleEditorExtensions = ({
   placeholder,
   mentionSuggestion,
+  maxCaptionLength,
 }: MakeArticleEditorExtensionsProps) => {
   const extensions = [
     ...baseArticleExtensions(placeholder),
-    ReadOnlyFigureImage,
-    ReadOnlyFigureAudio,
-    ReadOnlyFigureEmbed,
+    ReadOnlyFigureImage.configure({ maxCaptionLength }),
+    ReadOnlyFigureAudio.configure({ maxCaptionLength }),
+    ReadOnlyFigureEmbed.configure({ maxCaptionLength }),
   ]
 
   if (mentionSuggestion) {