/* eslint-disable no-bitwise */
import kleur from 'kleur';

import { ComponentMeta } from '../plugins/ComponentMeta.js';
import { arrayOnlyUnique } from './array.js';
import { log, LogLevel, reportDiagnosticByNode } from './log.js';
import { isUndefined } from './unit.js';

export function validateComponent(component: ComponentMeta): void {
  if (isUndefined(component.tagName)) return;
  const tagError = validateComponentTag(component.tagName);
  if (!isUndefined(tagError)) {
    reportDiagnosticByNode(tagError, component.node, LogLevel.Error);
  }
}

export function validateUniqueTagNames(components: ComponentMeta[]): void {
  arrayOnlyUnique(components, 'tagName').forEach(component => {
    const { tagName } = component;
    const usedBy = components.filter(c => c.tagName === tagName);
    if (usedBy.length > 1) {
      log(
        () =>
          [
            `Found the component tag name \`${tagName}\` more than once. Tag names must be unique.\n`,
            usedBy
              .map((c, i) => kleur.dim(`\t${i + 1}. ${c.source.filePath}`))
              .join('\n'),
          ].join('\n'),
        LogLevel.Warn,
      );
    }
  });
}

export const validateComponentTag = (tag: string): string | undefined => {
  if (tag !== tag.trim()) {
    return 'Tag can not contain white spaces.';
  }

  if (tag !== tag.toLowerCase()) {
    return 'Tag can not contain upper case characters.';
  }

  if (typeof tag !== 'string') {
    return `Tag \`${tag}\` must be a string type.`;
  }

  if (tag.length === 0) {
    return 'Received empty tag value.';
  }

  if (tag.indexOf(' ') > -1) {
    return `\`${tag}\` tag cannot contain a space.`;
  }

  if (tag.indexOf(',') > -1) {
    return `\`${tag}\` tag cannot be used for multiple tags.`;
  }

  const invalidChars = tag.replace(/\w|-/g, '');
  if (invalidChars !== '') {
    return `\`${tag}\` tag contains invalid characters: ${invalidChars}.`;
  }

  if (tag.indexOf('-') === -1) {
    return `\`${tag}\` tag must contain a dash (-) to work as a valid web component.`;
  }

  if (tag.indexOf('--') > -1) {
    return `\`${tag}\` tag cannot contain multiple dashes (--) next to each other.`;
  }

  if (tag.indexOf('-') === 0) {
    return `\`${tag}\` tag cannot start with a dash (-).`;
  }

  if (tag.lastIndexOf('-') === tag.length - 1) {
    return `\`${tag}\` tag cannot end with a dash (-).`;
  }

  return undefined;
};