n/k0r.386
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: consider max width for rendering figlet

Browse source
This commit is contained in:
koehr 2023-12-10 11:36:27 +01:00 • committed by Norman Köhring
parent 458cdef53c
commit 60ba1cdc86
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
.vitepress/theme/Layout.vue
View file

@ -19,7 +19,9 @@ const footer = ref([])
const figlet = useFiglet() const figlet = useFiglet()
function getHeaderArt(header: string, font: string) { function getHeaderArt(header: string, font: string) {
return figlet.render(header, font) // Why is that so simple to approximate? Pretty sure, there is a mistake somewhere...
const maxWidth = Math.round(textArea.value?.getBoundingClientRect().width / 10) - 2
return figlet.render(header, font, maxWidth)
} }
function parsedContent(src: string) { function parsedContent(src: string) {
@ -42,7 +44,7 @@ function getCurrentPage(title: string) {
console.error('☠️ current page not found in the list. This should never happen.') console.error('☠️ current page not found in the list. This should never happen.')
return { return {
title: 'not_found', title: 'not_found',
headerArt: getTitleArt('not_found'), headerArt: getHeaderArt('404', 'chunky'),
content: 'The page could not be found.', content: 'The page could not be found.',
uris: [], uris: [],
} }

3
.vitepress/theme/useFiglet.ts
View file

@ -22,7 +22,8 @@ function getFont(name: string) {
export default function useFiglet() { export default function useFiglet() {
const flm = new FontLayoutManager() const flm = new FontLayoutManager()
function render(text: string, fontName: string) { function render(text: string, fontName: string, maxWidth: number) {
flm.width.set(maxWidth)
const figFont = getFont(fontName) const figFont = getFont(fontName)
const output = flm.renderText(text, figFont) const output = flm.renderText(text, figFont)
return output return output