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

@cenk1cenk2/md-printer 2.21.0 → 3.0.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 (80) hide show

package/README.md +332 -48
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 +133 -295
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 +3 -4
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/services/i18n.service.mjs +4 -8
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 +41 -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 +27 -37
package/dist/services/signature/index.mjs +1 -2
package/dist/services/signature/signature.adapter.mjs +1 -2
package/dist/services/signature/signature.service.mjs +1 -3
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 +45 -34
package/package.json +64 -31
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/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 { dirname, isAbsolute, join, resolve } from "path";
+import { FileSystemService } from "@cenk1cenk2/oclif-common";
+import { Injectable } from "@nestjs/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 };

package/oclif.manifest.json CHANGED Viewed

@@ -4,16 +4,16 @@
       "aliases": [],
       "args": {
         "file": {
-          "description": "File to be processed.",
+          "description": "Markdown or yaml file to render.",
           "name": "file"
         },
         "output": {
-          "description": "Output file that will be generated. Overwrites the one define in front-matter.",
+          "description": "Output file. Overwrites the one defined in front-matter.",
           "name": "output",
           "required": false
         }
       },
-      "description": "Generates a PDF from the given markdown file with the selected HTML template.",
+      "description": "Renders a markdown or yaml file through a Svelte template into a PDF or HTML document.",
       "flags": {
         "log-level": {
           "description": "Set the log level of the application.",
@@ -57,20 +57,14 @@
         "stdin": {
           "char": "I",
           "description": "Read the input from stdin.",
-          "exclusive": [
-            "file"
-          ],
           "name": "stdin",
-          "required": false,
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
+          "allowNo": false,
+          "type": "boolean"
         },
         "input-filetype": {
           "char": "f",
-          "description": "File type to be processed. By default it is detected by the file extension.",
+          "description": "Input file type. Detected from the file extension, markdown for stdin and unknown extensions.",
           "name": "input-filetype",
-          "default": "md",
           "hasDynamicHelp": false,
           "multiple": false,
           "options": [
@@ -82,9 +76,8 @@
         },
         "output-filetype": {
           "char": "F",
-          "description": "File type to be processed. By default it is detected by the file extension.",
+          "description": "Output file type, defaults to pdf. Overwrites the one defined in front-matter.",
           "name": "output-filetype",
-          "default": "pdf",
           "hasDynamicHelp": false,
           "multiple": false,
           "options": [
@@ -95,23 +88,22 @@
         },
         "stdout": {
           "char": "O",
-          "description": "Write to stdout instead of a file.",
+          "description": "Write the output to stdout instead of a file.",
           "name": "stdout",
           "allowNo": false,
           "type": "boolean"
         },
         "template": {
           "char": "t",
-          "description": "HTML template for the generated PDF file.",
+          "description": "Built-in template name or path to a template directory, defaults to \"default\". Overwrites the one defined in front-matter.",
           "name": "template",
-          "default": "default",
           "hasDynamicHelp": false,
           "multiple": false,
           "type": "option"
         },
         "title": {
           "char": "T",
-          "description": "Overwrite document title.",
+          "description": "Document title. Overwrites the one defined in front-matter or the template.",
           "name": "title",
           "hasDynamicHelp": false,
           "multiple": false,
@@ -119,7 +111,7 @@
         },
         "language": {
           "char": "l",
-          "description": "Language code for template translations. Overwrites the one defined in front-matter and template settings.",
+          "description": "Language for template translations. Overwrites the one defined in front-matter and template settings.",
           "name": "language",
           "hasDynamicHelp": false,
           "multiple": false,
@@ -127,31 +119,50 @@
         },
         "browser": {
           "char": "b",
-          "description": "Browser path that is going to be used for the PDF generation.",
+          "description": "Browser executable used for printing. Discovered automatically when omitted (Brave, Chrome, Chromium, Edge).",
           "name": "browser",
-          "default": "/usr/bin/brave",
           "hasDynamicHelp": false,
           "multiple": false,
           "type": "option"
         },
-        "watch": {
-          "char": "w",
-          "description": "Watch the changes on the given file.",
-          "name": "watch",
+        "continuous": {
+          "description": "Render the PDF as a single continuous page without page breaks.",
+          "name": "continuous",
           "allowNo": false,
           "type": "boolean"
         },
-        "dev": {
-          "char": "d",
-          "description": "Run with Chrome browser instead of publishing the file.",
-          "name": "dev",
+        "preview": {
+          "char": "p",
+          "description": "Rebuild whenever the input, the template or its assets change, show the HTML and the PDF in a live preview and rewrite the output file when there is one.",
+          "name": "preview",
           "allowNo": false,
           "type": "boolean"
         },
-        "continuous": {
-          "description": "Render PDF as a single continuous page without page breaks.",
-          "name": "continuous",
-          "allowNo": false,
+        "host": {
+          "description": "Loopback host for the preview server, it serves the files next to the input and is never exposed to the network.",
+          "name": "host",
+          "default": "127.0.0.1",
+          "hasDynamicHelp": false,
+          "multiple": false,
+          "options": [
+            "127.0.0.1",
+            "localhost",
+            "::1"
+          ],
+          "type": "option"
+        },
+        "port": {
+          "description": "Port for the preview server, random when 0.",
+          "name": "port",
+          "default": 0,
+          "hasDynamicHelp": false,
+          "multiple": false,
+          "type": "option"
+        },
+        "open": {
+          "description": "Open the preview window, --no-open keeps rebuilding and writing without one.",
+          "name": "open",
+          "allowNo": true,
           "type": "boolean"
         },
         "sign": {
@@ -185,5 +196,5 @@
       "enableJsonFlag": false
     }
   },
-  "version": "2.21.0"
+  "version": "3.0.0"
 }

package/package.json CHANGED Viewed

@@ -1,12 +1,11 @@
 {
   "name": "@cenk1cenk2/md-printer",
-  "version": "2.21.0",
-  "description": "A markdown printer.",
-  "module": "dist/index.mjs",
+  "version": "3.0.0",
+  "description": "Render markdown or yaml through Svelte templates into PDF or HTML with Puppeteer.",
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://gitlab.kilic.dev/utils/md-printer"
+    "url": "https://gitlab.kilic.dev/utils/md-printer.git"
   },
   "author": "Cenk Kilic",
   "license": "MIT",
@@ -17,7 +16,6 @@
     "access": "public"
   },
   "files": [
-    "/config",
     "/bin",
     "/dist",
     "/oclif.manifest.json",
@@ -33,46 +31,73 @@
     "plugins": [
       "@oclif/plugin-help"
     ],
-    "hooks": {
-      "init": [
-        "./dist/hooks/update-notifier.hook"
-      ],
-      "command_not_found": "./dist/hooks/not-found.hook"
-    },
     "topicSeparator": " "
   },
   "engines": {
-    "node": ">=24.0.0"
+    "node": ">=24.15.0"
   },
   "keywords": [
+    "markdown",
+    "pdf",
+    "svelte",
+    "tailwind",
+    "puppeteer",
+    "invoice",
+    "cli",
     "oclif",
     "cenk1cenk2"
   ],
   "dependencies": {
-    "@cenk1cenk2/oclif-common": "^7.1.0",
+    "@cenk1cenk2/oclif-common": "^7.2.0",
+    "@fontsource/montserrat": "^5.3.0",
     "@listr2/manager": "^4.3.1",
     "@nestjs/common": "^12.1.2",
     "@oclif/core": "^5.1.2",
     "@oclif/plugin-help": "^7.0.2",
     "@signpdf/placeholder-plain": "^3.3.0",
     "@signpdf/utils": "^3.3.0",
-    "@tailwindcss/forms": "^0.5.11",
-    "@tailwindcss/postcss": "^4.3.3",
+    "@tailwindcss/node": "^4.3.3",
+    "@tailwindcss/oxide": "^4.3.3",
     "@tailwindcss/typography": "^0.5.20",
+    "change-case": "^5.4.4",
     "chokidar": "^5.0.0",
+    "enhanced-resolve": "^5.26.0",
+    "entities": "^8.1.0",
     "fs-extra": "^11.4.1",
-    "get-port": "^7.2.0",
-    "gray-matter": "^4.0.3",
+    "github-markdown-css": "^5.9.0",
+    "hast-util-from-html": "^2.0.3",
+    "hast-util-to-html": "^9.0.5",
+    "highlight.js": "^11.12.0",
     "i18next": "^26.4.2",
+    "lightningcss": "^1.33.0",
     "listr2": "^11.2.0",
-    "md-to-pdf": "^5.2.5",
-    "nunjucks": "^3.2.4",
-    "postcss": "^8.5.29",
-    "puppeteer": "^25.12.0",
+    "lowlight": "^3.3.0",
+    "mime": "^4.1.1",
+    "perfect-debounce": "^2.1.0",
+    "property-information": "^7.2.0",
+    "puppeteer-core": "^25.13.0",
+    "raw-body": "^4.0.0",
+    "rehype-highlight": "^7.0.2",
+    "rehype-raw": "^7.0.0",
+    "rehype-slug": "^6.0.0",
+    "remark-directive": "^4.0.0",
+    "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.2",
+    "rolldown": "^1.2.13",
     "rxjs": "^7.8.2",
-    "showdown": "^2.1.0",
+    "serve-static": "^2.2.1",
     "source-map-support": "^0.5.21",
+    "srcset": "^5.0.3",
+    "svelte": "^5.57.2",
     "tailwindcss": "^4.3.3",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.1.0",
+    "vfile": "^6.0.3",
+    "vfile-matter": "^5.0.1",
+    "which": "^7.0.0",
+    "write-file-atomic": "^8.0.0",
     "yaml": "^2.9.1"
   },
   "devDependencies": {
@@ -80,36 +105,44 @@
     "@cenk1cenk2/eslint-config": "^3.3.9",
     "@tsconfig/node24": "^24.0.5",
     "@types/fs-extra": "^11.0.4",
+    "@types/hast": "^3.0.5",
+    "@types/mdast": "^4.0.4",
     "@types/node": "^24.19.1",
-    "@types/nunjucks": "^3.2.6",
-    "@types/showdown": "^2.0.6",
+    "@types/serve-static": "^2.2.0",
+    "@types/which": "^3.0.4",
+    "@types/write-file-atomic": "^4.0.3",
     "eslint": "^10.12.0",
+    "eslint-plugin-svelte": "^3.23.1",
     "execa": "^10.1.0",
-    "globby": "^16.2.4",
     "oclif": "^6.0.2",
     "prettier": "^3.9.9",
-    "prettier-plugin-jinja-template": "^2.2.0",
-    "theme-colors": "^0.1.0",
-    "tpm": "^1.4.14",
+    "prettier-plugin-svelte": "^4.1.1",
+    "svelte-eslint-parser": "^1.9.0",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
     "tsdown": "^0.23.0",
-    "typescript": "^6.0.3"
+    "typescript": "^6.0.3",
+    "vite": "^8.3.4",
+    "vitest": "^5.0.4"
   },
   "config": {
     "commitizen": {
       "path": "./node_modules/@cenk1cenk2/cz-cc"
     }
   },
+  "bugs": {
+    "url": "https://gitlab.kilic.dev/utils/md-printer/-/issues"
+  },
+  "homepage": "https://gitlab.kilic.dev/utils/md-printer",
   "scripts": {
     "dev": "./bin/dev.js",
     "start": "./bin/run.js",
     "build": "tsdown",
     "dev:start": "tsdown --watch src/",
-    "clean": "rimraf oclif.manifest.json",
     "format": "prettier --write src/ --log-level warn && eslint --fix",
     "lint": "eslint",
     "manifest": "oclif manifest",
-    "docs:toc": "oclif readme"
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
   }
 }

package/templates/default/Template.svelte ADDED Viewed

@@ -0,0 +1,83 @@
+<script>
+  import { Markdown, Page } from '@cenk1cenk2/md-printer/components'
+  let { data } = $props()
+</script>
+<svelte:head>
+  {#if data.documentTitle}
+    <title>{data.documentTitle}</title>
+  {/if}
+</svelte:head>
+<Page>
+  <Markdown />
+</Page>
+<style lang="postcss">
+  @import 'github-markdown-css/github-markdown-light.css';
+  @import '@fontsource/montserrat/latin-400.css';
+  @import '@fontsource/montserrat/latin-ext-400.css';
+  @import '@fontsource/montserrat/latin-700.css';
+  @import '@fontsource/montserrat/latin-ext-700.css';
+  @import '@fontsource/montserrat/latin-800.css';
+  @import '@fontsource/montserrat/latin-ext-800.css';
+  .markdown-body {
+    font-size: 11px;
+    font-family: 'Montserrat', sans-serif;
+  }
+  .markdown-body h1,
+  .markdown-body h2 {
+    font-weight: 800;
+  }
+  .markdown-body h3,
+  .markdown-body h4,
+  .markdown-body h5,
+  .markdown-body h6,
+  .markdown-body strong,
+  .markdown-body b {
+    font-weight: 700;
+  }
+  .markdown-body pre > code {
+    white-space: pre-wrap;
+    padding: 0;
+    margin: 0;
+  }
+  .markdown-body .document-title-header {
+    height: 500px;
+    margin: auto auto;
+    padding-top: 50%;
+    break-after: page;
+    border-bottom: 0;
+    font-size: 2.5em;
+  }
+  .markdown-body pre {
+    padding: 12px 8px;
+  }
+  .markdown-body output pre {
+    margin-top: -36px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top: 2px solid #d1d9e0;
+  }
+  .markdown-body output::before {
+    padding: 4px 16px;
+    position: relative;
+    top: -24px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-top: 2px solid #d1d9e0;
+    color: #59636e;
+    background-color: #f6f8fa;
+    content: '> output';
+    font-size: 0.85em;
+  }
+</style>

package/templates/default/settings.json CHANGED Viewed

@@ -1,7 +1,5 @@
 {
-  "body_class": ["markdown-body"],
-  "highlight_style": "atom-one-dark",
-  "pdf_options": {
+  "pdfOptions": {
     "format": "A4",
     "margin": "18mm 12mm",
     "printBackground": true