kitfly 0.2.0 → 0.2.3

package/plugins-dist/latex-runtime.js

@@ -0,0 +1,140 @@
+(() => {
+  function isCurrency(expr) {
+    return /^\d[\d,]*(?:\.\d+)?(?:\s*(?:to|-)\s*\d[\d,]*(?:\.\d+)?)?$/.test(expr.trim());
+  }
+
+  function shouldTreatAsLiteralInline(expr, text, closingIndex) {
+    if (/^\s|\s$/.test(expr) || /\n/.test(expr) || isCurrency(expr)) return true;
+    // Guard common currency range form "$5-$10" where expr becomes "5-".
+    if (/-\s*$/.test(expr)) {
+      const tail = text.slice(closingIndex + 1);
+      if (/^\d/.test(tail)) return true;
+    }
+    return false;
+  }
+
+  function findClosing(text, start, display) {
+    for (let i = start; i < text.length; i++) {
+      if (text[i] === "\\" && text[i + 1] === "$") {
+        i++;
+        continue;
+      }
+      if (display) {
+        if (text[i] === "$" && text[i + 1] === "$") return i;
+      } else if (text[i] === "$" && text[i - 1] !== "$" && text[i + 1] !== "$") {
+        return i;
+      }
+    }
+    return -1;
+  }
+
+  function splitMath(text) {
+    const out = [];
+    let buf = "";
+    let i = 0;
+
+    while (i < text.length) {
+      if (text[i] === "\\" && text[i + 1] === "$") {
+        buf += "$";
+        i += 2;
+        continue;
+      }
+      if (text[i] !== "$") {
+        buf += text[i++];
+        continue;
+      }
+
+      const display = text[i + 1] === "$";
+      const openLen = display ? 2 : 1;
+      const end = findClosing(text, i + openLen, display);
+      if (end < 0) {
+        buf += display ? "$$" : "$";
+        i += openLen;
+        continue;
+      }
+
+      const expr = text.slice(i + openLen, end);
+      if (!display && shouldTreatAsLiteralInline(expr, text, end)) {
+        buf += `$${expr}$`;
+        i = end + 1;
+        continue;
+      }
+
+      if (buf) out.push({ text: buf });
+      out.push({ math: expr, display });
+      buf = "";
+      i = end + openLen;
+    }
+
+    if (buf) out.push({ text: buf });
+    return out;
+  }
+
+  function renderFencedMath() {
+    document.querySelectorAll("pre > code.language-math").forEach((code) => {
+      const pre = code.parentElement;
+      if (!pre || pre.tagName !== "PRE") return;
+      const host = document.createElement("div");
+      host.className = "kitfly-katex-display";
+      window.katex.render(code.textContent || "", host, { displayMode: true, throwOnError: false });
+      pre.replaceWith(host);
+    });
+  }
+
+  function renderDelimitedMath() {
+    const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
+    const nodes = [];
+    while (walker.nextNode()) {
+      const node = walker.currentNode;
+      const parent = node.parentElement;
+      if (!parent || parent.closest("pre, code, script, style, textarea, .katex")) continue;
+      if (!(node.textContent || "").includes("$")) continue;
+      nodes.push(node);
+    }
+
+    for (const node of nodes) {
+      const parts = splitMath(node.textContent || "");
+      if (!parts.some((p) => p.math)) continue;
+      const frag = document.createDocumentFragment();
+      for (const p of parts) {
+        if (p.text != null) {
+          frag.appendChild(document.createTextNode(p.text));
+        } else if (p.math != null) {
+          const host = document.createElement("span");
+          host.className = p.display ? "kitfly-katex-display" : "kitfly-katex-inline";
+          window.katex.render(p.math, host, { displayMode: Boolean(p.display), throwOnError: false });
+          frag.appendChild(host);
+        }
+      }
+      node.replaceWith(frag);
+    }
+  }
+
+  function apply() {
+    const styleId = "kitfly-latex-style";
+    if (!document.getElementById(styleId)) {
+      const style = document.createElement("style");
+      style.id = styleId;
+      style.textContent = ".kitfly-katex-display{display:block;text-align:center;margin:1em 0;overflow-x:auto}";
+      document.head.appendChild(style);
+    }
+
+    if (!window.katex?.render) {
+      console.warn("[kitfly:latex] KaTeX unavailable");
+      return;
+    }
+
+    renderFencedMath();
+    renderDelimitedMath();
+  }
+
+  if (typeof document === "undefined") {
+    globalThis.__kitflyLatexTest = { splitMath, isCurrency, shouldTreatAsLiteralInline };
+    return;
+  }
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", apply);
+  } else {
+    apply();
+  }
+})();

package/plugins-dist/latex.js

@@ -0,0 +1,178 @@
+(() => {
+  const KATEX_CSS_URL = "https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.css";
+  const KATEX_CSS_SRI = "sha384-zh0CIslj+VczCZtlzBcjt5ppRcsAmDnRem7ESsYwWwg3m/OaJ2l4x7YBZl9Kxxib";
+  const KATEX_JS_URL = "https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js";
+  const KATEX_JS_SRI = "sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh";
+
+  function isCurrency(expr) {
+    return /^\d[\d,]*(?:\.\d+)?(?:\s*(?:to|-)\s*\d[\d,]*(?:\.\d+)?)?$/.test(expr.trim());
+  }
+
+  function shouldTreatAsLiteralInline(expr, text, closingIndex) {
+    if (/^\s|\s$/.test(expr) || /\n/.test(expr) || isCurrency(expr)) return true;
+    // Guard common currency range form "$5-$10" where expr becomes "5-".
+    if (/-\s*$/.test(expr)) {
+      const tail = text.slice(closingIndex + 1);
+      if (/^\d/.test(tail)) return true;
+    }
+    return false;
+  }
+
+  function findClosing(text, start, display) {
+    for (let i = start; i < text.length; i++) {
+      if (text[i] === "\\" && text[i + 1] === "$") {
+        i++;
+        continue;
+      }
+      if (display) {
+        if (text[i] === "$" && text[i + 1] === "$") return i;
+      } else if (text[i] === "$" && text[i - 1] !== "$" && text[i + 1] !== "$") {
+        return i;
+      }
+    }
+    return -1;
+  }
+
+  function splitMath(text) {
+    const out = [];
+    let buf = "";
+    let i = 0;
+
+    while (i < text.length) {
+      if (text[i] === "\\" && text[i + 1] === "$") {
+        buf += "$";
+        i += 2;
+        continue;
+      }
+      if (text[i] !== "$") {
+        buf += text[i++];
+        continue;
+      }
+
+      const display = text[i + 1] === "$";
+      const openLen = display ? 2 : 1;
+      const end = findClosing(text, i + openLen, display);
+      if (end < 0) {
+        buf += display ? "$$" : "$";
+        i += openLen;
+        continue;
+      }
+
+      const expr = text.slice(i + openLen, end);
+      if (!display && shouldTreatAsLiteralInline(expr, text, end)) {
+        buf += `$${expr}$`;
+        i = end + 1;
+        continue;
+      }
+
+      if (buf) out.push({ text: buf });
+      out.push({ math: expr, display });
+      buf = "";
+      i = end + openLen;
+    }
+
+    if (buf) out.push({ text: buf });
+    return out;
+  }
+
+  function ensureTag(tag, attrs) {
+    const id = attrs["data-kitfly-latex"];
+    const existing = document.querySelector(`${tag}[data-kitfly-latex="${id}"]`);
+    if (existing) return Promise.resolve(existing);
+    return new Promise((resolve, reject) => {
+      const el = document.createElement(tag);
+      Object.entries(attrs).forEach(([k, v]) => el.setAttribute(k, v));
+      el.addEventListener("load", () => resolve(el), { once: true });
+      el.addEventListener("error", () => reject(new Error(`Failed to load ${attrs.href || attrs.src}`)), {
+        once: true,
+      });
+      document.head.appendChild(el);
+    });
+  }
+
+  function renderFencedMath() {
+    document.querySelectorAll("pre > code.language-math").forEach((code) => {
+      const pre = code.parentElement;
+      if (!pre || pre.tagName !== "PRE") return;
+      const host = document.createElement("div");
+      host.className = "kitfly-katex-display";
+      window.katex.render(code.textContent || "", host, { displayMode: true, throwOnError: false });
+      pre.replaceWith(host);
+    });
+  }
+
+  function renderDelimitedMath() {
+    const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
+    const nodes = [];
+    while (walker.nextNode()) {
+      const node = walker.currentNode;
+      const parent = node.parentElement;
+      if (!parent || parent.closest("pre, code, script, style, textarea, .katex")) continue;
+      if (!(node.textContent || "").includes("$")) continue;
+      nodes.push(node);
+    }
+
+    for (const node of nodes) {
+      const parts = splitMath(node.textContent || "");
+      if (!parts.some((p) => p.math)) continue;
+      const frag = document.createDocumentFragment();
+      for (const p of parts) {
+        if (p.text != null) {
+          frag.appendChild(document.createTextNode(p.text));
+        } else if (p.math != null) {
+          const host = document.createElement("span");
+          host.className = p.display ? "kitfly-katex-display" : "kitfly-katex-inline";
+          window.katex.render(p.math, host, { displayMode: Boolean(p.display), throwOnError: false });
+          frag.appendChild(host);
+        }
+      }
+      node.replaceWith(frag);
+    }
+  }
+
+  function apply() {
+    const styleId = "kitfly-latex-style";
+    if (!document.getElementById(styleId)) {
+      const style = document.createElement("style");
+      style.id = styleId;
+      style.textContent = ".kitfly-katex-display{display:block;text-align:center;margin:1em 0;overflow-x:auto}";
+      document.head.appendChild(style);
+    }
+
+    Promise.all([
+      ensureTag("link", {
+        rel: "stylesheet",
+        href: KATEX_CSS_URL,
+        integrity: KATEX_CSS_SRI,
+        crossorigin: "anonymous",
+        "data-kitfly-latex": "css",
+      }),
+      ensureTag("script", {
+        src: KATEX_JS_URL,
+        integrity: KATEX_JS_SRI,
+        crossorigin: "anonymous",
+        defer: "",
+        "data-kitfly-latex": "js",
+      }),
+    ])
+      .then(() => {
+        if (!window.katex?.render) {
+          console.warn("[kitfly:latex] KaTeX unavailable");
+          return;
+        }
+        renderFencedMath();
+        renderDelimitedMath();
+      })
+      .catch((e) => console.warn("[kitfly:latex]", e instanceof Error ? e.message : String(e)));
+  }
+
+  if (typeof document === "undefined") {
+    globalThis.__kitflyLatexTest = { splitMath, isCurrency, shouldTreatAsLiteralInline };
+    return;
+  }
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", apply);
+  } else {
+    apply();
+  }
+})();

package/plugins-dist/slides-charts-lite-runtime.js

@@ -0,0 +1,179 @@
+(() => {
+  const KIND_SET = new Set(["bar", "line", "pie"]);
+
+  function parseValue(raw) {
+    const v = String(raw ?? "").trim();
+    if (!v) return "";
+    if ((v.startsWith("[") && v.endsWith("]")) || (v.startsWith("{") && v.endsWith("}"))) {
+      try {
+        return JSON.parse(v);
+      } catch {
+        return v;
+      }
+    }
+    if (/^-?\d+(?:\.\d+)?$/.test(v)) return Number(v);
+    const m = v.match(/^"(.*)"$/) || v.match(/^'(.*)'$/);
+    return m ? m[1] : v;
+  }
+
+  function parseSpec(text) {
+    const out = {};
+    const lines = String(text ?? "").split(/\r?\n/);
+    for (const raw of lines) {
+      const line = raw.trim();
+      if (!line || line.startsWith("#")) continue;
+      const kv = line.match(/^([a-z0-9_-]+)\s*:\s*(.*)$/i);
+      if (!kv) continue;
+      out[kv[1]] = parseValue(kv[2]);
+    }
+
+    const kind = String(out.kind || "").toLowerCase();
+    const labels = Array.isArray(out.labels) ? out.labels.map((x) => String(x ?? "")) : [];
+    const data = Array.isArray(out.data)
+      ? out.data
+          .map((x) => Number(x))
+          .filter((n) => Number.isFinite(n))
+      : [];
+
+    if (!KIND_SET.has(kind)) return null;
+    if (!labels.length || !data.length || labels.length !== data.length) return null;
+
+    const height = typeof out.height === "number" && Number.isFinite(out.height) ? out.height : 300;
+    const color = typeof out.color === "string" ? out.color.trim().toLowerCase() : "primary";
+    const title = typeof out.title === "string" ? out.title : "";
+
+    return {
+      kind,
+      labels,
+      data,
+      title,
+      color,
+      height: Math.max(160, Math.min(640, Math.round(height))),
+    };
+  }
+
+  function pickThemeColor(hint) {
+    const style = getComputedStyle(document.documentElement);
+    const map = {
+      primary: style.getPropertyValue("--color-primary").trim() || "#2563eb",
+      accent: style.getPropertyValue("--color-accent").trim() || "#f59e0b",
+      muted: style.getPropertyValue("--color-text-muted")?.trim() || "#6b7280",
+      text: style.getPropertyValue("--color-text")?.trim() || "#111827",
+      border: style.getPropertyValue("--color-border")?.trim() || "#d1d5db",
+      surface: style.getPropertyValue("--color-surface")?.trim() || "#f9fafb",
+    };
+    return map[hint] || map.primary;
+  }
+
+  function configFromSpec(spec) {
+    const base = pickThemeColor(spec.color);
+    const isPie = spec.kind === "pie";
+    const bg = isPie
+      ? spec.labels.map((_, i) => `color-mix(in srgb, ${base} ${Math.max(20, 90 - i * 12)}%, white)`)
+      : base;
+
+    return {
+      type: spec.kind,
+      data: {
+        labels: spec.labels,
+        datasets: [
+          {
+            label: spec.title || "Series",
+            data: spec.data,
+            backgroundColor: bg,
+            borderColor: base,
+            borderWidth: 2,
+            tension: spec.kind === "line" ? 0.25 : 0,
+            fill: spec.kind === "line" ? false : true,
+          },
+        ],
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+          legend: { display: spec.kind === "pie", labels: { color: pickThemeColor("text") } },
+          title: { display: Boolean(spec.title), text: spec.title, color: pickThemeColor("text") },
+        },
+        scales:
+          spec.kind === "pie"
+            ? undefined
+            : {
+                x: { ticks: { color: pickThemeColor("text") }, grid: { color: pickThemeColor("border") } },
+                y: { ticks: { color: pickThemeColor("text") }, grid: { color: pickThemeColor("border") } },
+              },
+      },
+    };
+  }
+
+  function renderWrapper(wrapper, spec) {
+    let canvas = wrapper.querySelector("canvas");
+    if (!canvas) {
+      canvas = document.createElement("canvas");
+      wrapper.appendChild(canvas);
+    }
+    wrapper.style.height = `${spec.height}px`;
+    if (wrapper.__kitflyChart && typeof wrapper.__kitflyChart.destroy === "function") {
+      wrapper.__kitflyChart.destroy();
+    }
+    wrapper.__kitflyChart = new window.Chart(canvas, configFromSpec(spec));
+  }
+
+  function transformCodeBlock(code) {
+    const pre = code.parentElement;
+    if (!pre || pre.tagName !== "PRE") return;
+    const spec = parseSpec(code.textContent || "");
+    if (!spec) {
+      console.warn("[kitfly:slides-charts-lite] Invalid chart block, leaving as code");
+      return;
+    }
+
+    const wrapper = document.createElement("div");
+    wrapper.className = "kitfly-chart-wrapper";
+    wrapper.setAttribute("data-kitfly-chart-spec", JSON.stringify(spec));
+    pre.replaceWith(wrapper);
+    renderWrapper(wrapper, spec);
+  }
+
+  function renderAll() {
+    if (!window.Chart) {
+      console.warn("[kitfly:slides-charts-lite] Chart.js unavailable");
+      return;
+    }
+
+    const styleId = "kitfly-charts-lite-style";
+    if (!document.getElementById(styleId)) {
+      const style = document.createElement("style");
+      style.id = styleId;
+      style.textContent = ".kitfly-chart-wrapper{position:relative;width:100%;max-width:100%;margin:1rem 0}";
+      document.head.appendChild(style);
+    }
+
+    document.querySelectorAll("pre > code.language-chart").forEach(transformCodeBlock);
+  }
+
+  function reinitCharts() {
+    document.querySelectorAll(".kitfly-chart-wrapper[data-kitfly-chart-spec]").forEach((wrapper) => {
+      const raw = wrapper.getAttribute("data-kitfly-chart-spec") || "";
+      try {
+        const spec = JSON.parse(raw);
+        renderWrapper(wrapper, spec);
+      } catch {
+        // ignore broken metadata
+      }
+    });
+  }
+
+  if (typeof document === "undefined") {
+    globalThis.__kitflyChartsLiteTest = { parseSpec };
+    return;
+  }
+
+  window.reinitCharts = reinitCharts;
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", renderAll);
+  } else {
+    renderAll();
+  }
+})();