@milkdown/crepe 7.18.0 → 7.19.0

package/lib/cjs/feature/image-block/index.js

@@ -104,7 +104,7 @@ const imageBlock = (editor, config) => {
       };
     });
     ctx.update(imageBlock$1.imageBlockConfig.key, (value) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return {
         uploadButton: (_a = config == null ? void 0 : config.blockUploadButton) != null ? _a : "Upload file",
         imageIcon: (_b = config == null ? void 0 : config.blockImageIcon) != null ? _b : imageIcon,
@@ -113,7 +113,8 @@ const imageBlock = (editor, config) => {
         captionPlaceholderText: (_e = config == null ? void 0 : config.blockCaptionPlaceholderText) != null ? _e : "Write Image Caption",
         uploadPlaceholderText: (_f = config == null ? void 0 : config.blockUploadPlaceholderText) != null ? _f : "or paste link",
         onUpload: (_h = (_g = config == null ? void 0 : config.blockOnUpload) != null ? _g : config == null ? void 0 : config.onUpload) != null ? _h : value.onUpload,
-        proxyDomURL: config == null ? void 0 : config.proxyDomURL
+        proxyDomURL: config == null ? void 0 : config.proxyDomURL,
+        onImageLoadError: (_i = config == null ? void 0 : config.onImageLoadError) != null ? _i : value.onImageLoadError
       };
     });
   }).use(imageBlock$1.imageBlockComponent).use(imageInline.imageInlineComponent);

package/lib/cjs/feature/image-block/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/core/slice.ts","../../../../src/icons/caption.ts","../../../../src/icons/confirm.ts","../../../../src/icons/image.ts","../../../../src/feature/index.ts","../../../../src/feature/image-block/index.ts"],"sourcesContent":["import { createSlice, type Ctx } from '@milkdown/kit/ctx'\n\nimport type { CrepeFeature } from '../feature'\nimport type { CrepeBuilder } from './builder'\n\n/// @internal\n/// The feature flags context.\n/// ⚠️ Most of the time, you should use `useCrepeFeatures` to get the features.\nexport const FeaturesCtx = createSlice([] as CrepeFeature[], 'FeaturesCtx')\n\n/// @internal\n/// The crepe editor context.\n/// ⚠️ Most of the time, you should use `useCrepe` to get the crepe editor instance.\nexport const CrepeCtx = createSlice({} as CrepeBuilder, 'CrepeCtx')\n\n/// The crepe editor context.\n/// You can use this context to access the crepe editor instance within Milkdown plugins.\n/// ```ts\n/// import { crepeCtx } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   return () => {\n///     const crepe = useCrepe(ctx)\n///     crepe.setReadonly(true)\n///   }\n/// }\n/// ```\nexport function useCrepe(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.get<CrepeBuilder, 'CrepeCtx'>('CrepeCtx')\n}\n\n/// Check the enabled FeatureFlags\n/// ```ts\n/// import { useCrepeFeatures } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   const features = useCrepeFeatures(ctx)\n///   if (features.get().includes(CrepeFeature.CodeMirror)) {\n///     // Do something with CodeMirror\n///   }\n/// }\nexport function useCrepeFeatures(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.use<CrepeFeature[], 'FeaturesCtx'>('FeaturesCtx')\n}\n\n/// @internal\nexport function crepeFeatureConfig(feature: CrepeFeature) {\n  return (ctx: Ctx) => {\n    useCrepeFeatures(ctx).update((features) => {\n      if (features.includes(feature)) {\n        return features\n      }\n      return [...features, feature]\n    })\n  }\n}\n","export const captionIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"M9 22a1 1 0 0 1-1-1v-3H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6.1l-3.7 3.71c-.2.19-.45.29-.7.29zm1-6v3.08L13.08 16H20V4H4v12z\"\n    />\n  </svg>\n`\n","export const confirmIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n  >\n    <g clip-path=\"url(#clip0_1013_1606)\">\n      <path\n        d=\"M9.00012 16.1998L5.50012 12.6998C5.11012 12.3098 4.49012 12.3098 4.10012 12.6998C3.71012 13.0898 3.71012 13.7098 4.10012 14.0998L8.29012 18.2898C8.68012 18.6798 9.31012 18.6798 9.70012 18.2898L20.3001 7.69982C20.6901 7.30982 20.6901 6.68982 20.3001 6.29982C19.9101 5.90982 19.2901 5.90982 18.9001 6.29982L9.00012 16.1998Z\"\n        fill=\"#817567\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1013_1606\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","export const imageIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_8075)\">\n      <path\n        d=\"M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14.14 11.86L11.14 15.73L9 13.14L6 17H18L14.14 11.86Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_8075\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","import type { BlockEditFeatureConfig } from './block-edit'\nimport type { CodeMirrorFeatureConfig } from './code-mirror'\nimport type { CursorFeatureConfig } from './cursor'\nimport type { ImageBlockFeatureConfig } from './image-block'\nimport type { LatexFeatureConfig } from './latex'\nimport type { LinkTooltipFeatureConfig } from './link-tooltip'\nimport type { ListItemFeatureConfig } from './list-item'\nimport type { PlaceholderFeatureConfig } from './placeholder'\nimport type { TableFeatureConfig } from './table'\nimport type { ToolbarFeatureConfig } from './toolbar'\n\n/// The crepe editor feature flags.\n/// Every feature is enabled by default.\n/// Every feature is a string literal type.\nexport enum CrepeFeature {\n  /// Syntax highlighting and editing for code blocks with language support, theme customization, and preview capabilities.\n  CodeMirror = 'code-mirror',\n\n  /// Support for bullet lists, ordered lists, and todo lists with customizable icons and formatting.\n  ListItem = 'list-item',\n\n  /// Enhanced link editing and preview with customizable tooltips, edit/remove actions, and copy functionality.\n  LinkTooltip = 'link-tooltip',\n\n  /// Enhanced cursor experience with drop cursor and gap cursor for better content placement.\n  Cursor = 'cursor',\n\n  /// Image upload and management with resizing, captions, and support for both inline and block images.\n  ImageBlock = 'image-block',\n\n  /// Drag-and-drop block management and slash commands for quick content insertion and organization.\n  BlockEdit = 'block-edit',\n\n  /// Formatting toolbar for selected text with customizable icons and actions.\n  Toolbar = 'toolbar',\n\n  /// Document or block level placeholders to guide users when content is empty.\n  Placeholder = 'placeholder',\n\n  /// Full-featured table editing with row/column management, alignment options, and drag-and-drop functionality.\n  Table = 'table',\n\n  /// Mathematical formula support with both inline and block math rendering using KaTeX.\n  Latex = 'latex',\n}\n\nexport interface CrepeFeatureConfig {\n  [CrepeFeature.Cursor]?: CursorFeatureConfig\n  [CrepeFeature.ListItem]?: ListItemFeatureConfig\n  [CrepeFeature.LinkTooltip]?: LinkTooltipFeatureConfig\n  [CrepeFeature.ImageBlock]?: ImageBlockFeatureConfig\n  [CrepeFeature.BlockEdit]?: BlockEditFeatureConfig\n  [CrepeFeature.Placeholder]?: PlaceholderFeatureConfig\n  [CrepeFeature.Toolbar]?: ToolbarFeatureConfig\n  [CrepeFeature.CodeMirror]?: CodeMirrorFeatureConfig\n  [CrepeFeature.Table]?: TableFeatureConfig\n  [CrepeFeature.Latex]?: LatexFeatureConfig\n}\n\nexport const defaultFeatures: Record<CrepeFeature, boolean> = {\n  [CrepeFeature.Cursor]: true,\n  [CrepeFeature.ListItem]: true,\n  [CrepeFeature.LinkTooltip]: true,\n  [CrepeFeature.ImageBlock]: true,\n  [CrepeFeature.BlockEdit]: true,\n  [CrepeFeature.Placeholder]: true,\n  [CrepeFeature.Toolbar]: true,\n  [CrepeFeature.CodeMirror]: true,\n  [CrepeFeature.Table]: true,\n  [CrepeFeature.Latex]: true,\n}\n","import {\n  imageBlockComponent,\n  imageBlockConfig,\n} from '@milkdown/kit/component/image-block'\nimport {\n  imageInlineComponent,\n  inlineImageConfig,\n} from '@milkdown/kit/component/image-inline'\n\nimport type { DefineFeature } from '../shared'\n\nimport { crepeFeatureConfig } from '../../core/slice'\nimport { captionIcon, imageIcon, confirmIcon } from '../../icons'\nimport { CrepeFeature } from '../index'\n\ninterface ImageBlockConfig {\n  onUpload: (file: File) => Promise<string>\n  proxyDomURL: (url: string) => Promise<string> | string\n\n  inlineImageIcon: string\n  inlineConfirmButton: string\n  inlineUploadButton: string\n  inlineUploadPlaceholderText: string\n  inlineOnUpload: (file: File) => Promise<string>\n\n  blockImageIcon: string\n  blockConfirmButton: string\n  blockCaptionIcon: string\n  blockUploadButton: string\n  blockCaptionPlaceholderText: string\n  blockUploadPlaceholderText: string\n  blockOnUpload: (file: File) => Promise<string>\n}\n\nexport type ImageBlockFeatureConfig = Partial<ImageBlockConfig>\n\nexport const imageBlock: DefineFeature<ImageBlockFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config(crepeFeatureConfig(CrepeFeature.ImageBlock))\n    .config((ctx) => {\n      ctx.update(inlineImageConfig.key, (value) => ({\n        uploadButton: config?.inlineUploadButton ?? 'Upload',\n        imageIcon: config?.inlineImageIcon ?? imageIcon,\n        confirmButton: config?.inlineConfirmButton ?? confirmIcon,\n        uploadPlaceholderText:\n          config?.inlineUploadPlaceholderText ?? 'or paste link',\n        onUpload: config?.inlineOnUpload ?? config?.onUpload ?? value.onUpload,\n        proxyDomURL: config?.proxyDomURL,\n      }))\n      ctx.update(imageBlockConfig.key, (value) => ({\n        uploadButton: config?.blockUploadButton ?? 'Upload file',\n        imageIcon: config?.blockImageIcon ?? imageIcon,\n        captionIcon: config?.blockCaptionIcon ?? captionIcon,\n        confirmButton: config?.blockConfirmButton ?? 'Confirm',\n        captionPlaceholderText:\n          config?.blockCaptionPlaceholderText ?? 'Write Image Caption',\n        uploadPlaceholderText:\n          config?.blockUploadPlaceholderText ?? 'or paste link',\n        onUpload: config?.blockOnUpload ?? config?.onUpload ?? value.onUpload,\n        proxyDomURL: config?.proxyDomURL,\n      }))\n    })\n    .use(imageBlockComponent)\n    .use(imageInlineComponent)\n}\n"],"names":["createSlice","CrepeFeature","inlineImageConfig","imageBlockConfig","imageBlockComponent","imageInlineComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/core/slice.ts","../../../../src/icons/caption.ts","../../../../src/icons/confirm.ts","../../../../src/icons/image.ts","../../../../src/feature/index.ts","../../../../src/feature/image-block/index.ts"],"sourcesContent":["import { createSlice, type Ctx } from '@milkdown/kit/ctx'\n\nimport type { CrepeFeature } from '../feature'\nimport type { CrepeBuilder } from './builder'\n\n/// @internal\n/// The feature flags context.\n/// ⚠️ Most of the time, you should use `useCrepeFeatures` to get the features.\nexport const FeaturesCtx = createSlice([] as CrepeFeature[], 'FeaturesCtx')\n\n/// @internal\n/// The crepe editor context.\n/// ⚠️ Most of the time, you should use `useCrepe` to get the crepe editor instance.\nexport const CrepeCtx = createSlice({} as CrepeBuilder, 'CrepeCtx')\n\n/// The crepe editor context.\n/// You can use this context to access the crepe editor instance within Milkdown plugins.\n/// ```ts\n/// import { crepeCtx } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   return () => {\n///     const crepe = useCrepe(ctx)\n///     crepe.setReadonly(true)\n///   }\n/// }\n/// ```\nexport function useCrepe(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.get<CrepeBuilder, 'CrepeCtx'>('CrepeCtx')\n}\n\n/// Check the enabled FeatureFlags\n/// ```ts\n/// import { useCrepeFeatures } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   const features = useCrepeFeatures(ctx)\n///   if (features.get().includes(CrepeFeature.CodeMirror)) {\n///     // Do something with CodeMirror\n///   }\n/// }\nexport function useCrepeFeatures(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.use<CrepeFeature[], 'FeaturesCtx'>('FeaturesCtx')\n}\n\n/// @internal\nexport function crepeFeatureConfig(feature: CrepeFeature) {\n  return (ctx: Ctx) => {\n    useCrepeFeatures(ctx).update((features) => {\n      if (features.includes(feature)) {\n        return features\n      }\n      return [...features, feature]\n    })\n  }\n}\n","export const captionIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"M9 22a1 1 0 0 1-1-1v-3H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6.1l-3.7 3.71c-.2.19-.45.29-.7.29zm1-6v3.08L13.08 16H20V4H4v12z\"\n    />\n  </svg>\n`\n","export const confirmIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n  >\n    <g clip-path=\"url(#clip0_1013_1606)\">\n      <path\n        d=\"M9.00012 16.1998L5.50012 12.6998C5.11012 12.3098 4.49012 12.3098 4.10012 12.6998C3.71012 13.0898 3.71012 13.7098 4.10012 14.0998L8.29012 18.2898C8.68012 18.6798 9.31012 18.6798 9.70012 18.2898L20.3001 7.69982C20.6901 7.30982 20.6901 6.68982 20.3001 6.29982C19.9101 5.90982 19.2901 5.90982 18.9001 6.29982L9.00012 16.1998Z\"\n        fill=\"#817567\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1013_1606\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","export const imageIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_8075)\">\n      <path\n        d=\"M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14.14 11.86L11.14 15.73L9 13.14L6 17H18L14.14 11.86Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_8075\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","import type { BlockEditFeatureConfig } from './block-edit'\nimport type { CodeMirrorFeatureConfig } from './code-mirror'\nimport type { CursorFeatureConfig } from './cursor'\nimport type { ImageBlockFeatureConfig } from './image-block'\nimport type { LatexFeatureConfig } from './latex'\nimport type { LinkTooltipFeatureConfig } from './link-tooltip'\nimport type { ListItemFeatureConfig } from './list-item'\nimport type { PlaceholderFeatureConfig } from './placeholder'\nimport type { TableFeatureConfig } from './table'\nimport type { ToolbarFeatureConfig } from './toolbar'\n\n/// The crepe editor feature flags.\n/// Every feature is enabled by default.\n/// Every feature is a string literal type.\nexport enum CrepeFeature {\n  /// Syntax highlighting and editing for code blocks with language support, theme customization, and preview capabilities.\n  CodeMirror = 'code-mirror',\n\n  /// Support for bullet lists, ordered lists, and todo lists with customizable icons and formatting.\n  ListItem = 'list-item',\n\n  /// Enhanced link editing and preview with customizable tooltips, edit/remove actions, and copy functionality.\n  LinkTooltip = 'link-tooltip',\n\n  /// Enhanced cursor experience with drop cursor and gap cursor for better content placement.\n  Cursor = 'cursor',\n\n  /// Image upload and management with resizing, captions, and support for both inline and block images.\n  ImageBlock = 'image-block',\n\n  /// Drag-and-drop block management and slash commands for quick content insertion and organization.\n  BlockEdit = 'block-edit',\n\n  /// Formatting toolbar for selected text with customizable icons and actions.\n  Toolbar = 'toolbar',\n\n  /// Document or block level placeholders to guide users when content is empty.\n  Placeholder = 'placeholder',\n\n  /// Full-featured table editing with row/column management, alignment options, and drag-and-drop functionality.\n  Table = 'table',\n\n  /// Mathematical formula support with both inline and block math rendering using KaTeX.\n  Latex = 'latex',\n}\n\nexport interface CrepeFeatureConfig {\n  [CrepeFeature.Cursor]?: CursorFeatureConfig\n  [CrepeFeature.ListItem]?: ListItemFeatureConfig\n  [CrepeFeature.LinkTooltip]?: LinkTooltipFeatureConfig\n  [CrepeFeature.ImageBlock]?: ImageBlockFeatureConfig\n  [CrepeFeature.BlockEdit]?: BlockEditFeatureConfig\n  [CrepeFeature.Placeholder]?: PlaceholderFeatureConfig\n  [CrepeFeature.Toolbar]?: ToolbarFeatureConfig\n  [CrepeFeature.CodeMirror]?: CodeMirrorFeatureConfig\n  [CrepeFeature.Table]?: TableFeatureConfig\n  [CrepeFeature.Latex]?: LatexFeatureConfig\n}\n\nexport const defaultFeatures: Record<CrepeFeature, boolean> = {\n  [CrepeFeature.Cursor]: true,\n  [CrepeFeature.ListItem]: true,\n  [CrepeFeature.LinkTooltip]: true,\n  [CrepeFeature.ImageBlock]: true,\n  [CrepeFeature.BlockEdit]: true,\n  [CrepeFeature.Placeholder]: true,\n  [CrepeFeature.Toolbar]: true,\n  [CrepeFeature.CodeMirror]: true,\n  [CrepeFeature.Table]: true,\n  [CrepeFeature.Latex]: true,\n}\n","import {\n  imageBlockComponent,\n  imageBlockConfig,\n} from '@milkdown/kit/component/image-block'\nimport {\n  imageInlineComponent,\n  inlineImageConfig,\n} from '@milkdown/kit/component/image-inline'\n\nimport type { DefineFeature } from '../shared'\n\nimport { crepeFeatureConfig } from '../../core/slice'\nimport { captionIcon, imageIcon, confirmIcon } from '../../icons'\nimport { CrepeFeature } from '../index'\n\ninterface ImageBlockConfig {\n  onUpload: (file: File) => Promise<string>\n  proxyDomURL: (url: string) => Promise<string> | string\n\n  inlineImageIcon: string\n  inlineConfirmButton: string\n  inlineUploadButton: string\n  inlineUploadPlaceholderText: string\n  inlineOnUpload: (file: File) => Promise<string>\n\n  blockImageIcon: string\n  blockConfirmButton: string\n  blockCaptionIcon: string\n  blockUploadButton: string\n  blockCaptionPlaceholderText: string\n  blockUploadPlaceholderText: string\n  blockOnUpload: (file: File) => Promise<string>\n  onImageLoadError: (event: Event) => void | Promise<void>\n}\n\nexport type ImageBlockFeatureConfig = Partial<ImageBlockConfig>\n\nexport const imageBlock: DefineFeature<ImageBlockFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config(crepeFeatureConfig(CrepeFeature.ImageBlock))\n    .config((ctx) => {\n      ctx.update(inlineImageConfig.key, (value) => ({\n        uploadButton: config?.inlineUploadButton ?? 'Upload',\n        imageIcon: config?.inlineImageIcon ?? imageIcon,\n        confirmButton: config?.inlineConfirmButton ?? confirmIcon,\n        uploadPlaceholderText:\n          config?.inlineUploadPlaceholderText ?? 'or paste link',\n        onUpload: config?.inlineOnUpload ?? config?.onUpload ?? value.onUpload,\n        proxyDomURL: config?.proxyDomURL,\n      }))\n      ctx.update(imageBlockConfig.key, (value) => ({\n        uploadButton: config?.blockUploadButton ?? 'Upload file',\n        imageIcon: config?.blockImageIcon ?? imageIcon,\n        captionIcon: config?.blockCaptionIcon ?? captionIcon,\n        confirmButton: config?.blockConfirmButton ?? 'Confirm',\n        captionPlaceholderText:\n          config?.blockCaptionPlaceholderText ?? 'Write Image Caption',\n        uploadPlaceholderText:\n          config?.blockUploadPlaceholderText ?? 'or paste link',\n        onUpload: config?.blockOnUpload ?? config?.onUpload ?? value.onUpload,\n        proxyDomURL: config?.proxyDomURL,\n        onImageLoadError: config?.onImageLoadError ?? value.onImageLoadError,\n      }))\n    })\n    .use(imageBlockComponent)\n    .use(imageInlineComponent)\n}\n"],"names":["createSlice","CrepeFeature","inlineImageConfig","imageBlockConfig","imageBlockComponent","imageInlineComponent"],"mappings":"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"}

package/lib/cjs/index.js

@@ -1620,7 +1620,7 @@ const imageBlock = (editor, config) => {
       };
     });
     ctx.update(imageBlock$1.imageBlockConfig.key, (value) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return {
         uploadButton: (_a = config == null ? void 0 : config.blockUploadButton) != null ? _a : "Upload file",
         imageIcon: (_b = config == null ? void 0 : config.blockImageIcon) != null ? _b : imageIcon,
@@ -1629,7 +1629,8 @@ const imageBlock = (editor, config) => {
         captionPlaceholderText: (_e = config == null ? void 0 : config.blockCaptionPlaceholderText) != null ? _e : "Write Image Caption",
         uploadPlaceholderText: (_f = config == null ? void 0 : config.blockUploadPlaceholderText) != null ? _f : "or paste link",
         onUpload: (_h = (_g = config == null ? void 0 : config.blockOnUpload) != null ? _g : config == null ? void 0 : config.onUpload) != null ? _h : value.onUpload,
-        proxyDomURL: config == null ? void 0 : config.proxyDomURL
+        proxyDomURL: config == null ? void 0 : config.proxyDomURL,
+        onImageLoadError: (_i = config == null ? void 0 : config.onImageLoadError) != null ? _i : value.onImageLoadError
       };
     });
   }).use(imageBlock$1.imageBlockComponent).use(imageInline.imageInlineComponent);