chalk-talk 0.9.0 → 0.11.0

package/markdown.d.ts

@@ -0,0 +1,7 @@
+// chalk-talk/markdown: ```chalk-talk and ```chalk-mermaid fences as <div data-chalk-talk> blocks for chalk-talk/mount.
+export function fenceKind(info: string | null | undefined): 'text' | 'mermaid' | undefined
+export function blockHtml(kind: 'text' | 'mermaid', source: string): string
+/** markdown-it plugin: md.use(markdownItChalkTalk). */
+export function markdownItChalkTalk<T>(md: T): T
+/** remark plugin (unified, MDX, Docusaurus): remarkPlugins: [remarkChalkTalk]. */
+export function remarkChalkTalk(): (tree: unknown) => void

package/markdown.js

@@ -0,0 +1,42 @@
+// chalk-talk/markdown (engine v0.250.0) — MIT. GENERATED by tools/assets.mjs.
+// player/markdown.ts
+var FENCES = { "chalk-talk": "text", "chalk-mermaid": "mermaid" };
+function fenceKind(info) {
+  return FENCES[(info ?? "").trim().split(/\s+/)[0]];
+}
+var escape = (s) => s.replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+function blockHtml(kind, source) {
+  return `<div class="chalk-talk-block" data-chalk-talk="${kind}"><div class="chalk-talk-source" style="white-space:pre-wrap;font-family:monospace">${escape(source)}</div></div>
+`;
+}
+function markdownItChalkTalk(md) {
+  const fence = md.renderer.rules.fence;
+  md.renderer.rules.fence = (tokens, idx, options, env, self) => {
+    const kind = fenceKind(tokens[idx].info);
+    if (kind) return blockHtml(kind, tokens[idx].content);
+    return fence ? fence(tokens, idx, options, env, self) : self.renderToken(tokens, idx, options);
+  };
+  return md;
+}
+function remarkChalkTalk() {
+  const walk = (node) => {
+    if (node.type === "code") {
+      const kind = fenceKind(node.lang);
+      if (kind) {
+        node.data = {
+          hName: "div",
+          hProperties: { className: ["chalk-talk-block"], dataChalkTalk: kind },
+          hChildren: [{ type: "element", tagName: "div", properties: { className: ["chalk-talk-source"], style: "white-space:pre-wrap;font-family:monospace" }, children: [{ type: "text", value: node.value ?? "" }] }]
+        };
+      }
+    }
+    for (const child of node.children ?? []) walk(child);
+  };
+  return (tree) => walk(tree);
+}
+export {
+  blockHtml,
+  fenceKind,
+  markdownItChalkTalk,
+  remarkChalkTalk
+};

package/mount.d.ts

@@ -0,0 +1,5 @@
+// chalk-talk/mount: [data-chalk-talk] blocks become lessons (chalk-talk/markdown writes them).
+/** Mounts the blocks inside `root` not mounted yet, and lets go of the ones no longer on the page. */
+export function mountAll(root?: ParentNode): void
+/** Mounts what is on the page now and keeps watching for blocks that appear (once per page). */
+export function watch(): void