export const BaseMentionPlugin = createPlatePlugin<
  string,
  TriggerComboboxPluginOptions
>({
  key: 'base_mention',
  // @ts-ignore
  extendEditor: withTriggerCombobox,
  node: {
    isElement: true,
    isInline: true,
    isVoid: true,
  },
  options: {
    createComboboxInput,
  },
  plugins: [ComboboxInputPlugin],
})

export const RefMentionPlugin = BaseMentionPlugin.configure(
  ({ getOptions }) => ({
    key: ELEMENT_REF,
    options: {
      ...getOptions(),
      trigger: '@',
      triggerPreviousCharPattern: /^\s?$/,
      createComboboxInput,
    },
  })
)

export const SubMentionPlugin =
  RefMentionPlugin.extend<TriggerComboboxPluginOptions>(({ getOptions }) => ({
    key: ELEMENT_SUB,
    options: {
      ...getOptions(),
      trigger: ':',
      triggerPreviousCharPattern: /^\s?$/,
      createComboboxInput,
    },
  }))