npm - @cenk1cenk2/md-printer - Versions diffs - 2.21.0 → 3.1.0 - Mend

@cenk1cenk2/md-printer 2.21.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (87) hide show

package/README.md +333 -48
package/bin/dev.js +0 -2
package/bin/run.js +0 -1
package/dist/_virtual/_@oxc-project_runtime@0.153.0/helpers/esm/decorate.mjs +1 -2
package/dist/_virtual/_@oxc-project_runtime@0.153.0/helpers/esm/decorateMetadata.mjs +1 -2
package/dist/_virtual/_@oxc-project_runtime@0.153.0/helpers/esm/decorateParam.mjs +8 -0
package/dist/commands/index.mjs +32 -345
package/dist/components/Date.svelte +1 -0
package/dist/components/Markdown.svelte +20 -0
package/dist/components/Nodes.svelte +32 -0
package/dist/components/Page.svelte +20 -0
package/dist/components/PageBreak.svelte +5 -0
package/dist/components/PageNumber.svelte +1 -0
package/dist/components/SignatureBlock.svelte +56 -0
package/dist/components/Title.svelte +1 -0
package/dist/components/TotalPages.svelte +1 -0
package/dist/components/index.ts +8 -0
package/dist/constants/file.constants.mjs +1 -8
package/dist/constants/index.mjs +5 -4
package/dist/constants/preview.constants.mjs +9 -0
package/dist/constants/signature.constants.mjs +7 -0
package/dist/constants/template.constants.mjs +48 -10
package/dist/interfaces/commands/index.mjs +1 -1
package/dist/interfaces/commands/run.interface.mjs +1 -1
package/dist/interfaces/index.mjs +1 -1
package/dist/interfaces/markdown.interface.mjs +1 -0
package/dist/interfaces/renderer.interface.mjs +1 -0
package/dist/interfaces/session.interface.mjs +1 -0
package/dist/interfaces/signature.interface.mjs +1 -1
package/dist/interfaces/template.interface.mjs +1 -0
package/dist/modules/md-printer/md-printer.handler.mjs +113 -0
package/dist/modules/md-printer/md-printer.module.mjs +21 -0
package/dist/modules/md-printer/md-printer.schema.mjs +50 -0
package/dist/services/i18n.service.mjs +12 -15
package/dist/services/index.mjs +9 -2
package/dist/services/loopback.mjs +18 -0
package/dist/services/markdown.service.mjs +123 -0
package/dist/services/printer.module.mjs +39 -0
package/dist/services/printer.service.mjs +171 -0
package/dist/services/renderer/browser.mjs +41 -0
package/dist/services/renderer/browser.service.mjs +56 -0
package/dist/services/renderer/renderer.service.mjs +198 -0
package/dist/services/session/Preview.svelte +238 -0
package/dist/services/session/preview.service.mjs +187 -0
package/dist/services/session/session.service.mjs +115 -0
package/dist/services/signature/adapters/a-trust.adapter.mjs +32 -36
package/dist/services/signature/index.mjs +1 -2
package/dist/services/signature/signature.adapter.mjs +1 -2
package/dist/services/signature/signature.service.mjs +6 -10
package/dist/services/template/Document.svelte +21 -0
package/dist/services/template/Margin.svelte +15 -0
package/dist/services/template/assets.mjs +127 -0
package/dist/services/template/render.entry.ts +32 -0
package/dist/services/template/svelte.plugin.mjs +66 -0
package/dist/services/template/template.service.mjs +211 -0
package/oclif.manifest.json +49 -36
package/package.json +69 -35
package/templates/default/Template.svelte +83 -0
package/templates/default/settings.json +1 -3
package/templates/invoice/Template.svelte +247 -0
package/templates/invoice/components/Client.svelte +42 -0
package/templates/invoice/components/Company.svelte +41 -0
package/templates/invoice/components/Items.svelte +66 -0
package/templates/invoice/components/Notes.svelte +21 -0
package/templates/invoice/components/Payment.svelte +25 -0
package/templates/invoice/components/Signature.svelte +34 -0
package/templates/invoice/components/Totals.svelte +47 -0
package/templates/invoice/round.js +2 -0
package/templates/invoice/settings.json +1 -4
package/templates/kilic.dev/Template.svelte +102 -0
package/templates/kilic.dev/settings.json +1 -3
package/templates/mail/Template.svelte +166 -0
package/templates/mail/settings.json +1 -3
package/dist/hooks/not-found.hook.mjs +0 -7
package/dist/hooks/update-notifier.hook.mjs +0 -7
package/dist/interfaces/pupeteer.mjs +0 -1
package/templates/default/main.css +0 -73
package/templates/invoice/.gitignore +0 -1
package/templates/invoice/footer.html +0 -18
package/templates/invoice/tailwind.css +0 -164
package/templates/invoice/template.html.j2 +0 -226
package/templates/kilic.dev/footer.html +0 -26
package/templates/kilic.dev/header.html +0 -16
package/templates/kilic.dev/main.css +0 -74
package/templates/mail/.gitignore +0 -1
package/templates/mail/tailwind.css +0 -145
package/templates/mail/template.html.j2 +0 -14

package/dist/services/signature/signature.service.mjs CHANGED Viewed

@@ -1,25 +1,22 @@
 import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.153.0/helpers/esm/decorateMetadata.mjs";
 import __decorate from "../../_virtual/_@oxc-project_runtime@0.153.0/helpers/esm/decorate.mjs";
 import { ATrustAdapter } from "./adapters/a-trust.adapter.mjs";
-import { isAbsolute, join } from "path";
-import { FileSystemService } from "@cenk1cenk2/oclif-common";
 import { Injectable } from "@nestjs/common";
+import { readFile } from "fs/promises";
+import { isAbsolute, join } from "path";
 import { plainAddPlaceholder } from "@signpdf/placeholder-plain";
 import { SUBFILTER_ETSI_CADES_DETACHED, findByteRange, removeTrailingNewLine } from "@signpdf/utils";
 import { X509Certificate } from "crypto";
 import { homedir } from "os";
 //#region src/services/signature/signature.service.ts
 var _SignatureService;
 let SignatureService = class SignatureService {
 	static {
 		_SignatureService = this;
 	}
-	fs;
 	static LENGTH = 16384;
 	adapters;
-	constructor(fs, aTrust) {
-		this.fs = fs;
+	constructor(aTrust) {
 		this.adapters = [aTrust];
 	}
 	get providers() {
@@ -27,7 +24,7 @@ let SignatureService = class SignatureService {
 	}
 	async certificate(file, date) {
 		const path = file.replace(/^~(?=\/|$)/, homedir());
-		const certificate = new X509Certificate(await this.fs.extra.readFile(isAbsolute(path) ? path : join(process.cwd(), path)));
+		const certificate = new X509Certificate(await readFile(isAbsolute(path) ? path : join(process.cwd(), path)));
 		if (date < certificate.validFromDate || date > certificate.validToDate) throw new Error(`Signing certificate is not valid at ${date.toISOString()}, it is valid from ${certificate.validFrom} to ${certificate.validTo}.`);
 		return certificate;
 	}
@@ -91,7 +88,6 @@ let SignatureService = class SignatureService {
 		return name.split("\n").find((part) => part.startsWith("CN="))?.slice(3);
 	}
 };
-SignatureService = _SignatureService = __decorate([Injectable(), __decorateMetadata("design:paramtypes", [typeof FileSystemService === "undefined" ? Object : FileSystemService, typeof ATrustAdapter === "undefined" ? Object : ATrustAdapter])], SignatureService);
+SignatureService = _SignatureService = __decorate([Injectable(), __decorateMetadata("design:paramtypes", [typeof ATrustAdapter === "undefined" ? Object : ATrustAdapter])], SignatureService);
 //#endregion
-export { SignatureService };
+export { SignatureService };

package/dist/services/template/Document.svelte ADDED Viewed

@@ -0,0 +1,21 @@
+<!--
+  @component
+  HTML document around the rendered template body.
+-->
+<script>
+  /** @type {import('@interfaces').DocumentShellProps} */
+  let { lang, title, head, body } = $props()
+</script>
+<html {lang}>
+  <head>
+    <meta charset="utf-8" />
+    {#if title !== undefined}
+      <title>{title}</title>
+    {/if}
+    <!-- eslint-disable-next-line svelte/no-at-html-tags -- styles and head elements rendered by md-printer -->
+    {@html head}
+  </head>
+  <!-- eslint-disable-next-line svelte/no-at-html-tags -- the template body rendered by md-printer -->
+  <body>{@html body}</body>
+</html>

package/dist/services/template/Margin.svelte ADDED Viewed

@@ -0,0 +1,15 @@
+<!--
+  @component
+  Wrapper for a header or footer snippet printed into Chrome's isolated page margin, which ignores the page stylesheet and defaults to a tiny font.
+-->
+<script>
+  /** @type {import('@interfaces').MarginShellProps} */
+  let { styles, body } = $props()
+</script>
+<!-- eslint-disable-next-line svelte/no-at-html-tags -- styles collected by md-printer for the isolated margin document -->
+{@html styles}
+<div style="font-size: 10px; width: 100%; box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact">
+  <!-- eslint-disable-next-line svelte/no-at-html-tags -- the header or footer snippet rendered by md-printer -->
+  {@html body}
+</div>

package/dist/services/template/assets.mjs ADDED Viewed

@@ -0,0 +1,127 @@
+import { readFile, realpath } from "fs/promises";
+import { isAbsolute, relative, sep } from "path";
+import { toHtml } from "hast-util-to-html";
+import { visit } from "unist-util-visit";
+import { fileURLToPath, pathToFileURL } from "url";
+import { fromHtml } from "hast-util-from-html";
+import { transform, transformStyleAttribute } from "lightningcss";
+import mime from "mime";
+import { parseSrcset, stringifySrcset } from "srcset";
+//#region src/services/template/assets.ts
+const REFERENCES = {
+	img: ["src", "srcSet"],
+	source: ["src", "srcSet"],
+	input: ["src"],
+	video: ["poster"],
+	image: ["href", "xLinkHref"]
+};
+function mimeType(path) {
+	return mime.getType(path) ?? "application/octet-stream";
+}
+/**
+* Images and fonts, the assets that can be embedded into a page as data URIs.
+*/
+function isInlinableAsset(path) {
+	return /^(image|font)\//.test(mime.getType(path) ?? "");
+}
+function dataUri(path, content) {
+	return `data:${mimeType(path)};base64,${content.toString("base64")}`;
+}
+/**
+* Resolves symlinks first, so a link inside the directory can not reach a file outside of it.
+*/
+async function resolveConfined(path, base) {
+	const [real, root] = await Promise.all([realpath(path), realpath(base)]).catch(() => []);
+	if (!real) return;
+	const rel = relative(root, real);
+	return rel === ".." || rel.startsWith(`..${sep}`) || isAbsolute(rel) ? void 0 : real;
+}
+/**
+* Replaces local image references in HTML with data URIs: the image attributes, `style` attributes and `<style>` elements.
+* Remote references are fetched as well when `remote` is set, which Chrome's isolated header/footer templates need.
+* Document content is `confined` to its directory, the same rule the PDF renderer applies to the assets a page loads.
+*/
+async function inlineHtml(markup, base, options = {}) {
+	const assets = /* @__PURE__ */ new Set();
+	const inline = inliner(base, options, assets);
+	const tree = fromHtml(markup, { fragment: !/^<!doctype/i.test(markup) });
+	const pending = [];
+	visit(tree, "element", (node) => {
+		const { properties } = node;
+		for (const name of REFERENCES[node.tagName] ?? []) {
+			const value = properties[name];
+			if (typeof value !== "string") continue;
+			pending.push((async () => {
+				properties[name] = name === "srcSet" ? stringifySrcset(await Promise.all(parseSrcset(value).map(async (candidate) => ({
+					...candidate,
+					url: await inline(candidate.url) ?? candidate.url
+				})))) : await inline(value) ?? value;
+			})());
+		}
+		if (typeof properties.style === "string") {
+			const style = properties.style;
+			pending.push(stylesheet(style, inline, true).then((css) => {
+				properties.style = css;
+			}));
+		}
+		if (node.tagName === "style") {
+			for (const child of node.children) if (child.type === "text") pending.push(stylesheet(child.value, inline).then((css) => {
+				child.value = css;
+			}));
+		}
+	});
+	await Promise.all(pending);
+	return {
+		content: toHtml(tree, { characterReferences: { useNamedReferences: true } }),
+		assets: [...assets]
+	};
+}
+/**
+* Replaces local `url()` references in CSS with data URIs, with the same options as `inlineHtml`.
+*/
+async function inlineCss(css, base, options = {}) {
+	const assets = /* @__PURE__ */ new Set();
+	return {
+		content: await stylesheet(css, inliner(base, options, assets)),
+		assets: [...assets]
+	};
+}
+function inliner(base, { remote = false, confined = false, cache = /* @__PURE__ */ new Map() }, assets) {
+	return async (reference) => {
+		const asset = await (cache.get(reference) ?? cache.set(reference, load(reference, base, remote, confined)).get(reference));
+		if (asset?.path) assets.add(asset.path);
+		return asset?.uri;
+	};
+}
+async function stylesheet(css, inline, attribute = false) {
+	const options = {
+		filename: "style.css",
+		code: Buffer.from(css),
+		analyzeDependencies: { preserveImports: true },
+		errorRecovery: true
+	};
+	const { code, dependencies } = attribute ? transformStyleAttribute({
+		...options,
+		analyzeDependencies: true
+	}) : transform(options);
+	return (await Promise.all(dependencies.map(async (dependency) => [`"${dependency.placeholder}"`, JSON.stringify(dependency.type === "url" && await inline(dependency.url) || dependency.url)]))).reduce((result, [placeholder, value]) => result.replace(placeholder, () => value), code.toString());
+}
+async function load(reference, base, remote, confined) {
+	const url = reference.startsWith("#") ? void 0 : URL.parse(reference, pathToFileURL(`${base}${sep}`));
+	if (url?.protocol === "http:" || url?.protocol === "https:") {
+		if (!remote) return;
+		const response = await fetch(url).catch(() => void 0);
+		if (!response?.ok) return;
+		return { uri: `data:${response.headers.get("content-type") ?? mimeType(url.pathname)};base64,${Buffer.from(await response.arrayBuffer()).toString("base64")}` };
+	}
+	if (url?.protocol !== "file:" || url.host) return;
+	const path = fileURLToPath(url);
+	const file = confined ? await resolveConfined(path, base) : path;
+	if (!file || !isInlinableAsset(path)) return;
+	return readFile(file).then((content) => ({
+		uri: dataUri(path, content),
+		path: file
+	}), () => void 0);
+}
+//#endregion
+export { dataUri, inlineCss, inlineHtml, isInlinableAsset, mimeType, resolveConfined };

package/dist/services/template/render.entry.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import Template from 'md-printer:template'
+import components from 'md-printer:template-components'
+import { render } from 'svelte/server'
+import Document from './Document.svelte'
+import Margin from './Margin.svelte'
+import Nodes from '../../components/Nodes.svelte'
+import type { DocumentShellProps, MarginShellProps, MarkdownNode, RenderedPart, TemplateProps } from '@interfaces'
+export { components }
+/**
+ * Entry of every template bundle, compiled at runtime together with the template it renders.
+ */
+export function part(props: TemplateProps, context: [string, unknown][]): Promise<RenderedPart> {
+  return Promise.resolve(render(Template, { props, context: new Map(context) }))
+}
+/**
+ * The markdown as one HTML string, for templates that place it with `{@html content}`. Plain HTML is kept as is, without Svelte's hydration markers.
+ */
+export function content(nodes: MarkdownNode[], context: [string, unknown][]): string {
+  return nodes.map((node) => (node.type === 'html' ? node.html : render(Nodes, { props: { nodes: [node] }, context: new Map(context) }).body)).join('')
+}
+export function document(props: DocumentShellProps): string {
+  return `<!doctype html>${render(Document, { props }).body}`
+}
+export function margin(props: MarginShellProps): string {
+  return render(Margin, { props }).body
+}

package/dist/services/template/svelte.plugin.mjs ADDED Viewed

@@ -0,0 +1,66 @@
+import "../../constants/template.constants.mjs";
+import { dataUri, isInlinableAsset } from "./assets.mjs";
+import { readFile, readdir } from "fs/promises";
+import { basename, dirname, extname, join } from "path";
+import { pathToFileURL } from "url";
+import { existsSync } from "fs";
+import { createRequire } from "module";
+import { compile, preprocess } from "svelte/compiler";
+//#region src/services/template/svelte.plugin.ts
+/**
+* `svelte` resolves to md-printer's copy, since templates can live outside any `node_modules`. `<style lang="postcss">` blocks are collected
+* instead of compiled per component, so the template's stylesheet goes through Tailwind once. `md-printer:template-components` maps the shared
+* components and the template's `components/*.svelte` by name, the template's winning.
+*/
+function sveltePlugin({ template, components, root, stylesheets }) {
+	const require = createRequire(root);
+	return {
+		name: "md-printer:svelte",
+		resolveId(id) {
+			if (id === "md-printer:template") return template;
+			if (id === "@cenk1cenk2/md-printer/components") return components;
+			if (id === "md-printer:template-components") return `\0${id}`;
+			if (id === "svelte" || id.startsWith("svelte/")) return {
+				id: pathToFileURL(require.resolve(id)).href,
+				external: true
+			};
+			return null;
+		},
+		async load(id) {
+			if (id === `\0md-printer:template-components`) {
+				const directory = join(dirname(template), "components");
+				const files = existsSync(directory) ? (await readdir(directory)).filter((file) => extname(file) === ".svelte").sort() : [];
+				return [
+					`import * as shared from ${JSON.stringify("@cenk1cenk2/md-printer/components")}`,
+					...files.map((file, index) => `import $${index} from ${JSON.stringify(join(directory, file))}`),
+					"const { Markdown, ...builtins } = shared",
+					`export default { ...builtins, ${files.map((file, index) => `${JSON.stringify(basename(file, ".svelte"))}: $${index}`).join(", ")} }`
+				].join("\n");
+			}
+			if (!isInlinableAsset(id)) return null;
+			return `export default ${JSON.stringify(dataUri(id, await readFile(id)))}`;
+		},
+		async transform(code, id) {
+			if (extname(id) !== ".svelte") return null;
+			const { code: source } = await preprocess(code, { style: ({ content, attributes }) => {
+				if (attributes.lang !== "postcss") return;
+				stylesheets.push({
+					file: id,
+					source: content
+				});
+				return { code: "" };
+			} }, { filename: id });
+			const { js } = compile(source, {
+				filename: id,
+				generate: "server",
+				css: "injected"
+			});
+			return {
+				code: js.code,
+				map: js.map
+			};
+		}
+	};
+}
+//#endregion
+export { sveltePlugin };

package/dist/services/template/template.service.mjs ADDED Viewed

@@ -0,0 +1,211 @@
+import "../../constants/template.constants.mjs";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.153.0/helpers/esm/decorateMetadata.mjs";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.153.0/helpers/esm/decorate.mjs";
+import { inlineCss, inlineHtml } from "./assets.mjs";
+import { sveltePlugin } from "./svelte.plugin.mjs";
+import { Injectable } from "@nestjs/common";
+import { dirname, isAbsolute, join, resolve } from "path";
+import { FileSystemService } from "@cenk1cenk2/oclif-common";
+import { fileURLToPath } from "url";
+import { homedir } from "os";
+import { compile } from "@tailwindcss/node";
+import { Scanner } from "@tailwindcss/oxide";
+import { kebabCase } from "change-case";
+import enhancedResolve from "enhanced-resolve";
+import { decodeHTML } from "entities";
+import { readFileSync } from "fs";
+import { createRequire } from "module";
+import { rolldown } from "rolldown";
+import { render } from "svelte/server";
+//#region src/services/template/template.service.ts
+var _TemplateService;
+let TemplateService = class TemplateService {
+	static {
+		_TemplateService = this;
+	}
+	fs;
+	static ROOT = fileURLToPath(new URL("../../../", import.meta.url));
+	static COMPONENTS = fileURLToPath(new URL(`../../components/index.ts`, import.meta.url));
+	static ENTRY = fileURLToPath(new URL("./render.entry.ts", import.meta.url));
+	require = createRequire(_TemplateService.ROOT);
+	stylesheets = enhancedResolve.create.sync({
+		extensions: [".css"],
+		mainFields: ["style"],
+		conditionNames: ["style"]
+	});
+	modules = enhancedResolve.create.sync({
+		extensions: [
+			".js",
+			".json",
+			".node",
+			".ts"
+		],
+		conditionNames: ["node", "import"]
+	});
+	constructor(fs) {
+		this.fs = fs;
+	}
+	resolve(template) {
+		const path = template.replace(/^~(?=\/|$)/, homedir());
+		const directory = isAbsolute(path) || path.startsWith(".") || /[\\/]/.test(path) ? resolve(path) : join(_TemplateService.ROOT, "templates", path);
+		if (!this.fs.exists(join(directory, "Template.svelte"))) throw new Error(`Template does not exist, expected Template.svelte in: ${directory}`);
+		return directory;
+	}
+	async settings(directory) {
+		const file = join(directory, "settings.json");
+		if (!this.fs.exists(file)) return {};
+		return JSON.parse(await this.fs.read(file));
+	}
+	async bundle(directory) {
+		const stylesheets = [];
+		const { module: entry, modules } = await this.compile(_TemplateService.ENTRY, join(directory, "Template.svelte"), stylesheets);
+		return {
+			entry,
+			modules,
+			stylesheets,
+			directives: new Map(Object.keys(entry.components).map((name) => [kebabCase(name), name]))
+		};
+	}
+	async page(file) {
+		const { module } = await this.compile(file, file, []);
+		return `<!doctype html>${render(module.default).body}`;
+	}
+	async render(directory, bundle, document, markdown, options) {
+		const context = [
+			["md-printer:document", document],
+			["md-printer:markdown", markdown],
+			["md-printer:components", bundle.entry.components]
+		];
+		const props = {
+			...document,
+			content: bundle.entry.content(markdown, context)
+		};
+		const [body, header, footer] = await Promise.all([
+			"body",
+			"header",
+			"footer"
+		].map((mode) => bundle.entry.part(props, [...context, ["md-printer:mode", mode]])));
+		const dependencies = [];
+		const cache = /* @__PURE__ */ new Map();
+		const css = `<style>${await this.css(directory, bundle, [
+			body,
+			header,
+			footer
+		].map((part) => part.body).join(""), options.highlight, dependencies)}</style>`;
+		const extracted = body.head.match(/<title>([\s\S]*?)<\/title>/)?.[1];
+		const title = options.title ?? (extracted && decodeHTML(extracted)) ?? options.fallbackTitle;
+		const head = body.head.replace(/<title>[\s\S]*?<\/title>/, "");
+		const styles = [...head.matchAll(/<style[^>]*>[\s\S]*?<\/style>/g)].map(([style]) => style).join("") + css;
+		return {
+			html: bundle.entry.document({
+				lang: options.language,
+				title,
+				head: head + css,
+				body: body.body
+			}),
+			header: await this.margin(bundle, header, styles, directory, cache, dependencies),
+			footer: await this.margin(bundle, footer, styles, directory, cache, dependencies),
+			dependencies
+		};
+	}
+	async compile(input, template, stylesheets) {
+		const build = await rolldown({
+			input,
+			platform: "node",
+			logLevel: "silent",
+			plugins: [sveltePlugin({
+				template,
+				components: _TemplateService.COMPONENTS,
+				root: _TemplateService.ROOT,
+				stylesheets
+			})]
+		});
+		try {
+			const { output: [chunk] } = await build.generate({
+				format: "esm",
+				sourcemap: "inline"
+			});
+			return {
+				module: await import(`data:text/javascript;base64,${Buffer.from(chunk.code).toString("base64")}`),
+				modules: chunk.moduleIds.filter((id) => isAbsolute(id))
+			};
+		} finally {
+			await build.close();
+		}
+	}
+	async margin(bundle, part, styles, directory, cache, dependencies) {
+		if (!part.body.replace(/<!--[\s\S]*?-->/g, "").trim()) return;
+		const { content, assets } = await inlineHtml(bundle.entry.margin({
+			styles,
+			body: part.body
+		}), directory, {
+			remote: true,
+			cache
+		});
+		dependencies.push(...assets);
+		return content;
+	}
+	async css(directory, bundle, html, highlight, dependencies) {
+		const theme = `:root { ${readFileSync(this.highlightTheme(highlight), "utf8")} pre:has(> code.hljs) { padding: 0; background: transparent; } }`;
+		const compiler = await compile([theme, ...bundle.stylesheets.map(({ source }) => source)].join("\n"), {
+			base: directory,
+			from: bundle.stylesheets[0]?.file ?? join(directory, "Template.svelte"),
+			shouldRewriteUrls: true,
+			onDependency: (path) => dependencies.push(path),
+			customCssResolver: async (id, base) => this.resolveFrom(this.stylesheets, id, [
+				base,
+				directory,
+				_TemplateService.ROOT
+			]),
+			customJsResolver: async (id, base) => this.resolveFrom(this.modules, id, [
+				base,
+				directory,
+				_TemplateService.ROOT
+			])
+		});
+		const scanner = new Scanner({ sources: [
+			...compiler.sources.map(({ base, pattern, negated }) => ({
+				base,
+				pattern,
+				negated
+			})),
+			{
+				base: directory,
+				pattern: "**/*",
+				negated: false
+			},
+			{
+				base: dirname(_TemplateService.COMPONENTS),
+				pattern: "**/*",
+				negated: false
+			}
+		] });
+		const { content, assets } = await inlineCss(compiler.build([...scanner.scan(), ...scanner.scanFiles([{
+			content: html,
+			extension: "html"
+		}])]), directory);
+		dependencies.push(...assets);
+		return content;
+	}
+	/**
+	* Tries every base in turn, since a template directory usually has no `node_modules` and falls back to md-printer's own dependencies.
+	*/
+	resolveFrom(resolver, id, bases) {
+		for (const base of bases) try {
+			const resolved = resolver(base, id);
+			if (resolved) return resolved;
+		} catch {
+			continue;
+		}
+	}
+	highlightTheme(name) {
+		try {
+			return this.require.resolve(`highlight.js/styles/${name}.css`);
+		} catch {
+			throw new Error(`Unknown highlight style "${name}", see the files in ${dirname(this.require.resolve("highlight.js/styles/github.css"))}.`);
+		}
+	}
+};
+TemplateService = _TemplateService = __decorate([Injectable(), __decorateMetadata("design:paramtypes", [typeof FileSystemService === "undefined" ? Object : FileSystemService])], TemplateService);
+//#endregion
+export { TemplateService };