function render(projects: ProjectInfo[], currentIndex: number) {

  const lines = _.chain(projects)
    .map(project => `${project.name} (${project.projectId})`)
    .map((l, lineIndex) => (lineIndex === currentIndex) ? `${figures.pointer} ${l}` : `  ${l}`)
    .join('\n')

  terminal(lines, currentIndex)
}

function render(projects: ProjectInfo[], currentIndex: number, selectedIndices: number[]) {

  const lines = _.chain(projects)
    .map(project => `${project.name} (${project.projectId})`)
    .map((l, lineIndex) => (selectedIndices.includes(lineIndex)) ? `${chalk.red(figures.circleFilled)}  ${chalk.red(l)}` : `${figures.circle}  ${l}`)
    .map((l, lineIndex) => (lineIndex === currentIndex) ? `${figures.pointer} ${l}` : `  ${l}`)
    .join('\n')

  terminal(lines, currentIndex)
}

export default async (props: DeleteProps, env: SystemEnvironment): Promise<void> => {
  const {resolver, out} = env

  if (props.sourceProjectId) {
    out.startSpinner(deletingProjectMessage(props.sourceProjectId))

    try {
      await deleteProject([props.sourceProjectId], resolver)
      out.stopSpinner()
      out.write(deletedProjectMessage([props.sourceProjectId]))

    } catch (e) {
      out.stopSpinner()

      if (e.errors) {
        const errors = parseErrors(e)
        const output = generateErrorOutput(errors)
        out.writeError(`${output}`)
      } else {
        throw e
      }
    }
  } else {

    const projects = await fetchProjects(resolver)
    terminal.saveCursor()
    terminal.grabInput()
    terminal.hideCursor()
    terminal(`\n`)

    // initially select current project
    const projectId = getProjectId(env)
    let currentIndex = projectId ? projects.map(p => p.projectId).indexOf(projectId) : 0
    const selectedIndices = []

    render(projects, currentIndex, selectedIndices)

    await new Promise(resolve => {
      terminal.on('key', async (name: string) => {
        currentIndex = await handleKeyEvent(name, currentIndex, selectedIndices, projects, env, resolve)
      })
    })
  }

}

async function interactiveProjectSelection(env: SystemEnvironment): Promise<string> {
  const projects = await fetchProjects(env.resolver)
  terminal.saveCursor()
  terminal.grabInput()
  terminal.hideCursor()
  terminal(`\n`)

  let currentIndex = 0

  render(projects, currentIndex)

  const projectId = await new Promise<string>(resolve => {
    terminal.on('key', async (name: string) => {
      currentIndex = await handleKeyEvent(name, currentIndex, projects, resolve)
    })
  })

  return projectId
}

async function handleSelect(selectedIndices: number[], projects: ProjectInfo[], env: SystemEnvironment): Promise<void> {

  terminal(`\n\n${deletingProjectWarningMessage}`)

  terminal.grabInput(true)
  await new Promise(resolve => {
    terminal.on('key', function (name) {
      if (name !== 'y') {
        process.exit(0)
      }
      terminal.grabInput(false)
      resolve()
    })
  })

  const projectIdsToDelete = selectedIndices.reduce((prev: string[], current: number) => {
    prev.push(projects[current].projectId)
    return prev
  }, [])

  terminal.restoreCursor()
  terminal.eraseDisplayBelow()
  terminal.hideCursor(false)
  env.out.startSpinner(deletingProjectsMessage(projectIdsToDelete))

  try {
    await deleteProject(projectIdsToDelete, env.resolver)
    env.out.stopSpinner()
    env.out.write(deletedProjectMessage(projectIdsToDelete))

  } catch (e) {
    env.out.stopSpinner()

    if (e.errors) {
      const errors = parseErrors(e)
      const output = generateErrorOutput(errors)
      env.out.writeError(`${output}`)
    } else {
      throw e
    }
  }

}

// Require the lib, get a working terminal
import t, {
  terminal as term,
  autoComplete as ac,
  getDetectedTerminal,
  ScreenBufferHD,
  ScreenBuffer,
  Terminal
} from "terminal-kit";
import "node";
import * as fs from "fs";

new t.Rect({width: 4, height: 4});
// The term() function simply output a string to stdout, using current style
// output "Hello world!" in default terminal's colors
t.terminal("Hello world!\n");

// This output 'red' in red
term.red("red");

// This output 'bold' in bold
term.bold("bold");

// output 'mixed' using bold, underlined & red, exposing the style-mixing syntax
term.bold.underline.red("mixed");

// printf() style formatting everywhere:
// this will output 'My name is Jack, I'm 32.' in green
term.green("My name is %s, I'm %d.\n", "Jack", 32);

// Since v0.16.x, style markup are supported as a shorthand.

term.gridMenu(items, (error: any, response: any) => {
  term("\n").eraseLineAfter.green(
    "#%s selected: %s (%s,%s)\n",
    response.selectedIndex,
    response.selectedText,
    response.x,
    response.y
  );
});

function question() {
  term("Do you like javascript? [Y|n]\n");

  // Exit on y and ENTER key
  // Ask again on n
  term.yesOrNo(
    { yes: ["y", "ENTER"], no: ["n"] },
    (error: any, result: any) => {
      if (result) {
        term.green("'Yes' detected! Good bye!\n");
      } else {
        term.red("'No' detected, are you sure?\n");
        question();
      }
    }
  );
}

 setTimeout(() => {
   term("\n");
 }, 200);