@tekkare/romulus 0.1.36 → 0.1.37

package/dist/runtime/components/SavedViewCard.vue

@@ -291,5 +291,5 @@ function onCardClick() {
 </template>
 
 <style scoped>
-.rm-view{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);padding:14px 18px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.rm-view:not(.rm-view--active):hover{background:var(--bg-hover);border-color:var(--color-accent-soft)}.rm-view--active{border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.08);cursor:default}.rm-view__strip{background:var(--bg-hover);border-bottom:1px solid var(--border-soft);border-radius:7px 7px 0 0;color:var(--color-secondary);font-size:var(--font-11);font-weight:var(--weight-bold);gap:var(--space-8);letter-spacing:.06em;margin:-14px -18px var(--space-12);padding:var(--space-8) var(--space-16);text-transform:uppercase}.rm-view__head,.rm-view__strip{align-items:center;display:flex}.rm-view__head{gap:10px}.rm-view__star{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;padding:0;width:28px}.rm-view__star:hover{background:var(--bg-hover)}.rm-view__star--on,.rm-view__star:hover{color:var(--color-warning)}.rm-view__title,.rm-view__title-edit{flex:1;font-size:var(--font-16);font-weight:var(--weight-bold);min-width:0}.rm-view__title-edit{background:var(--bg-surface);border:1px solid var(--color-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;outline:none;padding:2px var(--space-8)}.rm-view__title-edit:focus{box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.rm-view__actions{align-items:center;display:flex;gap:var(--space-8)}.rm-view__badge{align-items:center;background:var(--color-success-bg);border-radius:var(--radius-pill);color:var(--color-success);display:inline-flex;font-size:var(--font-10);font-weight:var(--weight-bold);gap:var(--space-4);letter-spacing:.06em;padding:3px var(--space-8);text-transform:uppercase}.rm-view__menu-wrap{position:relative}.rm-view__more{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.rm-view__more:hover{background:var(--bg-hover);color:var(--text-primary)}.rm-view__menu-shade{inset:0;position:fixed;z-index:60}.rm-view__menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-width:200px;padding:var(--space-4);position:absolute;right:0;top:calc(100% + 6px);z-index:61}.rm-view__menu-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-13);gap:var(--space-8);padding:var(--space-8) var(--space-12);text-align:left;width:100%}.rm-view__menu-item:hover{background:var(--bg-hover);color:var(--color-secondary)}.rm-view__menu-item--danger{color:var(--color-danger)}.rm-view__menu-item--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.rm-view__desc{color:var(--text-secondary);font-size:var(--font-13);margin:var(--space-8) 0 var(--space-12)}.rm-view__config{background:var(--bg-surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-6);margin:10px 0 var(--space-12);padding:10px 14px}.rm-view__row{align-items:flex-start;display:flex;font-size:var(--font-12);gap:14px}.rm-view__row-key{color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:var(--font-10);font-weight:var(--weight-semibold);letter-spacing:.04em;min-width:96px;padding-top:4px;text-transform:uppercase}.rm-view__row-key,.rm-view__row-val{align-items:center;gap:var(--space-6)}.rm-view__row-val{color:var(--text-primary);display:flex;flex-wrap:wrap;padding:2px 0}.rm-view__pill{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-12);gap:var(--space-4);padding:5px 10px}.rm-view__pill-k{color:var(--color-primary);font-weight:var(--weight-semibold)}.rm-view__pill-v{color:var(--text-primary);font-weight:var(--weight-medium)}.rm-view__foot{border-top:1px solid var(--border-soft);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-11);gap:var(--space-16);padding-top:10px}.rm-view__foot span{align-items:center;display:inline-flex;gap:var(--space-4)}.rm-view__confirm{align-items:center;background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);display:flex;font-size:var(--font-13);gap:var(--space-12);margin-top:var(--space-12);padding:var(--space-8) var(--space-12)}.rm-view__confirm>span{align-items:center;display:inline-flex;flex:1;gap:var(--space-8)}.rm-view__confirm-actions{display:flex;flex-shrink:0;gap:var(--space-8)}@media (max-width:480px){.rm-view__row{flex-direction:column;gap:var(--space-4)}.rm-view__confirm{flex-wrap:wrap}}
+.rm-view{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);padding:14px 18px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.rm-view:not(.rm-view--active):hover{background:var(--bg-hover);border-color:var(--color-accent-soft)}.rm-view--active{border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.08);cursor:default}.rm-view__strip{background:var(--bg-hover);border-bottom:1px solid var(--border-soft);border-radius:7px 7px 0 0;color:var(--color-secondary);font-size:var(--font-11);font-weight:var(--weight-bold);gap:var(--space-8);letter-spacing:.06em;margin:-14px -18px var(--space-12);padding:var(--space-8) var(--space-16);text-transform:uppercase}.rm-view__head,.rm-view__strip{align-items:center;display:flex}.rm-view__head{gap:10px}.rm-view__star{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;padding:0;width:28px}.rm-view__star:hover{background:var(--bg-hover)}.rm-view__star--on,.rm-view__star:hover{color:var(--color-warning)}.rm-view__title,.rm-view__title-edit{flex:1;font-size:var(--font-16);font-weight:var(--weight-bold);min-width:0}.rm-view__title-edit{background:var(--bg-surface);border:1px solid var(--color-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;outline:none;padding:2px var(--space-8)}.rm-view__title-edit:focus{box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.rm-view__actions{align-items:center;display:flex;gap:var(--space-8)}.rm-view__badge{align-items:center;background:var(--color-success-bg);border-radius:var(--radius-pill);color:var(--color-success);display:inline-flex;font-size:var(--font-10);font-weight:var(--weight-bold);gap:var(--space-4);letter-spacing:.06em;padding:3px var(--space-8);text-transform:uppercase}.rm-view__menu-wrap{position:relative}.rm-view__more{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.rm-view__more:hover{background:var(--bg-hover);color:var(--text-primary)}.rm-view__menu-shade{inset:0;position:fixed;z-index:60}.rm-view__menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-width:200px;padding:var(--space-4);position:absolute;right:0;top:calc(100% + 6px);z-index:61}.rm-view__menu-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-13);gap:var(--space-8);padding:var(--space-8) var(--space-12);text-align:left;width:100%}.rm-view__menu-item:hover{background:var(--bg-hover);color:var(--color-secondary)}.rm-view__menu-item--danger{color:var(--color-danger)}.rm-view__menu-item--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.rm-view__desc{color:var(--text-secondary);font-size:var(--font-13);margin:var(--space-8) 0 var(--space-12)}.rm-view__config{background:var(--bg-surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-6);margin:10px 0 var(--space-12);padding:10px 14px}.rm-view__row{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:var(--font-12);gap:14px}.rm-view__row-key{color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:var(--font-10);font-weight:var(--weight-semibold);letter-spacing:.04em;min-width:96px;padding-top:4px;text-transform:uppercase}.rm-view__row-key,.rm-view__row-val{align-items:center;gap:var(--space-6)}.rm-view__row-val{color:var(--text-primary);display:flex;flex:1 1 200px;flex-wrap:wrap;padding:2px 0}.rm-view__pill{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-12);gap:var(--space-4);padding:5px 10px}.rm-view__pill-k{color:var(--color-primary);font-weight:var(--weight-semibold)}.rm-view__pill-v{color:var(--text-primary);font-weight:var(--weight-medium)}.rm-view__foot{border-top:1px solid var(--border-soft);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-11);gap:var(--space-16);padding-top:10px}.rm-view__foot span{align-items:center;display:inline-flex;gap:var(--space-4)}.rm-view__confirm{align-items:center;background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);display:flex;flex-wrap:wrap;font-size:var(--font-13);gap:var(--space-12);margin-top:var(--space-12);padding:var(--space-8) var(--space-12)}.rm-view__confirm>span{align-items:center;display:inline-flex;flex:1 1 220px;gap:var(--space-8)}.rm-view__confirm-actions{display:flex;flex-shrink:0;gap:var(--space-8)}
 </style>

package/dist/runtime/composables/useRmExport.d.ts

@@ -0,0 +1,29 @@
+/**
+ * useRmExport - les generateurs de fichiers derriere `RmExportPanel`.
+ *
+ * Le wizard produit une configuration, la page produit un contenu
+ * (`RmExportPayload`) ; ce composable croise les deux et rend un fichier. Il
+ * vit dans le paquet et pas dans les apps parce que l'en-tete « OIP Healthcare
+ * par Tekkare », la page de garde du classeur et la mise en page A4 doivent
+ * etre les memes partout : un export de Hub-R et un export d'une app pays ne
+ * peuvent pas se presenter differemment devant un client.
+ *
+ * Toutes les bibliotheques lourdes (write-excel-file, jsPDF) sont importees a
+ * l'appel, pas au chargement de la page : un ecran qui n'exporte rien ne paie
+ * pas leur poids.
+ */
+import type { RmExportConfig, RmExportPayload } from '../utils/export.js';
+export interface RmExportResult {
+    /** Nom du fichier rendu, extension comprise. Vide pour un permalink. */
+    fileName: string;
+    /** Nombre de lignes reellement ecrites. */
+    rows: number;
+    /** Taille du fichier rendu, en octets. */
+    bytes: number;
+    /** URL, pour le format « Permalink ». */
+    url?: string;
+}
+export declare function useRmExport(): {
+    run: (config: RmExportConfig, payload: RmExportPayload, lang?: "fr" | "en") => Promise<RmExportResult>;
+    extensions: Record<string, string>;
+};

package/dist/runtime/composables/useRmExport.js

@@ -0,0 +1,404 @@
+import { RM_EXPORT_EXTENSIONS } from "../utils/export.js";
+const BRAND_TITLE = "OIP Healthcare";
+const BRAND_LINE = "par Tekkare";
+function longDate(lang) {
+  return (/* @__PURE__ */ new Date()).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function rowsOf(sheet, limit) {
+  return limit && sheet.data.length > limit ? sheet.data.slice(0, limit) : sheet.data;
+}
+function columnsOf(sheet, keep) {
+  if (!keep.length) return sheet.schema;
+  const kept = sheet.schema.filter((column) => keep.includes(column.column));
+  return kept.length ? kept : sheet.schema;
+}
+function cellText(value, lang) {
+  if (value === null || value === void 0) return "";
+  if (value instanceof Date) {
+    return value.toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+  }
+  if (Array.isArray(value)) return value.join(", ");
+  return String(value);
+}
+function download(blob, fileName) {
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = fileName;
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 1e4);
+  return blob.size;
+}
+function svgOf(el) {
+  return el instanceof SVGSVGElement ? el : el.querySelector("svg");
+}
+function sizeOf(svg) {
+  const box = svg.getBoundingClientRect();
+  const width = Math.round(box.width || svg.viewBox?.baseVal?.width || 800);
+  const height = Math.round(box.height || svg.viewBox?.baseVal?.height || 400);
+  return { width, height };
+}
+function serialize(svg) {
+  const clone = svg.cloneNode(true);
+  const { width, height } = sizeOf(svg);
+  clone.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+  clone.setAttribute("width", String(width));
+  clone.setAttribute("height", String(height));
+  if (!clone.getAttribute("viewBox")) clone.setAttribute("viewBox", `0 0 ${width} ${height}`);
+  return { markup: new XMLSerializer().serializeToString(clone), width, height };
+}
+async function raster(markup, width, height, scale = 2) {
+  const image = new Image();
+  image.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(markup)}`;
+  await new Promise((resolve, reject) => {
+    image.onload = () => resolve();
+    image.onerror = () => reject(new Error("SVG illisible"));
+  });
+  const canvas = document.createElement("canvas");
+  canvas.width = width * scale;
+  canvas.height = height * scale;
+  const context = canvas.getContext("2d");
+  context.fillStyle = "#FFFFFF";
+  context.fillRect(0, 0, canvas.width, canvas.height);
+  context.drawImage(image, 0, 0, canvas.width, canvas.height);
+  return canvas;
+}
+function printable(text) {
+  return text.replace(/[^\u0000-\u00ff]/g, "").replace(/\s{2,}/g, " ").trim();
+}
+export function useRmExport() {
+  function coverSheet(payload, config, lang) {
+    const center = { align: "left", alignVertical: "center", fontFamily: "Figtree" };
+    const rows = [];
+    const line = (value, style = {}) => rows.push([{ ...center, value, ...style }]);
+    if (config.options.includes("logo")) {
+      line(BRAND_TITLE, { fontSize: 36, fontWeight: "bold", height: 46 });
+      line(BRAND_LINE, { fontSize: 14, color: "#6B3FFF" });
+      rows.push([]);
+    }
+    line(payload.title, { fontSize: 20, fontWeight: "bold" });
+    if (payload.subtitle) line(payload.subtitle, { fontSize: 13, color: "#6C6C8A" });
+    line(
+      lang === "en" ? `Generated on ${longDate(lang)}` : `G\xE9n\xE9r\xE9 le ${longDate(lang)}`,
+      { fontSize: 11, color: "#6C6C8A" }
+    );
+    rows.push([]);
+    if (payload.kpi?.length && config.sections.includes("kpi")) {
+      line(lang === "en" ? "Key figures" : "Chiffres cl\xE9s", { fontSize: 13, fontWeight: "bold" });
+      payload.kpi.forEach(
+        (kpi) => rows.push([
+          { ...center, value: kpi.label, fontSize: 11, color: "#6C6C8A", width: 34 },
+          { ...center, value: String(kpi.value), fontSize: 11, fontWeight: "bold", width: 24 }
+        ])
+      );
+      rows.push([]);
+    }
+    if (payload.filters?.length && config.sections.includes("filters")) {
+      line(lang === "en" ? "Active filters" : "Filtres actifs", { fontSize: 13, fontWeight: "bold" });
+      payload.filters.forEach(
+        (filter) => rows.push([
+          { ...center, value: filter.label, fontSize: 11, color: "#6C6C8A" },
+          { ...center, value: filter.value, fontSize: 11 }
+        ])
+      );
+      rows.push([]);
+    }
+    const withSources = config.sections.includes("sources") || config.options.includes("sources");
+    if (payload.sources?.length && withSources) {
+      line(lang === "en" ? "Sources" : "Sources", { fontSize: 13, fontWeight: "bold" });
+      payload.sources.forEach((source) => {
+        const date = source.date ? new Date(source.date).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", {
+          year: "numeric",
+          month: "long",
+          day: "numeric"
+        }) : null;
+        rows.push([
+          { ...center, value: `${source.emoji ? `${source.emoji} ` : ""}${source.name}`, fontSize: 11 },
+          {
+            ...center,
+            value: date ? lang === "en" ? `Last update: ${date}` : `Derni\xE8re mise \xE0 jour : ${date}` : "",
+            fontSize: 11,
+            color: "#6C6C8A"
+          }
+        ]);
+      });
+    }
+    return rows;
+  }
+  async function toXlsx(config, payload, lang) {
+    const { default: writeXlsxFile } = await import("write-excel-file");
+    const fileName = `${config.fileName}.xlsx`;
+    const sheets = payload.sheets;
+    const data = [coverSheet(payload, config, lang)];
+    const schema = [null];
+    const names = [BRAND_TITLE];
+    let rowCount = 0;
+    sheets.forEach((sheet) => {
+      const rows = rowsOf(sheet, payload.limit);
+      rowCount += rows.length;
+      data.push(rows);
+      schema.push(columnsOf(sheet, config.columns));
+      names.push(sheet.name.replace(/[[\]:*?/\\]/g, " ").slice(0, 31));
+    });
+    await writeXlsxFile(data, { schema, sheets: names, fileName, stickyRowsCount: 1 });
+    return { fileName, rows: rowCount, bytes: 0 };
+  }
+  async function toCsv(config, payload, lang) {
+    const escape = (text) => /[",\n;]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
+    const blocks = [];
+    let rowCount = 0;
+    payload.sheets.forEach((sheet) => {
+      const columns = columnsOf(sheet, config.columns);
+      const rows = rowsOf(sheet, payload.limit);
+      rowCount += rows.length;
+      const lines = [];
+      if (payload.sheets.length > 1) lines.push(`# ${sheet.name}`);
+      lines.push(columns.map((column) => escape(column.column)).join(","));
+      rows.forEach(
+        (row) => lines.push(columns.map((column) => escape(cellText(column.value(row), lang))).join(","))
+      );
+      blocks.push(lines.join("\n"));
+    });
+    const fileName = `${config.fileName}.csv`;
+    const blob = new Blob([`\uFEFF${blocks.join("\n\n")}
+`], { type: "text/csv;charset=utf-8" });
+    return { fileName, rows: rowCount, bytes: download(blob, fileName) };
+  }
+  async function toPng(config, payload, lang) {
+    const charts = (payload.charts ?? []).map((chart) => svgOf(chart.el)).filter(Boolean);
+    if (!charts.length) throw new Error(lang === "en" ? "No chart on this page" : "Aucun graphique sur cette page");
+    const scale = 2;
+    const pad = 24;
+    const head = config.options.includes("logo") ? 72 : 0;
+    const parts = charts.map((svg) => serialize(svg));
+    const width = Math.max(...parts.map((part) => part.width)) + pad * 2;
+    const height = parts.reduce((total, part) => total + part.height + pad, pad) + head;
+    const canvas = document.createElement("canvas");
+    canvas.width = width * scale;
+    canvas.height = height * scale;
+    const context = canvas.getContext("2d");
+    context.scale(scale, scale);
+    context.fillStyle = "#FFFFFF";
+    context.fillRect(0, 0, width, height);
+    if (head) {
+      context.fillStyle = "#1A1A2E";
+      context.font = "bold 20px Figtree, Helvetica, sans-serif";
+      context.fillText(BRAND_TITLE, pad, 32);
+      context.fillStyle = "#6C6C8A";
+      context.font = "12px Figtree, Helvetica, sans-serif";
+      context.fillText(`${payload.title} \xB7 ${BRAND_LINE} \xB7 ${longDate(lang)}`, pad, 52);
+    }
+    let y = head + pad;
+    for (const part of parts) {
+      const raw = await raster(part.markup, part.width, part.height, scale);
+      context.drawImage(raw, pad, y, part.width, part.height);
+      y += part.height + pad;
+    }
+    const blob = await new Promise(
+      (resolve, reject) => canvas.toBlob((result) => result ? resolve(result) : reject(new Error("PNG illisible")), "image/png")
+    );
+    const fileName = `${config.fileName}.png`;
+    return { fileName, rows: 0, bytes: download(blob, fileName) };
+  }
+  async function toSvg(config, payload, lang) {
+    const charts = (payload.charts ?? []).map((chart) => svgOf(chart.el)).filter(Boolean);
+    if (!charts.length) throw new Error(lang === "en" ? "No chart on this page" : "Aucun graphique sur cette page");
+    const pad = 24;
+    const head = config.options.includes("logo") ? 72 : 0;
+    const parts = charts.map((svg) => serialize(svg));
+    const width = Math.max(...parts.map((part) => part.width)) + pad * 2;
+    const height = parts.reduce((total, part) => total + part.height + pad, pad) + head;
+    let y = head + pad;
+    const nested = parts.map((part) => {
+      const markup2 = part.markup.replace(/^<svg /, `<svg x="${pad}" y="${y}" `);
+      y += part.height + pad;
+      return markup2;
+    }).join("\n");
+    const header = head ? `<text x="${pad}" y="32" font-family="Figtree, Helvetica, sans-serif" font-size="20" font-weight="bold" fill="#1A1A2E">${BRAND_TITLE}</text><text x="${pad}" y="52" font-family="Figtree, Helvetica, sans-serif" font-size="12" fill="#6C6C8A">${payload.title} \xB7 ${BRAND_LINE} \xB7 ${longDate(lang)}</text>` : "";
+    const markup = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><rect width="${width}" height="${height}" fill="#FFFFFF"/>${header}${nested}</svg>`;
+    const fileName = `${config.fileName}.svg`;
+    const blob = new Blob([markup], { type: "image/svg+xml;charset=utf-8" });
+    return { fileName, rows: 0, bytes: download(blob, fileName) };
+  }
+  async function toPdf(config, payload, lang) {
+    const { default: JsPdf } = await import("jspdf");
+    const { default: autoTable } = await import("jspdf-autotable");
+    const landscape = config.layout === "a4-landscape";
+    const doc = new JsPdf({ orientation: landscape ? "landscape" : "portrait", unit: "mm", format: "a4" });
+    const pageWidth = doc.internal.pageSize.getWidth();
+    const margin = 14;
+    const inner = pageWidth - margin * 2;
+    let y = margin;
+    const violet = [107, 63, 255];
+    const ink = [26, 26, 46];
+    const grey = [108, 108, 138];
+    if (config.options.includes("logo")) {
+      doc.setFillColor(...violet);
+      doc.rect(0, 0, pageWidth, 42, "F");
+      doc.setTextColor(255, 255, 255);
+      doc.setFont("helvetica", "bold");
+      doc.setFontSize(22);
+      doc.text(BRAND_TITLE, margin, 20);
+      doc.setFont("helvetica", "normal");
+      doc.setFontSize(11);
+      doc.text(BRAND_LINE, margin, 28);
+      doc.setFontSize(9);
+      doc.text(longDate(lang), pageWidth - margin, 28, { align: "right" });
+      if (payload.logoDataUrl) {
+        const logoHeight = 8;
+        doc.addImage(payload.logoDataUrl, "PNG", pageWidth - margin - logoHeight * 7.6, 10, logoHeight * 7.6, logoHeight);
+      }
+      y = 54;
+    }
+    doc.setTextColor(...ink);
+    doc.setFont("helvetica", "bold");
+    doc.setFontSize(16);
+    doc.text(doc.splitTextToSize(printable(payload.title), inner), margin, y);
+    y += 8;
+    if (payload.subtitle) {
+      doc.setFont("helvetica", "normal");
+      doc.setFontSize(10);
+      doc.setTextColor(...grey);
+      const lines = doc.splitTextToSize(printable(payload.subtitle), inner);
+      doc.text(lines, margin, y);
+      y += lines.length * 5 + 2;
+    }
+    if (payload.kpi?.length && config.sections.includes("kpi")) {
+      const perRow = Math.min(payload.kpi.length, 4);
+      const boxWidth = inner / perRow;
+      payload.kpi.slice(0, 8).forEach((kpi, index) => {
+        const column = index % perRow;
+        const row = Math.floor(index / perRow);
+        const x = margin + column * boxWidth;
+        const top = y + row * 20;
+        doc.setFillColor(246, 246, 250);
+        doc.roundedRect(x + 1, top, boxWidth - 2, 17, 2, 2, "F");
+        doc.setTextColor(...violet);
+        doc.setFont("helvetica", "bold");
+        doc.setFontSize(14);
+        doc.text(printable(String(kpi.value)), x + boxWidth / 2, top + 8, { align: "center" });
+        doc.setTextColor(...grey);
+        doc.setFont("helvetica", "normal");
+        doc.setFontSize(7);
+        doc.text(doc.splitTextToSize(printable(kpi.label), boxWidth - 6)[0] ?? "", x + boxWidth / 2, top + 13, { align: "center" });
+      });
+      y += Math.ceil(Math.min(payload.kpi.length, 8) / perRow) * 20 + 4;
+    }
+    if (payload.filters?.length && config.sections.includes("filters")) {
+      doc.setTextColor(...ink);
+      doc.setFont("helvetica", "bold");
+      doc.setFontSize(10);
+      doc.text(lang === "en" ? "Active filters" : "Filtres actifs", margin, y);
+      y += 5;
+      doc.setFont("helvetica", "normal");
+      doc.setFontSize(9);
+      doc.setTextColor(...grey);
+      payload.filters.forEach((filter) => {
+        const lines = doc.splitTextToSize(printable(`${filter.label} : ${filter.value}`), inner);
+        doc.text(lines, margin, y);
+        y += lines.length * 4.5;
+      });
+      y += 4;
+    }
+    const charts = config.sections.includes("charts") ? payload.charts ?? [] : [];
+    for (const chart of charts) {
+      const svg = svgOf(chart.el);
+      if (!svg) continue;
+      const part = serialize(svg);
+      const canvas = await raster(part.markup, part.width, part.height, Math.min(2, 1400 / part.width));
+      const drawWidth = inner;
+      const drawHeight = part.height / part.width * drawWidth;
+      if (y + drawHeight > doc.internal.pageSize.getHeight() - margin) {
+        doc.addPage();
+        y = margin;
+      }
+      if (chart.title) {
+        doc.setTextColor(...ink);
+        doc.setFont("helvetica", "bold");
+        doc.setFontSize(10);
+        doc.text(printable(chart.title), margin, y);
+        y += 5;
+      }
+      doc.addImage(canvas.toDataURL("image/png"), "PNG", margin, y, drawWidth, drawHeight, void 0, "FAST");
+      y += drawHeight + 6;
+    }
+    if (config.sections.includes("table")) {
+      let rowCount = 0;
+      payload.sheets.forEach((sheet) => {
+        const columns = columnsOf(sheet, config.columns);
+        const rows = rowsOf(sheet, payload.limit);
+        rowCount += rows.length;
+        autoTable(doc, {
+          startY: y + 2,
+          head: [columns.map((column) => printable(column.column))],
+          body: rows.map((row) => columns.map((column) => printable(cellText(column.value(row), lang)))),
+          styles: { fontSize: 7, cellPadding: 1.6, overflow: "linebreak", textColor: ink },
+          headStyles: { fillColor: violet, textColor: [255, 255, 255], fontStyle: "bold" },
+          alternateRowStyles: { fillColor: [250, 250, 253] },
+          margin: { left: margin, right: margin },
+          didDrawPage: () => {
+            if (payload.sheets.length > 1) {
+              doc.setTextColor(...grey);
+              doc.setFont("helvetica", "bold");
+              doc.setFontSize(8);
+              doc.text(printable(sheet.name), margin, margin - 4);
+            }
+          }
+        });
+        y = doc.lastAutoTable?.finalY ?? y;
+      });
+      const withSources = config.sections.includes("sources") || config.options.includes("sources");
+      if (payload.sources?.length && withSources) {
+        doc.setTextColor(...grey);
+        doc.setFont("helvetica", "normal");
+        doc.setFontSize(8);
+        const names = payload.sources.map((source) => `${source.name}${source.date ? ` (${new Date(source.date).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", { year: "numeric", month: "long", day: "numeric" })})` : ""}`).join(" \xB7 ");
+        const lines = doc.splitTextToSize(printable(`Sources : ${names}`), inner);
+        doc.text(lines, margin, Math.min(y + 8, doc.internal.pageSize.getHeight() - margin));
+      }
+      const fileName2 = `${config.fileName}.pdf`;
+      const blob2 = doc.output("blob");
+      return { fileName: fileName2, rows: rowCount, bytes: download(blob2, fileName2) };
+    }
+    const fileName = `${config.fileName}.pdf`;
+    const blob = doc.output("blob");
+    return { fileName, rows: 0, bytes: download(blob, fileName) };
+  }
+  async function toPermalink(payload) {
+    const url = payload.permalink || (typeof window !== "undefined" ? window.location.href : "");
+    try {
+      await navigator.clipboard.writeText(url);
+    } catch {
+    }
+    return { fileName: "", rows: 0, bytes: 0, url };
+  }
+  async function run(config, payload, lang = "fr") {
+    switch (config.format) {
+      case "xlsx":
+        return toXlsx(config, payload, lang);
+      case "csv":
+        return toCsv(config, payload, lang);
+      case "png":
+        return toPng(config, payload, lang);
+      case "svg":
+        return toSvg(config, payload, lang);
+      case "pdf":
+        return toPdf(config, payload, lang);
+      case "link":
+        return toPermalink(payload);
+      default:
+        throw new Error(`Format d'export inconnu : ${config.format}`);
+    }
+  }
+  return { run, extensions: RM_EXPORT_EXTENSIONS };
+}

package/dist/runtime/utils/export.d.ts

@@ -0,0 +1,199 @@
+/**
+ * Vocabulaire de l'export OIP : ce qu'une page declare, ce que le wizard
+ * (`RmExportPanel`) en fait, ce que les generateurs (`useRmExport`) consomment.
+ *
+ * Un seul contrat pour toutes les apps, parce que l'export est la sortie de
+ * chaque ecran : sans vocabulaire commun, chaque page reecrit sa feuille de
+ * calcul, sa page de garde et son nom de fichier, et deux exports du meme
+ * produit ne se ressemblent plus.
+ *
+ * Le schema de colonne est celui de `write-excel-file` (`column`, `type`,
+ * `format`, `value(row)`) : c'est deja la forme utilisee par les apps, et la
+ * garder evite de traduire les schemas existants. Les autres formats (CSV,
+ * PDF) appellent le meme `value(row)`, donc une colonne se decrit une fois.
+ */
+/** Une colonne de tableau, telle que `write-excel-file` l'attend. */
+export interface RmExportColumn {
+    column: string;
+    type?: unknown;
+    format?: string;
+    width?: number;
+    wrap?: boolean;
+    alignVertical?: string;
+    value: (row: any) => any;
+}
+/** Un onglet du classeur : son nom, ses colonnes, ses lignes. */
+export interface RmExportSheet {
+    name: string;
+    schema: RmExportColumn[];
+    data: any[];
+}
+/** Chiffre cle repris sur la page de garde. */
+export interface RmExportKpi {
+    label: string;
+    value: string | number;
+}
+/** Source citee, avec sa derniere mise a jour. */
+export interface RmExportSource {
+    name: string;
+    date?: string | Date | null;
+    emoji?: string;
+}
+/** Filtre actif, tel qu'il s'ecrit dans le recapitulatif de l'export. */
+export interface RmExportFilter {
+    label: string;
+    value: string;
+}
+/**
+ * Un format d'export.
+ *
+ * Les trois drapeaux disent au wizard quelles etapes ont un sens, plutot que
+ * de lui faire connaitre les formats par leur nom : un PNG n'a ni colonnes ni
+ * mise en page, un CSV n'a pas de graphique. Un format ajoute plus tard
+ * (Parquet, PowerPoint) herite du bon comportement en posant ses drapeaux,
+ * sans toucher au composant.
+ */
+export interface RmExportFormat {
+    key: string;
+    label: string;
+    /** Icone Phosphor, nom PascalCase sans le prefixe `Ph`. */
+    icon: string;
+    color?: string;
+    desc?: string;
+    /** Le format porte des lignes de tableau : plage et colonnes s'appliquent. */
+    tabular?: boolean;
+    /** Le format rend les graphiques. */
+    visual?: boolean;
+    /** Le format est mis en page : le choix A4 s'applique. */
+    paged?: boolean;
+    /** Format annonce mais pas encore livre : la carte reste visible, grisee. */
+    disabled?: boolean;
+    /** Raison affichee sur une carte grisee. */
+    disabledHint?: string;
+}
+/** Nature d'une section : elle decide de quels formats la section releve. */
+export type RmExportSectionKind = 'table' | 'visual' | 'meta';
+/** Section proposee a l'etape « Donnees ». */
+export interface RmExportSection {
+    key: string;
+    label: string;
+    kind: RmExportSectionKind;
+    /** Cochee a l'ouverture. */
+    on?: boolean;
+}
+/** Plage de lignes : filtrees, toute la base, la selection. */
+export interface RmExportRange {
+    key: string;
+    label: string;
+    rows: number;
+}
+/** Option de l'etape « Personnaliser » (logo, sources, ZIP...). */
+export interface RmExportOption {
+    key: string;
+    label: string;
+    on?: boolean;
+    disabled?: boolean;
+}
+/** Mise en page, pour les formats pagines. */
+export interface RmExportLayout {
+    key: string;
+    label: string;
+}
+/** Configuration complete, ce que le wizard emet. */
+export interface RmExportConfig {
+    format: string;
+    range: string;
+    sections: string[];
+    columns: string[];
+    options: string[];
+    fileName: string;
+    layout: string;
+    schedule: 'once' | 'recurring';
+    frequency: string;
+    email: boolean;
+}
+/** Modele pre-rempli propose avant d'ouvrir le wizard. */
+export interface RmExportTemplate {
+    key: string;
+    name: string;
+    meta: string;
+    icon: string;
+    color?: string;
+    config: Partial<RmExportConfig>;
+}
+/** Ligne de l'historique « Exports recents ». */
+export interface RmExportRecent {
+    name: string;
+    format: string;
+    rows?: number;
+    size?: string;
+    /** Date de l'export, ISO ou Date. */
+    at: string | Date;
+}
+/**
+ * Ce que les generateurs consomment. La page fournit le contenu, le wizard
+ * fournit la configuration ; `useRmExport` croise les deux.
+ */
+export interface RmExportPayload {
+    /** Titre du document (page de garde PDF, en-tete du classeur). */
+    title: string;
+    subtitle?: string;
+    kpi?: RmExportKpi[];
+    sources?: RmExportSource[];
+    filters?: RmExportFilter[];
+    sheets: RmExportSheet[];
+    /**
+     * Graphiques a rasteriser ou vectoriser. Les charts Romulus sont rendus par
+     * ECharts en SVG : on recupere le noeud, pas une capture d'ecran.
+     */
+    charts?: {
+        title?: string;
+        el: Element;
+    }[];
+    /** URL a copier pour le format « Permalink ». */
+    permalink?: string;
+    /**
+     * Logo a poser sur la page de garde PDF, en data URL PNG. Le paquet ne
+     * porte pas l'image : chaque app a la sienne dans ses assets, et un
+     * `import` depuis `node_modules` ne la trouverait pas.
+     */
+    logoDataUrl?: string;
+    /** Plafond de lignes par onglet, pour ne pas geler l'onglet du navigateur. */
+    limit?: number;
+}
+/** Extension de fichier par format. */
+export declare const RM_EXPORT_EXTENSIONS: Record<string, string>;
+/**
+ * Catalogue par defaut. Une app peut en retirer, en ajouter, ou en desactiver
+ * un ; l'ordre est celui d'affichage.
+ */
+export declare const RM_EXPORT_FORMATS: RmExportFormat[];
+/** Sections par defaut, dans l'ordre d'affichage. */
+export declare const RM_EXPORT_SECTIONS: RmExportSection[];
+/** Options par defaut de l'etape « Personnaliser ». */
+export declare const RM_EXPORT_OPTIONS: RmExportOption[];
+/** Mises en page par defaut. */
+export declare const RM_EXPORT_LAYOUTS: RmExportLayout[];
+/**
+ * Taille estimee, en ko. Une estimation, pas une mesure : elle sert a dire
+ * « quelques centaines de ko » contre « plusieurs Mo » avant de lancer.
+ */
+export declare function rmExportSizeKb(input: {
+    format: string;
+    rows: number;
+    columns: number;
+    totalColumns: number;
+    sections: number;
+    includesTable: boolean;
+    zip?: boolean;
+}): number;
+/** « ~ 340 ko » · « ~ 1,8 Mo ». */
+export declare function rmExportSize(kb: number): string;
+/** Duree estimee, du meme ordre de precision que la taille. */
+export declare function rmExportDuration(kb: number, rows: number): string;
+/**
+ * Nom de fichier sans extension : minuscules, sans accent, tirets, date du
+ * jour. Un nom stable d'une app a l'autre rend les exports triables dans un
+ * dossier de telechargements.
+ */
+export declare function rmExportFileName(...parts: (string | undefined | null)[]): string;