@leadertechie/md2html 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/index.js

@@ -1,6 +1,869 @@
-export * from './types.js';
-export * from './parser.js';
-export * from './renderer.js';
-export * from './lit-renderer.js';
-export * from './pipeline.js';
-export { LitRenderer as HTMLRenderer } from './lit-renderer.js';
+import { marked } from "marked";
+class MarkdownParser {
+  constructor(options) {
+    this.imagePathPrefix = options?.imagePathPrefix || "";
+    this.imageBaseUrl = options?.imageBaseUrl || "";
+  }
+  processImagePath(src) {
+    if (src.startsWith("http") || src.startsWith("/")) {
+      return src;
+    }
+    let path = this.imagePathPrefix ? `${this.imagePathPrefix}${src}` : src;
+    if (this.imageBaseUrl && !path.startsWith("http")) {
+      path = `${this.imageBaseUrl}${path}`;
+    }
+    return path;
+  }
+  processInlineFormatting(text) {
+    return text.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>");
+  }
+  parseTokens(tokens) {
+    const nodes = [];
+    for (const token of tokens) {
+      const node = this.parseToken(token);
+      if (node) {
+        nodes.push(node);
+      }
+    }
+    return nodes;
+  }
+  parseToken(token) {
+    switch (token.type) {
+      case "heading":
+        return {
+          type: "heading",
+          content: token.text,
+          attributes: { level: String(token.depth) }
+        };
+      case "paragraph":
+        const tokens = token.tokens || [];
+        const hasInlineImage = tokens.some((t2) => t2.type === "image");
+        if (hasInlineImage) {
+          const children = tokens.map((t2) => {
+            if (t2.type === "image") {
+              return {
+                type: "image",
+                src: this.processImagePath(t2.href),
+                alt: t2.text || ""
+              };
+            }
+            return {
+              type: "text",
+              content: this.processInlineFormatting(t2.text || "")
+            };
+          });
+          return {
+            type: "paragraph",
+            children
+          };
+        }
+        return {
+          type: "paragraph",
+          content: this.processInlineFormatting(token.text)
+        };
+      case "list":
+        return {
+          type: "list",
+          ordered: token.ordered,
+          children: token.items.map((item) => ({
+            type: "list-item",
+            content: this.processInlineFormatting(item.text)
+          }))
+        };
+      case "image":
+        return {
+          type: "image",
+          src: this.processImagePath(token.href),
+          alt: token.title || ""
+        };
+      case "code":
+        return {
+          type: "code",
+          content: token.text,
+          attributes: { lang: token.lang || "" }
+        };
+      case "hr":
+        return { type: "container", attributes: { tag: "hr" } };
+      case "blockquote":
+        return {
+          type: "container",
+          attributes: { tag: "blockquote" },
+          children: this.parseTokens(token.tokens || [])
+        };
+      case "html":
+        return { type: "container", content: token.raw };
+      default:
+        return null;
+    }
+  }
+  parse(markdown, options) {
+    const parseOptions = {
+      gfm: options?.gfm ?? true,
+      breaks: options?.breaks ?? false,
+      pedantic: options?.pedantic ?? false
+    };
+    const tokens = marked.lexer(markdown, parseOptions);
+    const content = this.parseTokens(tokens);
+    return {
+      title: "",
+      content
+    };
+  }
+  parseToNodes(markdown, options) {
+    return this.parse(markdown, options).content;
+  }
+}
+class HTMLRenderer {
+  constructor(config = {}) {
+    this.config = {
+      classPrefix: config.classPrefix || "",
+      customCSS: config.customCSS || "",
+      addHeadingIds: config.addHeadingIds ?? false
+    };
+  }
+  hasClassConfig() {
+    return this.config.classPrefix !== "" || this.config.addHeadingIds;
+  }
+  getClass(baseClass, nodeClass) {
+    if (!this.hasClassConfig()) {
+      return nodeClass || "";
+    }
+    const prefix = this.config.classPrefix;
+    const classes = [prefix ? `${prefix}${baseClass}` : baseClass];
+    if (nodeClass) classes.push(nodeClass);
+    return classes.join(" ");
+  }
+  generateHeadingId(content) {
+    if (!content) return "";
+    return content.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
+  }
+  renderWithClass(tag, content, baseClass, nodeClass, extraAttrs) {
+    const classAttr = this.hasClassConfig() && baseClass ? ` class="${this.getClass(baseClass, nodeClass)}"` : "";
+    return `<${tag}${classAttr}${extraAttrs || ""}>${content}</${tag}>`;
+  }
+  renderNode(node) {
+    switch (node.type) {
+      case "heading":
+        const level = node.attributes?.level || "2";
+        const headingId = this.config.addHeadingIds ? ` id="${this.generateHeadingId(node.content)}"` : "";
+        if (!this.hasClassConfig()) {
+          return `<h${level}${headingId}>${node.content || ""}</h${level}>`;
+        }
+        return `<h${level}${headingId} class="${this.getClass("heading")}">${node.content || ""}</h${level}>`;
+      case "paragraph":
+        if (node.children) {
+          const childrenHtml = node.children.map((child) => this.renderNode(child)).join("");
+          return this.renderWithClass("p", childrenHtml, "paragraph");
+        }
+        return this.renderWithClass("p", node.content || "", "paragraph");
+      case "list":
+        const tag = node.ordered ? "ol" : "ul";
+        const items = node.children?.map((child) => this.renderNode(child)).join("") || "";
+        return this.renderWithClass(tag, items, "list");
+      case "list-item":
+        return this.renderWithClass("li", node.content || "", "list-item");
+      case "image":
+        const src = node.src || node.attributes?.src || "";
+        const alt = node.alt || node.attributes?.alt || "";
+        const classStr = this.getClass("image", node.className || void 0);
+        return `<img src="${src}" alt="${alt}"${classStr ? ` class="${classStr}"` : ""}>`;
+      case "code":
+        const codeClass = this.hasClassConfig() ? ` class="${this.getClass("code")} language-${node.attributes?.lang || ""}"` : ` class="language-${node.attributes?.lang || ""}"`;
+        return `<pre><code${codeClass}>${node.content || ""}</code></pre>`;
+      case "container":
+        if (node.attributes?.tag === "hr") return "<hr>";
+        if (node.attributes?.tag === "blockquote") {
+          const children = node.children?.map((child) => this.renderNode(child)).join("") || "";
+          return this.renderWithClass("blockquote", children, "blockquote");
+        }
+        const containerChildren = node.children?.map((child) => this.renderNode(child)).join("") || "";
+        return this.renderWithClass("div", containerChildren, "container", node.className || void 0);
+      case "strong":
+        return `<strong>${node.content || ""}</strong>`;
+      case "emphasis":
+        return `<em>${node.content || ""}</em>`;
+      case "text":
+      default:
+        return node.content || "";
+    }
+  }
+  renderNodes(nodes) {
+    if (!nodes || nodes.length === 0) {
+      return "";
+    }
+    return nodes.map((node) => this.renderNode(node)).join("\n");
+  }
+  renderToHTMLString(nodes) {
+    return this.renderNodes(nodes);
+  }
+  render(markdown) {
+    return markdown;
+  }
+  getCustomCSS() {
+    return this.config.customCSS;
+  }
+}
+const t$2 = globalThis, e$4 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = /* @__PURE__ */ Symbol(), o$4 = /* @__PURE__ */ new WeakMap();
+let n$2 = class n {
+  constructor(t2, e2, o2) {
+    if (this._$cssResult$ = true, o2 !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t2, this.t = e2;
+  }
+  get styleSheet() {
+    let t2 = this.o;
+    const s2 = this.t;
+    if (e$4 && void 0 === t2) {
+      const e2 = void 0 !== s2 && 1 === s2.length;
+      e2 && (t2 = o$4.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && o$4.set(s2, t2));
+    }
+    return t2;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const r$2 = (t2) => new n$2("string" == typeof t2 ? t2 : t2 + "", void 0, s$2), S$1 = (s2, o2) => {
+  if (e$4) s2.adoptedStyleSheets = o2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet);
+  else for (const e2 of o2) {
+    const o3 = document.createElement("style"), n3 = t$2.litNonce;
+    void 0 !== n3 && o3.setAttribute("nonce", n3), o3.textContent = e2.cssText, s2.appendChild(o3);
+  }
+}, c$2 = e$4 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
+  let e2 = "";
+  for (const s2 of t3.cssRules) e2 += s2.cssText;
+  return r$2(e2);
+})(t2) : t2;
+const { is: i$3, defineProperty: e$3, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$1, getOwnPropertySymbols: o$3, getPrototypeOf: n$1 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (t2, s2) => t2, u$1 = { toAttribute(t2, s2) {
+  switch (s2) {
+    case Boolean:
+      t2 = t2 ? l$1 : null;
+      break;
+    case Object:
+    case Array:
+      t2 = null == t2 ? t2 : JSON.stringify(t2);
+  }
+  return t2;
+}, fromAttribute(t2, s2) {
+  let i3 = t2;
+  switch (s2) {
+    case Boolean:
+      i3 = null !== t2;
+      break;
+    case Number:
+      i3 = null === t2 ? null : Number(t2);
+      break;
+    case Object:
+    case Array:
+      try {
+        i3 = JSON.parse(t2);
+      } catch (t3) {
+        i3 = null;
+      }
+  }
+  return i3;
+} }, f$1 = (t2, s2) => !i$3(t2, s2), b$1 = { attribute: true, type: String, converter: u$1, reflect: false, useDefault: false, hasChanged: f$1 };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let y$1 = class y extends HTMLElement {
+  static addInitializer(t2) {
+    this._$Ei(), (this.l ??= []).push(t2);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t2, s2 = b$1) {
+    if (s2.state && (s2.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t2) && ((s2 = Object.create(s2)).wrapped = true), this.elementProperties.set(t2, s2), !s2.noAccessor) {
+      const i3 = /* @__PURE__ */ Symbol(), h2 = this.getPropertyDescriptor(t2, i3, s2);
+      void 0 !== h2 && e$3(this.prototype, t2, h2);
+    }
+  }
+  static getPropertyDescriptor(t2, s2, i3) {
+    const { get: e2, set: r2 } = h$1(this.prototype, t2) ?? { get() {
+      return this[s2];
+    }, set(t3) {
+      this[s2] = t3;
+    } };
+    return { get: e2, set(s3) {
+      const h2 = e2?.call(this);
+      r2?.call(this, s3), this.requestUpdate(t2, h2, i3);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t2) {
+    return this.elementProperties.get(t2) ?? b$1;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d$1("elementProperties"))) return;
+    const t2 = n$1(this);
+    t2.finalize(), void 0 !== t2.l && (this.l = [...t2.l]), this.elementProperties = new Map(t2.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d$1("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
+      const t3 = this.properties, s2 = [...r$1(t3), ...o$3(t3)];
+      for (const i3 of s2) this.createProperty(i3, t3[i3]);
+    }
+    const t2 = this[Symbol.metadata];
+    if (null !== t2) {
+      const s2 = litPropertyMetadata.get(t2);
+      if (void 0 !== s2) for (const [t3, i3] of s2) this.elementProperties.set(t3, i3);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t3, s2] of this.elementProperties) {
+      const i3 = this._$Eu(t3, s2);
+      void 0 !== i3 && this._$Eh.set(i3, t3);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s2) {
+    const i3 = [];
+    if (Array.isArray(s2)) {
+      const e2 = new Set(s2.flat(1 / 0).reverse());
+      for (const s3 of e2) i3.unshift(c$2(s3));
+    } else void 0 !== s2 && i3.push(c$2(s2));
+    return i3;
+  }
+  static _$Eu(t2, s2) {
+    const i3 = s2.attribute;
+    return false === i3 ? void 0 : "string" == typeof i3 ? i3 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t2) => this.enableUpdating = t2), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t2) => t2(this));
+  }
+  addController(t2) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t2), void 0 !== this.renderRoot && this.isConnected && t2.hostConnected?.();
+  }
+  removeController(t2) {
+    this._$EO?.delete(t2);
+  }
+  _$E_() {
+    const t2 = /* @__PURE__ */ new Map(), s2 = this.constructor.elementProperties;
+    for (const i3 of s2.keys()) this.hasOwnProperty(i3) && (t2.set(i3, this[i3]), delete this[i3]);
+    t2.size > 0 && (this._$Ep = t2);
+  }
+  createRenderRoot() {
+    const t2 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S$1(t2, this.constructor.elementStyles), t2;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t2) => t2.hostConnected?.());
+  }
+  enableUpdating(t2) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t2) => t2.hostDisconnected?.());
+  }
+  attributeChangedCallback(t2, s2, i3) {
+    this._$AK(t2, i3);
+  }
+  _$ET(t2, s2) {
+    const i3 = this.constructor.elementProperties.get(t2), e2 = this.constructor._$Eu(t2, i3);
+    if (void 0 !== e2 && true === i3.reflect) {
+      const h2 = (void 0 !== i3.converter?.toAttribute ? i3.converter : u$1).toAttribute(s2, i3.type);
+      this._$Em = t2, null == h2 ? this.removeAttribute(e2) : this.setAttribute(e2, h2), this._$Em = null;
+    }
+  }
+  _$AK(t2, s2) {
+    const i3 = this.constructor, e2 = i3._$Eh.get(t2);
+    if (void 0 !== e2 && this._$Em !== e2) {
+      const t3 = i3.getPropertyOptions(e2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== t3.converter?.fromAttribute ? t3.converter : u$1;
+      this._$Em = e2;
+      const r2 = h2.fromAttribute(s2, t3.type);
+      this[e2] = r2 ?? this._$Ej?.get(e2) ?? r2, this._$Em = null;
+    }
+  }
+  requestUpdate(t2, s2, i3, e2 = false, h2) {
+    if (void 0 !== t2) {
+      const r2 = this.constructor;
+      if (false === e2 && (h2 = this[t2]), i3 ??= r2.getPropertyOptions(t2), !((i3.hasChanged ?? f$1)(h2, s2) || i3.useDefault && i3.reflect && h2 === this._$Ej?.get(t2) && !this.hasAttribute(r2._$Eu(t2, i3)))) return;
+      this.C(t2, s2, i3);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(t2, s2, { useDefault: i3, reflect: e2, wrapped: h2 }, r2) {
+    i3 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t2) && (this._$Ej.set(t2, r2 ?? s2 ?? this[t2]), true !== h2 || void 0 !== r2) || (this._$AL.has(t2) || (this.hasUpdated || i3 || (s2 = void 0), this._$AL.set(t2, s2)), true === e2 && this._$Em !== t2 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t2));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t3) {
+      Promise.reject(t3);
+    }
+    const t2 = this.scheduleUpdate();
+    return null != t2 && await t2, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t4, s3] of this._$Ep) this[t4] = s3;
+        this._$Ep = void 0;
+      }
+      const t3 = this.constructor.elementProperties;
+      if (t3.size > 0) for (const [s3, i3] of t3) {
+        const { wrapped: t4 } = i3, e2 = this[s3];
+        true !== t4 || this._$AL.has(s3) || void 0 === e2 || this.C(s3, void 0, i3, e2);
+      }
+    }
+    let t2 = false;
+    const s2 = this._$AL;
+    try {
+      t2 = this.shouldUpdate(s2), t2 ? (this.willUpdate(s2), this._$EO?.forEach((t3) => t3.hostUpdate?.()), this.update(s2)) : this._$EM();
+    } catch (s3) {
+      throw t2 = false, this._$EM(), s3;
+    }
+    t2 && this._$AE(s2);
+  }
+  willUpdate(t2) {
+  }
+  _$AE(t2) {
+    this._$EO?.forEach((t3) => t3.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t2) {
+    return true;
+  }
+  update(t2) {
+    this._$Eq &&= this._$Eq.forEach((t3) => this._$ET(t3, this[t3])), this._$EM();
+  }
+  updated(t2) {
+  }
+  firstUpdated(t2) {
+  }
+};
+y$1.elementStyles = [], y$1.shadowRootOptions = { mode: "open" }, y$1[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y$1[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y$1 }), (a$1.reactiveElementVersions ??= []).push("2.1.2");
+const t$1 = globalThis, i$2 = (t2) => t2, s$1 = t$1.trustedTypes, e$2 = s$1 ? s$1.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, h = "$lit$", o$2 = `lit$${Math.random().toFixed(9).slice(2)}$`, n2 = "?" + o$2, r = `<${n2}>`, l = document, c = () => l.createComment(""), a = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u = Array.isArray, d = (t2) => u(t2) || "function" == typeof t2?.[Symbol.iterator], f = "[ 	\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y2 = /^(?:script|style|textarea|title)$/i, x = (t2) => (i3, ...s2) => ({ _$litType$: t2, strings: i3, values: s2 }), b = x(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), A = /* @__PURE__ */ Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), P = l.createTreeWalker(l, 129);
+function V(t2, i3) {
+  if (!u(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e$2 ? e$2.createHTML(i3) : i3;
+}
+const N = (t2, i3) => {
+  const s2 = t2.length - 1, e2 = [];
+  let n3, l2 = 2 === i3 ? "<svg>" : 3 === i3 ? "<math>" : "", c2 = v;
+  for (let i4 = 0; i4 < s2; i4++) {
+    const s3 = t2[i4];
+    let a2, u2, d2 = -1, f2 = 0;
+    for (; f2 < s3.length && (c2.lastIndex = f2, u2 = c2.exec(s3), null !== u2); ) f2 = c2.lastIndex, c2 === v ? "!--" === u2[1] ? c2 = _ : void 0 !== u2[1] ? c2 = m : void 0 !== u2[2] ? (y2.test(u2[2]) && (n3 = RegExp("</" + u2[2], "g")), c2 = p) : void 0 !== u2[3] && (c2 = p) : c2 === p ? ">" === u2[0] ? (c2 = n3 ?? v, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? p : '"' === u2[3] ? $ : g) : c2 === $ || c2 === g ? c2 = p : c2 === _ || c2 === m ? c2 = v : (c2 = p, n3 = void 0);
+    const x2 = c2 === p && t2[i4 + 1].startsWith("/>") ? " " : "";
+    l2 += c2 === v ? s3 + r : d2 >= 0 ? (e2.push(a2), s3.slice(0, d2) + h + s3.slice(d2) + o$2 + x2) : s3 + o$2 + (-2 === d2 ? i4 : x2);
+  }
+  return [V(t2, l2 + (t2[s2] || "<?>") + (2 === i3 ? "</svg>" : 3 === i3 ? "</math>" : "")), e2];
+};
+class S {
+  constructor({ strings: t2, _$litType$: i3 }, e2) {
+    let r2;
+    this.parts = [];
+    let l2 = 0, a2 = 0;
+    const u2 = t2.length - 1, d2 = this.parts, [f2, v2] = N(t2, i3);
+    if (this.el = S.createElement(f2, e2), P.currentNode = this.el.content, 2 === i3 || 3 === i3) {
+      const t3 = this.el.content.firstChild;
+      t3.replaceWith(...t3.childNodes);
+    }
+    for (; null !== (r2 = P.nextNode()) && d2.length < u2; ) {
+      if (1 === r2.nodeType) {
+        if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(h)) {
+          const i4 = v2[a2++], s2 = r2.getAttribute(t3).split(o$2), e3 = /([.?@])?(.*)/.exec(i4);
+          d2.push({ type: 1, index: l2, name: e3[2], strings: s2, ctor: "." === e3[1] ? I : "?" === e3[1] ? L : "@" === e3[1] ? z : H }), r2.removeAttribute(t3);
+        } else t3.startsWith(o$2) && (d2.push({ type: 6, index: l2 }), r2.removeAttribute(t3));
+        if (y2.test(r2.tagName)) {
+          const t3 = r2.textContent.split(o$2), i4 = t3.length - 1;
+          if (i4 > 0) {
+            r2.textContent = s$1 ? s$1.emptyScript : "";
+            for (let s2 = 0; s2 < i4; s2++) r2.append(t3[s2], c()), P.nextNode(), d2.push({ type: 2, index: ++l2 });
+            r2.append(t3[i4], c());
+          }
+        }
+      } else if (8 === r2.nodeType) if (r2.data === n2) d2.push({ type: 2, index: l2 });
+      else {
+        let t3 = -1;
+        for (; -1 !== (t3 = r2.data.indexOf(o$2, t3 + 1)); ) d2.push({ type: 7, index: l2 }), t3 += o$2.length - 1;
+      }
+      l2++;
+    }
+  }
+  static createElement(t2, i3) {
+    const s2 = l.createElement("template");
+    return s2.innerHTML = t2, s2;
+  }
+}
+function M(t2, i3, s2 = t2, e2) {
+  if (i3 === E) return i3;
+  let h2 = void 0 !== e2 ? s2._$Co?.[e2] : s2._$Cl;
+  const o2 = a(i3) ? void 0 : i3._$litDirective$;
+  return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e2)), void 0 !== e2 ? (s2._$Co ??= [])[e2] = h2 : s2._$Cl = h2), void 0 !== h2 && (i3 = M(t2, h2._$AS(t2, i3.values), h2, e2)), i3;
+}
+class R {
+  constructor(t2, i3) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i3;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t2) {
+    const { el: { content: i3 }, parts: s2 } = this._$AD, e2 = (t2?.creationScope ?? l).importNode(i3, true);
+    P.currentNode = e2;
+    let h2 = P.nextNode(), o2 = 0, n3 = 0, r2 = s2[0];
+    for (; void 0 !== r2; ) {
+      if (o2 === r2.index) {
+        let i4;
+        2 === r2.type ? i4 = new k(h2, h2.nextSibling, this, t2) : 1 === r2.type ? i4 = new r2.ctor(h2, r2.name, r2.strings, this, t2) : 6 === r2.type && (i4 = new Z(h2, this, t2)), this._$AV.push(i4), r2 = s2[++n3];
+      }
+      o2 !== r2?.index && (h2 = P.nextNode(), o2++);
+    }
+    return P.currentNode = l, e2;
+  }
+  p(t2) {
+    let i3 = 0;
+    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i3), i3 += s2.strings.length - 2) : s2._$AI(t2[i3])), i3++;
+  }
+}
+class k {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t2, i3, s2, e2) {
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s2, this.options = e2, this._$Cv = e2?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t2 = this._$AA.parentNode;
+    const i3 = this._$AM;
+    return void 0 !== i3 && 11 === t2?.nodeType && (t2 = i3.parentNode), t2;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t2, i3 = this) {
+    t2 = M(this, t2, i3), a(t2) ? t2 === A || null == t2 || "" === t2 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t2 !== this._$AH && t2 !== E && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : d(t2) ? this.k(t2) : this._(t2);
+  }
+  O(t2) {
+    return this._$AA.parentNode.insertBefore(t2, this._$AB);
+  }
+  T(t2) {
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
+  }
+  _(t2) {
+    this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(l.createTextNode(t2)), this._$AH = t2;
+  }
+  $(t2) {
+    const { values: i3, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = S.createElement(V(s2.h, s2.h[0]), this.options)), s2);
+    if (this._$AH?._$AD === e2) this._$AH.p(i3);
+    else {
+      const t3 = new R(e2, this), s3 = t3.u(this.options);
+      t3.p(i3), this.T(s3), this._$AH = t3;
+    }
+  }
+  _$AC(t2) {
+    let i3 = C.get(t2.strings);
+    return void 0 === i3 && C.set(t2.strings, i3 = new S(t2)), i3;
+  }
+  k(t2) {
+    u(this._$AH) || (this._$AH = [], this._$AR());
+    const i3 = this._$AH;
+    let s2, e2 = 0;
+    for (const h2 of t2) e2 === i3.length ? i3.push(s2 = new k(this.O(c()), this.O(c()), this, this.options)) : s2 = i3[e2], s2._$AI(h2), e2++;
+    e2 < i3.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i3.length = e2);
+  }
+  _$AR(t2 = this._$AA.nextSibling, s2) {
+    for (this._$AP?.(false, true, s2); t2 !== this._$AB; ) {
+      const s3 = i$2(t2).nextSibling;
+      i$2(t2).remove(), t2 = s3;
+    }
+  }
+  setConnected(t2) {
+    void 0 === this._$AM && (this._$Cv = t2, this._$AP?.(t2));
+  }
+}
+class H {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t2, i3, s2, e2, h2) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = A;
+  }
+  _$AI(t2, i3 = this, s2, e2) {
+    const h2 = this.strings;
+    let o2 = false;
+    if (void 0 === h2) t2 = M(this, t2, i3, 0), o2 = !a(t2) || t2 !== this._$AH && t2 !== E, o2 && (this._$AH = t2);
+    else {
+      const e3 = t2;
+      let n3, r2;
+      for (t2 = h2[0], n3 = 0; n3 < h2.length - 1; n3++) r2 = M(this, e3[s2 + n3], i3, n3), r2 === E && (r2 = this._$AH[n3]), o2 ||= !a(r2) || r2 !== this._$AH[n3], r2 === A ? t2 = A : t2 !== A && (t2 += (r2 ?? "") + h2[n3 + 1]), this._$AH[n3] = r2;
+    }
+    o2 && !e2 && this.j(t2);
+  }
+  j(t2) {
+    t2 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
+  }
+}
+class I extends H {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t2) {
+    this.element[this.name] = t2 === A ? void 0 : t2;
+  }
+}
+class L extends H {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t2) {
+    this.element.toggleAttribute(this.name, !!t2 && t2 !== A);
+  }
+}
+class z extends H {
+  constructor(t2, i3, s2, e2, h2) {
+    super(t2, i3, s2, e2, h2), this.type = 5;
+  }
+  _$AI(t2, i3 = this) {
+    if ((t2 = M(this, t2, i3, 0) ?? A) === E) return;
+    const s2 = this._$AH, e2 = t2 === A && s2 !== A || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== A && (s2 === A || e2);
+    e2 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
+  }
+  handleEvent(t2) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t2) : this._$AH.handleEvent(t2);
+  }
+}
+class Z {
+  constructor(t2, i3, s2) {
+    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = s2;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t2) {
+    M(this, t2);
+  }
+}
+const B = t$1.litHtmlPolyfillSupport;
+B?.(S, k), (t$1.litHtmlVersions ??= []).push("3.3.2");
+const D = (t2, i3, s2) => {
+  const e2 = s2?.renderBefore ?? i3;
+  let h2 = e2._$litPart$;
+  if (void 0 === h2) {
+    const t3 = s2?.renderBefore ?? null;
+    e2._$litPart$ = h2 = new k(i3.insertBefore(c(), t3), t3, void 0, s2 ?? {});
+  }
+  return h2._$AI(t2), h2;
+};
+const s = globalThis;
+let i$1 = class i extends y$1 {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t2 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t2.firstChild, t2;
+  }
+  update(t2) {
+    const r2 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = D(r2, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return E;
+  }
+};
+i$1._$litElement$ = true, i$1["finalized"] = true, s.litElementHydrateSupport?.({ LitElement: i$1 });
+const o$1 = s.litElementPolyfillSupport;
+o$1?.({ LitElement: i$1 });
+(s.litElementVersions ??= []).push("4.2.2");
+const t = { CHILD: 2 }, e$1 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+class i2 {
+  constructor(t2) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t2, e2, i3) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i3;
+  }
+  _$AS(t2, e2) {
+    return this.update(t2, e2);
+  }
+  update(t2, e2) {
+    return this.render(...e2);
+  }
+}
+class e extends i2 {
+  constructor(i3) {
+    if (super(i3), this.it = A, i3.type !== t.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(r2) {
+    if (r2 === A || null == r2) return this._t = void 0, this.it = r2;
+    if (r2 === E) return r2;
+    if ("string" != typeof r2) throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (r2 === this.it) return this._t;
+    this.it = r2;
+    const s2 = [r2];
+    return s2.raw = s2, this._t = { _$litType$: this.constructor.resultType, strings: s2, values: [] };
+  }
+}
+e.directiveName = "unsafeHTML", e.resultType = 1;
+const o = e$1(e);
+class LitRenderer {
+  renderTextNode(node) {
+    if (node.type === "image") {
+      return b`<img src="${node.src}" alt="${node.alt || ""}" class="inline-image" style="max-width:100%;height:auto;">`;
+    }
+    return b`${o(node.content || "")}`;
+  }
+  renderNode(node) {
+    switch (node.type) {
+      case "heading": {
+        const level = node.attributes?.level || "2";
+        if (level === "1") return b`<h1>${o(node.content)}</h1>`;
+        if (level === "2") return b`<h2>${o(node.content)}</h2>`;
+        if (level === "3") return b`<h3>${o(node.content)}</h3>`;
+        return b`<h2>${o(node.content)}</h2>`;
+      }
+      case "paragraph":
+        if (node.children) {
+          return b`<p>${node.children.map((child) => this.renderTextNode(child))}</p>`;
+        }
+        return b`<p>${o(node.content)}</p>`;
+      case "list":
+        return b`<ul>${node.children?.map((child) => this.renderNode(child))}</ul>`;
+      case "list-item":
+        return b`<li>${o(node.content)}</li>`;
+      case "image":
+        return b`<img src="${node.src || node.attributes?.src}" alt="${node.alt || node.attributes?.alt || ""}" class="${node.className || ""}" style="max-width:100%;height:auto;">`;
+      case "container":
+        return b`<div class="${node.className || ""}" style="${node.attributes?.style || ""}">
+          ${node.children?.map((child) => this.renderNode(child))}
+        </div>`;
+      case "code":
+        return b`<pre><code class="language-${node.attributes?.lang || ""}">${node.content || ""}</code></pre>`;
+      case "text":
+        return b`${node.content}`;
+      default:
+        return b``;
+    }
+  }
+  renderNodes(nodes) {
+    if (!nodes || nodes.length === 0) {
+      return b``;
+    }
+    return b`${nodes.map((node) => this.renderNode(node))}`;
+  }
+  renderToHTMLString(nodes) {
+    if (!nodes || nodes.length === 0) {
+      return "";
+    }
+    return nodes.map((node) => this.nodeToHTMLString(node)).join("\n");
+  }
+  nodeToHTMLString(node) {
+    switch (node.type) {
+      case "heading":
+        const level = node.attributes?.level || "2";
+        return `<h${level}>${node.content}</h${level}>`;
+      case "paragraph":
+        return `<p>${node.content}</p>`;
+      case "list":
+        const items = node.children?.map((child) => this.nodeToHTMLString(child)).join("") || "";
+        return `<ul>${items}</ul>`;
+      case "list-item":
+        return `<li>${node.content}</li>`;
+      case "image":
+        return `<img src="${node.attributes?.src}" alt="${node.attributes?.alt}" class="${node.className || ""}">`;
+      case "container":
+        const childrenHTML = node.children?.map((child) => this.nodeToHTMLString(child)).join("") || "";
+        return `<div class="${node.className || ""}">${childrenHTML}</div>`;
+      case "text":
+        return node.content || "";
+      default:
+        return "";
+    }
+  }
+}
+class MarkdownPipeline {
+  constructor(config = {}) {
+    this.config = {
+      imagePathPrefix: config.imagePathPrefix || "",
+      imageBaseUrl: config.imageBaseUrl || "",
+      parseOptions: {
+        gfm: config.parseOptions?.gfm ?? true,
+        breaks: config.parseOptions?.breaks ?? false,
+        pedantic: config.parseOptions?.pedantic ?? false
+      },
+      styleOptions: {
+        classPrefix: config.styleOptions?.classPrefix || "",
+        customCSS: config.styleOptions?.customCSS || "",
+        addHeadingIds: config.styleOptions?.addHeadingIds ?? false
+      }
+    };
+    this.parser = new MarkdownParser({
+      imagePathPrefix: this.config.imagePathPrefix,
+      imageBaseUrl: this.config.imageBaseUrl
+    });
+    this.renderer = new HTMLRenderer(this.config.styleOptions);
+  }
+  parse(markdown) {
+    return this.parser.parseToNodes(markdown, this.config.parseOptions);
+  }
+  parseWithMetadata(markdown) {
+    return this.parser.parse(markdown, this.config.parseOptions);
+  }
+  render(nodes) {
+    return this.renderer.renderNodes(nodes);
+  }
+  renderMarkdown(markdown) {
+    const nodes = this.parse(markdown);
+    return this.render(nodes);
+  }
+  renderPage(title, nodes, options) {
+    const html = this.render(nodes);
+    return `<!DOCTYPE html>
+<html lang="${options?.lang || "en"}">
+<head>
+  <meta charset="${options?.charset || "UTF-8"}">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${title}</title>
+</head>
+<body>
+  ${html}
+</body>
+</html>`;
+  }
+  getConfig() {
+    return { ...this.config };
+  }
+  getCustomCSS() {
+    return this.renderer.getCustomCSS();
+  }
+}
+export {
+  LitRenderer as HTMLRenderer,
+  LitRenderer,
+  MarkdownParser,
+  MarkdownPipeline
+};
+//# sourceMappingURL=index.js.map