import { isString } from '../../shared/index.js';
import { getBundlerName } from './getBundlerName.js';
/**
 * Add tags as customElement
 *
 * 将标签添加为自定义元素
 *
 * @param bundlerOptions - VuePress Bundler config / VuePress 打包器配置
 * @param app - VuePress Node App / VuePress Node 应用
 * @param customElement - Tags recognized as custom element / 识别为自定义元素的标签
 *
 * @example
 * ```ts
 * // Add single custom element
 * addCustomElement(bundlerOptions, app, 'my-element')
 *
 * // Add multiple custom elements
 * addCustomElement(bundlerOptions, app, ['element1', 'element2'])
 *
 * // Add elements matching a pattern
 * addCustomElement(bundlerOptions, app, /^my-/)
 * ```
 */
export const addCustomElement = (bundlerOptions, app, customElement) => {
    const customElements = isString(customElement)
        ? [customElement]
        : customElement;
    const bundlerName = getBundlerName(app);
    // for vite
    if (bundlerName === 'vite') {
        const viteBundlerConfig = bundlerOptions;
        // eslint-disable-next-line no-multi-assign
        const { isCustomElement } = (((viteBundlerConfig.vuePluginOptions ??=
            {}).template ??= {}).compilerOptions ??= {});
        viteBundlerConfig.vuePluginOptions.template.compilerOptions.isCustomElement =
            (tag) => {
                if (customElements instanceof RegExp
                    ? customElements.test(tag)
                    : customElements.includes(tag))
                    return true;
                return isCustomElement?.(tag);
            };
    }
    // for webpack
    else if (bundlerName === 'webpack') {
        const webpackBundlerConfig = bundlerOptions;
        // eslint-disable-next-line no-multi-assign
        const { isCustomElement } = ((webpackBundlerConfig.vue ??=
            {}).compilerOptions ??= {});
        webpackBundlerConfig.vue.compilerOptions.isCustomElement = (tag) => {
            if (customElements instanceof RegExp
                ? customElements.test(tag)
                : customElements.includes(tag))
                return true;
            return isCustomElement?.(tag);
        };
    }
};