@next-core/brick-playground 1.9.9 → 1.9.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-core/brick-playground",
-  "version": "1.9.9",
+  "version": "1.9.10",
   "homepage": "https://github.com/easyops-cn/next-core/tree/v3/packages/brick-playground",
   "license": "GPL-3.0",
   "repository": {
@@ -43,5 +43,5 @@
     "monaco-editor-webpack-plugin": "^7.0.1",
     "webpack-dev-server": "^4.15.0"
   },
-  "gitHead": "1f4fb165de7f1f1a9dd2de5586748b5d08d21d7c"
+  "gitHead": "e1b52c586f1442e38829bee673d9af1623540d4e"
 }

package/serve/getExamples.js

@@ -3,6 +3,9 @@ import { existsSync } from "node:fs";
 import { readdir, readFile } from "node:fs/promises";
 import walk from "./walk.js";
 
+const REGEX_EXAMPLES_IN_MARKDOWN =
+  /(?:^###\s+(.+?)(?:\s+\{.*\})?\n[\s\S]*?)?^(```+)(html|yaml)(\s.*)?\n([\s\S]*?)\2/gm;
+
 /**
  *
  * @param {string} bricksDir
@@ -49,6 +52,23 @@ export default async function getExamples(bricksDir) {
         if (existsSync(srcPath)) {
           await walk(srcPath, visitExamples, [dir.name]);
         }
+        const docsDir = path.join(bricksDir, dir.name, "docs");
+        const examplesInMarkdown = await getExamplesInMarkdown(docsDir);
+        /** @type {string | undefined} */
+        let lastHeading;
+        for (const item of examplesInMarkdown) {
+          const stack = [dir.name, item.name];
+          const heading = item.heading ?? lastHeading;
+          lastHeading = heading;
+          if (heading) {
+            stack.push(heading.trim().toLowerCase());
+          }
+          const key = getDeduplicatedKey(stack.join("/"), exampleMap);
+          exampleMap.set(key, {
+            mode: item.mode,
+            [item.mode]: item.code,
+          });
+        }
       }
     })
   );
@@ -61,3 +81,57 @@ export default async function getExamples(bricksDir) {
     ...exampleMap.get(key),
   }));
 }
+
+/**
+ * @param {string} docsDir
+ */
+async function getExamplesInMarkdown(docsDir) {
+  if (!existsSync(docsDir)) {
+    return [];
+  }
+  const docs = await readdir(docsDir);
+  return (
+    await Promise.all(
+      docs.map(async (filename) => {
+        const examplesInMarkdown = [];
+        if (filename.endsWith(".md")) {
+          const filePath = path.join(docsDir, filename);
+          const content = await readFile(filePath, "utf-8");
+          /** @type {null|(string | undefined)[]} */
+          let matches;
+          while (
+            (matches = REGEX_EXAMPLES_IN_MARKDOWN.exec(content)) !== null
+          ) {
+            const [, heading, , mode, meta, code] = matches;
+            const metaParts = meta.trim().split(/\s+/);
+            if (metaParts.includes("preview")) {
+              examplesInMarkdown.push({
+                name: path.basename(filename, ".md").split(".").pop(),
+                heading,
+                mode,
+                meta,
+                code,
+              });
+            }
+          }
+        }
+        return examplesInMarkdown;
+      })
+    )
+  ).flat();
+}
+
+/**
+ * @param {string} key
+ * @param {Map<string, unknown>} map
+ * @returns {string}
+ */
+function getDeduplicatedKey(key, map) {
+  let count = 2;
+  let cursor = key;
+  while (map.has(cursor)) {
+    cursor = `${key} (${count})`;
+    count++;
+  }
+  return cursor;
+}