import { pluginLineNumbers } from "@expressive-code/plugin-line-numbers"
import { pluginCollapsibleSections } from "@expressive-code/plugin-collapsible-sections"

/**
 * @typedef {ReturnType<typeof import('@expressive-code/plugin-line-numbers')['pluginLineNumbers']>} ECPlugin
 * @typedef {import('@astrojs/starlight/expressive-code').StarlightExpressiveCodeOptions} EC
 * @typedef {EC & { plugins?: any; defaultProps: EC["defaultProps"] & { showLineNumbers?: boolean } }} ModifiedEC
 */

/** @type {ModifiedEC} */
// @ts-expect-error
export default {
  logger: true,
  frames: {
    extractFileNameFromCode: true,
    showCopyToClipboardButton: true,
    removeCommentsWhenCopyingTerminalFrames: true
  },
  defaultProps: {
    showLineNumbers: false
  },
  useStarlightUiThemeColors: true,
  useStarlightDarkModeSwitch: true,
  themes: ["starlight-dark", "starlight-light"],
  plugins: [pluginCollapsibleSections(), pluginLineNumbers()]
}