ReMarkdown v4

.gitignore

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

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "printWidth": 100,
+	"semi": false,
+	"singleQuote": false,
+	"useTabs": 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 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/).
+ReMarkdown styles HTML to look like plain Markdown text.
+
+- [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,33 @@
+import { access, constants, writeFile } from "node:fs/promises"
+import { join } from "node:path"
+import * as prettier from "prettier"
+import * as sass from "sass"
+
+const sources = [
+	["preset/remarkdown.scss", "dist/remarkdown.css"],
+	["preset/remarkdown.attr.scss", "dist/remarkdown.attr.css"],
+	["preset/remarkdown-zero.scss", "dist/remarkdown-zero.css"],
+	["preset/remarkdown-zero.attr.scss", "dist/remarkdown-zero.attr.css"],
+	["docs/demo.scss", "docs/demo.css"],
+]
+
+sources.forEach(buildStylesheet)
+
+async function buildStylesheet([sourceFilename, outFilename]) {
+	const sourceFile = join(import.meta.dirname, sourceFilename)
+	const outFile = join(import.meta.dirname, outFilename)
+
+	try {
+		await access(sourceFile, constants.R_OK)
+	} catch {
+		console.error(`Missing file ${sourceFile}`)
+		return
+	}
+
+	const compiled = await sass.compileAsync(sourceFile)
+	const prettified = await prettier.format(compiled.css, {
+		parser: "css",
+	})
+	await writeFile(outFile, prettified)
+	console.log(`${sourceFilename} -> ${outFilename} (${prettified.length} B)`)
+}