' + '

' + texts.hint.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"') + '

' + '

' + texts.action.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"') + '

' + '

'; sectionEl.appendChild(a); } catch (_) {} } function maybeHandleEmptyMasonry(masonry) { try { if (!masonry) return; var remaining = masonry.querySelectorAll('a.hungru-masonry-item'); if (remaining && remaining.length) return; masonry.style.display = 'none'; var section = masonry.closest ? masonry.closest('section') : null; ensureEmptyHint(section); } catch (_) {} } function setWideActive(g, href) { try { if (!g || !href) return; var mainImg = g.querySelector('[data-wide-main]'); var mainLink = g.querySelector('[data-wide-main-link]'); if (mainImg) mainImg.setAttribute('src', href); if (mainLink) mainLink.setAttribute('href', href); var thumbs = Array.prototype.slice.call(g.querySelectorAll('a[data-wide-thumb]')).filter(function (a) { return a && a.isConnected; }); for (var i = 0; i < thumbs.length; i++) { var a = thumbs[i]; var h = a.getAttribute('href'); if (h === href) a.classList.add('ring-2', 'ring-hungru-gold/90'); else a.classList.remove('ring-2', 'ring-hungru-gold/90'); } } catch (_) {} } document.addEventListener('error', function (e) { try { var el = e && e.target; if (!el || !el.tagName || String(el.tagName).toUpperCase() !== 'IMG') return; // A broken Google Place Photo URL (stale key, expired photo_reference, etc.) // falls through to the same hide/fallback handling as any other broken image // below — it used to be "fixed up" here by swapping in the current server API // key, but that required shipping the key itself to every visitor's browser // (a live, billable, unrestrictable secret in page source). Removed; re-signing // a stale photo URL is a server-side concern, not a client-side retry. // Wide gallery (review cards): remove broken thumbs; if main breaks, swap to next available. var wide = el.closest ? el.closest('[data-ssr-wide-gallery="1"]') : null; if (wide) { var isMain = el.hasAttribute && el.hasAttribute('data-wide-main'); if (isMain) { var mainLink = wide.querySelector('[data-wide-main-link]'); var badSrc = (mainLink && mainLink.getAttribute('href')) || el.getAttribute('src') || ''; if (badSrc) { var thumbsAll = Array.prototype.slice.call(wide.querySelectorAll('a[data-wide-thumb]')); for (var i = 0; i < thumbsAll.length; i++) { if (thumbsAll[i].getAttribute('href') === badSrc) removeNode(thumbsAll[i]); } } var thumbsNow = Array.prototype.slice.call(wide.querySelectorAll('a[data-wide-thumb]')).filter(function (a) { return a && a.isConnected; }); var nextHref = thumbsNow[0] && thumbsNow[0].getAttribute('href'); if (nextHref) setWideActive(wide, nextHref); else { // No valid images left → remove the whole gallery wrapper (the padded container). var wrap = wide.parentNode; removeNode(wrap || wide); } return; } var thumb = el.closest ? el.closest('a[data-wide-thumb]') : null; if (thumb) { var wasActive = thumb.classList && thumb.classList.contains('ring-2'); removeNode(thumb); if (wasActive) { var remaining = Array.prototype.slice.call(wide.querySelectorAll('a[data-wide-thumb]')).filter(function (a) { return a && a.isConnected; }); var href = remaining[0] && remaining[0].getAttribute('href'); if (href) setWideActive(wide, href); else { var wrap2 = wide.parentNode; removeNode(wrap2 || wide); } } return; } } // Restaurant masonry photos: drop broken tiles (legacy string-SSR only). // Next.js PhotoGalleryLazy sets data-ssr-react-photo-gallery — do NOT strip tiles: // signing/Google retries can transiently error; removing nodes fights React and causes a flash-then-empty gallery. var masonry = el.closest ? el.closest('.hungru-masonry') : null; if (masonry) { if (masonry.getAttribute && masonry.getAttribute('data-ssr-react-photo-gallery') === '1') { return; } var tile = el.closest ? el.closest('a.hungru-masonry-item') : null; if (tile) removeNode(tile); maybeHandleEmptyMasonry(masonry); return; } // Chef / entity avatars: never leave a broken . // Prefer inline person SVG (same as ChefAvatar) over an external flaticon URL. // Skip when React AvatarImage already owns fallback (data-avatar-icon-fallback). if ( el.hasAttribute && (el.getAttribute('data-ssr-chef-avatar') === '1' || el.getAttribute('data-ssr-chef-hero-avatar') === '1' || el.getAttribute('data-ssr-entity-avatar') === '1') ) { if (el.getAttribute('data-avatar-icon-fallback') === '1') return; if (el.getAttribute('data-ssr-fallback-applied') === '1') return; el.setAttribute('data-ssr-fallback-applied', '1'); var isHero = el.getAttribute('data-ssr-chef-hero-avatar') === '1'; var parent = el.parentNode; if (parent) { var wrap = document.createElement('div'); wrap.setAttribute('aria-hidden', 'true'); if (isHero) { wrap.className = 'flex h-full w-full items-center justify-center text-white'; wrap.innerHTML = ''; } else { wrap.className = el.className || 'h-9 w-9 md:h-12 md:w-12 rounded-full bg-hungru-gold/20 flex items-center justify-center shrink-0'; wrap.innerHTML = ''; } try { parent.replaceChild(wrap, el); } catch (_) { el.style.display = 'none'; } return; } var fallback = 'https://cdn-icons-png.flaticon.com/512/6596/6596121.png'; try { if (window.__SSR_CHEF_AVATAR_FALLBACK) fallback = window.__SSR_CHEF_AVATAR_FALLBACK; } catch (_) {} el.setAttribute('src', fallback); return; } // News feed images: hide image block when it fails (no cut logo; consistent with no-image case). var isNews = !!(el.closest && el.closest('[data-ssr-news-card="1"]')); if (isNews) { var wrapper = el.closest ? el.closest('a[data-ssr-news-img-wrapper="1"]') : null; if (wrapper) removeNode(wrapper); return; } // Dish images (menu cards): backfill to client placeholder (no duplication). var dishCard = el.closest ? el.closest('[data-ssr-dish-card="1"]') : null; var isDish = !!dishCard; if (isDish) { if (el.getAttribute('data-ssr-fallback-applied') === '1') return; el.setAttribute('data-ssr-fallback-applied', '1'); var ph = dishCard && dishCard.getAttribute('data-dish-placeholder'); el.setAttribute('src', ph || dishFallbackUrl()); return; } } catch (_) {} }, true); } catch (e) {} })(); (function () { try { window.__SSR_SOCIAL_I18N = {"likedThis_one":"{{name}} liked this","likedThis_andOneOther":"{{name}} and 1 other liked this","likedThis_andOthers":"Liked by {{name}} and {{count}} others","likedThis_twoNames":"{{names}} liked this","likedThis_twoNamesAndOthers":"{{names}} and {{count}} others liked this","commentCount":"{{count}} comment","commentCount_plural":"{{count}} comments","likesTitle":"Liked by","noLikesYet":"No likes yet","loading":"Loading...","commentsTitle":"{{parentType}} Comments","labelDish":"Dish","labelReview":"Review","labelNews":"News Feed","labelEvent":"Event","labelPost":"Post","review_translate":"Translate","review_translating":"Translating...","review_showOriginal":"Show Original","review_translatedFromHint":"Translated from {{language}} · Show original","review_edit":"Edit","review_delete":"Delete","review_enrichWithAI":"Enrich with AI","addCommentPlaceholder":"Add a comment... (use @ to mention users)","send":"Send","close":"Close"}; } catch (_) {} })(); (function () { var API_ORIGIN = "https://gql.hungru.co"; function getGraphqlUrl() { try { if (API_ORIGIN && API_ORIGIN.startsWith('http')) return API_ORIGIN + '/graphql'; return (window.location.origin || '') + '/graphql'; } catch (_) { return '/graphql'; } } function run() { function updateLikeButtonState(btn, liked) { if (!btn) return; try { var thumbPath = "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"; var gapX = 6.25; var gapW = 1.5; var parentId = String(btn.getAttribute('data-parent-id') || 'btn'); var maskId = 'hungru-like-' + parentId.replace(/[^a-zA-Z0-9_-]/g, '') || 'btn'; if (liked) { btn.setAttribute('data-liked', '1'); btn.classList.add('hungru-social-icon-btn--active'); btn.style.color = 'var(--color-hungru-gold)'; btn.innerHTML = ''; } else { btn.setAttribute('data-liked', '0'); btn.classList.remove('hungru-social-icon-btn--active'); btn.style.color = ''; btn.innerHTML = ''; } } catch (_) {} } function escapeHtml(s) { return String(s || '').replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, '''); } function uniqIds(all) { var o = {}; var out = []; for (var i = 0; i < (all || []).length; i++) { var v = String(all[i] || '').trim(); if (!v || o[v]) continue; o[v] = 1; out.push(v); } return out; } function getLang() { try { return String(document.documentElement.lang || 'en'); } catch (_) { return 'en'; } } function isHe() { return getLang().toLowerCase().indexOf('he') === 0; } function interpolate(tmpl, vars) { try { return String(tmpl || '').replace(/\{\{\s*([a-zA-Z0-9_]+)\s*\}\}/g, function (_m, k) { var v = vars && (vars[k] !== undefined) ? vars[k] : ''; return v === null || v === undefined ? '' : String(v); }); } catch (_) { return String(tmpl || ''); } } function likedSentence(likeCount, name1, name2) { var I18N = (window && window.__SSR_SOCIAL_I18N) || null; function tr(k, fb) { try { return I18N && typeof I18N[k] === 'string' ? I18N[k] : fb; } catch (_) { return fb; } } function bdi(s) { return '' + escapeHtml(s) + ''; } function joinTwo(a, b) { return isHe() ? (bdi(a) + ' ו' + bdi(b)) : (bdi(a) + ' and ' + bdi(b)); } function joinMany(a, b) { return bdi(a) + ', ' + bdi(b); } function wrap(inner) { return '' + inner + ''; } if (!likeCount || likeCount <= 0) return ''; if (likeCount === 1) { var s1 = interpolate(tr('likedThis_one', '{{name}} liked this'), { name: '' }); return wrap('' + bdi(name1) + ' ' + escapeHtml(String(s1 || '').trim())); } if (likeCount === 2) { if (name2) { var s2 = interpolate(tr('likedThis_twoNames', '{{names}} liked this'), { names: '' }); return wrap('' + joinTwo(name1, name2) + ' ' + escapeHtml(String(s2 || '').trim())); } var s3 = interpolate(tr('likedThis_andOneOther', '{{name}} and 1 other liked this'), { name: '' }); return wrap('' + bdi(name1) + ' ' + escapeHtml(String(s3 || '').trim())); } if (name2) { var others = Math.max(0, likeCount - 2); var s4 = interpolate(tr('likedThis_twoNamesAndOthers', '{{names}} and {{count}} others liked this'), { names: '', count: others }); return wrap('' + joinMany(name1, name2) + ' ' + escapeHtml(String(s4 || '').trim())); } var others2 = Math.max(0, likeCount - 1); var s5 = interpolate(tr('likedThis_andOthers', 'Liked by {{name}} and {{count}} others'), { name: '', count: others2 }); return wrap('' + bdi(name1) + ' ' + escapeHtml(String(s5 || '').trim())); } function commentText(count) { var I18N = (window && window.__SSR_SOCIAL_I18N) || null; function tr(k, fb) { try { return I18N && typeof I18N[k] === 'string' ? I18N[k] : fb; } catch (_) { return fb; } } if (!count || count <= 0) return ''; var tmpl = count === 1 ? tr('commentCount', '{{count}} comment') : tr('commentCount_plural', '{{count}} comments'); return interpolate(tmpl, { count: count }); } /** * Comment counts come straight from SSR attributes, so they can be localized * before (and independently of) the SearchUsers round-trip that the "X and Y * liked this" sentence needs. Without this the Hebrew page shows the English * "2 comments" fallback baked in by SocialSummary until the fetch lands. */ function applyCommentCountsFromAttrs() { var kinds = [ { card: '[data-ssr-news-card="1"][data-news-id]', idAttr: 'data-news-id', countAttr: 'data-ssr-news-comment-count' }, { card: '[data-ssr-event-card="1"][data-event-slug]', idAttr: 'data-event-slug', countAttr: 'data-ssr-event-comment-count' }, { card: '[data-ssr-post-card="1"][data-post-id]', idAttr: 'data-post-id', countAttr: 'data-ssr-post-comment-count' } ]; for (var ki = 0; ki < kinds.length; ki++) { var kind = kinds[ki]; var cards = Array.prototype.slice.call(document.querySelectorAll(kind.card)); for (var ci = 0; ci < cards.length; ci++) { var cardId = String(cards[ci].getAttribute(kind.idAttr) || '').trim(); if (!cardId) continue; var cTxt = commentText(Number(cards[ci].getAttribute('data-comment-count') || '0') || 0) || ''; if (!cTxt) continue; var spans = Array.prototype.slice.call(document.querySelectorAll('[' + kind.countAttr + '="' + cardId + '"]')); for (var si = 0; si < spans.length; si++) { spans[si].textContent = cTxt; var parent = spans[si].parentElement; if (parent) parent.style.display = ''; } } } } try { applyCommentCountsFromAttrs(); } catch (_) {} function fetchUsers(idsList) { if (!idsList || !idsList.length) return Promise.resolve({}); // Names already resolved by an earlier pass never need re-fetching. var known = {}; var missing = []; for (var ci2 = 0; ci2 < idsList.length; ci2++) { var cid = String(idsList[ci2]); var cached = window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[cid]; if (cached) known[cid] = cached; else missing.push(cid); } if (!missing.length) return Promise.resolve(known); idsList = missing; return fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ operationName: 'SearchUsers', query: 'query SearchUsers($input: SearchUserInput) { searchUsers(input: $input) { id slug name imageURL } }', variables: { input: { ids: idsList } } }) }).then(function (r) { return r.json(); }).then(function (j) { var users = (j && j.data && j.data.searchUsers) || []; var um = {}; for (var kk in known) um[kk] = known[kk]; for (var u = 0; u < users.length; u++) if (users[u] && users[u].id) um[String(users[u].id)] = users[u]; try { window.__SSR_USERS_BY_ID = window.__SSR_USERS_BY_ID || {}; for (var k in um) window.__SSR_USERS_BY_ID[k] = um[k]; } catch (_) {} return um; }).catch(function () { return known; }); } // Coalesce SearchUsers: collect IDs from dishes, reviews, news; single fetch. var dishPromise = Promise.resolve(null); var reviewPromise = Promise.resolve(null); try { var dishCards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-dish-card="1"][data-dish-id]')); if (dishCards.length) { var dishIds = dishCards.map(function (c) { return String(c.getAttribute('data-dish-id') || '').trim(); }).filter(Boolean); if (dishIds.length) { dishPromise = fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'DishStats', query: 'query DishStats($ids: [ID!]!) { dishStats(ids: $ids) { id likesCount likeUserIds commentCount viewerLiked } }', variables: { ids: dishIds } }) }).then(function (r) { return r.json(); }).then(function (json) { return { type: 'dish', items: (json && json.data && json.data.dishStats) || [] }; }).catch(function () { return { type: 'dish', items: [] }; }); } } } catch (e) {} try { var reviewCards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-card="1"][data-review-id]')); if (reviewCards.length) { var reviewIds = reviewCards.map(function (c) { return String(c.getAttribute('data-review-id') || '').trim(); }).filter(Boolean); if (reviewIds.length) { reviewPromise = fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'ReviewStats', query: 'query ReviewStats($ids: [ID!]!) { reviewStats(ids: $ids) { id likesCount likeUserIds commentCount viewerLiked } }', variables: { ids: reviewIds } }) }).then(function (r) { return r.json(); }).then(function (json) { return { type: 'review', items: (json && json.data && json.data.reviewStats) || [] }; }).catch(function () { return { type: 'review', items: [] }; }); } } } catch (e) {} var newsPromise = Promise.resolve(null); var eventPromise = Promise.resolve(null); var postPromise = Promise.resolve(null); try { var newsCardsForStats = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-card="1"][data-news-id]')); if (newsCardsForStats.length) { var newsIdsForStats = newsCardsForStats.map(function (c) { return String(c.getAttribute('data-news-id') || '').trim(); }).filter(Boolean); if (newsIdsForStats.length) { newsPromise = fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'NewsFeedStats', query: 'query NewsFeedStats($ids: [ID!]!) { newsFeedStats(ids: $ids) { id viewerLiked } }', variables: { ids: newsIdsForStats } }) }).then(function (r) { return r.json(); }).then(function (json) { return { type: 'news', items: (json && json.data && json.data.newsFeedStats) || [] }; }).catch(function () { return { type: 'news', items: [] }; }); } } } catch (e) {} try { var eventCardsForStats = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-event-card="1"][data-event-slug]')); if (eventCardsForStats.length) { var eventSlugsForStats = eventCardsForStats.map(function (c) { return String(c.getAttribute('data-event-slug') || '').trim(); }).filter(Boolean); if (eventSlugsForStats.length) { eventPromise = fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'EventStats', query: 'query EventStats($slugs: [String!]!) { eventStats(slugs: $slugs) { slug viewerLiked } }', variables: { slugs: eventSlugsForStats } }) }).then(function (r) { return r.json(); }).then(function (json) { return { type: 'event', items: (json && json.data && json.data.eventStats) || [] }; }).catch(function () { return { type: 'event', items: [] }; }); } } } catch (e) {} try { var postCardsForStats = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-post-card="1"][data-post-id]')); if (postCardsForStats.length) { var postIdsForStats = postCardsForStats.map(function (c) { return String(c.getAttribute('data-post-id') || '').trim(); }).filter(Boolean); if (postIdsForStats.length) { postPromise = fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'PostStats', query: 'query PostStats($ids: [ID!]!) { postStats(ids: $ids) { id viewerLiked } }', variables: { ids: postIdsForStats } }) }).then(function (r) { return r.json(); }).then(function (json) { return { type: 'post', items: (json && json.data && json.data.postStats) || [] }; }).catch(function () { return { type: 'post', items: [] }; }); } } } catch (e) {} Promise.all([dishPromise, reviewPromise, newsPromise, eventPromise, postPromise]).then(function (results) { var dishData = results[0] && results[0].type === 'dish' ? results[0] : null; var reviewData = results[1] && results[1].type === 'review' ? results[1] : null; var newsStatsData = results[2] && results[2].type === 'news' ? results[2] : null; var eventStatsData = results[3] && results[3].type === 'event' ? results[3] : null; var postStatsData = results[4] && results[4].type === 'post' ? results[4] : null; var newsLikedMap = {}; if (newsStatsData && newsStatsData.items) { for (var nl = 0; nl < newsStatsData.items.length; nl++) { var nlItem = newsStatsData.items[nl]; if (nlItem && nlItem.id) newsLikedMap[String(nlItem.id)] = Boolean(nlItem.viewerLiked); } } var eventLikedMap = {}; if (eventStatsData && eventStatsData.items) { for (var el = 0; el < eventStatsData.items.length; el++) { var elItem = eventStatsData.items[el]; if (elItem && elItem.slug) eventLikedMap[String(elItem.slug)] = Boolean(elItem.viewerLiked); } } var postLikedMap = {}; if (postStatsData && postStatsData.items) { for (var pl = 0; pl < postStatsData.items.length; pl++) { var plItem = postStatsData.items[pl]; if (plItem && plItem.id) postLikedMap[String(plItem.id)] = Boolean(plItem.viewerLiked); } } var idsForUsers = []; if (dishData && dishData.items) { for (var i3 = 0; i3 < dishData.items.length; i3++) { var it0 = dishData.items[i3]; if (it0 && Array.isArray(it0.likeUserIds)) for (var k0 = 0; k0 < it0.likeUserIds.length; k0++) idsForUsers.push(it0.likeUserIds[k0]); } } if (reviewData && reviewData.items) { for (var i4 = 0; i4 < reviewData.items.length; i4++) { var it1 = reviewData.items[i4]; if (it1 && Array.isArray(it1.likeUserIds)) for (var k1 = 0; k1 < it1.likeUserIds.length; k1++) idsForUsers.push(it1.likeUserIds[k1]); } } try { var newsCardsForIds = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-card="1"][data-news-id]')); for (var nc = 0; nc < newsCardsForIds.length; nc++) { var ids = String(newsCardsForIds[nc].getAttribute('data-like-user-ids') || '').split(',').map(function (s) { return String(s || '').trim(); }).filter(Boolean); if (ids[0]) idsForUsers.push(ids[0]); if (ids[1]) idsForUsers.push(ids[1]); } var eventCardsForIds = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-event-card="1"][data-event-slug]')); for (var ec = 0; ec < eventCardsForIds.length; ec++) { var eids = String(eventCardsForIds[ec].getAttribute('data-like-user-ids') || '').split(',').map(function (s) { return String(s || '').trim(); }).filter(Boolean); if (eids[0]) idsForUsers.push(eids[0]); if (eids[1]) idsForUsers.push(eids[1]); } var postCardsForIds = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-post-card="1"][data-post-id]')); for (var pc = 0; pc < postCardsForIds.length; pc++) { var pids = String(postCardsForIds[pc].getAttribute('data-like-user-ids') || '').split(',').map(function (s) { return String(s || '').trim(); }).filter(Boolean); if (pids[0]) idsForUsers.push(pids[0]); if (pids[1]) idsForUsers.push(pids[1]); } } catch (_) {} idsForUsers = uniqIds(idsForUsers).slice(0, 60); return fetchUsers(idsForUsers).then(function (usersById) { // Process dish stats if (dishData && dishData.items && dishData.items.length) { var map = {}; for (var i = 0; i < dishData.items.length; i++) map[String(dishData.items[i].id)] = dishData.items[i]; var likeSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-count]')); for (var j = 0; j < likeSpans.length; j++) { var id = likeSpans[j].getAttribute('data-ssr-like-count'); var it = map[String(id)]; if (!it) continue; var lc = typeof it.likesCount === 'number' ? it.likesCount : 0; var ids2 = Array.isArray(it.likeUserIds) ? it.likeUserIds : []; var u1 = ids2[0] && (usersById[String(ids2[0])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[0])])) || null; var u2 = ids2[1] && (usersById[String(ids2[1])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[1])])) || null; var name1 = (u1 && u1.name) ? String(u1.name) : ''; var name2 = (u2 && u2.name) ? String(u2.name) : ''; var newLikeHtml = lc > 0 ? (likedSentence(lc, name1 || 'User', name2 || '') || '') : ''; likeSpans[j].innerHTML = newLikeHtml; var likeParent = likeSpans[j].parentElement; if (likeParent && likeParent.classList && likeParent.classList.contains('hungru-social-summary-text')) { likeParent.style.display = lc > 0 ? '' : 'none'; } } var commentSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comment-count]')); for (var k = 0; k < commentSpans.length; k++) { var id2 = commentSpans[k].getAttribute('data-ssr-comment-count'); var it2 = map[String(id2)]; if (it2 && typeof it2.commentCount === 'number') { var newCommentTxt = commentText(it2.commentCount) || ''; if (newCommentTxt) { commentSpans[k].textContent = newCommentTxt; var parent = commentSpans[k].parentElement; if (parent) parent.style.display = ''; } } } try { var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comments-open="1"][data-parent-type="DISH"][data-parent-id]')); for (var b2 = 0; b2 < btns.length; b2++) { var pid = btns[b2].getAttribute('data-parent-id') || ''; var it3 = map[String(pid)]; var lc = it3 && typeof it3.likesCount === 'number' ? it3.likesCount : 0; var cc = it3 && typeof it3.commentCount === 'number' ? it3.commentCount : 0; if (!lc && !cc) btns[b2].style.display = 'none'; var sep = btns[b2].querySelector('.hungru-social-summary-sep'); if (sep) sep.style.display = (lc && cc) ? '' : 'none'; } } catch (_) {} try { for (var j2 = 0; j2 < likeSpans.length; j2++) { var id3 = likeSpans[j2].getAttribute('data-ssr-like-count'); var it3 = map[String(id3)]; if (!it3 || !it3.viewerLiked) continue; var likeBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-btn="1"][data-parent-type="DISH"][data-parent-id="' + id3 + '"]')); for (var b = 0; b < likeBtns.length; b++) { updateLikeButtonState(likeBtns[b], true); } } } catch (_) {} } // Process review stats if (reviewData && reviewData.items && reviewData.items.length) { var revMap = {}; for (var i = 0; i < reviewData.items.length; i++) revMap[String(reviewData.items[i].id)] = reviewData.items[i]; var revLikeSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-like-count]')); for (var j = 0; j < revLikeSpans.length; j++) { var id = revLikeSpans[j].getAttribute('data-ssr-review-like-count'); var it = revMap[String(id)]; if (!it) continue; var lc = typeof it.likesCount === 'number' ? it.likesCount : 0; var ids2 = Array.isArray(it.likeUserIds) ? it.likeUserIds : []; var u1 = ids2[0] && (usersById[String(ids2[0])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[0])])) || null; var u2 = ids2[1] && (usersById[String(ids2[1])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[1])])) || null; var name1 = (u1 && u1.name) ? String(u1.name) : ''; var name2 = (u2 && u2.name) ? String(u2.name) : ''; var newLikeHtml = lc > 0 ? (likedSentence(lc, name1 || 'User', name2 || '') || '') : ''; revLikeSpans[j].innerHTML = newLikeHtml; var likeParent = revLikeSpans[j].parentElement; if (likeParent && likeParent.classList && likeParent.classList.contains('hungru-social-summary-text')) { likeParent.style.display = lc > 0 ? '' : 'none'; } } var revCommentSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-comment-count]')); for (var k = 0; k < revCommentSpans.length; k++) { var id2 = revCommentSpans[k].getAttribute('data-ssr-review-comment-count'); var it2 = revMap[String(id2)]; if (it2 && typeof it2.commentCount === 'number') { var newCommentTxt = commentText(it2.commentCount) || ''; if (newCommentTxt) { revCommentSpans[k].textContent = newCommentTxt; var parent = revCommentSpans[k].parentElement; if (parent) parent.style.display = ''; } } } try { var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comments-open="1"][data-parent-type="REVIEW"][data-parent-id]')); for (var b2 = 0; b2 < btns.length; b2++) { var pid = btns[b2].getAttribute('data-parent-id') || ''; var it3 = revMap[String(pid)]; var lc = it3 && typeof it3.likesCount === 'number' ? it3.likesCount : 0; var cc = it3 && typeof it3.commentCount === 'number' ? it3.commentCount : 0; if (!lc && !cc) btns[b2].style.display = 'none'; var sep = btns[b2].querySelector('.hungru-social-summary-sep'); if (sep) sep.style.display = (lc && cc) ? '' : 'none'; } } catch (_) {} try { for (var j2 = 0; j2 < revLikeSpans.length; j2++) { var id3 = revLikeSpans[j2].getAttribute('data-ssr-review-like-count'); var it3 = revMap[String(id3)]; if (!it3 || !it3.viewerLiked) continue; var likeBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-btn="1"][data-parent-type="REVIEW"][data-parent-id="' + id3 + '"]')); for (var b = 0; b < likeBtns.length; b++) { updateLikeButtonState(likeBtns[b], true); } } } catch (_) {} } // Process news feed cards var newsCards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-card="1"][data-news-id]')); for (var i2 = 0; i2 < newsCards.length; i2++) { var c = newsCards[i2]; var id = String(c.getAttribute('data-news-id') || '').trim(); if (!id) continue; var likeCount = Number(c.getAttribute('data-like-count') || '0') || 0; var commentCount = Number(c.getAttribute('data-comment-count') || '0') || 0; var ids2 = String(c.getAttribute('data-like-user-ids') || '').split(',').map(function (s) { return String(s || '').trim(); }).filter(Boolean); var u1 = ids2[0] ? (usersById[String(ids2[0])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[0])])) : null; var u2 = ids2[1] ? (usersById[String(ids2[1])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[1])])) : null; var n1 = (u1 && u1.name) ? String(u1.name) : (likeCount ? 'User' : ''); var n2 = (u2 && u2.name) ? String(u2.name) : ''; var likeHtml = likedSentence(likeCount, n1, n2); var likeSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-like-count="' + id + '"]')); var showLike = likeCount > 0; for (var s1 = 0; s1 < likeSpans.length; s1++) { likeSpans[s1].innerHTML = likeHtml || ''; var likeParent = likeSpans[s1].parentElement; if (likeParent && likeParent.classList && likeParent.classList.contains('hungru-social-summary-text')) { likeParent.style.display = showLike ? '' : 'none'; } } var commentSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-comment-count="' + id + '"]')); var cTxt = commentText(commentCount) || ''; for (var s2 = 0; s2 < commentSpans.length; s2++) { commentSpans[s2].textContent = cTxt; if (cTxt) { var p = commentSpans[s2].parentElement; if (p) p.style.display = ''; } } try { var summaryBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comments-open="1"][data-parent-type="NEWS_FEED"][data-parent-id="' + id + '"]')); for (var sb = 0; sb < summaryBtns.length; sb++) { var sep = summaryBtns[sb].querySelector('.hungru-social-summary-sep'); if (sep) sep.style.display = (likeHtml && cTxt) ? '' : 'none'; summaryBtns[sb].style.display = (!likeHtml && !cTxt) ? 'none' : ''; } } catch (_) {} try { var newsViewerLiked = newsLikedMap.hasOwnProperty(id) ? newsLikedMap[id] : (String(c.getAttribute('data-viewer-liked') || '') === '1'); if (newsViewerLiked) { var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-btn="1"][data-parent-type="NEWS_FEED"][data-parent-id="' + id + '"]')); for (var b = 0; b < btns.length; b++) { updateLikeButtonState(btns[b], true); } } } catch (_) {} } // Process event detail cards var eventCards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-event-card="1"][data-event-slug]')); for (var i5 = 0; i5 < eventCards.length; i5++) { var ec = eventCards[i5]; var eid = String(ec.getAttribute('data-event-slug') || '').trim(); if (!eid) continue; var eLikeCount = Number(ec.getAttribute('data-like-count') || '0') || 0; var eCommentCount = Number(ec.getAttribute('data-comment-count') || '0') || 0; var eIds2 = String(ec.getAttribute('data-like-user-ids') || '').split(',').map(function (s) { return String(s || '').trim(); }).filter(Boolean); var eu1 = eIds2[0] ? (usersById[String(eIds2[0])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(eIds2[0])])) : null; var eu2 = eIds2[1] ? (usersById[String(eIds2[1])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(eIds2[1])])) : null; var en1 = (eu1 && eu1.name) ? String(eu1.name) : (eLikeCount ? 'User' : ''); var en2 = (eu2 && eu2.name) ? String(eu2.name) : ''; var eLikeHtml = likedSentence(eLikeCount, en1, en2); var eLikeSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-event-like-count="' + eid + '"]')); var eShowLike = eLikeCount > 0; for (var es1 = 0; es1 < eLikeSpans.length; es1++) { eLikeSpans[es1].innerHTML = eLikeHtml || ''; var eLikeParent = eLikeSpans[es1].parentElement; if (eLikeParent && eLikeParent.classList && eLikeParent.classList.contains('hungru-social-summary-text')) { eLikeParent.style.display = eShowLike ? '' : 'none'; } } var eCommentSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-event-comment-count="' + eid + '"]')); var eCTxt = commentText(eCommentCount) || ''; for (var es2 = 0; es2 < eCommentSpans.length; es2++) { eCommentSpans[es2].textContent = eCTxt; if (eCTxt) { var ep = eCommentSpans[es2].parentElement; if (ep) ep.style.display = ''; } } try { var eSummaryBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comments-open="1"][data-parent-type="EVENT"][data-parent-id="' + eid + '"]')); for (var esb = 0; esb < eSummaryBtns.length; esb++) { var esep = eSummaryBtns[esb].querySelector('.hungru-social-summary-sep'); if (esep) esep.style.display = (eLikeHtml && eCTxt) ? '' : 'none'; eSummaryBtns[esb].style.display = (!eLikeHtml && !eCTxt) ? 'none' : ''; } } catch (_) {} try { var eventViewerLiked = eventLikedMap.hasOwnProperty(eid) ? eventLikedMap[eid] : (String(ec.getAttribute('data-viewer-liked') || '') === '1'); if (eventViewerLiked) { var eBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-btn="1"][data-parent-type="EVENT"][data-parent-id="' + eid + '"]')); for (var eb = 0; eb < eBtns.length; eb++) { updateLikeButtonState(eBtns[eb], true); } } } catch (_) {} } // Process post feed cards (profile + share pages) var postCards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-post-card="1"][data-post-id]')); for (var i6 = 0; i6 < postCards.length; i6++) { var pc = postCards[i6]; var pid = String(pc.getAttribute('data-post-id') || '').trim(); if (!pid) continue; var pLikeCount = Number(pc.getAttribute('data-like-count') || '0') || 0; var pCommentCount = Number(pc.getAttribute('data-comment-count') || '0') || 0; var pIds2 = String(pc.getAttribute('data-like-user-ids') || '').split(',').map(function (s) { return String(s || '').trim(); }).filter(Boolean); var pu1 = pIds2[0] ? (usersById[String(pIds2[0])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(pIds2[0])])) : null; var pu2 = pIds2[1] ? (usersById[String(pIds2[1])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(pIds2[1])])) : null; var pn1 = (pu1 && pu1.name) ? String(pu1.name) : (pLikeCount ? 'User' : ''); var pn2 = (pu2 && pu2.name) ? String(pu2.name) : ''; var pLikeHtml = likedSentence(pLikeCount, pn1, pn2); var pLikeSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-post-like-count="' + pid + '"]')); var pShowLike = pLikeCount > 0; for (var ps1 = 0; ps1 < pLikeSpans.length; ps1++) { pLikeSpans[ps1].innerHTML = pLikeHtml || ''; var pLikeParent = pLikeSpans[ps1].parentElement; if (pLikeParent && pLikeParent.classList && pLikeParent.classList.contains('hungru-social-summary-text')) { pLikeParent.style.display = pShowLike ? '' : 'none'; } } var pCommentSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-post-comment-count="' + pid + '"]')); var pCTxt = commentText(pCommentCount) || ''; for (var ps2 = 0; ps2 < pCommentSpans.length; ps2++) { pCommentSpans[ps2].textContent = pCTxt; if (pCTxt) { var pp = pCommentSpans[ps2].parentElement; if (pp) pp.style.display = ''; } } try { var pSummaryBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comments-open="1"][data-parent-type="POST"][data-parent-id="' + pid + '"]')); for (var psb = 0; psb < pSummaryBtns.length; psb++) { var psep = pSummaryBtns[psb].querySelector('.hungru-social-summary-sep'); if (psep) psep.style.display = (pLikeHtml && pCTxt) ? '' : 'none'; pSummaryBtns[psb].style.display = (!pLikeHtml && !pCTxt) ? 'none' : ''; } } catch (_) {} try { var postViewerLiked = postLikedMap.hasOwnProperty(pid) ? postLikedMap[pid] : (String(pc.getAttribute('data-viewer-liked') || '') === '1'); if (postViewerLiked) { var pBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-btn="1"][data-parent-type="POST"][data-parent-id="' + pid + '"]')); for (var pb = 0; pb < pBtns.length; pb++) { updateLikeButtonState(pBtns[pb], true); } } } catch (_) {} } }); }).catch(function () {}); } // Pages mount several triggers (and layouts may inline this script twice), so // collapse bursts into a single pass instead of firing duplicate stats queries. var pendingRun = null; function runSoon(delay) { if (pendingRun) return; pendingRun = setTimeout(function () { pendingRun = null; run(); }, delay); } function schedule() { function defer() { if (typeof requestIdleCallback === 'function') { requestIdleCallback(function () { runSoon(0); }, { timeout: 500 }); } else { runSoon(100); } } if (document.readyState === 'complete') { defer(); } else { window.addEventListener('load', function () { defer(); }); } } schedule(); window.addEventListener('hungru-stats-hydrate', function () { runSoon(50); }); })(); (function () { try { var API_ORIGIN = "https://gql.hungru.co"; function gql(operationName, query, variables) { return fetch(API_ORIGIN + '/graphql', { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: operationName, query: query, variables: variables || {} }) }).then(function (r) { return r.json(); }).catch(function () { return null; }); } function eventRoot(eventSlug, fromEl) { try { if (fromEl && fromEl.closest) { var near = fromEl.closest('[data-ssr-event-card="1"][data-event-slug]'); if (near) return near; } if (eventSlug) { return document.querySelector('[data-ssr-event-card="1"][data-event-slug="' + eventSlug + '"]'); } } catch (_) {} return document.querySelector('[data-ssr-event-card="1"]'); } function setText(root, selector, text) { try { var el = root ? root.querySelector(selector) : document.querySelector(selector); if (el) el.textContent = String(text || ''); } catch (_) {} } function formatRtlMixedText(text, lang) { var raw = String(text || ''); if (!raw || lang !== 'he' || !/[\u0590-\u05FF]/.test(raw) || raw.indexOf('\u2068') >= 0) return raw; var latinRe = new RegExp( 'https?:\\/\\/[^\\s\\u0590-\\u05FF]+|[A-Za-z][A-Za-z0-9.&\\-]*(?:\\s+[A-Za-z0-9.&\\-]+)*', 'g' ); return raw.replace(latinRe, function (run) { return '\u2068' + run + '\u2069'; }); } function bodyDirForLang(lang) { return lang === 'he' ? 'rtl' : 'ltr'; } function setBodyText(root, selector, text, lang) { try { var el = root ? root.querySelector(selector) : document.querySelector(selector); if (!el) return; var dir = bodyDirForLang(lang); el.setAttribute('dir', dir); el.textContent = dir === 'rtl' ? formatRtlMixedText(text, 'he') : String(text || ''); } catch (_) {} } var I18N = (window && window.__SSR_SOCIAL_I18N) || {}; var TXT_TRANSLATE = I18N.review_translate || 'Translate'; var TXT_SHOW_ORIGINAL = I18N.review_showOriginal || 'Show Original'; var TXT_UNAVAILABLE = 'Translation is temporarily unavailable.'; function setTranslateLoading(btn, loading) { if (!btn) return; try { var control = btn.closest('.hungru-translate-control'); var group = btn.closest('.hungru-translate-btn-group'); var I18N = (window && window.__SSR_SOCIAL_I18N) || {}; var TXT_TRANSLATING = I18N.review_translating || 'Translating...'; if (loading) { btn.disabled = true; btn.classList.add('hungru-translate-btn--loading'); if (control) control.setAttribute('data-state', 'loading'); if (group) group.setAttribute('data-translate-loading', '1'); btn.setAttribute('aria-busy', 'true'); btn.setAttribute('aria-label', TXT_TRANSLATING); btn.setAttribute('title', TXT_TRANSLATING); } else { btn.disabled = false; btn.classList.remove('hungru-translate-btn--loading'); btn.removeAttribute('aria-busy'); btn.style.opacity = ''; if (group) group.removeAttribute('data-translate-loading'); } } catch (_) {} } var boundTranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; var boundRetranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; function applyEventTranslation(root, tr, btn) { var nextName = (tr.name != null) ? String(tr.name) : ''; var nextDesc = (tr.description != null) ? String(tr.description) : ''; if (nextName) { btn.setAttribute('data-cached-name', nextName); setText(root, '[data-ssr-event-name="1"]', nextName); } if (nextDesc) { btn.setAttribute('data-cached-description', nextDesc); setBodyText(root, '[data-ssr-event-description="1"]', nextDesc, btn.getAttribute('data-target-lang') || ''); } if (tr.extendedDescription != null) { var nextExt = String(tr.extendedDescription); btn.setAttribute('data-cached-extended-description', nextExt); setBodyText(root, '[data-ssr-event-extended-description="1"]', nextExt, btn.getAttribute('data-target-lang') || ''); } btn.setAttribute('data-state', 'translated'); try { btn.setAttribute('aria-label', TXT_SHOW_ORIGINAL); btn.setAttribute('title', TXT_SHOW_ORIGINAL); } catch (_) {} try { var ctrl = btn.closest('.hungru-translate-control'); if (ctrl) ctrl.setAttribute('data-state', 'translated'); } catch (_) {} } async function fetchEventTranslation(btn, root, eventSlug, targetLang) { setTranslateLoading(btn, true); var q = 'mutation TranslateEvent($eventId: ID!, $targetLanguage: String!) {' + ' translateEvent(eventId: $eventId, targetLanguage: $targetLanguage) {' + ' name description extendedDescription translatedAt translatedBy' + ' }' + '}'; var json = await gql('TranslateEvent', q, { eventId: eventSlug, targetLanguage: targetLang }); var tr = json && json.data && json.data.translateEvent; if (!tr) throw new Error('no_translation'); applyEventTranslation(root, tr, btn); } function bindEventTranslateButtons(scope) { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-event-translate="1"][data-event-slug]')); if (!btns.length) return; btns.forEach(function (btn) { try { if (boundTranslate && boundTranslate.has(btn)) return; if (boundTranslate) boundTranslate.add(btn); btn.addEventListener('click', function (e) { (async function () { try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var slug = btn.getAttribute('data-event-slug') || ''; var card = eventRoot(slug, btn); var targetLang = (btn.getAttribute('data-target-lang') || '').toLowerCase(); var originalName = btn.getAttribute('data-original-name') || ''; var originalDescription = btn.getAttribute('data-original-description') || ''; var originalExtended = btn.getAttribute('data-original-extended-description') || ''; var cachedName = btn.getAttribute('data-cached-name') || ''; var cachedDescription = btn.getAttribute('data-cached-description') || ''; var cachedExtended = btn.getAttribute('data-cached-extended-description') || ''; var state = btn.getAttribute('data-state') || 'original'; if (state === 'translated') { setText(card, '[data-ssr-event-name="1"]', originalName || 'Event'); setBodyText(card, '[data-ssr-event-description="1"]', originalDescription || '', btn.getAttribute('data-original-lang') || ''); setBodyText(card, '[data-ssr-event-extended-description="1"]', originalExtended || '', btn.getAttribute('data-original-lang') || ''); btn.setAttribute('data-state', 'original'); try { btn.setAttribute('aria-label', TXT_TRANSLATE); btn.setAttribute('title', TXT_TRANSLATE); var ctrl = btn.closest('.hungru-translate-control'); if (ctrl) ctrl.setAttribute('data-state', 'original'); } catch (_) {} return; } var needsExtendedBackfill = Boolean(originalExtended) && !cachedExtended; if ((cachedName || cachedDescription || cachedExtended) && !needsExtendedBackfill) { if (cachedName) setText(card, '[data-ssr-event-name="1"]', cachedName); if (cachedDescription) setBodyText(card, '[data-ssr-event-description="1"]', cachedDescription, targetLang); if (cachedExtended) setBodyText(card, '[data-ssr-event-extended-description="1"]', cachedExtended, targetLang); btn.setAttribute('data-state', 'translated'); try { btn.setAttribute('aria-label', TXT_SHOW_ORIGINAL); btn.setAttribute('title', TXT_SHOW_ORIGINAL); var ctrl2 = btn.closest('.hungru-translate-control'); if (ctrl2) ctrl2.setAttribute('data-state', 'translated'); } catch (_) {} return; } if (!targetLang || !slug) return; await fetchEventTranslation(btn, card, slug, targetLang); } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { setTranslateLoading(btn, false); } catch (_) {} } })(); }, true); } catch (_) {} }); } function bindEventRetranslateButtons(scope) { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-event-retranslate="1"][data-event-slug]')); if (!btns.length) return; btns.forEach(function (retranslateBtn) { try { if (boundRetranslate && boundRetranslate.has(retranslateBtn)) return; if (boundRetranslate) boundRetranslate.add(retranslateBtn); retranslateBtn.addEventListener('click', function (e) { (async function () { var translateBtn; try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var slug = retranslateBtn.getAttribute('data-event-slug') || ''; var card = eventRoot(slug, retranslateBtn); translateBtn = card ? card.querySelector('[data-ssr-event-translate="1"]') : null; var targetLang = translateBtn ? (translateBtn.getAttribute('data-target-lang') || '').toLowerCase() : (document.documentElement.getAttribute('lang') || 'en').toLowerCase(); if (!targetLang || !slug) return; setTranslateLoading(retranslateBtn, true); if (translateBtn) setTranslateLoading(translateBtn, true); var q = 'mutation ResetEventTranslation($eventId: ID!, $targetLanguage: String!) { resetEventTranslation(eventId: $eventId, targetLanguage: $targetLanguage) { name description extendedDescription translatedAt translatedBy } }'; var json = await gql('ResetEventTranslation', q, { eventId: slug, targetLanguage: targetLang }); var tr = json && json.data && json.data.resetEventTranslation; if (tr && translateBtn) { translateBtn.setAttribute('data-cached-name', tr.name != null ? String(tr.name) : ''); translateBtn.setAttribute('data-cached-description', tr.description != null ? String(tr.description) : ''); translateBtn.setAttribute('data-cached-extended-description', tr.extendedDescription != null ? String(tr.extendedDescription) : ''); applyEventTranslation(card, tr, translateBtn); } } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { setTranslateLoading(retranslateBtn, false); if (translateBtn) setTranslateLoading(translateBtn, false); } catch (_) {} } })(); }, true); } catch (_) {} }); } function initEventTranslate() { bindEventTranslateButtons(document); bindEventRetranslateButtons(document); } initEventTranslate(); try { var observer = new MutationObserver(function () { initEventTranslate(); }); observer.observe(document.body, { childList: true, subtree: true }); } catch (_) {} window.addEventListener('hungru:init-social-actions', initEventTranslate); } catch (_) {} })(); (function () { try { var _api = "https://gql.hungru.co"; function gql(operationName, query, variables) { return fetch(_api + '/graphql', { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: operationName, query: query, variables: variables || {} }) }).then(function (r) { return r.json(); }).catch(function () { return null; }); } function viewerLoggedIn() { try { var el = document.querySelector('[data-ssr-viewer="1"]'); if (!el) return false; var id = String(el.getAttribute('data-ssr-viewer-id') || '').trim(); if (id) return true; var img = String(el.getAttribute('data-ssr-profile-image-url') || '').trim(); if (img) return true; return false; } catch (_) { return false; } } function redirectToLogin() { try { window.dispatchEvent(new CustomEvent('hungru:auth-required', { detail: {} })); return; } catch (_) {} try { window.location.href = '/login'; } catch (_) {} } function closeAllEventMenus() { try { var menus = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-event-actions-menu="1"][data-event-slug]')); for (var i = 0; i < menus.length; i++) menus[i].classList.add('hidden'); var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-event-actions-btn="1"][data-event-slug]')); for (var j = 0; j < btns.length; j++) btns[j].setAttribute('aria-expanded', 'false'); } catch (_) {} } function confirmModal(title, body, confirmLabel) { return new Promise(function (resolve) { try { var wrapper = document.createElement('div'); wrapper.className = 'fixed inset-0 z-[9999]'; wrapper.setAttribute('role', 'dialog'); wrapper.setAttribute('aria-modal', 'true'); wrapper.innerHTML = '

' + '

' + ' ' + ' ' + '

' + '

'; try { var night = !!document.querySelector('.bg-hungru-night'); if (!night) { var panel = wrapper.querySelector('div.w-full.max-w-sm'); if (panel) { panel.className = 'w-full max-w-sm rounded-2xl border border-black/10 bg-white text-hungru-textDay shadow-2xl'; } } } catch (_) {} var tEl = wrapper.querySelector('[data-title="1"]'); var bEl = wrapper.querySelector('[data-body="1"]'); var cEl = wrapper.querySelector('[data-confirm="1"]'); if (tEl) tEl.textContent = String(title || ''); if (bEl) bEl.textContent = String(body || ''); if (cEl) cEl.textContent = String(confirmLabel || 'Confirm'); function cleanup(val) { try { document.removeEventListener('keydown', onKey); } catch (_) {} try { wrapper.remove(); } catch (_) {} resolve(!!val); } function onKey(e) { try { if (e && e.key === 'Escape') cleanup(false); } catch (_) {} } wrapper.addEventListener('click', function (e) { try { var target = e && e.target; if (!target) return; if (target && target.getAttribute && target.getAttribute('data-backdrop') === '1') return cleanup(false); if (target && target.closest) { if (target.closest('[data-cancel="1"]')) return cleanup(false); if (target.closest('[data-confirm="1"]')) return cleanup(true); } } catch (_) {} }); document.addEventListener('keydown', onKey); document.body.appendChild(wrapper); } catch (_) { resolve(false); } }); } async function handleDeleteEvent(eventSlug, eventName) { try { if (!eventSlug) return; if (!viewerLoggedIn()) return redirectToLogin(); var msg = eventName ? 'Are you sure you want to delete "' + String(eventName).substring(0, 60) + (String(eventName).length > 60 ? '...' : '') + '"? This cannot be undone.' : 'Are you sure you want to delete this event? This cannot be undone.'; var ok = await confirmModal('Delete event', msg, 'Delete'); if (!ok) return; var q = 'mutation DeleteEvent($id: ID!) { deleteEvent(id: $id) }'; var json = await gql('DeleteEvent', q, { id: String(eventSlug) }); var err = json && json.errors && json.errors[0] && json.errors[0].message; if (err && String(err).toLowerCase().indexOf('authentication') !== -1) return redirectToLogin(); if (!json || !json.data || json.data.deleteEvent !== true) return; try { window.location.href = '/events'; } catch (_) {} } catch (_) {} } document.addEventListener('click', function (e) { try { var t = e && e.target; if (!t) return; var toggle = t.closest ? t.closest('[data-ssr-event-actions-btn="1"][data-event-slug]') : null; if (toggle) { e.preventDefault(); e.stopPropagation(); var slug = String(toggle.getAttribute('data-event-slug') || '').trim(); if (!slug) return; var menu = document.querySelector('[data-ssr-event-actions-menu="1"][data-event-slug="' + slug + '"]'); if (!menu) return; var isHidden = menu.classList.contains('hidden'); closeAllEventMenus(); if (isHidden) { menu.classList.remove('hidden'); toggle.setAttribute('aria-expanded', 'true'); } return; } var del = t.closest ? t.closest('[data-ssr-event-delete="1"][data-event-slug]') : null; if (del) { e.preventDefault(); e.stopPropagation(); var eventSlug = String(del.getAttribute('data-event-slug') || ''); var eventName = String(del.getAttribute('data-event-name') || ''); return void handleDeleteEvent(eventSlug, eventName); } var insideMenu = t.closest ? t.closest('[data-ssr-event-actions-menu="1"]') : null; if (!insideMenu) closeAllEventMenus(); } catch (_) {} }, true); document.addEventListener('keydown', function (e) { try { if (e && e.key === 'Escape') closeAllEventMenus(); } catch (_) {} }); } catch (_) {} })(); (function () { try { var API_ORIGIN = "https://gql.hungru.co"; var SITE_ORIGIN = "https://hungru.co"; function plainTextFromHtml(html) { try { var raw = String(html || ''); var d = document.createElement('div'); d.innerHTML = raw .replace(/]*>/gi, '') .replace(/]*>[\s\S]*?<\/video>/gi, '') .replace(/\bh\s+(https?:\/\/)/g, '$1'); var text = (d.textContent || d.innerText || '').trim(); return text.replace(/\n{3,}/g, '\n\n'); } catch (_) { return String(html || '').trim(); } } function truncateText(text, maxLen) { try { if (!text) return ''; if (text.length <= maxLen) return text; return text.slice(0, Math.max(0, maxLen - 1)).trimEnd() + '…'; } catch (_) { return text; } } var I18N = (window && window.__SSR_SOCIAL_I18N) || {}; var TXT_TRANSLATE = I18N.review_translate || 'Translate'; var TXT_ORIGINAL = I18N.review_showOriginal || 'Show Original'; var TXT_LOGIN = 'Login to translate'; function setTranslateLoading(btn, loading) { if (!btn) return; try { var control = btn.closest('.hungru-translate-control'); var group = btn.closest('.hungru-translate-btn-group'); var I18N = (window && window.__SSR_SOCIAL_I18N) || {}; var TXT_TRANSLATING = I18N.review_translating || 'Translating...'; if (loading) { btn.disabled = true; btn.classList.add('hungru-translate-btn--loading'); if (control) control.setAttribute('data-state', 'loading'); if (group) group.setAttribute('data-translate-loading', '1'); btn.setAttribute('aria-busy', 'true'); btn.setAttribute('aria-label', TXT_TRANSLATING); btn.setAttribute('title', TXT_TRANSLATING); } else { btn.disabled = false; btn.classList.remove('hungru-translate-btn--loading'); btn.removeAttribute('aria-busy'); btn.style.opacity = ''; if (group) group.removeAttribute('data-translate-loading'); } } catch (_) {} } function sourceLangLabel(code) { var map = { en: 'EN', he: 'HE', es: 'ES', fr: 'FR', ar: 'AR' }; var c = String(code || '').toLowerCase().slice(0, 2); if (c === 'iw') c = 'he'; return map[c] || c.toUpperCase(); } function syncTranslateControl(btn, state) { if (!btn) return; try { btn.setAttribute('data-state', state); btn.classList.toggle('hungru-translate-btn--active', state === 'translated'); var control = btn.closest('.hungru-translate-control'); if (control) control.setAttribute('data-state', state); var sourceCode = btn.getAttribute('data-source-lang') || (control && control.getAttribute('data-source-lang')) || ''; var sourceLabel = (control && control.getAttribute('data-source-label')) || sourceLangLabel(sourceCode); var sourceEl = control && control.querySelector('[data-hungru-translate-source]'); if (sourceEl && sourceLabel) sourceEl.textContent = sourceLabel; var hint = state === 'translated' ? (I18N.review_translatedFromHint ? String(I18N.review_translatedFromHint).replace('{{language}}', sourceLabel) : TXT_ORIGINAL) : TXT_TRANSLATE; btn.setAttribute('aria-label', hint); btn.setAttribute('title', hint); } catch (_) {} } function applyTranslationToCard(card, tr, titleEl, previewEl, fullEl, translateBtn) { var translatedTitle = (tr.title || '').trim(); var translatedBodyHtml = tr.body || ''; var translatedBodyText = plainTextFromHtml(translatedBodyHtml); if (translatedTitle && titleEl) titleEl.textContent = translatedTitle; if (previewEl) previewEl.textContent = truncateText(translatedBodyText, 220); if (fullEl) fullEl.textContent = truncateText(translatedBodyText, 2600); if (translateBtn) syncTranslateControl(translateBtn, 'translated'); } var boundTranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; var boundRetranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; function bindReviewTranslateButtons(scope) { var root = scope || document; var buttons = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-review-translate="1"][data-review-id]')); if (!buttons.length) return; buttons.forEach(function (btn) { try { if (boundTranslate && boundTranslate.has(btn)) return; if (boundTranslate) boundTranslate.add(btn); btn.addEventListener('click', function (e) { (async function () { try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var reviewId = btn.getAttribute('data-review-id'); if (!reviewId) return; var card = btn.closest('[data-ssr-review-card="1"]'); if (!card) return; var titleEl = card.querySelector('[data-ssr-review-title="1"]'); var previewEl = card.querySelector('[data-ssr-review-preview="1"]'); var fullEl = card.querySelector('[data-ssr-review-full="1"]'); if (btn.getAttribute('data-state') === 'translated') { var origTitle = card.dataset.origTitle || btn.getAttribute('data-original-title') || ''; var origPreview = card.dataset.origPreview || btn.getAttribute('data-original-body') || ''; var origFull = card.dataset.origFull || btn.getAttribute('data-original-body') || ''; if (origTitle && titleEl) titleEl.textContent = origTitle; if (origPreview && previewEl) previewEl.textContent = origPreview; if (origFull && fullEl) fullEl.textContent = origFull; btn.setAttribute('data-state', 'original'); syncTranslateControl(btn, 'original'); return; } if (titleEl && !card.dataset.origTitle) card.dataset.origTitle = titleEl.textContent || ''; if (previewEl && !card.dataset.origPreview) card.dataset.origPreview = previewEl.textContent || ''; if (fullEl && !card.dataset.origFull) card.dataset.origFull = fullEl.textContent || ''; var targetLanguage = (document.documentElement.getAttribute('lang') || 'en').toLowerCase(); setTranslateLoading(btn, true); var query = 'mutation TranslateReview($reviewId: ID!, $targetLanguage: String!) {' + ' translateReview(reviewId: $reviewId, targetLanguage: $targetLanguage) {' + ' title body translatedAt translatedBy' + ' }' + '}'; var resp = await fetch(API_ORIGIN + '/graphql', { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'TranslateReview', query: query, variables: { reviewId: reviewId, targetLanguage: targetLanguage } }) }); var json = await resp.json(); if (json && json.errors && json.errors.length) { var msg = String(json.errors[0].message || ''); if (msg.toLowerCase().indexOf('authentication') !== -1) { setTranslateLoading(btn, false); btn.setAttribute('aria-label', TXT_LOGIN); btn.setAttribute('title', TXT_LOGIN); btn.addEventListener('click', function () { try { window.location.href = SITE_ORIGIN + '/login'; } catch (_) {} }, { once: true }); return; } throw new Error(msg || 'Translation failed'); } var tr = json && json.data && json.data.translateReview; if (!tr) throw new Error('Translation failed'); applyTranslationToCard(card, tr, titleEl, previewEl, fullEl, btn); } catch (_) { // no-op } finally { try { setTranslateLoading(btn, false); syncTranslateControl(btn, btn.getAttribute('data-state') === 'translated' ? 'translated' : 'original'); } catch (_) {} } })(); }, true); } catch (_) {} }); } function bindReviewRetranslateButtons(scope) { var root = scope || document; var buttons = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-review-retranslate="1"][data-review-id]')); if (!buttons.length) return; buttons.forEach(function (btn) { try { if (boundRetranslate && boundRetranslate.has(btn)) return; if (boundRetranslate) boundRetranslate.add(btn); btn.addEventListener('click', function (e) { (async function () { try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var reviewId = btn.getAttribute('data-review-id'); if (!reviewId) return; var card = btn.closest('[data-ssr-review-card="1"]'); if (!card) return; var titleEl = card.querySelector('[data-ssr-review-title="1"]'); var previewEl = card.querySelector('[data-ssr-review-preview="1"]'); var fullEl = card.querySelector('[data-ssr-review-full="1"]'); var translateBtn = card.querySelector('[data-ssr-review-translate="1"]'); if (titleEl && !card.dataset.origTitle) card.dataset.origTitle = titleEl.textContent || ''; if (previewEl && !card.dataset.origPreview) card.dataset.origPreview = previewEl.textContent || ''; if (fullEl && !card.dataset.origFull) card.dataset.origFull = fullEl.textContent || ''; var targetLanguage = (document.documentElement.getAttribute('lang') || 'en').toLowerCase(); setTranslateLoading(btn, true); if (translateBtn) setTranslateLoading(translateBtn, true); var query = 'mutation ResetReviewTranslation($reviewId: ID!, $targetLanguage: String!) {' + ' resetReviewTranslation(reviewId: $reviewId, targetLanguage: $targetLanguage) {' + ' title body translatedAt translatedBy' + ' }' + '}'; var resp = await fetch(API_ORIGIN + '/graphql', { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'ResetReviewTranslation', query: query, variables: { reviewId: reviewId, targetLanguage: targetLanguage } }) }); var json = await resp.json(); if (json && json.errors && json.errors.length) { var msg = String(json.errors[0].message || ''); if (msg.toLowerCase().indexOf('authentication') !== -1) { if (translateBtn) { setTranslateLoading(translateBtn, false); translateBtn.setAttribute('aria-label', TXT_LOGIN); translateBtn.setAttribute('title', TXT_LOGIN); translateBtn.addEventListener('click', function () { try { window.location.href = SITE_ORIGIN + '/login'; } catch (_) {} }, { once: true }); } return; } throw new Error(msg || 'Re-translation failed'); } var tr = json && json.data && json.data.resetReviewTranslation; if (!tr) throw new Error('Re-translation failed'); applyTranslationToCard(card, tr, titleEl, previewEl, fullEl, translateBtn); } catch (_) { // no-op } finally { try { setTranslateLoading(btn, false); if (translateBtn) { setTranslateLoading(translateBtn, false); syncTranslateControl(translateBtn, translateBtn.getAttribute('data-state') === 'translated' ? 'translated' : 'original'); } } catch (_) {} } })(); }, true); } catch (_) {} }); } bindReviewTranslateButtons(document); bindReviewRetranslateButtons(document); try { var observer = new MutationObserver(function () { bindReviewTranslateButtons(document); bindReviewRetranslateButtons(document); }); observer.observe(document.body, { childList: true, subtree: true }); } catch (_) {} } catch (_) {} })(); (function () { try { var API_ORIGIN = "https://gql.hungru.co"; function gql(operationName, query, variables) { return fetch(API_ORIGIN + '/graphql', { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: operationName, query: query, variables: variables || {} }) }).then(function (r) { return r.json(); }).catch(function () { return null; }); } function plainTextFromHtml(html) { try { var raw = String(html || ''); var d = document.createElement('div'); d.innerHTML = raw .replace(/]*>/gi, '') .replace(/]*>[\s\S]*?<\/video>/gi, '') .replace(/\bh\s+(https?:\/\/)/g, '$1'); return (d.textContent || d.innerText || '').trim(); } catch (_) { return String(html || '').trim(); } } var boundTranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; var boundRetranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; function sourceLangLabel(code) { var map = { en: 'EN', he: 'HE', es: 'ES', fr: 'FR', ar: 'AR' }; var c = String(code || '').toLowerCase().slice(0, 2); if (c === 'iw') c = 'he'; return map[c] || c.toUpperCase(); } function syncTranslateControl(btn, state) { if (!btn) return; try { btn.setAttribute('data-state', state); btn.classList.toggle('hungru-translate-btn--active', state === 'translated'); var control = btn.closest('.hungru-translate-control'); if (control) control.setAttribute('data-state', state); var sourceCode = btn.getAttribute('data-source-lang') || (control && control.getAttribute('data-source-lang')) || ''; var sourceLabel = (control && control.getAttribute('data-source-label')) || sourceLangLabel(sourceCode); var sourceEl = control && control.querySelector('[data-hungru-translate-source]'); if (sourceEl && sourceLabel) sourceEl.textContent = sourceLabel; var I18N = (window && window.__SSR_SOCIAL_I18N) || {}; var hint = state === 'translated' ? (I18N.review_translatedFromHint ? String(I18N.review_translatedFromHint).replace('{{language}}', sourceLabel) : (I18N.review_showOriginal || 'Show Original')) : (I18N.review_translate || 'Translate'); btn.setAttribute('aria-label', hint); btn.setAttribute('title', hint); } catch (_) {} } function setPostField(postId, selector, text) { try { var cards = Array.prototype.slice.call( document.querySelectorAll('[data-ssr-post-card="1"][data-post-id="' + postId + '"]') ); for (var i = 0; i < cards.length; i++) { var el = cards[i].querySelector(selector); if (el) el.textContent = String(text || ''); } } catch (_) {} } var I18N2 = (window && window.__SSR_SOCIAL_I18N) ? window.__SSR_SOCIAL_I18N : {}; var TXT_UNAVAILABLE = 'Translation is temporarily unavailable.'; function setTranslateLoading(btn, loading) { if (!btn) return; try { var control = btn.closest('.hungru-translate-control'); var group = btn.closest('.hungru-translate-btn-group'); var I18N = (window && window.__SSR_SOCIAL_I18N) || {}; var TXT_TRANSLATING = I18N.review_translating || 'Translating...'; if (loading) { btn.disabled = true; btn.classList.add('hungru-translate-btn--loading'); if (control) control.setAttribute('data-state', 'loading'); if (group) group.setAttribute('data-translate-loading', '1'); btn.setAttribute('aria-busy', 'true'); btn.setAttribute('aria-label', TXT_TRANSLATING); btn.setAttribute('title', TXT_TRANSLATING); } else { btn.disabled = false; btn.classList.remove('hungru-translate-btn--loading'); btn.removeAttribute('aria-busy'); btn.style.opacity = ''; if (group) group.removeAttribute('data-translate-loading'); } } catch (_) {} } function bindPostTranslateButtons(scope) { try { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-post-translate="1"][data-post-id]')); if (!btns.length) return; btns.forEach(function (btn) { try { if (boundTranslate && boundTranslate.has(btn)) return; if (boundTranslate) boundTranslate.add(btn); btn.addEventListener('click', function (e) { (async function () { try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var id = btn.getAttribute('data-post-id') || ''; var targetLang = (btn.getAttribute('data-target-lang') || '').toLowerCase(); var originalTitle = btn.getAttribute('data-original-title') || ''; var originalBody = btn.getAttribute('data-original-body') || ''; var cachedTitle = btn.getAttribute('data-cached-title') || ''; var cachedBody = btn.getAttribute('data-cached-body') || ''; var state = btn.getAttribute('data-state') || 'original'; if (state === 'translated') { if (originalTitle) setPostField(id, '[data-ssr-post-title="1"]', originalTitle); setPostField(id, '[data-ssr-post-body="1"]', originalBody); btn.setAttribute('data-state', 'original'); syncTranslateControl(btn, 'original'); return; } if (cachedTitle || cachedBody) { if (cachedTitle) setPostField(id, '[data-ssr-post-title="1"]', cachedTitle); if (cachedBody) setPostField(id, '[data-ssr-post-body="1"]', cachedBody); btn.setAttribute('data-state', 'translated'); syncTranslateControl(btn, 'translated'); return; } if (!targetLang) return; setTranslateLoading(btn, true); var q = 'mutation TranslatePost($postId: ID!, $targetLanguage: String!) {' + ' translatePost(postId: $postId, targetLanguage: $targetLanguage) {' + ' title body translatedAt translatedBy' + ' }' + '}'; var json = await gql('TranslatePost', q, { postId: id, targetLanguage: targetLang }); if (json && json.errors && json.errors.length) { var msg = String(json.errors[0].message || ''); if (msg.toLowerCase().indexOf('authentication') !== -1) { setTranslateLoading(btn, false); var loginHint = (I18N2 && I18N2.review_loginToTranslate) || 'Sign in to translate'; btn.setAttribute('aria-label', loginHint); btn.setAttribute('title', loginHint); try { window.location.href = (window.__SSR_SITE_ORIGIN || '') + '/login'; } catch (_) {} return; } throw new Error(msg || 'Translation failed'); } var tr = json && json.data && json.data.translatePost; if (!tr) throw new Error('no_translation'); var nextTitle = tr.title != null ? String(tr.title) : ''; var nextBody = plainTextFromHtml(tr.body != null ? String(tr.body) : ''); if (nextTitle) { btn.setAttribute('data-cached-title', nextTitle); setPostField(id, '[data-ssr-post-title="1"]', nextTitle); } if (nextBody) { btn.setAttribute('data-cached-body', nextBody); setPostField(id, '[data-ssr-post-body="1"]', nextBody); } btn.setAttribute('data-state', 'translated'); syncTranslateControl(btn, 'translated'); } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { setTranslateLoading(btn, false); } catch (_) {} } })(); }, true); } catch (_) {} }); } catch (_) {} } function bindPostRetranslateButtons(scope) { try { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-post-retranslate="1"][data-post-id]')); if (!btns.length) return; btns.forEach(function (retranslateBtn) { try { if (boundRetranslate && boundRetranslate.has(retranslateBtn)) return; if (boundRetranslate) boundRetranslate.add(retranslateBtn); retranslateBtn.addEventListener('click', function (e) { (async function () { var translateBtn; try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var id = retranslateBtn.getAttribute('data-post-id') || ''; translateBtn = document.querySelector('[data-ssr-post-translate="1"][data-post-id="' + id + '"]'); if (!translateBtn) return; var targetLang = (translateBtn.getAttribute('data-target-lang') || '').toLowerCase(); if (!targetLang) return; setTranslateLoading(translateBtn, true); var q = 'mutation ResetPostTranslation($postId: ID!, $targetLanguage: String!) {' + ' resetPostTranslation(postId: $postId, targetLanguage: $targetLanguage) {' + ' title body translatedAt translatedBy' + ' }' + '}'; var json = await gql('ResetPostTranslation', q, { postId: id, targetLanguage: targetLang }); var tr = json && json.data && json.data.resetPostTranslation; if (!tr) throw new Error('no_translation'); var nextTitle = tr.title != null ? String(tr.title) : ''; var nextBody = plainTextFromHtml(tr.body != null ? String(tr.body) : ''); if (nextTitle) { translateBtn.setAttribute('data-cached-title', nextTitle); setPostField(id, '[data-ssr-post-title="1"]', nextTitle); } if (nextBody) { translateBtn.setAttribute('data-cached-body', nextBody); setPostField(id, '[data-ssr-post-body="1"]', nextBody); } translateBtn.setAttribute('data-state', 'translated'); syncTranslateControl(translateBtn, 'translated'); } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { if (translateBtn) setTranslateLoading(translateBtn, false); } catch (_) {} } })(); }, true); } catch (_) {} }); } catch (_) {} } function boot() { bindPostTranslateButtons(document); bindPostRetranslateButtons(document); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); } } catch (_) {} })(); (function () { try { var _api = "https://gql.hungru.co"; function gql(operationName, query, variables) { return fetch(_api + '/graphql', { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: operationName, query: query, variables: variables || {} }) }).then(function (r) { return r.json(); }).catch(function () { return null; }); } function isLoggedIn() { try { return !!document.querySelector('[data-ssr-viewer="1"]'); } catch (_) { return false; } } function redirectToLogin() { try { window.dispatchEvent(new CustomEvent('hungru:auth-required', { detail: {} })); return; } catch (_) {} try { window.location.href = '/login'; } catch (_) {} } function closeAllMenus() { try { var menus = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-actions-menu="1"][data-review-id]')); for (var i = 0; i < menus.length; i++) menus[i].classList.add('hidden'); var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-actions-btn="1"][data-review-id]')); for (var j = 0; j < btns.length; j++) btns[j].setAttribute('aria-expanded', 'false'); } catch (_) {} } function confirmModal(title, body, confirmLabel) { return new Promise(function (resolve) { try { var wrapper = document.createElement('div'); wrapper.className = 'fixed inset-0 z-[9999]'; wrapper.setAttribute('role', 'dialog'); wrapper.setAttribute('aria-modal', 'true'); wrapper.innerHTML = '

' + '

' + ' ' + ' ' + '

' + '

' + ' ' + ' ' + '

' + '

'; var tEl = wrapper.querySelector('[data-title="1"]'); var bEl = wrapper.querySelector('[data-body="1"]'); var cEl = wrapper.querySelector('[data-confirm="1"]'); if (tEl) tEl.textContent = String(title || ''); if (bEl) bEl.textContent = String(body || ''); if (cEl) cEl.textContent = String(confirmLabel || 'Confirm'); function cleanup(val) { try { wrapper.remove(); } catch (_) {} resolve(!!val); } wrapper.addEventListener('click', function (e) { var target = e && e.target; if (!target || !target.closest) return; if (target.getAttribute && target.getAttribute('data-backdrop') === '1') return cleanup(false); if (target.closest('[data-cancel="1"]')) return cleanup(false); if (target.closest('[data-confirm="1"]')) return cleanup(true); }); document.body.appendChild(wrapper); } catch (_) { resolve(false); } }); } async function handleDelete(postId) { if (!postId) return; if (!isLoggedIn()) return redirectToLogin(); var ok = await confirmModal('Delete this post?', 'This cannot be undone.', 'Delete'); if (!ok) return; var q = 'mutation DeletePost($id: ID!) { deletePost(id: $id) { id } }'; var json = await gql('DeletePost', q, { id: String(postId) }); var deleted = json && json.data && json.data.deletePost; if (!deleted || !deleted.id) return; var cards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-post-card="1"][data-post-id="' + String(postId) + '"]')); for (var i = 0; i < cards.length; i++) cards[i].style.display = 'none'; closeAllMenus(); try { window.location.href = '/news-feed'; } catch (_) {} } document.addEventListener('click', function (e) { try { var t = e && e.target; if (!t) return; var toggle = t.closest ? t.closest('[data-ssr-post-actions-btn="1"][data-post-id]') : null; if (toggle) { e.preventDefault(); e.stopPropagation(); var id = String(toggle.getAttribute('data-post-id') || '').trim(); var menu = document.querySelector('[data-ssr-post-actions-menu="1"][data-post-id="' + id + '"]'); if (!menu) return; var isHidden = menu.classList.contains('hidden'); closeAllMenus(); if (isHidden) { menu.classList.remove('hidden'); toggle.setAttribute('aria-expanded', 'true'); } return; } var del = t.closest ? t.closest('[data-ssr-post-delete="1"][data-post-id]') : null; if (del) { e.preventDefault(); e.stopPropagation(); return void handleDelete(String(del.getAttribute('data-post-id') || '')); } if (!(t.closest && t.closest('[data-ssr-post-actions-menu="1"]'))) closeAllMenus(); } catch (_) {} }, true); document.addEventListener('keydown', function (e) { try { if (e && e.key === 'Escape') closeAllMenus(); } catch (_) {} }); } catch (_) {} })(); (function () { var COPIED_MSG = "Link copied to clipboard!"; var FAILED_MSG = "Couldn't copy link"; function showToast(message) { var existing = document.getElementById('hungru-share-toast'); if (existing) existing.remove(); var toast = document.createElement('div'); toast.id = 'hungru-share-toast'; toast.textContent = message; toast.setAttribute('role', 'status'); toast.setAttribute('aria-live', 'polite'); toast.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;padding:12px 24px;background:#0a0a0a;color:#ededed;border:1px solid rgba(205,182,127,0.4);border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,0.4);animation:hungruToastFade 2.5s ease-out forwards;pointer-events:none;'; if (!document.getElementById('hungru-share-toast-style')) { var style = document.createElement('style'); style.id = 'hungru-share-toast-style'; style.textContent = '@keyframes hungruToastFade{0%{opacity:0;transform:translateX(-50%) translateY(12px)}12%{opacity:1;transform:translateX(-50%) translateY(0)}88%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-4px)}}'; document.head.appendChild(style); } document.body.appendChild(toast); setTimeout(function(){ toast.remove(); }, 2500); } function resolveUrl(raw) { if (!raw) return window.location.href; var u = String(raw).trim(); if (!u) return window.location.href; if (u.charAt(0) === '/') return window.location.origin + u; try { var parsed = new URL(u, window.location.href); var cur = window.location; var sameLocalHost = (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1') && (cur.hostname === 'localhost' || cur.hostname === '127.0.0.1'); // Dev: PUBLIC_SITE_URL may be :3000 while SSR Next is :4000 — always share current origin. if (parsed.hostname === cur.hostname || sameLocalHost) { return cur.origin + parsed.pathname + parsed.search + parsed.hash; } return parsed.toString(); } catch (_) { return u; } } function isDesktopLike() { if (window.innerWidth >= 1024) return true; // Match hungru-ui: Mac laptop (no touch) → copy, not native share (avoids DevTools sheet + clipboard permission spam). var isMac = /Mac|Macintosh/.test(navigator.userAgent || ''); var hasTouch = navigator.maxTouchPoints > 0; return isMac && !hasTouch; } async function copyLink(url) { // Prefer execCommand while we still have the click gesture — writeText after await share() // can trigger Chrome's "See text and images copied to the clipboard" permission dialog. var ta = document.createElement('textarea'); ta.value = url; ta.setAttribute('readonly', ''); ta.style.cssText = 'position:fixed;left:-9999px;top:0;opacity:0;'; document.body.appendChild(ta); ta.select(); ta.setSelectionRange(0, ta.value.length); var ok = false; try { ok = document.execCommand('copy'); } catch (_) {} ta.remove(); if (ok) { showToast(COPIED_MSG); return; } if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(url); showToast(COPIED_MSG); return; } showToast(FAILED_MSG); } document.addEventListener('click', function (e) { var btn = e.target && e.target.closest && e.target.closest('[data-ssr-share="1"]'); if (!btn) return; e.preventDefault(); e.stopPropagation(); (async function () { var url = resolveUrl(btn.getAttribute('data-share-url')); var title = (btn.getAttribute('data-share-title') || document.title || 'Hungru').trim(); var text = (btn.getAttribute('data-share-text') || '').trim(); try { if (!isDesktopLike() && navigator.share) { var payload = { title: title, url: url }; if (text) payload.text = text; await navigator.share(payload); return; } await copyLink(text ? (text + ' ' + url).trim() : url); } catch (err) { // User dismissed the share sheet — do nothing. if (err && err.name === 'AbortError') return; // Do NOT clipboard-fallback after navigator.share: the click gesture is spent, and // Chrome then asks for clipboard permission on top of (or after) the share UI. } })(); }, true); })(); (function () { try { var legacy = document.querySelector('[data-ssr-gallery="1"]'); if (legacy) { var mainImg = legacy.querySelector('[data-gallery-main]'); var mainLink = legacy.querySelector('[data-gallery-main-link]'); var thumbs = Array.prototype.slice.call(legacy.querySelectorAll('a[data-gallery-thumb]')); var prev = legacy.querySelector('[data-gallery-prev]'); var next = legacy.querySelector('[data-gallery-next]'); if (mainImg && mainLink && thumbs.length) { function setActive(href) { if (!href) return; mainImg.setAttribute('src', href); mainLink.setAttribute('href', href); for (var i = 0; i < thumbs.length; i++) { var a = thumbs[i]; var h = a.getAttribute('href'); if (h === href) a.classList.add('ring-2', 'ring-hungru-gold/90'); else a.classList.remove('ring-2', 'ring-hungru-gold/90'); } } function currentIndex() { var cur = mainLink.getAttribute('href'); for (var i = 0; i < thumbs.length; i++) if (thumbs[i].getAttribute('href') === cur) return i; return 0; } for (var i = 0; i < thumbs.length; i++) { thumbs[i].addEventListener('click', function (e) { try { e.preventDefault(); setActive(this.getAttribute('href')); } catch (_) {} }); } if (prev) prev.addEventListener('click', function (e) { try { e.preventDefault(); var idx = currentIndex(); setActive(thumbs[(idx - 1 + thumbs.length) % thumbs.length].getAttribute('href')); } catch (_) {} }); if (next) next.addEventListener('click', function (e) { try { e.preventDefault(); var idx = currentIndex(); setActive(thumbs[(idx + 1) % thumbs.length].getAttribute('href')); } catch (_) {} }); } } var galleries = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-wide-gallery="1"]')); for (var gi = 0; gi < galleries.length; gi++) { (function (g) { try { var mainImg2 = g.querySelector('[data-wide-main]'); var mainLink2 = g.querySelector('[data-wide-main-link]'); function getThumbs2() { return Array.prototype.slice.call(g.querySelectorAll('a[data-wide-thumb]')).filter(function (a) { return a && a.isConnected; }); } var thumbs2 = getThumbs2(); var prev2 = g.querySelector('[data-wide-prev]'); var next2 = g.querySelector('[data-wide-next]'); if (!mainImg2 || !mainLink2) return; // Prevent main image link from navigating — opens lightbox instead (handles single-image galleries) mainLink2.addEventListener('click', function (e) { try { e.preventDefault(); } catch (_) {} }); function setActive2(href) { if (!href) return; mainImg2.setAttribute('src', href); mainLink2.setAttribute('href', href); var thumbsNow = getThumbs2(); for (var i = 0; i < thumbsNow.length; i++) { var a = thumbsNow[i]; var h = a.getAttribute('href'); if (h === href) a.classList.add('ring-2', 'ring-hungru-gold/90'); else a.classList.remove('ring-2', 'ring-hungru-gold/90'); } } function currentIndex2() { var thumbsNow = getThumbs2(); var cur = mainLink2.getAttribute('href'); for (var i = 0; i < thumbsNow.length; i++) if (thumbsNow[i].getAttribute('href') === cur) return i; return 0; } for (var i = 0; i < thumbs2.length; i++) { thumbs2[i].addEventListener('click', function (e) { try { e.preventDefault(); setActive2(this.getAttribute('href')); } catch (_) {} }); } if (prev2) { prev2.addEventListener('click', function (e) { try { e.preventDefault(); var thumbsNow = getThumbs2(); if (!thumbsNow.length) return; var idx = currentIndex2(); var nextIdx = (idx - 1 + thumbsNow.length) % thumbsNow.length; setActive2(thumbsNow[nextIdx].getAttribute('href')); } catch (_) {} }); } if (next2) { next2.addEventListener('click', function (e) { try { e.preventDefault(); var thumbsNow = getThumbs2(); if (!thumbsNow.length) return; var idx = currentIndex2(); var nextIdx = (idx + 1) % thumbsNow.length; setActive2(thumbsNow[nextIdx].getAttribute('href')); } catch (_) {} }); } } catch (e) {} })(galleries[gi]); } } catch (e) {} })(); (function () { // Legacy HTML accordion — event delegation survives React hydration. try { document.addEventListener('click', function (e) { try { var target = e.target; if (!target || !target.closest) return; var btn = target.closest('[data-ssr-accordion-btn="1"][aria-controls]'); if (!btn) return; e.preventDefault(); var card = btn.closest('[data-ssr-review-card="1"]'); if (!card) return; var panel = card.querySelector('[data-ssr-accordion-panel="1"]'); if (!panel) return; var preview = card.querySelector('[data-ssr-review-preview="1"]'); var marker = card.querySelector('[data-ssr-accordion-marker="1"]'); var topBtn = card.querySelector('[data-ssr-accordion-btn="1"]:not([data-ssr-accordion-bottom="1"])'); var bottomBtn = card.querySelector('[data-ssr-accordion-btn="1"][data-ssr-accordion-bottom="1"]'); var beforeTop = 0; try { if (marker) beforeTop = marker.getBoundingClientRect().top; } catch (_) {} var expanded = (topBtn && topBtn.getAttribute('aria-expanded') === 'true') || false; var nextExpanded = !expanded; if (topBtn) topBtn.setAttribute('aria-expanded', nextExpanded ? 'true' : 'false'); if (bottomBtn) bottomBtn.setAttribute('aria-expanded', nextExpanded ? 'true' : 'false'); panel.hidden = !nextExpanded; if (preview) preview.style.display = nextExpanded ? 'none' : ''; if (topBtn) { topBtn.style.display = nextExpanded ? 'none' : ''; } try { requestAnimationFrame(function () { try { if (!marker) return; var afterTop = marker.getBoundingClientRect().top; var delta = afterTop - beforeTop; if (delta) window.scrollBy(0, delta); } catch (_) {} }); } catch (_) {} } catch (_) {} }); } catch (e) {} })();

Shanghai Xiaolongbao Pop-Up

Reviews & posts

Related articles