mdast-util-to-vnode 0.3.1 → 0.4.0

package/README.md

@@ -8,6 +8,9 @@ This package is a utility that takes [mdast](https://github.com/syntax-tree/mdas
 
 ## When should I use this?
 
+> [!TIP]
+> Vue Markdown: the vue component for render markdown string, and support streaming for AI. [Learn more 👉](https://github.com/litingyes/vue-markdown)
+
 If you want to use Vue.js to render mdast, use it. It is especially useful when you want to render streamed MarkDown strings in AI application development.
 
 ## Install

package/dist/index.d.ts

@@ -7,4 +7,8 @@ export interface ToVNodeOptions {
 export declare function toVNode(node: Root, options?: ToVNodeOptions): VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>;
-export declare function createVNode(node: Node, options?: ToVNodeOptions, index?: number): VNode;
+export interface CreateVNodeContext {
+    index: number;
+    parent: Node | null;
+}
+export declare function createVNode(node: Node, options: ToVNodeOptions | undefined, context: CreateVNodeContext): VNode;

package/dist/index.js

@@ -1,95 +1,98 @@
-import { h as a, Text as y } from "vue";
-function m(r) {
+import { h as t, Comment as O, Text as j } from "vue";
+function p(r) {
   return Array.isArray(r);
 }
-function v(r) {
+function C(r) {
   return typeof r == "object" && r !== null;
 }
-function h(r) {
+function y(r) {
   return typeof r == "function";
 }
-function n(r) {
-  return v(r) && !m(r) && !h(r);
+function s(r) {
+  return C(r) && !p(r) && !y(r);
 }
-function l(r, ...u) {
-  if (!n(r))
+function i(r, ...l) {
+  if (!s(r))
     return r;
-  const s = u.filter((t) => n(t));
-  if (!s.length)
+  const c = l.filter((a) => s(a));
+  if (!c.length)
     return r;
-  const e = s.shift();
-  for (const t in e)
-    n(e[t]) ? (Object.prototype.hasOwnProperty.call(r, t) || Object.assign(r, { [t]: {} }), l(r[t], e[t])) : Object.assign(r, { [t]: e[t] });
-  return l(r, ...s);
+  const e = c.shift();
+  for (const a in e)
+    s(e[a]) ? (Object.prototype.hasOwnProperty.call(r, a) || Object.assign(r, { [a]: {} }), i(r[a], e[a])) : Object.assign(r, { [a]: e[a] });
+  return i(r, ...c);
 }
-function i(r, u) {
-  return u.reduce((s, e) => (s[e] = r[e], s), {});
+function n(r, l) {
+  return l.reduce((c, e) => (c[e] = r[e], c), {});
 }
-function p(r, u = {}) {
-  return b(r, u, 0);
+function N(r, l = {}) {
+  return v(r, l, {
+    index: 0,
+    parent: null
+  });
 }
-function b(r, u = {}, s) {
-  var f;
-  let e = (f = u.components) == null ? void 0 : f[r.type], t = {};
-  switch (h(e) && (e = e(r)), m(e) && (t = e[1] ?? {}, e = e[0]), r.type) {
+function v(r, l = {}, c) {
+  var f, m, h, b, g;
+  let e = (f = l.components) == null ? void 0 : f[r.type], a = {};
+  switch (y(e) && (e = e(r)), p(e) && (a = e[1] ?? {}, e = e[0]), r.type) {
     case "blockquote":
-      return a(
+      return t(
         e ?? "blockquote",
-        t,
-        c(r, u)
+        a,
+        u(r, l)
       );
     case "break":
-      return a(
+      return t(
         e ?? "br",
-        t
+        a
       );
     case "code":
-      return e ? a(
+      return e ? t(
         e,
-        l(i(r, ["lang", "meta", "value"]), t)
-      ) : a(
+        i(n(r, ["lang", "meta", "value"]), a)
+      ) : t(
         "pre",
         {
-          dataLang: r.lang,
-          dataMeta: r.meta
+          "data-lang": r.lang,
+          "data-meta": r.meta
         },
-        a("code", r.value)
+        t("code", r.value)
       );
     case "delete":
-      return a(
+      return t(
         e ?? "s",
-        t,
-        c(r, u)
+        a,
+        u(r, l)
       );
     case "emphasis":
-      return a(
+      return t(
         e ?? "em",
-        t,
-        c(r, u)
+        a,
+        u(r, l)
       );
     case "heading":
-      return e ? a(
+      return e ? t(
         e,
-        l(i(r, ["depth"]), t)
-      ) : a(
+        i(n(r, ["depth"]), a)
+      ) : t(
         `h${r.depth}`,
-        c(r, u)
+        u(r, l)
       );
     case "html":
-      return e ? a(
+      return e ? t(
         e,
-        l(i(r, ["value"]), t)
-      ) : a(
+        i(n(r, ["value"]), a)
+      ) : t(
         "div",
         {
           innerHTML: r.value
         }
       );
     case "image":
-      return e ? a(
+      return e ? t(
         e,
-        l(i(r, ["url", "alt", "title"]), t)
-      ) : a(
+        i(n(r, ["url", "alt", "title"]), a)
+      ) : t(
         "img",
         {
           src: r.url,
@@ -98,117 +101,135 @@ function b(r, u = {}, s) {
         }
       );
     case "inlineCode":
-      return e ? a(
+      return e ? t(
         e,
-        l(i(r, ["value"]), t)
-      ) : a(
+        i(n(r, ["value"]), a)
+      ) : t(
         "code",
         r.value
       );
     case "link":
-      return e ? a(
+      return e ? t(
         e,
-        l(i(r, ["url", "title"]), t),
-        c(r, u)
-      ) : a(
+        i(
+          {
+            target: "_blank"
+          },
+          n(r, ["url", "title"]),
+          a
+        ),
+        u(r, l)
+      ) : t(
         "a",
         {
-          href: r.url
+          href: r.url,
+          target: "_blank"
         },
-        c(r, u)
+        u(r, l)
       );
     case "list":
-      return e ? a(
+      return e ? t(
         e,
-        l(i(r, ["ordered", "spread", "start"]), t),
-        c(r, u)
-      ) : a(
+        i(n(r, ["ordered", "spread", "start"]), a),
+        u(r, l)
+      ) : t(
         r.ordered ? "ol" : "ul",
-        c(r, u)
+        u(r, l)
       );
     case "listItem":
-      return e ? a(
+      return e ? t(
         e,
-        l(i(r, ["checked", "spread"]), t),
-        c(r, u)
-      ) : a(
+        i(n(r, ["checked", "spread"]), a),
+        u(r, l)
+      ) : t(
         "li",
-        c(r, u)
+        u(r, l)
       );
     case "paragraph":
-      return a(
+      return t(
         e ?? "p",
-        t,
-        c(r, u)
+        a,
+        u(r, l)
       );
     case "root":
-      return a(
+      return t(
         e ?? "div",
-        t,
-        c(r, u)
+        a,
+        u(r, l)
       );
     case "strong":
-      return a(
+      return t(
         e ?? "strong",
-        t,
-        c(r, u)
+        a,
+        u(r, l)
       );
     case "table":
-      return a(
+      return t(
         e ?? "table",
-        l(i(r, ["align"]), t),
-        c(r, u)
+        a,
+        u(r, l)
       );
     case "tableRow":
-      return a(
-        e ?? (s === 0 ? "th" : "tr"),
-        l(t, {
-          index: s
+      return e ? t(
+        e,
+        i(a, {
+          index: c.index,
+          align: ((m = c.parent.align) == null ? void 0 : m[c.index]) ?? "left"
         }),
-        c(r, u)
-      );
-    case "tableCell":
-      return a(
-        e ?? "td",
-        t,
-        c(r, u)
-      );
+        u(r, l)
+      ) : t("tr", {
+        align: ((h = c.parent.align) == null ? void 0 : h[c.index]) ?? "left"
+      }, u(r, l));
+    case "tableCell": {
+      const k = ((g = (b = c.parent.position) == null ? void 0 : b.start) == null ? void 0 : g.offset) === 0;
+      return t(
+        e ?? (k ? "th" : "td"),
+        a,
+        u(r, l)
+      );
+    }
     case "text":
-      return a(
-        y,
+      return t(
+        j,
         r.value
       );
     case "thematicBreak":
-      return a(
+      return t(
         e ?? "hr",
-        t
+        a
       );
     case "yaml":
-      return e ? a(
+      return e ? t(
         e,
-        l(
+        i(
           {
             lang: "yaml",
             value: r.value
           },
-          t
+          a
         )
-      ) : a(
+      ) : t(
         "pre",
         {
-          dataLang: "yaml"
+          "data-lang": "yaml"
         },
-        a("code", r.value)
+        t("code", r.value)
       );
     default:
-      return a(Comment);
+      return e ? t(
+        e,
+        a
+      ) : t(O, JSON.stringify(r));
   }
 }
-function c(r, u = {}) {
-  var s;
-  return ((s = r.children) == null ? void 0 : s.map((e, t) => b(e, u, t))) ?? [];
+function u(r, l = {}) {
+  var c;
+  return ((c = r.children) == null ? void 0 : c.map((e, a) => v(e, l, {
+    index: a,
+    parent: r
+  }))) ?? [];
 }
 export {
-  b as createVNode,
-  p as toVNode
+  v as createVNode,
+  N as toVNode
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mdast-util-to-vnode",
   "type": "module",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "private": false,
   "packageManager": "pnpm@10.5.2+sha512.da9dc28cd3ff40d0592188235ab25d3202add8a207afbedc682220e4a0029ffbff4562102b9e6e46b4e3f9e8bd53e6d05de48544b0c57d4b0179e22c76d1199b",
   "description": "mdast utility to get the vue vnode",