import { NextPage } from 'next';
import { AppProps } from 'next/app';
import { ReactElement, ReactNode } from 'react';
import { PostBy, TotalArticles } from './articles';
import { AllPostsSlug, RawPostsList } from './blog';
import { CommentData, CommentsByPostId, CreateComment } from './comments';
import { ContactData, SendEmail } from './contact';
import {
  AllTopics,
  AllTopicsSlug,
  AllThematics,
  AllThematicsSlug,
  TopicBy,
  ThematicBy,
} from './taxonomies';

//==============================================================================
// Next
//==============================================================================

export type NextPageWithLayout<P = {}> = NextPage<P> & {
  getLayout?: (page: ReactElement) => ReactNode;
};

export type AppPropsWithLayout = AppProps & {
  Component: NextPageWithLayout;
};

//==============================================================================
// API
//==============================================================================

export type VariablesType<T> = T extends PostBy | TopicBy | ThematicBy
  ? Slug
  : T extends RawPostsList
  ? CursorPagination
  : T extends CommentsByPostId
  ? { id: number }
  : T extends CreateComment
  ? CommentData
  : T extends SendEmail
  ? ContactData
  : null;

export type RequestType =
  | AllPostsSlug
  | AllTopics
  | AllTopicsSlug
  | AllThematics
  | AllThematicsSlug
  | CommentsByPostId
  | CreateComment
  | PostBy
  | RawPostsList
  | SendEmail
  | ThematicBy
  | TopicBy
  | TotalArticles;

//==============================================================================
// Globals
//==============================================================================

export type ButtonKind = 'primary' | 'secondary' | 'tertiary';

export type ButtonPosition = 'left' | 'right' | 'center';

export type ContentInfo = {
  readingTime: number;
  wordsCount: number;
};

export type ContentParts = {
  afterMore: string;
  beforeMore: string;
};

export type CursorPagination = {
  first: number;
  after: string;
};

export type Dates = {
  publication: string;
  update: string;
};

export type Heading = {
  depth: number;
  id: string;
  children: Heading[];
  title: string;
};

export type Meta = {
  title: string;
  publishedOn: string;
  updatedOn: string;
};

export type NoticeType = 'error' | 'info' | 'success' | 'warning';

export type PageInfo = {
  endCursor: string;
  hasNextPage: boolean;
  total: number;
};

export type ParamsSlug = {
  params: { slug: string };
};

export type Project = {
  cover?: string;
  id: string;
  intro: string;
  meta: ProjectMeta;
  slug: string;
  tagline?: string;
  title: string;
  seo: {
    title: string;
    description: string;
  };
};

export type ProjectMeta = Omit<Meta, 'title'> & {
  hasCover: boolean;
  license: string;
  repos?: {
    github?: string;
    gitlab?: string;
  };
  technologies?: string[];
};

export type ProjectProps = {
  project: Project;
};

export type Slug = {
  slug: string;
};

export type TitleLevel = 2 | 3 | 4 | 5 | 6;