Compare commits

...

5 commits
0.2.1 ... main

12 changed files with 417 additions and 297 deletions

View file

@ -10,6 +10,7 @@
"rehype-raw": "^7.0.0", "rehype-raw": "^7.0.0",
"rehype-slug": "^6.0.0", "rehype-slug": "^6.0.0",
"rehype-stringify": "^10.0.1", "rehype-stringify": "^10.0.1",
"remark-custom-heading-id": "^2.0.0",
"remark-gfm": "^4.0.1", "remark-gfm": "^4.0.1",
"remark-parse": "^11.0.0", "remark-parse": "^11.0.0",
"remark-rehype": "^11.1.2", "remark-rehype": "^11.1.2",
@ -120,6 +121,8 @@
"markdown-table": ["markdown-table@3.0.4", "", {}, "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw=="], "markdown-table": ["markdown-table@3.0.4", "", {}, "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw=="],
"mdast-heading-id": ["mdast-heading-id@2.0.0", "", {}, "sha512-JVh0xKqsI3INPzJEqqCiuq3BGde5x6AlBTQAetLQQr9qTiDjX4dCvFhIiGmyPt1rftiHELQPI5obGphIOTXeWQ=="],
"mdast-util-find-and-replace": ["mdast-util-find-and-replace@3.0.2", "", { "dependencies": { "@types/mdast": "^4.0.0", "escape-string-regexp": "^5.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg=="], "mdast-util-find-and-replace": ["mdast-util-find-and-replace@3.0.2", "", { "dependencies": { "@types/mdast": "^4.0.0", "escape-string-regexp": "^5.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg=="],
"mdast-util-from-markdown": ["mdast-util-from-markdown@2.0.2", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "mdast-util-to-string": "^4.0.0", "micromark": "^4.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-decode-string": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA=="], "mdast-util-from-markdown": ["mdast-util-from-markdown@2.0.2", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "mdast-util-to-string": "^4.0.0", "micromark": "^4.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-decode-string": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA=="],
@ -172,6 +175,8 @@
"micromark-factory-whitespace": ["micromark-factory-whitespace@2.0.1", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ=="], "micromark-factory-whitespace": ["micromark-factory-whitespace@2.0.1", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ=="],
"micromark-heading-id": ["micromark-heading-id@2.0.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-TdR5WCmwuCroK8QrfX0/4w9bjj3ayN0GzatxGV/lWQKmM75kNKVZEmdvKZS4MOskARxWXu1WHdIJjMSVMBegow=="],
"micromark-util-character": ["micromark-util-character@2.1.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q=="], "micromark-util-character": ["micromark-util-character@2.1.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q=="],
"micromark-util-chunked": ["micromark-util-chunked@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA=="], "micromark-util-chunked": ["micromark-util-chunked@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA=="],
@ -214,6 +219,8 @@
"rehype-stringify": ["rehype-stringify@10.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "hast-util-to-html": "^9.0.0", "unified": "^11.0.0" } }, "sha512-k9ecfXHmIPuFVI61B9DeLPN0qFHfawM6RsuX48hoqlaKSF61RskNjSm1lI8PhBEM0MRdLxVVm4WmTqJQccH9mA=="], "rehype-stringify": ["rehype-stringify@10.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "hast-util-to-html": "^9.0.0", "unified": "^11.0.0" } }, "sha512-k9ecfXHmIPuFVI61B9DeLPN0qFHfawM6RsuX48hoqlaKSF61RskNjSm1lI8PhBEM0MRdLxVVm4WmTqJQccH9mA=="],
"remark-custom-heading-id": ["remark-custom-heading-id@2.0.0", "", { "dependencies": { "mdast-heading-id": "*", "micromark-heading-id": "*", "unist-util-visit": "^5.0.0" } }, "sha512-LpR+c4pmuBGG/zhNbebecDnpKyXU4B7bdNu6tXW83T3QWlkwUpHYyUR8uXQ/BERK9HlI5pXGLu7DjkIS07/iVQ=="],
"remark-gfm": ["remark-gfm@4.0.1", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-gfm": "^3.0.0", "micromark-extension-gfm": "^3.0.0", "remark-parse": "^11.0.0", "remark-stringify": "^11.0.0", "unified": "^11.0.0" } }, "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg=="], "remark-gfm": ["remark-gfm@4.0.1", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-gfm": "^3.0.0", "micromark-extension-gfm": "^3.0.0", "remark-parse": "^11.0.0", "remark-stringify": "^11.0.0", "unified": "^11.0.0" } }, "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg=="],
"remark-parse": ["remark-parse@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-from-markdown": "^2.0.0", "micromark-util-types": "^2.0.0", "unified": "^11.0.0" } }, "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA=="], "remark-parse": ["remark-parse@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-from-markdown": "^2.0.0", "micromark-util-types": "^2.0.0", "unified": "^11.0.0" } }, "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA=="],

View file

@ -17,3 +17,7 @@ How about a callout?
> [!warning]- This is collapsible > [!warning]- This is collapsible
> And how! > And how!
## A subheading
This is a section!

View file

@ -1,5 +1,6 @@
--- ---
title: Home | Demo title: Home | Demo
and: how
--- ---
# Demo Data # Demo Data
@ -16,7 +17,7 @@ Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapi
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
## Another section ## Another section {#customid}
Tables should be a thing too Tables should be a thing too
@ -33,3 +34,8 @@ Tables should be a thing too
- Need numbers - Need numbers
<span style="font-size: 0.5rem">HTML works, still!</span> <span style="font-size: 0.5rem">HTML works, still!</span>
| hello | world | hello | world | hello | world | hello | world | hello | world | hello |
| ------------------------------------------- | ----- | ----- | ----- | ----- | ----- | ----- | ----- | ----- | ----- | ----- |
| dfjhasfdlkjahslfkjahsdlfjhasldjhasldjhasldk and such and things and whatnot and even more words in this cell so that hopefully itll wrap at some point ya dig? | | | | | | | | | | |

View file

@ -3,7 +3,11 @@
"module": "index.ts", "module": "index.ts",
"type": "module", "type": "module",
"private": true, "private": true,
"version": "0.2.1", "version": "0.3.1",
"scripts": {
"build": ".run/build",
"fmt": "bunx --bun biome check --fix"
},
"devDependencies": { "devDependencies": {
"@types/bun": "latest" "@types/bun": "latest"
}, },
@ -17,6 +21,7 @@
"rehype-raw": "^7.0.0", "rehype-raw": "^7.0.0",
"rehype-slug": "^6.0.0", "rehype-slug": "^6.0.0",
"rehype-stringify": "^10.0.1", "rehype-stringify": "^10.0.1",
"remark-custom-heading-id": "^2.0.0",
"remark-gfm": "^4.0.1", "remark-gfm": "^4.0.1",
"remark-parse": "^11.0.0", "remark-parse": "^11.0.0",
"remark-rehype": "^11.1.2", "remark-rehype": "^11.1.2",

42
src/build.ts Normal file
View file

@ -0,0 +1,42 @@
import EMDY from "@endeavorance/emdy";
import type { BunFile } from "bun";
import { parseMarkdown } from "./markdown";
import type { CLIOptions } from "./options";
import { loadStylesheet } from "./stylesheet";
import { loadTemplate, renderTemplate } from "./template";
/**
* Build a file and return the rendered HTML string
* @param infile - The input file to read from
* @param outfile - The output file to write to
* @param options - The CLI options containing template and stylesheet paths
*/
export async function buildFile(
infile: BunFile,
options: CLIOptions,
): Promise<string> {
// Load resources
const input = await infile.text();
const template = await loadTemplate(options);
const stylesheet = await loadStylesheet(options);
const { content, ...props } = EMDY.parse(input) as Record<string, unknown> & {
content: string;
};
// Render markdown
const html = await parseMarkdown(content);
// Prepare data
const title = options.title ?? props.title ?? "Untitled";
const templateData = {
content: html,
title,
stylesheet: stylesheet,
timestamp: new Date().toISOString(),
datetime: new Date().toLocaleString(),
...props,
};
// Render template
return renderTemplate(template, templateData);
}

View file

@ -92,16 +92,18 @@ a {
} }
table { table {
border-collapse: collapse; display: block;
width: 100%;
max-width: 100%;
margin: 1em 0;
font-size: 1em;
background-color: var(--color-bg);
color: var(--color-text); color: var(--color-text);
background-color: var(--color-bg);
width: 100%;
max-width: -moz-fit-content;
max-width: fit-content;
overflow-x: auto;
font-size: 1em;
border: 1px solid var(--color-text); border: 1px solid var(--color-text);
margin: 0 auto;
border-collapse: collapse;
} }
th, th,
td { td {
padding: 0.5em 0.5em; padding: 0.5em 0.5em;

77
src/file-util.ts Normal file
View file

@ -0,0 +1,77 @@
import Path from "node:path";
import type { BunFile } from "bun";
import { CLIError } from "./error";
import type { CLIOptions } from "./options";
/**
* Check if a given path is a directory
*
* @param path - The path to check
* @returns A promise that resolves to true if the path is a directory, false otherwise
*/
export async function isDirectory(path: string): Promise<boolean> {
const file = Bun.file(path);
const stat = await file.stat();
return stat.isDirectory();
}
/**
* Given a file path, attempt to read the text of the file
* @param filePath - The path to the file to read
* @returns The text content of the file
*
* @throws CLIError if the file does not exist
*/
export async function readFile(filePath: string): Promise<string> {
const file = Bun.file(filePath);
const exists = await file.exists();
if (!exists) {
throw new CLIError(`File ${filePath} does not exist.`);
}
return file.text();
}
/**
* Get the output path based on the input path and options
* @param inputPath - The path of the input file
* @param options - The CLI options containing output directory
* @returns The resolved output path
*/
async function getOutputPath(inputPath: string, options: CLIOptions) {
const inputDirname = Path.dirname(inputPath);
const inputBasename = Path.basename(inputPath);
const outputBasename = inputBasename.replace(/\.md$/, ".html");
if (options.outdir) {
const dirPath = Path.relative(options.cwd, inputDirname);
const outputPath = Path.join(options.outdir, dirPath, outputBasename);
return Path.resolve(outputPath);
}
return Path.join(inputDirname, outputBasename);
}
/**
* Get the output file based on the input path and options
* @param inputPath - The path of the input file
* @param options - The CLI options containing output file and directory
* @returns The BunFile object representing the output file
*/
export async function getOutputFile(
inputPath: string,
options: CLIOptions,
): Promise<BunFile> {
// --stdout option -> Force stdout
if (options.stdout) {
return Bun.stdout;
}
// Exact outfile defined -> write to file
if (options.outfile) {
return Bun.file(options.outfile);
}
// Input path with --outdir -> calculate output path
const outputPath = await getOutputPath(inputPath, options);
return Bun.file(outputPath);
}

View file

@ -1,317 +1,63 @@
import Path from "node:path"; import { Glob } from "bun";
import { parseArgs } from "node:util"; import { buildFile } from "./build";
import EMDY from "@endeavorance/emdy";
import type { BunFile } from "bun";
import DEFAULT_STYLESHEET from "./defaults/default-style.css" with {
type: "text",
};
import DEFAULT_TEMPLATE from "./defaults/default-template.html" with {
type: "text",
};
import { CLIError } from "./error"; import { CLIError } from "./error";
import { parseMarkdown } from "./markdown"; import { getOutputFile, isDirectory } from "./file-util";
import { type CLIOptions, USAGE, parseCLIArgs } from "./options";
const DEFAULT_TEMPLATE_FILE = "_template.html"; async function processStdin(options: CLIOptions): Promise<void> {
const DEFAULT_STYLESHEET_FILE = "_style.css"; const outfile = options.outfile ? Bun.file(options.outfile) : Bun.stdout;
const renderedHTML = await buildFile(Bun.stdin, options);
/** await Bun.write(outfile, renderedHTML);
* Given a file path, attempt to read the text of the file
* @param filePath - The path to the file to read
* @returns The text content of the file
*
* @throws CLIError if the file does not exist
*/
async function readFile(filePath: string): Promise<string> {
const file = Bun.file(filePath);
const exists = await file.exists();
if (!exists) {
throw new CLIError(`File ${filePath} does not exist.`);
}
return file.text();
} }
/** async function processFileAtPath(
* Renders the provided template with the given data. filePath: string,
* @param template - The template string containing placeholders like %key%
* @param data - An object containing key-value pairs to replace in the template
* @returns The rendered string with all placeholders replaced by their corresponding values
*/
function renderTemplate(
template: string,
data: Record<string, unknown>,
): string {
let output = template;
for (const [key, value] of Object.entries(data)) {
output = output.replace(new RegExp(`%${key}%`, "g"), String(value));
}
return output;
}
/**
* A collection of options parsed from the command line arguments.
*/
interface CLIOptions {
/** A path to the output file */
outfile: string | null;
/** A path to the output directory */
outdir: string | null;
/** If true, force output to stdout */
stdout: boolean;
/** The path to the template file */
templateFilePath: string | null;
/** The path to the stylesheet file */
stylesheetFilePath: string | null;
/** If true, show help message */
help: boolean;
/** If provided, overrides the document title */
title: string | null;
/** If provided, overrides the current working directory (default: .) */
cwd: string;
}
/**
* Parse the command line arguments and return the options and positional arguments.
* @returns An object containing the parsed options and positional arguments
*/
function parseCLIArgs(): { options: CLIOptions; args: string[] } {
const { values: flags, positionals } = parseArgs({
args: Bun.argv.slice(2),
options: {
outfile: {
type: "string",
short: "o",
},
outdir: {
type: "string",
short: "d",
},
stdout: {
type: "boolean",
},
template: {
type: "string",
short: "t",
},
title: {
type: "string",
short: "T",
},
stylesheet: {
type: "string",
short: "s",
},
cwd: {
type: "string",
default: process.cwd(),
},
help: {
type: "boolean",
short: "h",
},
},
allowPositionals: true,
});
// Validation
if (positionals.length > 1 && flags.outfile) {
throw new CLIError("--outfile cannot be used with multiple inputs.");
}
if (flags.outdir && flags.outfile) {
throw new CLIError("--outdir and --outfile cannot be used together.");
}
return {
options: {
cwd: flags.cwd,
outfile: flags.outfile ?? null,
outdir: flags.outdir ?? null,
stdout: flags.stdout ?? false,
templateFilePath: flags.template ?? null,
stylesheetFilePath: flags.stylesheet ?? null,
help: flags.help ?? false,
title: flags.title ?? null,
},
args: positionals,
};
}
/**
* Attempt to load a custom template, falling back to a default
* @param options - The CLI options containing the template file path
* @returns The template string
*/
async function loadTemplate(options: CLIOptions): Promise<string> {
if (options.templateFilePath) {
return readFile(options.templateFilePath);
}
const checkTemplateFile = Bun.file(
Path.join(options.cwd, DEFAULT_TEMPLATE_FILE),
);
if (await checkTemplateFile.exists()) {
return checkTemplateFile.text();
}
return DEFAULT_TEMPLATE;
}
/**
* Attempt to load a custom stylesheet, falling back to a default
* @param options - The CLI options containing the stylesheet file path
* @returns The stylesheet string
*/
async function loadStylesheet(options: CLIOptions): Promise<string> {
if (options.stylesheetFilePath) {
return readFile(options.stylesheetFilePath);
}
const checkStylesheetFile = Bun.file(
Path.join(options.cwd, DEFAULT_STYLESHEET_FILE),
);
if (await checkStylesheetFile.exists()) {
return checkStylesheetFile.text();
}
return DEFAULT_STYLESHEET;
}
/**
* Build and write a file
* @param infile - The input file to read from
* @param outfile - The output file to write to
* @param options - The CLI options containing template and stylesheet paths
*/
async function buildFile(
infile: BunFile,
outfile: BunFile,
options: CLIOptions, options: CLIOptions,
): Promise<void> { ): Promise<void> {
const input = await infile.text(); console.log(`Building ${filePath}...`);
const template = await loadTemplate(options); const file = Bun.file(filePath);
const stylesheet = await loadStylesheet(options);
const { content, ...props } = EMDY.parse(input) as Record<string, unknown> & {
content: string;
};
const html = await parseMarkdown(content); // Ensure input files exist
const title = options.title ?? props.title ?? "Untitled"; if (!(await file.exists())) {
const templateData = { throw new CLIError(`File ${filePath} does not exist.`);
content: html,
title,
stylesheet: stylesheet,
timestamp: new Date().toISOString(),
datetime: new Date().toLocaleString(),
...props,
};
await Bun.write(outfile, renderTemplate(template, templateData));
} }
/** const outfile = await getOutputFile(filePath, options);
* Get the output path based on the input path and options const renderedHTML = await buildFile(file, options);
* @param inputPath - The path of the input file await Bun.write(outfile, renderedHTML);
* @param options - The CLI options containing output directory
* @returns The resolved output path
*/
async function getOutputPath(inputPath: string, options: CLIOptions) {
const inputDirname = Path.dirname(inputPath);
const inputBasename = Path.basename(inputPath);
const outputBasename = inputBasename.replace(/\.md$/, ".html");
if (options.outdir) {
const dirPath = Path.relative(options.cwd, inputDirname);
const outputPath = Path.join(options.outdir, dirPath, outputBasename);
return Path.resolve(outputPath);
}
return Path.join(inputDirname, outputBasename);
}
/**
* Get the output file based on the input path and options
* @param inputPath - The path of the input file
* @param options - The CLI options containing output file and directory
* @returns The BunFile object representing the output file
*/
async function getOutputFile(
inputPath: string,
options: CLIOptions,
): Promise<BunFile> {
// --stdout option -> Force stdout
if (options.stdout) {
return Bun.stdout;
}
// Exact outfile defined -> write to file
if (options.outfile) {
return Bun.file(options.outfile);
}
// Input path with --outdir -> calculate output path
const outputPath = await getOutputPath(inputPath, options);
return Bun.file(outputPath);
} }
async function main() { async function main() {
const { options, args } = parseCLIArgs(); const { options, args } = parseCLIArgs();
if (options.help) { if (options.help) {
console.log( console.log(USAGE);
` return;
buildmd - Build markdown files to html with templates and metadata
Usage:
buildmd file.md
buildmd file.md -o output.html
echo "some markdown" | buildmd
Options:
--outfile, -o <file> Output path
--outdir, -d <dir> Output directory
--stdout Force output to stdout
--template, -t <file> Template path (default: _template.html)
--stylesheet, -s <file> Stylesheet path (default: _style.css)
--title, -T <string> Document title override
--help, -h Show this help message
`.trim(),
);
process.exit(0);
} }
// stdin mode // stdin mode
if (args.length === 0) { if (args.length === 0) {
const outfile = options.outfile ? Bun.file(options.outfile) : Bun.stdout; return processStdin(options);
await buildFile(Bun.stdin, outfile, options);
process.exit(0);
} }
// file mode // file mode
for (const arg of args) { for (const inputPath of args) {
const file = Bun.file(arg); const isDir = await isDirectory(inputPath);
// Ensure input files exist if (isDir) {
if (!(await file.exists())) { const dirGlob = new Glob(`${inputPath}/**/*.md`);
throw new CLIError(`File ${arg} does not exist.`); for await (const file of dirGlob.scan()) {
await processFileAtPath(file, options);
}
} else {
await processFileAtPath(inputPath, options);
} }
const outfile = await getOutputFile(arg, options);
await buildFile(file, outfile, options);
} }
} }
try { try {
await main(); await main();
process.exit(0);
} catch (error) { } catch (error) {
if (error instanceof CLIError) { if (error instanceof CLIError) {
console.error(error.message); console.error(error.message);

View file

@ -1,20 +1,44 @@
import rehypeCallouts from "rehype-callouts";
import rehypeRaw from "rehype-raw"; import rehypeRaw from "rehype-raw";
import remarkGfm from "remark-gfm"; import rehypeSlug from "rehype-slug";
import rehypeStringify from "rehype-stringify"; import rehypeStringify from "rehype-stringify";
import { remarkHeadingId } from "remark-custom-heading-id";
import remarkGfm from "remark-gfm";
import remarkParse from "remark-parse"; import remarkParse from "remark-parse";
import remarkRehype from "remark-rehype"; import remarkRehype from "remark-rehype";
import rehypeSlug from "rehype-slug";
import { unified } from "unified"; import { unified } from "unified";
import rehypeCallouts from "rehype-callouts";
/**
* Parse the provided markdown into an HTML string
*
* @param markdown - The markdown string to parse
* @returns The parsed HTML string in a promise
*/
export async function parseMarkdown(markdown: string): Promise<string> { export async function parseMarkdown(markdown: string): Promise<string> {
const file = await unified() const file = await unified()
// Parse markdown
.use(remarkParse) .use(remarkParse)
// Support github-flavored markdown
.use(remarkGfm) .use(remarkGfm)
// Accept custom heading ids: # My heading {#custom-id}
.use(remarkHeadingId)
// Pass-thru HTML
.use(remarkRehype, { allowDangerousHtml: true }) .use(remarkRehype, { allowDangerousHtml: true })
// Process to html/html
.use(rehypeRaw) .use(rehypeRaw)
// Apply heading IDs to headings without a custom ID
.use(rehypeSlug) .use(rehypeSlug)
// Support callouts/admonitions
.use(rehypeCallouts) .use(rehypeCallouts)
// Render to string
.use(rehypeStringify) .use(rehypeStringify)
.process(markdown); .process(markdown);

128
src/options.ts Normal file
View file

@ -0,0 +1,128 @@
import { parseArgs } from "node:util";
import { CLIError } from "./error";
/**
* A collection of options parsed from the command line arguments.
*/
export interface CLIOptions {
/** A path to the output file */
outfile: string | null;
/** A path to the output directory */
outdir: string | null;
/** If true, force output to stdout */
stdout: boolean;
/** The path to the template file */
templateFilePath: string | null;
/** The path to the stylesheet file */
stylesheetFilePath: string | null;
/** If the default stylesheet should be included regardless of the provided stylesheet */
includeDefaultStylesheet: boolean;
/** If true, show help message */
help: boolean;
/** If provided, overrides the document title */
title: string | null;
/** If provided, overrides the current working directory (default: .) */
cwd: string;
}
/**
* Parse the command line arguments and return the options and positional arguments.
* @returns An object containing the parsed options and positional arguments
*/
export function parseCLIArgs(): { options: CLIOptions; args: string[] } {
const { values: flags, positionals } = parseArgs({
args: Bun.argv.slice(2),
options: {
outfile: {
type: "string",
short: "o",
},
outdir: {
type: "string",
short: "d",
},
stdout: {
type: "boolean",
},
template: {
type: "string",
short: "t",
},
title: {
type: "string",
short: "T",
},
stylesheet: {
type: "string",
short: "s",
},
"include-default-stylesheet": {
type: "boolean",
short: "S",
},
cwd: {
type: "string",
default: process.cwd(),
},
help: {
type: "boolean",
short: "h",
},
},
allowPositionals: true,
});
// == Argument Validation ==
// Outfile requires only one argument
if (flags.outfile && positionals.length > 1) {
throw new CLIError("--outfile cannot be used with multiple inputs.");
}
// Outfile and Outdir cannot be used together
if (flags.outdir && flags.outfile) {
throw new CLIError("--outdir and --outfile cannot be used together.");
}
return {
options: {
cwd: flags.cwd,
outfile: flags.outfile ?? null,
outdir: flags.outdir ?? null,
stdout: flags.stdout ?? false,
templateFilePath: flags.template ?? null,
stylesheetFilePath: flags.stylesheet ?? null,
includeDefaultStylesheet: flags["include-default-stylesheet"] ?? false,
help: flags.help ?? false,
title: flags.title ?? null,
},
args: positionals,
};
}
export const USAGE = `
buildmd - Build markdown files to html with templates and metadata
Usage:
buildmd file.md
buildmd file.md -o output.html
echo "some markdown" | buildmd
Options:
--outfile, -o <file> Output path
--outdir, -d <dir> Output directory
--stdout Force output to stdout
--template, -t <file> Template path (default: _template.html)
--stylesheet, -s <file> Stylesheet path (default: _style.css)
--include-default-stylesheet, -S Extend default CSS instead of overwriting
--title, -T <string> Document title override
--help, -h Show this help message
`.trim();

33
src/stylesheet.ts Normal file
View file

@ -0,0 +1,33 @@
import Path from "node:path";
import DEFAULT_STYLESHEET from "./defaults/default-style.css" with {
type: "text",
};
import { readFile } from "./file-util";
import type { CLIOptions } from "./options";
const DEFAULT_STYLESHEET_FILE = "_style.css";
/**
* Attempt to load a custom stylesheet, falling back to a default
* @param options - The CLI options containing the stylesheet file path
* @returns The stylesheet string
*/
export async function loadStylesheet(options: CLIOptions): Promise<string> {
const preamble = options.includeDefaultStylesheet ? DEFAULT_STYLESHEET : "";
if (options.stylesheetFilePath) {
const loadedSheet = await readFile(options.stylesheetFilePath);
return [preamble, loadedSheet].join("\n");
}
const checkStylesheetFile = Bun.file(
Path.join(options.cwd, DEFAULT_STYLESHEET_FILE),
);
if (await checkStylesheetFile.exists()) {
const loadedSheet = await checkStylesheetFile.text();
return [preamble, loadedSheet].join("\n");
}
return DEFAULT_STYLESHEET;
}

46
src/template.ts Normal file
View file

@ -0,0 +1,46 @@
import Path from "node:path";
import DEFAULT_TEMPLATE from "./defaults/default-template.html" with {
type: "text",
};
import { readFile } from "./file-util";
import type { CLIOptions } from "./options";
const DEFAULT_TEMPLATE_FILE = "_template.html";
/**
* Renders the provided template with the given data.
* @param template - The template string containing placeholders like %key%
* @param data - An object containing key-value pairs to replace in the template
* @returns The rendered string with all placeholders replaced by their corresponding values
*/
export function renderTemplate(
template: string,
data: Record<string, unknown>,
): string {
let output = template;
for (const [key, value] of Object.entries(data)) {
output = output.replace(new RegExp(`%${key}%`, "g"), String(value));
}
return output;
}
/**
* Attempt to load a custom template, falling back to a default
* @param options - The CLI options containing the template file path
* @returns The template string
*/
export async function loadTemplate(options: CLIOptions): Promise<string> {
if (options.templateFilePath) {
return readFile(options.templateFilePath);
}
const checkTemplateFile = Bun.file(
Path.join(options.cwd, DEFAULT_TEMPLATE_FILE),
);
if (await checkTemplateFile.exists()) {
return checkTemplateFile.text();
}
return DEFAULT_TEMPLATE;
}