config.ts

import { $ctx } from '@milkdown/utils'
import { withMeta } from '../__internal__/meta'

export interface ImageBlockConfig {
  imageIcon: () => string | undefined
  captionIcon: () => string | undefined
  uploadButton: () => string | undefined
  confirmButton: () => string | undefined
  uploadPlaceholderText: string
  captionPlaceholderText: string
  onUpload: (file: File) => Promise<string>
  proxyDomURL?: (url: string) => Promise<string> | string
}

export const defaultImageBlockConfig: ImageBlockConfig = {
  imageIcon: () => '🌌',
  captionIcon: () => '💬',
  uploadButton: () => 'Upload file',
  confirmButton: () => 'Confirm ⏎',
  uploadPlaceholderText: 'or paste the image link ...',
  captionPlaceholderText: 'Image caption',
  onUpload: (file) => Promise.resolve(URL.createObjectURL(file)),
}

export const imageBlockConfig = $ctx(
  defaultImageBlockConfig,
  'imageBlockConfigCtx'
)

withMeta(imageBlockConfig, {
  displayName: 'Config<image-block>',
  group: 'ImageBlock',
})