radiant-docs 0.1.12 → 0.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "radiant-docs",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "CLI tool for previewing Radiant documentation locally",
   "type": "module",
   "bin": {

package/template/astro.config.mjs

@@ -9,6 +9,7 @@ import path from "path";
 import { getConfig, validateMdxContent } from "./src/lib/validation";
 import remarkCodeBlockComponent from "./src/lib/mdx/remark-code-block-component";
 import remarkDemoteH1 from "./src/lib/mdx/remark-demote-h1";
+import remarkGfm from "remark-gfm";
 import rehypeSlug from "rehype-slug";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
 
@@ -266,7 +267,7 @@ export default defineConfig({
   },
   integrations: [
     mdx({
-      remarkPlugins: [remarkDemoteH1, remarkCodeBlockComponent],
+      remarkPlugins: [remarkGfm, remarkDemoteH1, remarkCodeBlockComponent],
       rehypePlugins: [
         rehypeSlug,
         [

package/template/package-lock.json

@@ -17,6 +17,8 @@
         "@fontsource/google-sans-flex": "^5.2.2",
         "@iconify-json/lucide": "^1.2.79",
         "@iconify-json/simple-icons": "^1.2.69",
+        "mdast-util-gfm": "^3.1.0",
+        "micromark-extension-gfm": "^3.0.0",
         "@readme/oas-to-snippet": "^29.3.0",
         "@resvg/resvg-js": "^2.6.2",
         "@stoplight/spectral-core": "^1.20.0",
@@ -34,6 +36,7 @@
         "prismjs": "^1.30.0",
         "rehype-autolink-headings": "^7.1.0",
         "rehype-slug": "^6.0.0",
+        "remark-gfm": "^4.0.1",
         "simple-git": "^3.30.0",
         "tailwindcss": "^4.1.17",
         "yaml": "^2.8.2",

package/template/package.json

@@ -21,6 +21,8 @@
     "@fontsource/google-sans-flex": "^5.2.2",
     "@iconify-json/lucide": "^1.2.79",
     "@iconify-json/simple-icons": "^1.2.69",
+    "mdast-util-gfm": "^3.1.0",
+    "micromark-extension-gfm": "^3.0.0",
     "@readme/oas-to-snippet": "^29.3.0",
     "@resvg/resvg-js": "^2.6.2",
     "@stoplight/spectral-core": "^1.20.0",
@@ -38,6 +40,7 @@
     "prismjs": "^1.30.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.1",
     "simple-git": "^3.30.0",
     "tailwindcss": "^4.1.17",
     "yaml": "^2.8.2",

package/template/src/lib/mdx/remark-code-block-component.ts

@@ -1,6 +1,8 @@
 import type { Root } from "mdast";
 import { fromMarkdown } from "mdast-util-from-markdown";
+import { gfmFromMarkdown } from "mdast-util-gfm";
 import { mdxFromMarkdown } from "mdast-util-mdx";
+import { gfm } from "micromark-extension-gfm";
 import { mdxjs } from "micromark-extension-mdxjs";
 import type { Plugin } from "unified";
 import { visitParents } from "unist-util-visit-parents";
@@ -192,8 +194,8 @@ function readBooleanAttribute(
 
 function parseComponentPreviewChildren(rawCode: string): unknown[] {
   const parsedTree = fromMarkdown(rawCode, {
-    extensions: [mdxjs()],
-    mdastExtensions: [mdxFromMarkdown()],
+    extensions: [gfm(), mdxjs()],
+    mdastExtensions: [gfmFromMarkdown(), mdxFromMarkdown()],
   }) as Root;
 
   const children = Array.isArray(parsedTree.children) ? parsedTree.children : [];

package/template/src/lib/validation.ts

@@ -1438,7 +1438,8 @@ function validateComponentUsage(content: string): void {
     .replace(/````[\s\S]*?````/g, "") // 4-backtick code blocks (check first, they're longer)
     .replace(/```[\s\S]*?```/g, "") // fenced code blocks
     .replace(/`[^`]+`/g, "") // inline code
-    .replace(/\{['"][^'"]*['"]\}/g, ""); // JSX string expressions like {'<Component />'}
+    // JSX string expressions like {'<Component title="Example" />'} or {"<Component />"}
+    .replace(/\{\s*(['"`])(?:\\.|(?!\1)[\s\S])*?\1\s*\}/g, "");
 
   // Find all JSX component tags (PascalCase tags)
   // Matches: <ComponentName, <ComponentName>, <ComponentName />, etc.