@compiiile/compiiile 2.2.0

package/bin/vitePluginCompiiile/rehypeImagePlugin.js

@@ -0,0 +1,51 @@
+import { visit } from "unist-util-visit"
+
+const filterObjectDefinedValuesOnly = (obj) =>
+	Object.fromEntries(Object.entries(obj).filter(([, v]) => v !== undefined))
+
+export default function rehypeImagePlugin() {
+	const processImageNode = (altAttributeValue) => {
+		if (altAttributeValue) {
+			const matchWidth = altAttributeValue.match(/(?<altValue>.*)\|.*?(?<width>\d+(px|%)?)/)?.groups || {}
+			const matchNoMargin = altAttributeValue.match(/(?<altValue>.*)\|.*?(?<noMargin>no-margin)/)?.groups || {}
+
+			return {
+				...filterObjectDefinedValuesOnly(matchWidth),
+				...filterObjectDefinedValuesOnly(matchNoMargin)
+			}
+		}
+		return null
+	}
+
+	const buildImageStyleAttribute = (parsedAltValue) => {
+		return `${parsedAltValue.width ? "width:" + parsedAltValue.width + ";height:auto;" : ""}${
+			parsedAltValue.noMargin ? "margin:0" : ""
+		}`
+	}
+
+	return (tree) => {
+		visit(tree, "element", function (node) {
+			if (node.tagName === "img") {
+				const parsedAltValue = processImageNode(node.properties?.alt)
+				if (parsedAltValue) {
+					node.properties.style = buildImageStyleAttribute(parsedAltValue)
+					node.properties.alt = parsedAltValue.altValue
+				}
+			}
+		})
+		visit(tree, "mdxJsxFlowElement", function (node) {
+			if (node.name === "astro-image") {
+				const alt = node.attributes?.find((attr) => attr.name === "alt")
+				const parsedAltValue = processImageNode(alt?.value)
+				if (parsedAltValue) {
+					node.attributes.push({
+						name: "style",
+						type: "mdxJsxAttribute",
+						value: buildImageStyleAttribute(parsedAltValue)
+					})
+					alt.value = parsedAltValue.altValue
+				}
+			}
+		})
+	}
+}

package/bin/vitePluginCompiiile/rehypeLinkPlugin.js

@@ -0,0 +1,20 @@
+import { visit } from "unist-util-visit"
+
+export default function rehypeLinkPlugin() {
+	return (tree, file) => {
+		const context = JSON.parse(process.env.context || "{}")
+		visit(tree, "element", (node) => {
+			if (node.tagName === "a") {
+				if (node.properties.href.match(/^\.{1,2}\/.*/)) {
+					const linkTargetUrl = new URL(node.properties.href, `file://${file.history[0]}`)
+					const path = decodeURI(linkTargetUrl.pathname).replaceAll("%20", " ")
+					const decodedFilePath = decodeURIComponent(decodeURIComponent(path))
+					const filePath = decodedFilePath.replace(process.env.COMPIIILE_SOURCE, "")
+					node.properties.href = context.fileRouteMap?.[filePath.substring(1)] + linkTargetUrl.hash
+				} else {
+					node.properties.target = "_blank"
+				}
+			}
+		})
+	}
+}

package/build.js

@@ -0,0 +1,16 @@
+import { build } from "vite"
+import { unlinkSync } from "node:fs"
+
+const jsFileName = "style.es.js"
+await build({
+	build: {
+		lib: {
+			entry: new URL("./.compiiile/src/utils/styles.js", import.meta.url).pathname,
+			name: "style",
+			formats: ["es"],
+			fileName: (_) => jsFileName
+		}
+	}
+})
+
+await unlinkSync(`./dist/${jsFileName}`)

package/compiiile.config.js

@@ -0,0 +1,6 @@
+export default {
+	title: "Compiiile",
+	description:
+		"Compiiile is the most convenient way to render a folder containing markdown files. Previewing and searching markdown files has never been that easy (it's really just a command away !)",
+	siteUrl: "https://compiiile.me"
+}