@ai-matrx/print 0.12.8 → 0.12.9

package/CHANGELOG.md

@@ -1,11 +1,26 @@
 # Changelog
 
+## 0.12.9
+
+- Flashcards in a composed print (a message's Print): the study sheet is styled through the `css`
+  channel with `matrx-fc-*` classes (it was stripped to bare text), a bare array of cards is read,
+  `question`/`term` cards are read, and a deck the printer cannot read answers `null` so the default
+  path runs instead of printing a false "no cards". The standalone print is byte-identical.
+  Consumer action: a host that stores decks as `Front:/Back:` markdown parses them with its own parser
+  and hands `{ title, cards }` (matrx-frontend registers that adapter).
+
 ## 0.12.8
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see
 `git diff npm/print/v0.12.7..npm/print/v0.12.8 -- apps/shared/print`).
 No source changes intended and no consumer action required.
 
+## 0.12.7
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/print/v0.12.6..npm/print/v0.12.7 -- apps/shared/print`).
+No source changes intended and no consumer action required.
+
 ## 0.12.6
 
 - A block printer's stylesheet reaches a composed print: `PrintBlockOutput` `{ html }` takes an

package/dist/flashcards.cjs

@@ -283,13 +283,20 @@ function resolveSettings(raw) {
     showImages: b("showImages")
   };
 }
+function toCard(entry) {
+  if (!entry || typeof entry !== "object") return null;
+  const e = entry;
+  if (typeof e.front === "string") return entry;
+  const front = e.question ?? e.term;
+  if (typeof front !== "string") return null;
+  const back = e.back ?? e.answer ?? e.definition;
+  return { ...entry, front, back: typeof back === "string" ? back : "" };
+}
 function extractCards(data) {
   if (!data) return [];
-  if (typeof data === "object" && data !== null && "cards" in data) {
-    const cards = data.cards;
-    return Array.isArray(cards) ? cards : [];
-  }
-  return [];
+  const list = Array.isArray(data) ? data : typeof data === "object" && "cards" in data ? data.cards : null;
+  if (!Array.isArray(list)) return [];
+  return list.map(toCard).filter((card) => card !== null);
 }
 function faceImageHtml(card, face, showImages = true) {
   if (!showImages) return "";
@@ -610,16 +617,22 @@ var STUDY_SHEET_STYLES = `
     tbody tr:nth-child(even) td { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
   }
 `;
-function renderStudySheet(cards, title, s, startIndex = 0) {
+var STUDY_SHEET_LEGACY_CLASSES = {
+  header: "deck-header",
+  title: "deck-title",
+  meta: "deck-meta",
+  rowNum: "row-num"
+};
+function renderStudySheet(cards, title, s, startIndex = 0, c = STUDY_SHEET_LEGACY_CLASSES) {
   const rows = cards.map(
     (card, i) => `  <tr>
-    <td><span class="row-num">${startIndex + i + 1}.</span>${faceImageHtml(card, "front", s.showImages)}${mathTextHtml(card.front)}</td>
+    <td><span class="${c.rowNum}">${startIndex + i + 1}.</span>${faceImageHtml(card, "front", s.showImages)}${mathTextHtml(card.front)}</td>
     <td>${faceImageHtml(card, "back", s.showImages)}${mathTextHtml(card.back ?? "")}</td>
   </tr>`
   ).join("\n");
-  return `<div class="deck-header">
-  <h1 class="deck-title">${mathTextHtml(title)}</h1>
-  <div class="deck-meta">${cards.length} card${cards.length !== 1 ? "s" : ""} &nbsp;\xB7&nbsp; Study sheet</div>
+  return `<div class="${c.header}">
+  <h1 class="${c.title}">${mathTextHtml(title)}</h1>
+  <div class="${c.meta}">${cards.length} card${cards.length !== 1 ? "s" : ""} &nbsp;\xB7&nbsp; Study sheet</div>
 </div>
 <table>
   <thead>
@@ -633,6 +646,29 @@ ${rows}
   </tbody>
 </table>`;
 }
+var COMPOSED_CLASSES = {
+  header: "matrx-fc-header",
+  title: "matrx-fc-title",
+  meta: "matrx-fc-meta",
+  rowNum: "matrx-fc-row-num"
+};
+var COMPOSED_STUDY_SHEET_CSS = `
+  .matrx-fc-sheet .matrx-fc-header { border-bottom: 1.5px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 16px; }
+  .matrx-fc-sheet .matrx-fc-title { font-size: 13pt; font-weight: 700; color: #1e293b; margin: 0 0 4px 0; letter-spacing: -0.01em; border-bottom: none; }
+  .matrx-fc-sheet .matrx-fc-meta { font-size: 8.5pt; color: #64748b; }
+  .matrx-fc-sheet table { width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 10pt; }
+  .matrx-fc-sheet thead th { background: #1e293b; color: #f1f5f9; padding: 8px 12px; text-align: left; font-size: 8.5pt; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
+  .matrx-fc-sheet thead th:first-child { width: 38%; }
+  .matrx-fc-sheet tbody tr { page-break-inside: avoid; break-inside: avoid; }
+  .matrx-fc-sheet tbody tr:nth-child(even) td { background: #f8fafc; }
+  .matrx-fc-sheet tbody td { padding: 8px 12px; vertical-align: top; border-bottom: 1px solid #e2e8f0; line-height: 1.5; white-space: pre-line; }
+  .matrx-fc-sheet tbody td:first-child { font-weight: 600; border-right: 1px solid #e2e8f0; color: #1e3a5f; }
+  .matrx-fc-sheet .matrx-fc-row-num { display: inline-block; width: 18px; font-size: 8pt; color: #94a3b8; font-weight: 400; margin-right: 4px; }
+  .matrx-fc-sheet .matrx-fc-face-image { display: block; max-width: 100%; max-height: 1.6in; margin: 0 auto 6px auto; object-fit: contain; }
+  @media print {
+    .matrx-fc-sheet thead th, .matrx-fc-sheet tbody tr:nth-child(even) td { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+  }
+`;
 var FRONT_ONLY_STYLES = `
   ${BASE_STYLES}
 
@@ -1745,8 +1781,12 @@ var flashcardsPrinter = {
   // paper cannot flip, and a cut sheet belongs to the deck's own print.
   toPrintHtml(data) {
     const cards = extractCards(data);
-    if (cards.length === 0) return { notice: "This flashcard deck has no cards to print." };
-    return { html: renderStudySheet(cards, deriveTitle(data), resolveSettings(void 0)) };
+    if (cards.length === 0) return null;
+    const sheet = renderStudySheet(cards, deriveTitle(data), resolveSettings(void 0), 0, COMPOSED_CLASSES).replaceAll(
+      'class="face-image"',
+      'class="matrx-fc-face-image"'
+    );
+    return { html: `<div class="matrx-fc-sheet">${sheet}</div>`, css: COMPOSED_STUDY_SHEET_CSS };
   }
 };
 //# sourceMappingURL=flashcards.cjs.map