import * as fs from 'fs-extra';
import * as _ from 'lodash';
import * as normalizePath from 'normalize-path';
import * as path from 'path';
import * as prettier from 'prettier';
import { analyseProject } from './analyse-project';
import { CONFIG_FILE } from './constants';
import { globalState } from './global-state';
import { plugin } from './plugins';
import { prettierConfig } from './prettier-config';
import { helperPath, layoutPath, notFoundPath, pagesPath, storesPath } from './structor-config';

export async function addPage(options: { path: string }) {
  const projectInfo = await analyseProject();
  const fileFullPath = path.join(globalState.projectRootPath, pagesPath.dir, options.path, 'index') + '.tsx';

  if (fs.existsSync(fileFullPath)) {
    throw Error(`${options.path} already exist!`);
  }

  fs.outputFileSync(
    fileFullPath,
    prettier.format(
      `
      import * as React from "react"

      class Props {

      }

      class State {

      }

      export default class Page extends React.PureComponent<Props, State> {
        public static defaultProps = new Props()
        public state = new State()

        public render() {
          return (
            <div>
              New page for ${options.path}
            </div>
          )
        }
      }
    `,
      { ...prettierConfig, parser: 'typescript' }
    )
  );
}

export async function createLayout() {
  const pathFullPath = path.join(globalState.projectRootPath, path.format(layoutPath));

  if (fs.existsSync(pathFullPath)) {
    throw Error(`layout already exist!`);
  }

  fs.outputFileSync(
    pathFullPath,
    prettier.format(
      `
    import * as React from "react"

    class Props {

    }

    class State {

    }

    export default class Page extends React.PureComponent<Props, State> {
      public static defaultProps = new Props()
      public state = new State()

      public render() {
        return (
          <div>
            {this.props.children}
          </div>
        )
      }
    }
  `,
      { ...prettierConfig, parser: 'typescript' }
    )
  );
}

export async function create404() {
  const pathFullPath = path.join(globalState.projectRootPath, path.format(notFoundPath));

  if (fs.existsSync(pathFullPath)) {
    throw Error(`404 page already exist!`);
  }

  fs.outputFileSync(
    pathFullPath,
    prettier.format(
      `
    import * as React from "react"

    class Props {

    }

    class State {

    }

    export default class Page extends React.PureComponent<Props, State> {
      public static defaultProps = new Props()
      public state = new State()

      public render() {
        return (
          <div>
            Page not found
          </div>
        )
      }
    }
  `,
      { ...prettierConfig, parser: 'typescript' }
    )
  );
}

export async function createConfig() {
  const configFilePath = path.join(globalState.projectRootPath, CONFIG_FILE);

  if (fs.existsSync(configFilePath)) {
    throw Error(`config already exist!`);
  }

  const fileContent = prettier.format(
    `
    import { ProjectConfig } from "vai/client"

    export default {

    } as ProjectConfig
  `,
    { ...prettierConfig, parser: 'typescript' }
  );

  fs.outputFileSync(configFilePath, fileContent);
}

export async function addStore(options: { name: string; withDemo: boolean }) {
  const camelName = _.camelCase(options.name);
  const camelUpperFirstName = _.upperFirst(camelName);
  const kebabName = _.kebabCase(options.name);
  const fileFullPath = path.join(globalState.projectRootPath, storesPath.dir, kebabName) + '.tsx';

  if (fs.existsSync(fileFullPath)) {
    throw Error(`${kebabName} already exist!`);
  }

  fs.outputFileSync(
    fileFullPath,
    prettier.format(
      `
    import { observable, inject, Action } from "dob"

    @observable
    export class ${camelUpperFirstName}Store {
      ${options.withDemo ? `public testValue = 1` : ''}
    }

    export class ${camelUpperFirstName}Action {
      @inject(${camelUpperFirstName}Store) public ${camelName}Store: ${camelUpperFirstName}Store

      ${
        options.withDemo
          ? `
        @Action public test() {
          this.${camelName}Store.testValue++
        }
      `
          : ''
      }
    }
  `,
      { ...prettierConfig, parser: 'typescript' }
    )
  );
}