import { HtmlContent, HtmlContents, PageDescriptor, TagDescriptor } from "https://esm.town/v/xkonti/htmlInterfaces"; import { wrap } from "https://esm.town/v/xkonti/htmlUtils"; export class Page implements PageDescriptor { title: string; meta: string[] = []; links: string[] = []; scripts: string[] = []; body: Array = []; constructor(title: string) { this.title = title; } apply(modifier: Array<(Page) => Page> | ((Page) => Page)): Page { if (Array.isArray(modifier)) { return modifier.reduce((acc, mod) => mod(acc), this); } else { return modifier(this); } } addDescription(description: string) { return this.addMeta("description", description); } addKeywords(keywords: string[]) { return this.addMeta("description", keywords.join(", ")); } addAuthor(name: string) { return this.addMeta("author", name); } addMetaViewport(content: { [name: string]: string }): Page { const contentSegments: string[] = []; for (const [name, value] of Object.entries(content)) { contentSegments.push(` ${name}="${value}"`); } return this.addMeta("viewport", contentSegments.join(", ")); } addOpenGraphTag(property: string, content: string) { this.meta.push(``); return this; } addMeta(name: string, content: string) { this.meta.push(``); return this; } addCanonicalLink(href: string): Page { this.links.push(``); return this; } addFavicon(href: string): Page { this.links.push(``); return this; } addStylesheet(href: string): Page { this.links.push(``); return this; } addLink(htmlLink: string): Page { this.links.push(htmlLink); return this; } addScript(link: string, async: boolean = false, defer: boolean = false): Page { let scriptTag = `

htmlTags