import {
  validateAttribute,
  validateDuration,
  validateSelector,
  validateUrl,
  type validator
} from "@/urlmaker/validators.ts";
import {rssalchemy} from "@/urlmaker/proto/specs.ts";

export type SpecKey = ReturnType<rssalchemy.Specs['toObject']>;
export type SpecValue = string | number;
export type Specs = {[k in keyof SpecKey]: SpecValue};

export enum InputType {
  Url = 'url',
  Text = 'text',
  Radio = 'radio'
}

export type EnumValue = {
  label: string
  value: number
}
export type Enum = EnumValue[]

export interface SpecField {
  name: keyof Specs
  input_type: InputType
  enum?: Enum,
  label: string
  default: SpecValue
  validate: validator
  required?: boolean
  group?: string
  show_if?: (specs: Specs) => boolean
}

export const fields: SpecField[] = [
  {
    name: 'url',
    input_type: InputType.Url,
    label: 'URL of page for converting',
    default: '',
    validate: validateUrl,
    required: true,
  },
  {
    name: 'selector_post',
    input_type: InputType.Text,
    label: 'CSS Selector for post',
    default: '',
    validate: validateSelector,
  },
  {
    name: 'selector_title',
    input_type: InputType.Text,
    label: 'CSS Selector for title',
    default: '',
    validate: validateSelector,
  },
  {
    name: 'selector_link',
    input_type: InputType.Text,
    label: 'CSS Selector for link',
    default: '',
    validate: validateSelector,
  },
  {
    name: 'selector_description',
    input_type: InputType.Text,
    label: 'CSS Selector for description',
    default: '',
    validate: validateSelector,
  },
  {
    name: 'selector_author',
    input_type: InputType.Text,
    label: 'CSS Selector for author',
    default: '',
    validate: validateSelector,
  },

  {
    name: 'selector_created',
    input_type: InputType.Text,
    label: 'CSS Selector for created date',
    default: '',
    validate: validateSelector,
    group: 'created',
  },
  {
    name: 'created_extract_from',
    input_type: InputType.Radio,
    enum: [
      {label: 'Inner Text', value: rssalchemy.ExtractFrom.InnerText},
      {label: 'Attribute', value: rssalchemy.ExtractFrom.Attribute},
    ],
    label: 'Extract from',
    default: rssalchemy.ExtractFrom.InnerText,
    validate: value => Object.values(rssalchemy.ExtractFrom).includes(value),
    group: 'created',
    show_if: specs => !!specs.selector_created,
  },
  {
    name: 'created_attribute_name',
    input_type: InputType.Text,
    label: 'Attribute name',
    default: '',
    validate: validateAttribute,
    show_if: specs =>
      !!specs.selector_created && specs.created_extract_from === rssalchemy.ExtractFrom.Attribute,
    group: 'created',
  },

  {
    name: 'selector_content',
    input_type: InputType.Text,
    label: 'CSS Selector for content',
    default: '',
    validate: validateSelector,
  },
  {
    name: 'selector_enclosure',
    input_type: InputType.Text,
    label: 'CSS Selector for enclosure (e.g. image url)',
    default: '',
    validate: validateSelector,
  },
  {
    name: 'cache_lifetime',
    input_type: InputType.Text,
    label: 'Cache lifetime (format examples: 10s, 1m, 2h)',
    default: '10m',
    validate: validateDuration,
  },
];

export const emptySpecs = fields.reduce((o, f) => {
  o[f.name] = f.default;
  return o
}, {} as Specs);