import { properties as rawSvgProperties } from '../data/svg';
import parse from '../syntax/parser';
import typer, { ResolvedType } from '../syntax/typer';
import { composeCommentBlock } from '../utils/comment';
import {
  compatNames,
  compatSyntax,
  getCompats,
  getPropertyData,
  getTypesData,
  isAddedBySome,
  isDeprecated,
} from '../utils/compat';
import { warn } from '../utils/logger';
import { createPropertyDataTypeResolver, IDataTypeDictionary, resolveDataTypes } from './data-types';
import { getProperties, getPropertySyntax } from './syntaxes';

const ALL = 'all';

const IGNORES = [
  // Custom properties
  '--*',
  // We define this manually
  ALL,
];

const REGEX_VENDOR_PROPERTY = /^-/;

interface IProperty {
  name: string;
  vendor: boolean;
  shorthand?: boolean;
  obsolete: boolean;
  comment: () => Promise<string | undefined>;
  types: ResolvedType[];
}

const getGlobalCompatibilityData = () => {
  const data = getTypesData('global_keywords');

  if (!data) {
    throw new Error('Compatibility data for CSS-wide keywords is missing or may have been moved');
  }

  return data;
};

// The CSS-wide keywords are identical to the `all` property
// https://www.w3.org/TR/2016/CR-css-cascade-4-20160114/#all-shorthand
export async function getGlobals(
  dataTypeDictionary: IDataTypeDictionary,
  minTypesInDataTypes: number,
): Promise<ResolvedType[]> {
  const dataTypes = resolveDataTypes(
    dataTypeDictionary,
    typer(compatSyntax(getGlobalCompatibilityData(), parse(getPropertySyntax(ALL)))),
    minTypesInDataTypes,
  );

  return dataTypes;
}

const htmlPropertiesMap: { [name: string]: IProperty } = {};

const svgPropertiesMap: { [name: string]: IProperty } = {};

export async function getHtmlProperties(dataTypeDictionary: IDataTypeDictionary, minTypesInDataTypes: number) {
  const propertiesMap = getProperties();
  const allPropertyData = getPropertyData(ALL);

  let getAllComment = async () => {
    const comment = await composeCommentBlock(allPropertyData, propertiesMap[ALL]);
    getAllComment = () => Promise.resolve(comment);
    return comment;
  };

  htmlPropertiesMap[ALL] = {
    name: 'all',
    vendor: false,
    shorthand: true,
    obsolete: false,
    comment: () => getAllComment(),
    types: [],
  };

  function filterMissingProperties(names: string[]) {
    // Filter only those which isn't defined in MDN data
    return names.filter(name => !(name in propertiesMap));
  }

  for (const originalName in propertiesMap) {
    if (IGNORES.includes(originalName)) {
      continue;
    }

    const data = propertiesMap[originalName];

    // Default values
    let entities = parse(getPropertySyntax(originalName));
    let currentNames: string[] = [originalName];
    let obsoleteNames: string[] = [];
    let deprecated = isDeprecated(data);

    const compatibilityData = getPropertyData(originalName);

    if (compatibilityData) {
      const compats = getCompats(compatibilityData);

      if (compats.every(compat => !isAddedBySome(compat))) {
        // The property needs to be added by some browsers
        continue;
      }

      entities = compatSyntax(compatibilityData, entities);
      currentNames = currentNames.concat(
        ...compats.map(compat => filterMissingProperties(compatNames(compat, originalName))),
      );
      obsoleteNames = obsoleteNames.concat(
        ...compats.map(compat => filterMissingProperties(compatNames(compat, originalName, true))),
      );
      deprecated = compats.every(compat => isDeprecated(data, compat));
    }

    if (deprecated) {
      // Move all property names to obsolete
      obsoleteNames = obsoleteNames.concat(currentNames);
      currentNames = [];
    }

    const types = resolveDataTypes(
      dataTypeDictionary,
      typer(entities),
      minTypesInDataTypes,
      createPropertyDataTypeResolver(compatibilityData),
    );

    // Remove duplicates
    for (const name of new Set(currentNames)) {
      const vendor = isVendorProperty(name);

      let getComment = () => {
        const comment = composeCommentBlock(compatibilityData, data, vendor);
        getComment = () => comment;
        return comment;
      };

      htmlPropertiesMap[name] = mergeRecurrent(name, {
        name: originalName,
        vendor,
        shorthand: data.shorthand,
        obsolete: false,
        comment: () => getComment(),
        types,
      });
    }

    // Remove duplicates
    for (const name of new Set(obsoleteNames)) {
      const vendor = isVendorProperty(name);

      let getComment = () => {
        const comment = composeCommentBlock(compatibilityData, data, vendor, true);
        getComment = () => comment;
        return comment;
      };

      htmlPropertiesMap[name] = mergeRecurrent(name, {
        name: originalName,
        vendor,
        shorthand: data.shorthand,
        obsolete: true,
        comment: () => getComment(),
        types,
      });
    }
  }

  return htmlPropertiesMap;
}

export async function getSvgProperties(dataTypeDictionary: IDataTypeDictionary, minTypesInDataTypes: number) {
  for (const name in rawSvgProperties) {
    const compatibilityData = getPropertyData(name);
    const syntax = rawSvgProperties[name].syntax;
    if (syntax) {
      svgPropertiesMap[name] = {
        name,
        vendor: false,
        shorthand: false,
        obsolete: false,
        comment: () => Promise.resolve(undefined),
        types: resolveDataTypes(
          dataTypeDictionary,
          typer(parse(syntax)),
          minTypesInDataTypes,
          createPropertyDataTypeResolver(compatibilityData),
        ),
      };
    }
  }

  return svgPropertiesMap;
}

export function isVendorProperty(name: string) {
  return REGEX_VENDOR_PROPERTY.test(name);
}

function mergeRecurrent(name: string, property: IProperty) {
  if (name in htmlPropertiesMap) {
    const current = htmlPropertiesMap[name];

    if (current.name !== property.name) {
      warn('Property `%s` resolved by `%s` was duplicated by `%s`', name, property.name, current.name);
    }

    return {
      ...current,
      // Only mark as obsolete if it's mutual
      obsolete: current.obsolete && property.obsolete,
    };
  }

  return property;
}
