fix pagelist snippets not parsed correctly

Author: mikebarkmin

.changeset/quiet-pans-burn.md

@@ -0,0 +1,6 @@
+---
+"@hyperbook/markdown": patch
+"hyperbook": patch
+---
+
+fix pagelist snippets not parsed correctly

packages/markdown/package.json

@@ -48,6 +48,7 @@
     "mdast-util-from-markdown": "^2.0.1",
     "mdast-util-to-hast": "^13.1.0",
     "mdast-util-to-string": "^4.0.0",
+    "micromark-extension-directive": "^3.0.2",
     "pako": "2.1.0",
     "qrcode-svg": "^1.1.0",
     "rehype-format": "^5.0.1",

packages/markdown/src/process.ts

@@ -47,7 +47,7 @@ import remarkLink from "./remarkLink";
 import remarkDirectivePagelist from "./remarkDirectivePagelist";
 import rehypeQrCode from "./rehypeQrCode";
 
-const remark = (ctx: HyperbookContext) => {
+export const remark = (ctx: HyperbookContext) => {
   const remarkPlugins: PluggableList = [
     remarkRemoveComments,
     remarkDirective,
@@ -116,15 +116,16 @@ const remark = (ctx: HyperbookContext) => {
     .use(remarkToRehype, {
       allowDangerousHtml: ctx.config.allowDangerousHtml || false,
     })
-    .use(rehypePlugins)
+    .use(rehypePlugins);
+};
+
+export const process = (md: string, ctx: HyperbookContext) => {
+  return remark(ctx)
     .use(rehypeShell(ctx))
     .use(rehypeHtmlStructure(ctx))
     .use(rehypeStringify, {
       allowDangerousCharacters: true,
       allowDangerousHtml: ctx.config.allowDangerousHtml || false,
-    });
-};
-
-export const process = (md: string, ctx: HyperbookContext) => {
-  return remark(ctx).process(md);
+    })
+    .process(md);
 };

packages/markdown/src/remarkDirectivePagelist.ts

@@ -8,20 +8,16 @@ import {
 } from "@hyperbook/types";
 import handlebars from "handlebars";
 import fs from "fs";
-import { Root } from "mdast";
-import { fromMarkdown } from "mdast-util-from-markdown";
+import path from "path";
+import { Node, Root } from "mdast";
 import { visit } from "unist-util-visit";
 import { VFile } from "vfile";
-import { Element } from "hast";
 import {
   expectLeafDirective,
   isDirective,
   registerDirective,
 } from "./remarkHelper";
-import path from "path";
-import { toHast } from "mdast-util-to-hast";
-import { type } from "os";
-import { table } from "console";
+import { remark } from "./process";
 
 const getPageList = (
   sections: HyperbookSection[],
@@ -141,12 +137,8 @@ export default (ctx: HyperbookContext) => () => {
           );
           const template = handlebars.compile(snippetFile);
           const content = template({ pages: filteredPages });
-
-          data.hChildren = [
-            toHast(fromMarkdown(content), {
-              allowDangerousHtml: ctx.config.allowDangerousHtml || false,
-            }) as Element,
-          ];
+          const contentTree = remark(ctx).parse(content);
+          node.children = contentTree.children as any;
         } else if (format === "ul") {
           data.hChildren = [
             {