@airalogy/aimd-renderer 2.4.1

package/dist/html.js

@@ -0,0 +1,11 @@
+import { D as a, c as s, a as t, b as d, p as m, r as o, d as c, e as n } from "./processor-Cv8E7QsA.js";
+export {
+  a as DEFAULT_AIMD_RENDERER_LOCALE,
+  s as createAimdRendererMessages,
+  t as createCustomElementAimdRenderer,
+  d as createHtmlProcessor,
+  m as parseAndExtract,
+  o as renderToHtml,
+  c as renderToHtmlSync,
+  n as resolveAimdRendererLocale
+};

package/dist/index.js

@@ -0,0 +1,439 @@
+import { e as V, c as C, p as I, q as K, s as j, t as x, u as D } from "./processor-Cv8E7QsA.js";
+import { D as ie, f as re, g as ne, h as le, a as ce, i as de, b as oe, j as me, k as pe, l as ue, m as fe, n as _e, r as ye, d as ge, o as he } from "./processor-Cv8E7QsA.js";
+import { h as e } from "vue";
+const W = /* @__PURE__ */ Symbol("symbol-field-event-key"), J = /* @__PURE__ */ Symbol("symbol-protocol-key"), G = /* @__PURE__ */ Symbol("draft-event-key"), X = /* @__PURE__ */ Symbol("symbol-report-event-key"), Y = /* @__PURE__ */ Symbol("symbol-bubble-menu-event-key");
+function B(t) {
+  return t === "var_table" ? "table" : t;
+}
+const H = /\[\[([^\[\]\s]+)\]\]/g;
+function z(t, i) {
+  if (t !== "blank")
+    return [e("span", i)];
+  const n = [];
+  let l = 0;
+  for (const r of i.matchAll(H)) {
+    const o = r.index ?? 0, h = r[0], m = r[1];
+    o > l && n.push(e("span", i.slice(l, o))), n.push(
+      e("span", {
+        class: "aimd-quiz__blank-placeholder",
+        "data-blank-key": m
+      }, m)
+    ), l = o + h.length;
+  }
+  return l < i.length && n.push(e("span", i.slice(l))), n.length === 0 && n.push(e("span", i)), n;
+}
+function P(t) {
+  return typeof t.points == "number" && Number.isFinite(t.points) ? `${t.text} (${t.points})` : t.text;
+}
+function E(t) {
+  return !Array.isArray(t.items) || t.items.length === 0 || !Array.isArray(t.options) || t.options.length === 0 ? [e("div", { class: "aimd-scale__empty" }, "Scale definition is incomplete.")] : t.display === "list" ? [
+    e("div", { class: "aimd-scale__list" }, t.items.map(
+      (i) => e("div", { class: "aimd-scale__list-item" }, [
+        e("div", { class: "aimd-scale__item-stem" }, i.stem),
+        e("ul", { class: "aimd-scale__item-options" }, t.options.map(
+          (n) => e("li", P(n))
+        ))
+      ])
+    ))
+  ] : [
+    e("table", { class: "aimd-scale__table" }, [
+      e("thead", [
+        e("tr", [
+          e("th", { class: "aimd-scale__item-header" }, "Item"),
+          ...t.options.map((i) => e("th", P(i)))
+        ])
+      ]),
+      e("tbody", t.items.map(
+        (i) => e("tr", [
+          e("th", { class: "aimd-scale__item-stem", scope: "row" }, i.stem),
+          ...t.options.map(() => e("td", { class: "aimd-scale__cell" }, "○"))
+        ])
+      ))
+    ])
+  ];
+}
+function L(t) {
+  const i = Array.isArray(t.grading?.bands) ? t.grading.bands : [];
+  return i.length === 0 ? [] : [
+    e("ul", { class: "aimd-scale__bands" }, i.map(
+      (n) => e("li", `${n.min}-${n.max}: ${n.label}${n.interpretation ? ` · ${n.interpretation}` : ""}`)
+    ))
+  ];
+}
+function T(t, i, n, l) {
+  const r = B(t), o = x(t, n);
+  if (t === "var_table") {
+    const m = [
+      e("div", { class: "aimd-field__header" }, [
+        e("span", { class: "aimd-field__scope" }, n.scope.table),
+        e("span", { class: "aimd-field__name" }, i)
+      ])
+    ];
+    return l && l.length > 0 && m.push(
+      e("table", { class: "aimd-field__table-preview" }, [
+        e("thead", [
+          e("tr", l.map((u) => e("th", u)))
+        ]),
+        e("tbody", [
+          e("tr", l.map(() => e("td", "...")))
+        ])
+      ])
+    ), e("div", {
+      class: "aimd-field aimd-field--var-table",
+      "data-aimd-type": "var_table",
+      "data-aimd-id": i
+    }, m);
+  }
+  return e("span", {
+    class: `aimd-field aimd-field--${r === "table" ? "var-table" : r}`,
+    "data-aimd-type": r,
+    "data-aimd-id": i
+  }, [
+    e("span", { class: "aimd-field__scope" }, o),
+    e("span", { class: "aimd-field__name" }, i)
+  ]);
+}
+function O(t) {
+  const { getTokenProps: i, mode: n, components: l = {} } = t, r = C(t.locale, t.messages), {
+    AIMDItem: o,
+    AIMDTag: h,
+    AIMDStepRef: m,
+    StepRenderer: u,
+    CheckRenderer: q,
+    PreviewRenderer: _
+  } = l, b = () => typeof n == "function" ? n() : n, v = () => b() === "preview", w = () => D(b(), t.quizPreview);
+  return {
+    var: async (d, y, f) => {
+      const a = d, { id: s, scope: c } = a;
+      if (v())
+        return _ ? e(_, { type: "var" }, {
+          default: () => f,
+          name: () => s
+        }) : T(c, s, r);
+      if (i && o) {
+        const p = await i({ meta: { node: { id: s, scope: c } } });
+        if (p)
+          return e("span", {
+            class: "aimd-field-wrapper aimd-field-wrapper--inline",
+            id: `${c}-${s}`,
+            "data-has-variable": "true"
+          }, [e(o, p)]);
+      }
+      return T(c, s, r);
+    },
+    var_table: async (d, y, f) => {
+      const a = d, { id: s, scope: c, columns: p } = a;
+      if (v())
+        return _ ? e(_, { type: "var_table" }, {
+          default: () => f,
+          name: () => s
+        }) : T(c, s, r, p);
+      if (i && h) {
+        const A = await i({ meta: { node: { id: s, scope: c } } });
+        return e(h, { ...A, props: p });
+      }
+      return T(c, s, r, p);
+    },
+    quiz: async (d, y, f) => {
+      const a = d, { id: s, scope: c, quizType: p, stem: A, score: k } = a, S = j(p, a.mode, r);
+      if (v()) {
+        if (_)
+          return e(_, { type: "quiz" }, {
+            default: () => f,
+            name: () => s
+          });
+        const g = [
+          e("div", { class: "aimd-quiz__meta" }, [
+            e("span", { class: "aimd-field__scope" }, x(c, r)),
+            e("span", { class: "aimd-field__name" }, s),
+            e("span", { class: "aimd-field__type" }, `(${S})`),
+            k !== void 0 ? e("span", { class: "aimd-quiz__score" }, r.quiz.score(k)) : null
+          ]),
+          e("div", { class: "aimd-quiz__stem" }, z(p, A || s))
+        ];
+        typeof a.title == "string" && a.title.trim() && g.splice(1, 0, e("div", { class: "aimd-quiz__title" }, a.title)), typeof a.description == "string" && a.description.trim() && g.push(e("div", { class: "aimd-quiz__description" }, a.description)), p === "choice" && Array.isArray(a.options) && a.options.length > 0 && g.push(
+          e("ul", { class: "aimd-quiz__options" }, a.options.map(
+            (R) => e("li", `${R.key}. ${R.text}`)
+          ))
+        ), p === "scale" && (g.push(...E(a)), g.push(...L(a)));
+        const $ = w();
+        if ($.showAnswers && p === "choice" && a.answer !== void 0) {
+          const R = Array.isArray(a.answer) ? a.answer.join(", ") : String(a.answer);
+          R.trim() && g.push(
+            e("div", { class: "aimd-quiz__answer" }, r.quiz.answer(R))
+          );
+        }
+        return $.showAnswers && p === "blank" && Array.isArray(a.blanks) && a.blanks.length > 0 && g.push(
+          e("ul", { class: "aimd-quiz__blanks" }, a.blanks.map(
+            (R) => e("li", `${R.key}: ${R.answer}`)
+          ))
+        ), $.showRubric && p === "open" && typeof a.rubric == "string" && a.rubric.trim() && g.push(
+          e("div", { class: "aimd-quiz__rubric" }, r.quiz.rubric(a.rubric))
+        ), e("div", {
+          class: "aimd-field aimd-field--quiz",
+          "data-aimd-type": "quiz",
+          "data-aimd-id": s
+        }, g);
+      }
+      if (i && o) {
+        const g = await i({ meta: { node: { id: s, scope: c } } });
+        if (g)
+          return e("span", {
+            class: "aimd-field-wrapper aimd-field-wrapper--inline",
+            id: `${c}-${s}`,
+            "data-has-variable": "true"
+          }, [e(o, g)]);
+      }
+      return e("div", {
+        class: "aimd-field aimd-field--quiz",
+        "data-aimd-type": "quiz",
+        "data-aimd-id": s
+      }, [
+        e("div", { class: "aimd-quiz__meta" }, [
+          e("span", { class: "aimd-field__scope" }, x(c, r)),
+          e("span", { class: "aimd-field__name" }, s),
+          e("span", { class: "aimd-field__type" }, `(${S})`)
+        ]),
+        ...typeof a.title == "string" && a.title.trim() ? [e("div", { class: "aimd-quiz__title" }, a.title)] : [],
+        e("div", { class: "aimd-quiz__stem" }, z(p, A || s)),
+        ...typeof a.description == "string" && a.description.trim() ? [e("div", { class: "aimd-quiz__description" }, a.description)] : [],
+        ...p === "scale" ? [...E(a), ...L(a)] : []
+      ]);
+    },
+    step: async (d, y, f) => {
+      const a = d, { id: s, scope: c, step: p, check: A } = a;
+      if (v())
+        return _ ? e(_, { type: "step" }, {
+          default: () => f,
+          name: () => s
+        }) : e("span", { class: "research-step__sequence" }, r.step.sequence(p));
+      if (i && u) {
+        const k = await i({ meta: { node: { id: s, scope: c } } }), S = await i({ meta: { node: { id: s, scope: c, type: "step-annotation" } } });
+        return e(u, {
+          item: k,
+          annotationItem: S,
+          name: s,
+          step: String(p),
+          check: A
+        }, {
+          default: () => f
+        });
+      }
+      return e("span", { class: "research-step__sequence" }, r.step.sequence(p));
+    },
+    check: async (d, y, f) => {
+      const a = d, { id: s, scope: c, label: p } = a;
+      if (v())
+        return _ ? e(_, { type: "check" }, {
+          default: () => f,
+          name: () => s
+        }) : T(c, s, r);
+      if (i && q) {
+        const A = await i({ meta: { node: { id: s, scope: c } } }), k = await i({ meta: { node: { id: s, scope: c, type: "check-annotation" } } });
+        return e(q, {
+          item: A,
+          annotationItem: k,
+          name: s
+        }, {
+          default: () => f
+        });
+      }
+      return T(c, s, r);
+    },
+    ref_step: (d, y) => {
+      const { id: f } = d, a = "refTarget" in d ? d.refTarget : f, s = "stepSequence" in d && typeof d.stepSequence == "string" ? d.stepSequence : void 0, c = s ? r.step.reference(s) : a;
+      return m ? e(m, { name: a, type: "step", stepSequence: s }) : e("a", {
+        class: "aimd-ref aimd-ref--step",
+        href: `#step-${a}`,
+        "data-aimd-step-sequence": s,
+        title: a
+      }, [
+        e("span", { class: "aimd-ref__content" }, [
+          e("span", { class: "aimd-field aimd-field--step aimd-field--readonly" }, [
+            e("span", { class: "research-step__sequence" }, c)
+          ])
+        ])
+      ]);
+    },
+    ref_var: (d, y) => {
+      const { id: f } = d, a = "refTarget" in d ? d.refTarget : f, s = y.mode === "edit" ? F(y.value, a) : null;
+      return m ? e(m, {
+        name: a,
+        type: "var",
+        contextValue: y.value,
+        displayValue: s ?? void 0
+      }) : y.mode !== "edit" ? e("a", {
+        class: "aimd-ref aimd-ref--var",
+        href: `#var-${a}`,
+        title: a
+      }, [
+        e("span", { class: "aimd-ref__icon" }, "📌"),
+        e("span", { class: "aimd-ref__name" }, a)
+      ]) : e("span", {
+        class: "aimd-ref aimd-ref--var",
+        "data-aimd-ref": a,
+        title: a
+      }, [
+        e("span", { class: "aimd-ref__content" }, [
+          s !== null ? e("span", {
+            class: "aimd-field aimd-field--var aimd-field--readonly",
+            "data-aimd-id": a,
+            "data-aimd-scope": "var"
+          }, [
+            e("span", { class: "aimd-field__value" }, s)
+          ]) : e("span", { class: "aimd-field aimd-field--var" }, [
+            e("span", { class: "aimd-field__scope" }, r.scope.var),
+            e("span", { class: "aimd-field__name" }, a)
+          ])
+        ])
+      ]);
+    }
+  };
+}
+function M(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
+}
+function F(t, i) {
+  const n = t?.var?.[i], l = M(n) && "value" in n ? n.value : n;
+  if (l == null || l === "")
+    return null;
+  if (Array.isArray(l))
+    return l.map((r) => String(r)).join(", ");
+  if (M(l))
+    try {
+      return JSON.stringify(l);
+    } catch {
+      return null;
+    }
+  return String(l);
+}
+function N(t) {
+  const { getStaticResearchAssets: i, highlighter: n, components: l = {} } = t, { AssetRenderer: r, EmbeddedRenderer: o, MermaidBlock: h } = l, m = {};
+  return (r || i) && (m.img = (u, q, _) => {
+    const { src: b, alt: v } = u.properties || {};
+    return r ? e(r, {
+      src: b,
+      alt: v,
+      getStaticResearchAssets: i
+    }) : e("img", { src: b, alt: v, class: "aimd-image", loading: "lazy" });
+  }), m.pre = (u, q, _) => {
+    const b = u.children.find(
+      (s) => s.type === "element" && s.tagName === "code"
+    );
+    if (!b)
+      return e("pre", {}, q);
+    const v = b.properties?.className;
+    let w = "text";
+    if (Array.isArray(v)) {
+      const s = v.find((c) => typeof c == "string" && c.startsWith("language-"));
+      s && typeof s == "string" && (w = s.replace("language-", ""));
+    }
+    const d = b.children.map((s) => s.type === "text" ? s.value : "").join(""), y = d.split(/\n/)[0].trim();
+    if ((w === "mermaid" || y === "gantt" || y === "sequenceDiagram" || /^graph (?:TB|BT|RL|LR|TD);?$/.test(y)) && h)
+      return e(h, { code: d });
+    const a = typeof n == "function" ? n() : n;
+    if (a)
+      try {
+        const s = a.codeToHtml(d, {
+          lang: w,
+          theme: "github-dark"
+        });
+        return e("div", {
+          class: "shiki-code-block",
+          "data-lang": w,
+          innerHTML: s
+        });
+      } catch (s) {
+        console.error("Failed to highlight code:", s);
+      }
+    return e(
+      "pre",
+      { class: `language-${w}` },
+      e("code", { class: `language-${w}` }, d)
+    );
+  }, o && (m.iframe = (u, q, _) => e(o, {
+    contentProps: { ...u.properties, credentialless: !0 },
+    component: "iframe"
+  }), m.video = (u, q, _) => e(o, {
+    contentProps: u.properties,
+    component: "video"
+  })), m;
+}
+function Z(t) {
+  const i = () => typeof t.mode == "function" ? t.mode() : t.mode, n = () => D(i(), t.quizPreview), l = V(t.locale), r = C(l, t.messages), o = O(t), h = N(t), m = {
+    locale: l,
+    messages: r,
+    context: {
+      mode: i() === "timeline" ? "preview" : i(),
+      readonly: i() === "preview",
+      quizPreview: n(),
+      locale: l,
+      messages: r
+    },
+    aimdRenderers: o,
+    elementRenderers: h
+  };
+  return {
+    async render(u) {
+      return K(u, {
+        gfm: !0,
+        math: !0,
+        breaks: !0,
+        assignerVisibility: t.assignerVisibility,
+        ...m
+      });
+    },
+    extractFields(u) {
+      return I(u);
+    },
+    vueOptions: m
+  };
+}
+function ee(t) {
+  const { parent: i, sequence: n, level: l } = t;
+  let r = String(n + 1);
+  if (l === 1)
+    return r;
+  let o = i;
+  for (; o; )
+    r = `${o.sequence + 1}.${r}`, o = o.parent;
+  return r;
+}
+function te(t) {
+  if (t.startsWith("var_table")) {
+    const [o, h, m, ...u] = t.split(/(\\)?\|/g);
+    return [{ type: o, name: `${m}|${u.filter(Boolean).join(",")}` }];
+  }
+  const [n, l, r] = t.split(/(\\)?\|/);
+  return [{ type: n, name: r }];
+}
+export {
+  ie as DEFAULT_AIMD_RENDERER_LOCALE,
+  Y as bubbleMenuEventKey,
+  C as createAimdRendererMessages,
+  re as createAssetRenderer,
+  ne as createCodeBlockRenderer,
+  le as createComponentRenderer,
+  ce as createCustomElementAimdRenderer,
+  de as createEmbeddedRenderer,
+  oe as createHtmlProcessor,
+  me as createMermaidRenderer,
+  pe as createRenderer,
+  ue as createStepCardRenderer,
+  Z as createUnifiedTokenRenderer,
+  fe as defaultRenderer,
+  G as draftEventKey,
+  W as fieldEventKey,
+  j as getAimdRendererQuizTypeLabel,
+  ee as getFinalIndent,
+  _e as hastToVue,
+  I as parseAndExtract,
+  te as parseFieldTag,
+  J as protocolKey,
+  ye as renderToHtml,
+  ge as renderToHtmlSync,
+  he as renderToVNodes,
+  K as renderToVue,
+  X as reportEventKey,
+  V as resolveAimdRendererLocale
+};