reallysimpledocs 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reallysimpledocs",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "type": "module",
   "exports": {
     ".": "./src/index.js",

package/src/runtime/components/mdx/Callout.astro

@@ -2,9 +2,11 @@
 import * as lucideIcons from "lucide-static";
 import { addSvgClass } from "../../lib/html.js";
 
-const { type, title = "Note", icon: iconName, class: className = "" } = Astro.props;
+const { type, title = "Note", icon: iconName, action, class: className = "" } = Astro.props;
 const normalizedType = String(type || "").toLowerCase();
 const calloutType = normalizedType === "warning" || normalizedType === "destructive" ? normalizedType : "";
+const actionLabel = typeof action?.label === "string" ? action.label.trim() : "";
+const actionHref = typeof action?.href === "string" ? action.href.trim() : "";
 
 function resolveNamedIcon(name) {
   if (!name || typeof name !== "string") return "";
@@ -31,4 +33,13 @@ const heading = title;
   <section>
     <slot />
   </section>
+  {
+    actionLabel && actionHref && (
+      <footer>
+        <a class="btn" data-variant="outline" data-size="sm" href={actionHref}>
+          {actionLabel}
+        </a>
+      </footer>
+    )
+  }
 </div>

package/src/runtime/lib/markdown-export.js

@@ -94,12 +94,14 @@ function serializePreview(attrs, children, context = new Map()) {
 
 function serializeCallout(attrs, children, context = new Map()) {
   const title = getStringAttr(attrs, "title") || calloutTitle(getStringAttr(attrs, "type"));
+  const action = getObjectAttr(attrs, "action");
   const body = normalizeMdxComponents(children, context)
     .trim()
     .split("\n")
     .map((line) => `> ${line}`)
     .join("\n");
-  return `\n\n> **${title}**\n${body ? `${body}\n` : ""}\n`;
+  const footer = action?.label && action?.href ? `> [${action.label}](${action.href})\n` : "";
+  return `\n\n> **${title}**\n${body ? `${body}\n` : ""}${footer}`;
 }
 
 function serializeSteps(_attrs, children, context = new Map()) {
@@ -137,6 +139,14 @@ function getExpressionAttr(attrs, name) {
   return String(attrs || "").match(new RegExp(`${name}=\\{([A-Za-z_$][\\w$]*)\\}`))?.[1] || "";
 }
 
+function getObjectAttr(attrs, name) {
+  const value = String(attrs || "").match(new RegExp(`${name}=\\{\\{([\\s\\S]*?)\\}\\}`))?.[1] || "";
+  if (!value) return null;
+  return Object.fromEntries(
+    [...value.matchAll(/([A-Za-z_$][\w$]*)\s*:\s*["']([^"']*)["']/g)].map(([, key, item]) => [key, item]),
+  );
+}
+
 function getCodeAttr(attrs, context = new Map()) {
   const direct = String(attrs || "").match(/\bcode=\{`([\s\S]*?)`\}/)?.[1] || "";
   if (direct) return direct.replace(/\\n/g, "\n").replace(/\\`/g, "`");