@san-siva/blogkit-md 0.3.3 → 0.3.4

package/README.md

@@ -245,7 +245,3 @@ Contributions are welcome!
 
 - **Author:** [Santhosh Siva](https://www.santhoshsiva.dev)
 - **License:** [MIT](https://github.com/san-siva/blogkit-md/blob/main/LICENSE)
-
-> [!WARNING]
->
-> This project is in early development.

package/dist/index.js

@@ -301,7 +301,9 @@ function renderNode({
       if ((firstChild == null ? void 0 : firstChild.type) === "paragraph") {
         const firstInline = firstChild.children[0];
         if ((firstInline == null ? void 0 : firstInline.type) === "text") {
-          const githubAlertMatch = /^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]$/i.exec(firstInline.value);
+          const githubAlertMatch = /^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]$/i.exec(
+            firstInline.value
+          );
           if (githubAlertMatch) {
             const alertType = githubAlertMatch[1].toUpperCase();
             calloutType = alertType === "WARNING" ? "warning" : alertType === "CAUTION" ? "error" : "info";
@@ -309,7 +311,7 @@ function renderNode({
           }
         }
       }
-      return /* @__PURE__ */ jsx2(Callout, { type: calloutType, hasMarginUp: true, hasMarginDown: true, children: strippedChildren.map(
+      return /* @__PURE__ */ jsx2(Callout, { type: calloutType, hasMarginUp: true, hasMarginDown: true, children: /* @__PURE__ */ jsx2("div", { children: strippedChildren.map(
         (child, index) => renderNode({
           node: child,
           key: index,
@@ -317,16 +319,23 @@ function renderNode({
           inCallout: true,
           counters
         })
-      ) }, key);
+      ) }) }, key);
     }
     case "list": {
-      const isTaskList = node.children.every((item) => item.checked !== null && item.checked !== void 0);
+      const isTaskList = node.children.every(
+        (item) => item.checked !== null && item.checked !== void 0
+      );
       if (isTaskList) {
         const items = node.children.map((item, index) => ({
           id: String(index),
           isChecked: item.checked === true,
           children: item.children.map(
-            (child, childIndex) => renderNode({ node: child, key: childIndex, inList: true, counters })
+            (child, childIndex) => renderNode({
+              node: child,
+              key: childIndex,
+              inList: true,
+              counters
+            })
           )
         }));
         return /* @__PURE__ */ jsx2(CheckList, { items, hasMarginUp: true, hasMarginDown: true }, key);
@@ -364,7 +373,9 @@ var renderMarkdownAst = (ast) => {
   const counters = { mermaid: 0 };
   const grouped = groupSections(ast.children);
   return {
-    sections: grouped.map((section, index) => renderSection(section, counters, index))
+    sections: grouped.map(
+      (section, index) => renderSection(section, counters, index)
+    )
   };
 };
 var MarkdownSections = ({
@@ -379,11 +390,11 @@ var BlogPost = async ({ filePath, jsonLd }) => {
   try {
     content = await readFile(absolutePath, "utf8");
   } catch (e) {
-    return /* @__PURE__ */ jsx3(Blog, { children: /* @__PURE__ */ jsxs2(Callout2, { type: "warning", children: [
+    return /* @__PURE__ */ jsx3(Blog, { children: /* @__PURE__ */ jsx3(Callout2, { type: "warning", children: /* @__PURE__ */ jsxs2("p", { children: [
       'Could not read file: "',
       filePath,
       '". Make sure the path is correct and the file exists.'
-    ] }) });
+    ] }) }) });
   }
   if (!content.trim()) {
     return /* @__PURE__ */ jsx3(Blog, { children: /* @__PURE__ */ jsxs2(Callout2, { type: "warning", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@san-siva/blogkit-md",
-	"version": "0.3.3",
+	"version": "0.3.4",
 	"description": "Converts markdown files into JSX blog posts for Blogkit",
 	"main": "./dist/index.js",
 	"exports": {

package/src/components/BlogPost.tsx

@@ -23,8 +23,10 @@ const BlogPost = async ({ filePath, jsonLd }: BlogPostProperties) => {
 		return (
 			<Blog>
 				<Callout type="warning">
-					Could not read file: &quot;{filePath}&quot;. Make sure the path is
-					correct and the file exists.
+					<p>
+						Could not read file: &quot;{filePath}&quot;. Make sure the path is
+						correct and the file exists.
+					</p>
 				</Callout>
 			</Blog>
 		);

package/src/utils/renderMarkdown.tsx

@@ -117,10 +117,18 @@ function renderNode({
 			if (firstChild?.type === 'paragraph') {
 				const firstInline = firstChild.children[0];
 				if (firstInline?.type === 'text') {
-					const githubAlertMatch = /^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]$/i.exec(firstInline.value);
+					const githubAlertMatch =
+						/^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]$/i.exec(
+							firstInline.value
+						);
 					if (githubAlertMatch) {
 						const alertType = githubAlertMatch[1].toUpperCase();
-						calloutType = alertType === 'WARNING' ? 'warning' : alertType === 'CAUTION' ? 'error' : 'info';
+						calloutType =
+							alertType === 'WARNING'
+								? 'warning'
+								: alertType === 'CAUTION'
+									? 'error'
+									: 'info';
 						strippedChildren = children.slice(1);
 					}
 				}
@@ -128,26 +136,35 @@ function renderNode({
 
 			return (
 				<Callout key={key} type={calloutType} hasMarginUp hasMarginDown>
-					{strippedChildren.map((child, index) =>
-						renderNode({
-							node: child,
-							key: index,
-							nextNode: strippedChildren[index + 1],
-							inCallout: true,
-							counters,
-						})
-					)}
+					<div>
+						{strippedChildren.map((child, index) =>
+							renderNode({
+								node: child,
+								key: index,
+								nextNode: strippedChildren[index + 1],
+								inCallout: true,
+								counters,
+							})
+						)}
+					</div>
 				</Callout>
 			);
 		}
 		case 'list': {
-			const isTaskList = node.children.every(item => item.checked !== null && item.checked !== undefined);
+			const isTaskList = node.children.every(
+				item => item.checked !== null && item.checked !== undefined
+			);
 			if (isTaskList) {
 				const items: CheckListItem[] = node.children.map((item, index) => ({
 					id: String(index),
 					isChecked: item.checked === true,
 					children: item.children.map((child, childIndex) =>
-						renderNode({ node: child as RootContent, key: childIndex, inList: true, counters })
+						renderNode({
+							node: child as RootContent,
+							key: childIndex,
+							inList: true,
+							counters,
+						})
 					),
 				}));
 				return <CheckList key={key} items={items} hasMarginUp hasMarginDown />;
@@ -176,13 +193,20 @@ function renderNode({
 	}
 }
 
-function renderNodes(nodes: RootContent[], counters: Counters): React.ReactNode[] {
+function renderNodes(
+	nodes: RootContent[],
+	counters: Counters
+): React.ReactNode[] {
 	return nodes.map((node, index) =>
 		renderNode({ node, key: index, nextNode: nodes[index + 1], counters })
 	);
 }
 
-function renderSection(section: Section, counters: Counters, key = -1): React.ReactNode {
+function renderSection(
+	section: Section,
+	counters: Counters,
+	key = -1
+): React.ReactNode {
 	return (
 		<BlogSection key={key} title={section?.title ?? ''}>
 			{renderNodes(section.nodes, counters)}
@@ -201,7 +225,9 @@ export const renderMarkdownAst = (ast: Root): RenderedMarkdown => {
 	const counters: Counters = { mermaid: 0 };
 	const grouped = groupSections(ast.children);
 	return {
-		sections: grouped.map((section, index) => renderSection(section, counters, index)),
+		sections: grouped.map((section, index) =>
+			renderSection(section, counters, index)
+		),
 	};
 };