*
*
*
*
Our Class Book of Knowledge
${esc(subjectDisplay)}
Student Reflections
${today}
* * * * * * * * * *
${[...new Set(rawEntries.map((e) => e.name))].length} voices * ${rawEntries.length} ideas
${articles.length > 1 ? `
Articles
${articles.map((a) => `
${esc(a)}
`).join("")}
` : ""}
${pagesHTML}
`;
}
// -- Open medley ------------------------------
function openMedley() {
try {
const entries = extractEntries();
log("openMedley: entries =", entries.length);
if (entries.length === 0) { showStatus("Warning: No entries found!"); return; }
const pageSubject = scrapeSubject();
const subjectInput = document.getElementById("rw-bok-subject");
let subject = pageSubject || (subjectInput ? subjectInput.value.trim() : "");
log("openMedley: subject =", subject);
const densityBtns = document.querySelectorAll("#rw-bok-export-panel .density-btn.active");
let perPage = 4;
if (densityBtns.length > 0) {
perPage = parseInt(densityBtns[0].dataset.perpage) || 4;
}
log("openMedley: perPage =", perPage);
const html = generateMedleyHTML(entries, subject, perPage, readPaletteIndex());
log("openMedley: html generated, length =", html.length);
const w = window.open("", "_blank");
if (!w) {
showStatus("Warning: Popup blocked!");
downloadFile(html, "book-of-knowledge-medley.html", "text/html");
showStatus("Download: Downloaded HTML instead. Open it and Ctrl+P.");
return;
}
w.document.write(html);
w.document.close();
const interleaved = interleaveEntries(entries, perPage);
const pageCount = Math.ceil(interleaved.length / perPage) + 1;
showStatus(`Open: ${pageCount} pages - Ctrl+P to print!`);
if (subject) {
try { GM_setValue("lastSubject", subject); } catch(e) {}
}
} catch(err) {
console.error("[BOK Exporter] openMedley error:", err);
showStatus("Error: Error: " + err.message);
}
}
// -- Download medley -------------------------
function downloadMedley() {
try {
const entries = extractEntries();
log("downloadMedley: entries =", entries.length);
if (entries.length === 0) { showStatus("Warning: No entries found!"); return; }
const pageSubject = scrapeSubject();
const subjectInput = document.getElementById("rw-bok-subject");
let subject = pageSubject || (subjectInput ? subjectInput.value.trim() : "");
const densityBtns = document.querySelectorAll("#rw-bok-export-panel .density-btn.active");
let perPage = 4;
if (densityBtns.length > 0) {
perPage = parseInt(densityBtns[0].dataset.perpage) || 4;
}
const html = generateMedleyHTML(entries, subject, perPage, readPaletteIndex());
downloadFile(html, "book-of-knowledge-medley.html", "text/html");
if (subject) {
try { GM_setValue("lastSubject", subject); } catch(e) {}
}
} catch(err) {
console.error("[BOK Exporter] downloadMedley error:", err);
showStatus("Error: Error: " + err.message);
}
}
// -- Export Formats --------------------------
function formatPlainText(entries) {
return entries.map((e, i) => {
const art = e.article ? ` [${e.article}]` : "";
return `${i + 1}. ${e.name}${art}\n "${e.comment}"`;
}).join("\n\n");
}
function formatCSV(entries) {
const header = "Name,Article,Comment";
const rows = entries.map(
(e) => `"${e.name.replace(/"/g, '""')}","${(e.article || "").replace(/"/g, '""')}","${e.comment.replace(/"/g, '""')}"`
);
return [header, ...rows].join("\n");
}
function formatJSON(entries) {
return JSON.stringify(entries, null, 2);
}
function formatAICollage(entries) {
// Gather article info
const articles = [...new Set(entries.map((e) => e.article).filter(Boolean))];
const articleList = articles.length > 0
? articles.map((a) => ` - "${a}"`).join("\n")
: " (articles not specified - use a single accent color)";
const lines = [];
lines.push("STUDENT BOOK OF KNOWLEDGE - A4 PRINT MEDLEY");
lines.push("=".repeat(50));
lines.push("");
lines.push("Warning: CRITICAL: Every student quote below MUST be reproduced VERBATIM -");
lines.push(" exactly as the student wrote it. Do NOT correct spelling, grammar, punctuation,");
lines.push(" capitalization, or wording. The authenticity of student work is non-negotiable.");
lines.push("");
lines.push("LAYOUT REQUIREMENTS:");
lines.push(" - Designed for A4 paper (210 x 297 mm), portrait orientation.");
lines.push(" - Page 1 is a TITLE PAGE with a decorative heading, the week's subject,");
lines.push(" subtitle \"Student Reflections\", the date, and a count line:");
lines.push(` \"${[...new Set(entries.map(e => e.name))].length} voices * ${entries.length} ideas\".`);
lines.push(" - Each subsequent page is ONE student quote card filling a full A4 sheet -");
lines.push(" large student name at top, their verbatim quote in a speech-bubble or");
lines.push(" framed block, and the article title below the name as \"from 'Article Name'\".");
lines.push(" - Font sizing adapts to quote length: short reflections (<= 60 chars) use");
lines.push(" a larger font (x1.25); very long reflections (> 700 chars) scale down");
lines.push(" (x0.72) to fit the card. Visual variety is intentional - it reflects the");
lines.push(" diversity of student expression.");
lines.push(" - No student should appear more than once per page. Each page = one student.");
lines.push(" - Print at A4 size, then pin the title sheet in the center of a classroom");
lines.push(" bulletin board with the individual quote cards arranged around it.");
lines.push("");
lines.push("ARTICLE COLORS (use a different accent color per article):");
lines.push(articleList);
lines.push(" Color palette: terracotta, sage green, muted plum, warm amber, slate blue,");
lines.push(" cocoa brown, olive, dusty rose, pine green, warm brown. Assign one color");
lines.push(" per article and use that color for the card border + name on all cards for that article.");
lines.push("");
lines.push("STUDENT REFLECTIONS (verbatim - no corrections):");
lines.push("-".repeat(50));
entries.forEach((e, i) => {
const art = e.article ? ` - from "${e.article}"` : "";
lines.push("");
lines.push(`CARD ${i + 1}: ${e.name}${art}`);
lines.push(` Quote: "${e.comment}"`);
});
lines.push("");
lines.push("-".repeat(50));
lines.push("END OF STUDENT REFLECTIONS");
return lines.join("\n");
}
function formatAIPrompt(entries) {
const articles = [...new Set(entries.map((e) => e.article).filter(Boolean))];
const articleList = articles.length > 0
? articles.map((a, i) => ` ${i + 1}. "${a}"`).join("\n")
: "";
const studentList = entries.map((e, i) => {
const art = e.article ? ` (article: "${e.article}")` : "";
return ` ${i + 1}. ${e.name}${art}: "${e.comment}"`;
}).join("\n");
return `Create a set of A4-sized printable pages for a 5th grade classroom "Book of Knowledge" bulletin board display. The set consists of:
PAGE 1 - TITLE SHEET:
- Large heading: the week's subject
- Subtitle: "Our Class Book of Knowledge - Student Reflections"
- Today's date
- Count line: "${[...new Set(entries.map(e => e.name))].length} voices * ${entries.length} ideas"
- List of the ${articles.length} articles read this week
- Decorative border in warm earth tones (terracotta + sage green accents)
- This sheet goes in the center of the bulletin board
PAGES 2-${entries.length + 1} - INDIVIDUAL QUOTE CARDS (one per A4 sheet):
- Each page features ONE student
- Large student name at the top
- The article they wrote about shown as "from '[Article Name]'"
- Their verbatim reflection in a decorative speech-bubble or framed block
- Font size adapts to quote length: short quotes use larger type (x1.25),
very long quotes scale down (x0.72) to fit - visual variety is intentional
- Ink-efficient design: mostly black text on white/cream, with one accent color
per article used sparingly for borders and the student name
COLOR CODING BY ARTICLE (each article gets a different accent color):
${articleList}
Colors: terracotta, sage green, muted plum, warm amber, slate blue, cocoa,
olive, dusty rose, pine green, warm brown. Use the assigned color for the
card border and student name on every card from that article.
VERBATIM RULE: Every student quote MUST appear exactly as written below.
Do NOT correct spelling, grammar, punctuation, or wording. Preserve all
original typos and phrasings - these are authentic 5th grade responses.
AESTHETIC: Warm classroom feel, elementary-school-friendly, hand-drawn
organic shapes, gentle decorative elements (stars, dots, small ornaments).
No faces or clip-art people. Clean and readable - students should be able
to read each other's quotes from a short distance.
The ${entries.length} student reflections are:
${studentList}
Style: hand-drawn, warm classroom aesthetic, A4 portrait, bulletin board ready.`;
}
// -- Copy / Download helpers -----------------
function copyText(text, label) {
if (typeof GM_setClipboard !== "undefined") {
GM_setClipboard(text, "text");
} else {
navigator.clipboard.writeText(text).catch(() => {
const ta = document.createElement("textarea");
ta.value = text;
ta.style.position = "fixed"; ta.style.left = "-9999px";
document.body.appendChild(ta); ta.select();
document.execCommand("copy"); document.body.removeChild(ta);
});
}
showStatus(`OK: Copied ${label}!`);
}
function downloadFile(text, filename, mimeType = "text/plain") {
const blob = new Blob([text], { type: mimeType });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url; a.download = filename;
document.body.appendChild(a); a.click(); document.body.removeChild(a);
URL.revokeObjectURL(url);
showStatus(`Download: Downloaded ${filename}`);
}
// -- Status ----------------------------------
let statusTimeout;
function showStatus(msg) {
const el = document.getElementById("rw-bok-status");
if (!el) return;
el.textContent = msg; el.classList.add("show");
clearTimeout(statusTimeout);
statusTimeout = setTimeout(() => el.classList.remove("show"), 4000);
}
// -- Build Panel -----------------------------
function buildPanel() {
const existing = document.getElementById("rw-bok-export-panel");
if (existing) existing.remove();
const entries = extractEntries();
let savedSubject = "";
try { savedSubject = GM_getValue("lastSubject", ""); } catch(e) {}
const scrapedSubject = scrapeSubject();
const defaultSubject = scrapedSubject || savedSubject || "";
let savedDensity = 4;
try { savedDensity = parseInt(GM_getValue("density", "4")) || 4; } catch(e) {}
const densities = [1, 2, 4, 6, 8, 10];
const uniqueArticles = [...new Set(entries.map((e) => e.article).filter(Boolean))];
log(`Building panel - ${entries.length} entries, ${uniqueArticles.length} articles, subject: "${defaultSubject}"`);
const panel = document.createElement("div");
panel.id = "rw-bok-export-panel";
const header = document.createElement("h3");
header.innerHTML = `