Tucker McKnight <tmcknight@instructure.com> | Sat Jun 20 2026
remove accidentally-added .orig files
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176
import m from 'mithril'
<<<<<<< HEAD
import render from 'mithril-node-render'
import { type Repository } from '../src/dataTypes.ts'
import { type FlatFileEntry } from '../src/flatFiles.ts'
type Branch = Repository['branches'][0]
=======
import htmlPage from './common/htmlPage.ts'
>>>>>>> main
export default async (reposConfig: any, eleventyConfig: any, data: any) => {
const isDirectory = eleventyConfig.getFilter("isDirectory")
const topLevelFilesOnly = eleventyConfig.getFilter("topLevelFilesOnly")
const getDirectoryContents = eleventyConfig.getFilter("getDirectoryContents")
const getRelativePath = eleventyConfig.getFilter("getRelativePath")
const slugify = eleventyConfig.getFilter("slugify")
const lineNumbers = eleventyConfig.getFilter("lineNumbers")
const highlightCode = eleventyConfig.getFilter("highlightCode")
const languageExtension = eleventyConfig.getFilter("languageExtension")
const renderContentIfAvailable = eleventyConfig.getFilter("renderContentIfAvailable")
<<<<<<< HEAD
const currentBranch: Branch = data.currentBranch
const fileInfo: FlatFileEntry = data.fileInfo
return render([
=======
const pageContent = [
>>>>>>> main
m('div', {class: "row mt-3 mb-1"},
m('div', {class: "col"},
m('p', [
'Files snapshot from ',
m('span', {class: "font-monospace"}, fileInfo.branchName)
])
)
),
m('div', {class: "directory-buttons row"},
m('div', {class: "col"},
m('h3', [
<<<<<<< HEAD
m('span', {class: "bezel-gray p-1"},
m('a', {href: `${data.reposPath}/${fileInfo.repoName}/branches/${fileInfo.branchName}/files`}, './')
=======
m('span', {class: "bezel-gray p-1 my-1 d-inline-block"},
m('a', {href: `${data.reposPath}/${data.fileInfo.repoName}/branches/${data.fileInfo.branchName}/files`}, './')
>>>>>>> main
),
fileInfo.file.split('/').map((dir, index, arr) => {
if (index === arr.length - 1) {
return m('span', {class: "px-2 my-1 d-inline-block"}, dir)
}
else {
return m('span', {class: "bezel-gray p-1 my-1 d-inline-block"}, [
m('a', {
href: `${data.reposPath}/${fileInfo.repoName}/branches/${fileInfo.branchName}/files/${arr.slice(0, index + 1).map((part) => slugify(part)).join('/')}.html`}, `${dir}/`)
])
}
})
])
)
),
(isDirectory(fileInfo.file, fileInfo.repoName, fileInfo.branchName) ?
m('div', {class: "row"},
m('div', {class: "col"},
m('ul', {class: "list-group"},
topLevelFilesOnly(getDirectoryContents(fileInfo.repoName, fileInfo.branchName, fileInfo.file), fileInfo.file + '/').map((dir) => {
return m('li', {class: 'list-group-item'}, [
dir.isDirectory ? m('span', m.trust('📁 ')) : null,
m('a', {
href: `${data.reposPath}/${slugify(fileInfo.repoName)}/branches/${slugify(fileInfo.branchName)}/files/${dir.fullPath.split('/').map((pathPart) => {
return pathPart.split('.').map((subPart) => {
return slugify(subPart)
}).join('.')
}).join('/')}.html`},
getRelativePath(fileInfo.file, dir.name)
)
])
})
)
)
)
: [
m('div', {class: "row my-3"},
m('div', {class: "col"},
m('span', m('a', {
href: `${data.reposPath}/${slugify(fileInfo.repoName)}/branches/${slugify(fileInfo.branchName)}/raw/${fileInfo.file.split('.').map(filePart => slugify(filePart)).join('.')}`}, 'View raw file'))
)
),
(fileInfo.file.endsWith(".md") ?
[
m('div', {class: "row my-2"},
m('div', {class: "col"},
m('div', {class: "form-check form-switch"}, [
m('input', {
class: "form-check-input",
type: "checkbox",
role: "switch",
id: "showRenderedContent",
checked: true
}),
m('label', {
class: "form-check-label",
for: "showRenderedContent"
}, 'Show rendered markdown')
])
)
),
m('div', {class: "row rendered-content"},
m('div', {class: "col"},
m.trust(await renderContentIfAvailable(
currentBranch.fileList.get(fileInfo.file).fileInfo.contents
))
)
)
]
: null),
m('div', {class: `row code-content ${fileInfo.file.endsWith('.md') ? 'd-none' : ''}`},
m('div', {class: "col"}, [
m('div', {class: "row"},
m('div', {class: "col-auto"},
m('div', {class: "form-check form-switch"}, [
m('input', {class: "form-check-input", type: "checkbox", role: "switch", id: "showLastTouch"}),
m('label', {class: "form-check-label", for: "showLastTouch"}, 'Show last line change'),
])
)
),
m('div', {class: "row"}, [
m('div', {class: "col-auto p-0"},
m('code', {style: "white-space: pre;"},
m('pre', {class: "language-text"},
lineNumbers(currentBranch.fileList.get(fileInfo.file).fileInfo.contents).map((lineNumber) => {
return lineNumber
}).join('\n')
)
)
),
m('div', {id: "annotations", class: "col-auto d-none p-0"},
m('code', {style: "white-space: pre;"}, [
m('pre', {class: "language-text"}, m.trust(
currentBranch.fileList.get(fileInfo.file).fileInfo.blameLines.map((annotation) => {
return `<a href="${data.reposPath}/${slugify(fileInfo.repoName)}/branches/${slugify(fileInfo.branchName)}/commits/${annotation.sha}">${annotation.sha.substr(0, 6)}</a> ${annotation.author}`
}).join('\n')))
])
),
m('div', {class: "col overflow-scroll p-0"},
m('code', m.trust(highlightCode(
currentBranch.fileList.get(fileInfo.file).fileInfo.contents,
languageExtension(
fileInfo.file,
fileInfo.repoName
)
)))
)
])
])
),
m('script', {type: "text/javascript"},
`
const toggleLastTouch = (event) => {
const isOn = event.target.checked
const annotations = document.getElementById("annotations")
if (isOn) {
annotations.classList.remove("d-none")
} else {
annotations.classList.add("d-none")
}
}
document.getElementById("showLastTouch")?.addEventListener('click', toggleLastTouch)
`
)
]
)
]
return await htmlPage(reposConfig, eleventyConfig, data, pageContent)
}
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128
import m from 'mithril'
import { type Repository } from '../src/dataTypes.ts'
import { NavHelper } from './helpers/nav.ts'
import htmlPage from './common/htmlPage.ts'
export default async (reposConfig: any, eleventyConfig: any, data: any) => {
const repo: Repository = data.currentRepo
const branch: Repository['branches'][0] = data.currentBranch
const renderContentIfAvailable = eleventyConfig.getFilter("renderContentIfAvailable")
const slugify = eleventyConfig.getFilter("slugify")
const getReadMe = eleventyConfig.getFilter("getReadMe")
const latestCommit = repo.commits.get(branch.head)
const latestCommitMessage = latestCommit.message.length > 72
? latestCommit.message.split('\n')[0].substr(0, 72) + '...'
: latestCommit.message
<<<<<<< HEAD
const languageCounts = Array.from(branch.fileList.keys()).reduce((counts, currentFile) => {
=======
const nav = NavHelper(reposConfig, slugify, repo.name, branch.name)
const languageCounts = branch.fileList.reduce((counts, currentFile) => {
>>>>>>> main
const fileParts = currentFile.split(".")
const fileExtension = fileParts[fileParts.length - 1]
// todo: add more ignoreable extensions or specific files
// (like package-lock.json). Allow glob patterns?
if (fileExtension === 'gitignore') {
return counts
}
counts.set(fileExtension, (counts.get(fileExtension) + 1) || 1)
return counts
}, new Map<string, number>())
// todo: this is probably broken for repos that use fewer than 6 languages
let languagePercentages: Array<[string, number]> = []
const total = Array.from(branch.fileList.keys()).length
for (const entry of languageCounts) {
languagePercentages.push([entry[0], entry[1] / total])
}
languagePercentages.sort((a, b) => {
return b[1] - a[1]
})
const topLanguagePercentages = languagePercentages.slice(0, 5)
const otherLanguagePercent = languagePercentages.slice(6, languagePercentages.length - 6).reduce((sum, current) => {
return sum + current[1]
}, 0)
const largestPercent = Math.max(...topLanguagePercentages.map(tuple => tuple[1]), otherLanguagePercent)
const readmeContent = await renderContentIfAvailable(await getReadMe(repo.name, branch.name), branch.name)
const pageContent = [
m('div', {class: "row"}, [
m('div', {class: "col"}, [
m('div', {class: "px-4 pt-3 bezel-header"}, [
m('div', {class: "row"}, [
m('div', {class: "col-12 col-lg-6"}, [
m('h1', {class: "display-3 text-white"},
m('em', repo.name)
),
repo.description
? m('p', {class: "text-white fs-4 fw-light"}, repo.description)
: null
]),
m('div', {class: "col-12 col-lg-6 d-flex flex-column justify-content-around"}, [
m('div', {class: "row flex-grow-1 align-items-stretch language-percent-row"}, [
m('div', {class: "col-12 d-flex align-items-stretch"}, [
m('div', {class: "language-cols d-flex flex-grow-1 flex-nowrap"}, topLanguagePercentages.map((percentTuple) => {
return m('div', {class: 'language-col flex-grow-1 overflow-hidden'}, [
m('div', {class: "language-name text-light font-monospace"}, percentTuple[0]),
m('div', {class: "language-percent", style: `flex-grow: ${percentTuple[1] / largestPercent};`})
])
}).concat([m('div', {class: 'language-col flex-grow-1 overflow-hidden'},
m('div', {class: "language-name text-light font-monospace"}, 'other'),
m('div', {class: "language-percent", style: `flex-grow: ${otherLanguagePercent / largestPercent};`})
)])),
])
]),
m('div', {class: "row align-items-center"}, [
m('div', {class: "col-12"}, [
m('div', {class: "header-button-container"}, [
m('button', {class: "btn btn-info btn-lg dropdown-toggle clone-popover-btn"}, 'Clone'),
nav.homepageButtons.map((buttonConfig) => {
return m('a', {
class: "btn btn-outline-info btn-lg shadow-none",
href: buttonConfig.url,
target: buttonConfig.newTab ? "_blank" : "_self"
}, m.trust(buttonConfig.text + `${buttonConfig.newTab ? ' <span>⧉</span>' : ''}`))
})
])
])
])
])
]),
m('noscript',
m('div', {class: "row mt-2"},
m('div', {class: "col"},
m('p', {class: "font-monospace text-white"},
`Clone URL: ${repo.cloneUrl}`
)
)
)
),
m('div', {class: "row mt-2"}, [
m('div', {class: "col"}, [
m('p', {class: "font-monospace text-white mb-2 d-inline-block"}, [
m('a', {class: "btn btn-outline-info badge shadow-none me-2", href: nav.repoCurrentBranchRssFeed()}, [
m('img', {src: `${nav.rootPath()}frontend/img/rss-icon.svg`, style: "width: 11px; margin-right: 5px;"}),
'RSS'
]),
`Latest commit: ${latestCommit.date.toDateString()} `,
m('a', {class: "fw-bold link-info", href: `${nav.repoBranchCommitsBase()}${latestCommit.hash}`}, latestCommit.hash.substr(0, 6)),
' ',
latestCommitMessage,
])
])
])
])
])
]),
m('div', {class: "row my-4 mx-1"},
m('div', {class: "col readme"}, m.trust(readmeContent))
)
]
return await htmlPage(reposConfig, eleventyConfig, data, pageContent)
}