Make new repo page use the new languageGraph function

import m from 'mithril'
import { ReposConfigurationWithDefaultsApplied } from '../src/configTypes.ts'
import { type Repository } from '../src/dataTypes.ts'
import { NavHelper } from './helpers/nav.ts'
import htmlPage from './common/htmlPage.ts'
import { colorAndPercentMap } from '../src/languageGraph.ts'

export default async (
  reposConfig: ReposConfigurationWithDefaultsApplied,
  eleventyConfig: any,
  data: any
) => {
  const repo: Repository = data.currentRepo
  const ref: Repository['branches'][0] | Repository['tags'][0] = data.currentRef
  const renderContentIfAvailable = eleventyConfig.getFilter("renderContentIfAvailable")

  const readmeContent = await renderContentIfAvailable(await getReadMe(repo.name, ref.name), ref.name)

  const languageColors = []
  const colorsAndPercentages = await colorAndPercentMap(reposConfig, ref, repo.files)
  for (const language in colorsAndPercentages) {
    languageColors.push({language, values: colorsAndPercentages[language]})
  }

  const pageContent = [
    m('div', {class: "row"}, [
      m('div', {class: "col"}, [

                  ])
                ]),
                m('div', {class: "col-12 col-sm-6 d-flex"}, [
⁣
                  m('div', {class: "d-flex flex-column"}, languageColors.map((languageInfo) => {
                    return m('div', {
                      class: 'language-name me-1 d-flex justify-content-end align-items-end small text-white font-monospace flex-grow-1'
⁣
⁣
                    }, languageInfo.language)
⁣
                  })),
                  m('div', {class: "flex-grow-1 d-flex flex-column"}, [
                    languageColors.map((languageInfo) => {
                      const values = languageInfo.values
                      return m('div', {
                        class: 'language-col flex-grow-1',
                        style: `width: ${values.percentOfTotal * 100}%; background-color: ${values.color};`
                      })
                    }),
⁣
⁣
⁣
⁣
⁣
⁣
                  ])
                ]),
              ]),

  }>
}

// A "ref" is a branch or tag. Branches have some fields that tags
// don't have, but both are a base type of Ref.
export type Ref = {
  name: string,
  sha: string,
  fileList: Set<string>,
}

export type Repository = {
  name: string,
  description?: string,
  cloneUrl: string,
  defaultBranch: string,
  branches: Array<Ref & {
⁣
    description?: string,
    ahead: number,
    behind: number,
    compareTo: string,
⁣
⁣
  }>,
  files: (filename: string, sha: string) => Promise<FileInfo>,
⁣
⁣
⁣
  tags?: Array<Ref>,
⁣
  commits?: Map<string, Commit>,
}

import { ReposConfigurationWithDefaultsApplied } from './configTypes.ts'
import { Ref, FileInfo } from './dataTypes.ts'

export const colorAndPercentMap = async (
  reposConfig: ReposConfigurationWithDefaultsApplied,
  ref: Ref,
  files: (filename: string, sha: string) => Promise<FileInfo>,
) => {
  const languageCounts = new Map<string, number>()
  const countPromises = Array.from(ref.fileList.keys()).map(async (currentFile) => {
    return new Promise<void>(async (resolve) => {

        resolve()
      }

      const fileLineCount = (await files(currentFile, ref.sha)).contents.split('\n').length
      languageCounts.set(fileExtension, (languageCounts.get(fileExtension) + fileLineCount) || fileLineCount)
      resolve()
    })

    }
  })

  if (otherLanguagePercent > 0) {
    colorAndPercentMap['other'] = {
      color: colors[colors.length - 1].light,
      percentOfTotal: otherLanguagePercent / largestPercent
    }
  }

  return colorAndPercentMap
}