ReMarkdown v4

.gitignore

@@ -1,4 +1,2 @@
 node_modules
-package-lock.json
-dist/remarkdown-custom.css
-*.tgz
+*.tgz

.oxfmtrc.json

@@ -0,0 +1,13 @@
+{
+	"$schema": "./node_modules/oxfmt/configuration_schema.json",
+	"printWidth": 100,
+	"useTabs": true,
+	"sortPackageJson": false,
+	"ignorePatterns": [],
+	"overrides": [
+		{
+			"files": ["**/*.js"],
+			"options": { "singleQuote": true }
+		}
+	]
+}

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright © 2011–2020 Florens Verschelde
+Copyright © 2011–2026 Florens Verschelde
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,13 +1,23 @@
+# Remarkdown
 
-# ReMarkdown
+Remarkdown styles HTML to look like plain Markdown text.
 
-ReMarkdown is a stylesheet that makes HTML look like raw Markdown text.
-Take a look at the [online demo and documentation](https://fvsch.github.io/remarkdown/).
+- [online demo and docs][docs]
+- [npm: remarkdown.css][npm]
 
-Markdown is [a plain-text syntax by John Gruber](https://daringfireball.net/projects/markdown/). This project also takes inspiration from variants such as PHP Markdown Extra and GitHub Flavored Markdown.
+Markdown is [a plain-text syntax by John Gruber][markdown]. Some styles are inspired by [PHP Markdown Extra][md-extra] and [GitHub Flavored Markdown][md-gfm].
 
 ## Documentation
 
-- [Using ReMarkdown](https://fvsch.github.io/remarkdown/)
-- [Available styles](https://fvsch.github.io/remarkdown/styles.html)
-- [Customizing ReMarkdown](https://fvsch.github.io/remarkdown/customize.html)
+- [Using Remarkdown][docs]
+- [Available styles][styles]
+- [Customizing Remarkdown][customize]
+
+
+[npm]: https://www.npmjs.com/package/remarkdown.css
+[docs]: https://fvsch.github.io/remarkdown/
+[styles]: https://fvsch.github.io/remarkdown/styles.html
+[customize]: https://fvsch.github.io/remarkdown/customize.html
+[markdown]: https://daringfireball.net/projects/markdown/
+[md-extra]: https://michelf.ca/projects/php-markdown/extra/
+[md-gfm]: https://github.github.com/gfm/

build.js

@@ -0,0 +1,42 @@
+import { access, constants, writeFile } from 'node:fs/promises';
+import { basename, join } from 'node:path';
+import { compileAsync } from 'sass';
+import { format } from 'oxfmt';
+import oxfmtConfig from './.oxfmtrc.json' with { type: 'json' };
+
+buildAll([
+	['preset/remarkdown.scss', 'dist/remarkdown.css'],
+	['preset/remarkdown.attr.scss', 'dist/remarkdown.attr.css'],
+	['preset/remarkdown.scope.scss', 'dist/remarkdown.scope.css'],
+	['preset/remarkdown-zero.scss', 'dist/remarkdown-zero.css'],
+	['preset/remarkdown-zero.attr.scss', 'dist/remarkdown-zero.attr.css'],
+	['preset/remarkdown-zero.scope.scss', 'dist/remarkdown-zero.scope.css'],
+	['docs/docs.scss', 'docs/docs.css'],
+]);
+
+async function buildAll(sources) {
+	const results = await Promise.all(sources.map(([input, out]) => buildStylesheet(input, out)));
+	console.table(results.filter(Boolean), ['input', 'out', 'size']);
+}
+
+async function buildStylesheet(inputFilename, outFilename) {
+	const inputFile = join(import.meta.dirname, inputFilename);
+	const outFile = join(import.meta.dirname, outFilename);
+
+	try {
+		await access(inputFile, constants.R_OK);
+	} catch {
+		console.error(`Missing file ${inputFile}`);
+		return { input: inputFilename, out: null, size: null };
+	}
+
+	const { css } = await compileAsync(inputFile);
+	const { code } = await format(basename(outFile), css, oxfmtConfig);
+	await writeFile(outFile, code);
+
+	return {
+		input: inputFilename,
+		out: outFilename,
+		size: code.length + ' B',
+	};
+}