);
}
/* Compact countdown shown inside the Daily button when the player has already
finished today's puzzle. Updates every second. */
function DailyButtonCountdown() {
const [ms, setMs] = useState(() => msUntilNextPacificMidnight());
useEffect(() => {
const id = setInterval(() => setMs(msUntilNextPacificMidnight()), 1000);
return () => clearInterval(id);
}, []);
return {formatCountdown(ms)};
}
/* Build the Wordle-style share text. Pure function so the modal can preview it
exactly as it will be copied. */
function buildShareText({ dateStr, used, total, won, streak, url }) {
const squares = Array.from({ length: total }, (_, i) =>
i < used ? (won && i === used - 1 ? "\uD83D\uDFE9" : "\uD83D\uDFE8") : "\u2B1C"
).join("");
const score = won ? `${used}/${total}` : `X/${total}`;
const streakLine = streak > 0 ? `\n\uD83D\uDD25 ${streak}-day streak` : "";
return `Triptych Daily \u00B7 ${prettyDate(dateStr)}\n${squares} ${score}${streakLine}\n${url}`;
}
/* Wordle-style share card rendered inside the modal. Shows the exact preview
of what will be shared, plus key stats. */
function DailyShareCard({ dateStr, used, total, won, streak, winRate, played }) {
const squares = Array.from({ length: total }, (_, i) =>
i < used ? (won && i === used - 1 ? "\uD83D\uDFE9" : "\uD83D\uDFE8") : "\u2B1C"
);
return (
One puzzle per day · {DAILY.attempts} attempts · No hints
Unscramble the letters into 3 words — use every letter.
Word lengths: {lengthsLine}
{descriptionLine}
)}
{/* Beginner info panel (above tray) — mirrors the daily info panel.
Shows descriptions as a free preview. Hint button still grants rhymes,
first letter, and a full row. */}
{isBeginner && (
{descriptionLine}
)}
{/* Tray (ABOVE slots) — backspace tile at end */}
{tray.map(t => {
const isPlaced = placedIds.has(t.id);
return (
{
if (isPlaced) {
// double-tap to remove: works for both mouse and touch (mobile fires click after touchend)
const now = Date.now();
const prev = lastTapRef.current.get(t.id) || 0;
if (now - prev < 400) {
for (let r = 0; r < 3; r++) {
if (slots[r].some(s => s.id === t.id)) { removeFromSlot(r, t.id); break; }
}
lastTapRef.current.delete(t.id);
} else {
lastTapRef.current.set(t.id, now);
}
return;
}
placeTile(t);
}}
>{t.ch}
);
})}
removeLastInRow(activeRef.current)}
role="button"
aria-label="Backspace"
title="Backspace"
>
{/* Slots */}
{[0, 1, 2].map((i) => {
const state = rowState[i];
const cls = ["slot"];
if (state === "correct") cls.push("correct");
else if (state === "wrong") cls.push("wrong");
else if (active === i) cls.push("active");
const cur = slots[i].length;
const tot = puzzle.words[i].length;
const fb = letterFeedback[i];
const missing = Math.max(0, tot - cur);
return (
{/* Hint chip — Beginner sees rhymes (hint #1), others see descriptions (hint #1).
Daily skipped (no hints); Beginner's description panel above tray is a free preview, so we suppress the description chip there. */}
{showRhymes && !isDaily && isBeginner && (
{phase === "playing" && status}
{phase === "won" && (attempts === 1 ? "Solved on the first try." : "All three words found.")}
{phase === "lost" && "Out of attempts."}