From 5fa93a49ade3bb0cfb87e6cdd29ed26b559def17 Mon Sep 17 00:00:00 2001
From: Jukka Lampikoski <jukka@lampikoski.com>
Date: Sun, 8 Mar 2026 01:39:36 +0200
Subject: [PATCH] =?UTF-8?q?Kopioi=20ostoslista=20-nappi=20+=20tykk=C3=A4ys?=
 =?UTF-8?q?ten=20localStorage-muisti?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ainesluettelon vieressä 'Kopioi ostoslista' -nappi: kopioi
  julkaisun nimen ja ainesosat ostoslistamuodossa leikepöydälle
- Tykkäykset tallennetaan localStorage:en — muistetaan vaikka
  PHP-sessio vanhenisi (selain muistaa oman tykkäyshistoriansa)
- Latauksessa yhdistetään server-sessio ja localStorage

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 script.js | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/script.js b/script.js
index 6dd6b94..4aa5986 100644
--- a/script.js
+++ b/script.js
@@ -127,6 +127,8 @@ async function toggleLike(id) {
   } else {
     APP.userLikes = APP.userLikes.filter(x => x !== id);
   }
+  // Persist to localStorage so likes survive session expiry
+  saveLocalLikes(APP.userLikes);
 
   // Update all like buttons for this post (card + modal)
   document.querySelectorAll(`[data-like-id="${id}"]`).forEach(btn => {
@@ -247,7 +249,10 @@ async function openPost(id) {
     const stps = p.steps?.length
       ? `<ol>${p.steps.map(s => `<li>${s}</li>`).join('')}</ol>`
       : `<p class="empty-note">${t('no_steps')}</p>`;
-    bodyHTML = `<h3>${t('modal_ingredients')}</h3>${ings}<h3>${t('modal_steps')}</h3>${stps}`;
+    const copyBtn = p.ingredients?.length
+      ? `<button class="copy-list-btn" onclick="copyIngredients('${p.id}')" style="margin-left:10px;padding:4px 12px;font-size:0.82rem;border:1px solid #ccc;background:#fff;border-radius:20px;cursor:pointer;">📋 Kopioi ostoslista</button>`
+      : '';
+    bodyHTML = `<div style="display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:2px"><h3 style="margin:0">${t('modal_ingredients')}</h3>${copyBtn}</div>${ings}<h3>${t('modal_steps')}</h3>${stps}`;
   } else {
     bodyHTML = `<div class="post-body">${p.body || p.desc}</div>`;
   }
@@ -557,6 +562,29 @@ function handleSubmit(e) {
 
 // ===========================
 // INIT
+// ===========================
+// COPY INGREDIENTS
+// ===========================
+function copyIngredients(postId) {
+  const p = APP.posts.find(x => x.id === postId);
+  if (!p?.ingredients?.length) return;
+  const text = p.title + '\n\nOstoslista:\n' + p.ingredients.map(i => '• ' + i).join('\n');
+  navigator.clipboard.writeText(text).then(() => {
+    const btn = document.querySelector('.copy-list-btn');
+    if (btn) { btn.textContent = '✅ Kopioitu!'; setTimeout(() => { btn.textContent = '📋 Kopioi ostoslista'; }, 2000); }
+  }).catch(() => {});
+}
+
+// ===========================
+// LOCAL LIKES PERSISTENCE
+// ===========================
+function getLocalLikes() {
+  try { return JSON.parse(localStorage.getItem('tykkaafi_likes') || '[]'); } catch { return []; }
+}
+function saveLocalLikes(arr) {
+  try { localStorage.setItem('tykkaafi_likes', JSON.stringify(arr)); } catch {}
+}
+
 // ===========================
 async function init() {
   try {
@@ -568,7 +596,10 @@ async function init() {
     APP.posts      = postsData.posts      || [];
     APP.categories = catsData.categories  || [];
     APP.likes      = likesData.likes      || {};
-    APP.userLikes  = likesData.userLikes  || [];
+    // Merge server session likes with localStorage — remember likes across sessions
+    const serverLikes = likesData.userLikes || [];
+    const localLikes  = getLocalLikes();
+    APP.userLikes = [...new Set([...serverLikes, ...localLikes])];
   } catch (e) {
     console.error('API virhe:', e);
   }