@k2b/cloud 0.23.0 → 0.25.0

package/src/shared/markdown/extensions/info-blocks.ts

@@ -1,79 +0,0 @@
-/**
- * Info Blocks Extension for Marked
- *
- * Renders custom info blocks with syntax:
- * :::note
- * Content here
- * :::
- *
- * The type follows the colons directly — `::: note` with a space does not
- * match. An optional argument after the type overrides the label:
- * `:::warning Before deleting`.
- *
- * Supported types: note, info, success, warning, danger
- *
- * Every block renders as the calm NoticeCard: the tone tints the surface, the
- * text stays neutral, and there is no icon. An explicit title is the visible
- * heading and names the block, as on a NoticeCard; without one the type name
- * is announced to screen readers only. Email drops the visually hidden class,
- * so a titled block must not carry the type name as well.
- */
-
-import { NOTICE_CARD_CLASSES, type NoticeTone } from "@k2b/ui";
-import type { MarkedExtension, Tokens } from "marked";
-import { escapeHtml } from "../shared";
-
-type BlockType = "note" | "info" | "success" | "warning" | "danger";
-
-const blockConfig: Record<BlockType, { label: string; tone: NoticeTone }> = {
-  note: { label: "Note", tone: "neutral" },
-  info: { label: "Info", tone: "info" },
-  success: { label: "Success", tone: "success" },
-  warning: { label: "Warning", tone: "warning" },
-  danger: { label: "Danger", tone: "danger" },
-};
-
-const renderInlineContent = (content: string): string => {
-  return content
-    .replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>")
-    .replace(/(?<!\*)\*([^*]+)\*(?!\*)/g, "<em>$1</em>")
-    .replace(/`([^`]+)`/g, '<code class="bg-black/10 dark:bg-white/10 px-1 py-0.5 rounded text-sm">$1</code>')
-    .replace(/\n/g, "<br>");
-};
-
-export function infoBlocksExtension(): MarkedExtension {
-  return {
-    extensions: [
-      {
-        name: "infoBlock",
-        level: "block",
-        start(src: string) {
-          return src.match(/^:::/)?.index;
-        },
-        tokenizer(src: string) {
-          const match = src.match(/^:::(\w+)(?:[ \t]+([^\n]+))?\s*\n([\s\S]*?)\n:::/);
-          if (!match) return undefined;
-
-          const typeStr = match[1]?.toLowerCase() as BlockType;
-          if (!blockConfig[typeStr]) return undefined;
-
-          return {
-            type: "infoBlock",
-            raw: match[0],
-            blockType: typeStr,
-            title: match[2]?.trim(),
-            content: match[3]?.trim() ?? "",
-          };
-        },
-        renderer(token: Tokens.Generic) {
-          const config = blockConfig[token.blockType as BlockType];
-          const body = renderInlineContent(escapeHtml(token.content as string));
-          const name = token.title
-            ? `<p class="${NOTICE_CARD_CLASSES.title}">${escapeHtml(token.title as string)}</p>`
-            : `<span class="sr-only">${config.label}: </span>`;
-          return `<aside class="${NOTICE_CARD_CLASSES.root}" data-tone="${config.tone}" role="note">${name}<div class="${NOTICE_CARD_CLASSES.body}">${body}</div></aside>`;
-        },
-      },
-    ],
-  };
-}