discord2html 1.0.2 → 1.0.3

package/README.md

@@ -13,6 +13,8 @@ Generate styled HTML transcripts from Discord channel message history. Processes
 
 - **Bug fix**: v3.3.0 introduced a stray `;` after the `<style>` JSX tag that prevented all custom CSS from loading, breaking the visual rendering of every Components V2 message. Fixed.
 - **Components V2**: Select menu option emojis now render as images (not raw URL strings). Premium button style handled. All unknown component types degrade gracefully to `null` instead of throwing.
+- **Modern markdown**: Headings (`#`, `##`, `###`) and subtext (`-#`) are now rendered as styled HTML instead of falling through to plain text — important for Components V2 messages that rely on them.
+- **CJS interop fix**: `discord-markdown-parser`'s `parse` is now imported as a named export. The previous default import resolved to the whole `module.exports` object under ESM, causing a runtime `parse is not a function` error.
 - **Dual CJS/ESM output**: Package now ships both `dist/index.js` (CJS) and `dist/index.mjs` (ESM) with matching `.d.ts` / `.d.mts` type declarations. The `exports` field is set correctly.
 - **Dependency fix**: `debug` was in `devDependencies` but is used in production code — moved to `dependencies`.
 - **Bundled React (self-contained)**: React, ReactDOM and `@derockdev/discord-components-*` are bundled into the dist at build time. The package renders with React 19 (`react-dom/static`), but `@derockdev/discord-components-react` peer-requires React ≤18 — so a naïve install left two React copies in the tree, and elements created under React 18 failed to render under React 19 with *"Objects are not valid as a React child"*. Bundling resolves every `import React` to a single React 19 instance baked into the package, so **consumers never need to install React or add `overrides`** — only `discord.js`. The ESM build injects a `createRequire` shim so the bundled CJS `react-dom` server can load Node built-ins (`util`, `stream`, …) without the *"Dynamic require of X is not supported"* error.

package/dist/index.js

@@ -135367,7 +135367,7 @@ var import_discord10 = require("discord.js");
 var import_react17 = __toESM(require_react());
 
 // src/generator/renderers/content.tsx
-var import_discord_markdown_parser = __toESM(require("discord-markdown-parser"));
+var import_discord_markdown_parser = require("discord-markdown-parser");
 var import_discord2 = require("discord.js");
 var import_react = __toESM(require_react());
 
@@ -135402,7 +135402,7 @@ function streamToString(stream) {
 // src/generator/renderers/content.tsx
 async function MessageContent({ content, context }) {
   if (context.type === 1 /* REPLY */ && content.length > 180) content = content.slice(0, 180) + "...";
-  const parsed = (0, import_discord_markdown_parser.default)(
+  const parsed = (0, import_discord_markdown_parser.parse)(
     content,
     context.type === 0 /* EMBED */ || context.type === 3 /* WEBHOOK */ ? "extended" : "normal"
   );
@@ -135499,6 +135499,18 @@ async function MessageSingleASTNode({ node, context }) {
       );
     case "timestamp":
       return /* @__PURE__ */ import_react.default.createElement(DiscordTime, { timestamp: parseInt(node.timestamp) * 1e3, format: node.format });
+    // Discord Components V2 / modern markdown: headings (#, ##, ###) and subtext (-#).
+    case "heading": {
+      if (context.type === 1 /* REPLY */) {
+        return /* @__PURE__ */ import_react.default.createElement(MessageASTNodes, { nodes: node.content, context });
+      }
+      const level = Math.min(Math.max(Number(node.level) || 1, 1), 3);
+      const fontSize = level === 1 ? "1.5em" : level === 2 ? "1.25em" : "1.1em";
+      const Tag = `h${level}`;
+      return /* @__PURE__ */ import_react.default.createElement(Tag, { style: { margin: "8px 0 4px", fontWeight: 700, lineHeight: 1.25, fontSize } }, /* @__PURE__ */ import_react.default.createElement(MessageASTNodes, { nodes: node.content, context }));
+    }
+    case "subtext":
+      return /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: "0.8em", color: "var(--text-muted, #949ba4)" } }, /* @__PURE__ */ import_react.default.createElement(MessageASTNodes, { nodes: node.content, context }));
     default: {
       console.log(`Unknown node type: ${type}`, node);
       return typeof node.content === "string" ? node.content : /* @__PURE__ */ import_react.default.createElement(MessageASTNodes, { nodes: node.content, context });