' + '

' + 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 () { 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; }); } var boundTranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; var boundRetranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; function bindNewsTranslateButtons(scope) { try { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-news-translate="1"][data-news-id]')); if (!btns.length) return; function setBtnLabel(btn, label) { try { var s = btn.querySelector('span.font-medium'); if (s) s.textContent = String(label || ''); } catch (_) {} } function setText(selector, id, text) { try { var els = Array.prototype.slice.call(document.querySelectorAll(selector + '[data-news-id="' + id + '"]')); for (var i = 0; i < els.length; i++) els[i].textContent = String(text || ''); } catch (_) {} } var I18N2 = (window && window.__SSR_SOCIAL_I18N) ? window.__SSR_SOCIAL_I18N : {}; var TXT_TRANSLATE = I18N2.review_translate || 'Translate'; var TXT_SHOW_ORIGINAL = I18N2.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 (_) {} } 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-news-id') || ''; var targetLang = (btn.getAttribute('data-target-lang') || '').toLowerCase(); var originalTitle = btn.getAttribute('data-original-title') || ''; var originalSummary = btn.getAttribute('data-original-summary') || ''; var cachedTitle = btn.getAttribute('data-cached-title') || ''; var cachedSummary = btn.getAttribute('data-cached-summary') || ''; var state = btn.getAttribute('data-state') || 'original'; if (state === 'translated') { setText('[data-ssr-news-title="1"]', id, originalTitle || 'News'); setText('[data-ssr-news-summary="1"]', id, originalSummary || ''); btn.setAttribute('data-state', 'original'); setBtnLabel(btn, TXT_TRANSLATE); return; } if (cachedTitle || cachedSummary) { if (cachedTitle) setText('[data-ssr-news-title="1"]', id, cachedTitle); if (cachedSummary) setText('[data-ssr-news-summary="1"]', id, cachedSummary); btn.setAttribute('data-state', 'translated'); setBtnLabel(btn, TXT_SHOW_ORIGINAL); return; } if (!targetLang) return; setTranslateLoading(btn, true); var q = 'mutation TranslateNewsFeed($newsId: ID!, $targetLanguage: String!) {' + ' translateNewsFeed(newsId: $newsId, targetLanguage: $targetLanguage) {' + ' title summary translatedAt translatedBy' + ' }' + '}'; var json = await gql('TranslateNewsFeed', q, { newsId: id, targetLanguage: targetLang }); var tr = json && json.data && json.data.translateNewsFeed; if (!tr) throw new Error('no_translation'); var nextTitle = (tr.title != null) ? String(tr.title) : ''; var nextSummary = (tr.summary != null) ? String(tr.summary) : ''; if (nextTitle) { btn.setAttribute('data-cached-title', nextTitle); setText('[data-ssr-news-title="1"]', id, nextTitle); } if (nextSummary) { btn.setAttribute('data-cached-summary', nextSummary); setText('[data-ssr-news-summary="1"]', id, nextSummary); } btn.setAttribute('data-state', 'translated'); setBtnLabel(btn, TXT_SHOW_ORIGINAL); } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { setTranslateLoading(btn, false); } catch (_) {} } })(); }, true); } catch (_) {} }); } catch (_) {} } function bindNewsRetranslateButtons(scope) { try { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-news-retranslate="1"][data-news-id]')); if (!btns.length) return; function setBtnLabel(btn, label) { try { var s = btn.querySelector('span.font-medium'); if (s) s.textContent = String(label || ''); } catch (_) {} } function setText(selector, id, text) { try { var els = Array.prototype.slice.call(document.querySelectorAll(selector + '[data-news-id="' + id + '"]')); for (var i = 0; i < els.length; i++) els[i].textContent = String(text || ''); } catch (_) {} } var TXT_SHOW_ORIGINAL = (window && window.__SSR_SOCIAL_I18N && window.__SSR_SOCIAL_I18N.review_showOriginal) || 'Show Original'; var TXT_UNAVAILABLE = 'Translation is temporarily unavailable.'; 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-news-id') || ''; var translateBtnEl = retranslateBtn.closest('[data-ssr-news-card="1"]'); translateBtn = translateBtnEl ? translateBtnEl.querySelector('[data-ssr-news-translate="1"]') : null; var targetLang = (document.documentElement.getAttribute('lang') || 'en').toLowerCase(); if (!targetLang || !id) return; setTranslateLoading(retranslateBtn, true); if (translateBtn) setTranslateLoading(translateBtn, true); var q = 'mutation ResetNewsFeedTranslation($newsId: ID!, $targetLanguage: String!) { resetNewsFeedTranslation(newsId: $newsId, targetLanguage: $targetLanguage) { title summary translatedAt translatedBy } }'; var json = await gql('ResetNewsFeedTranslation', q, { newsId: id, targetLanguage: targetLang }); var tr = json && json.data && json.data.resetNewsFeedTranslation; if (tr && translateBtn) { var nextTitle = (tr.title != null) ? String(tr.title) : ''; var nextSummary = (tr.summary != null) ? String(tr.summary) : ''; translateBtn.setAttribute('data-cached-title', nextTitle); translateBtn.setAttribute('data-cached-summary', nextSummary); if (nextTitle) setText('[data-ssr-news-title="1"]', id, nextTitle); if (nextSummary) setText('[data-ssr-news-summary="1"]', id, nextSummary); translateBtn.setAttribute('data-state', 'translated'); setBtnLabel(translateBtn, TXT_SHOW_ORIGINAL); } } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { setTranslateLoading(retranslateBtn, false); if (translateBtn) setTranslateLoading(translateBtn, false); } catch (_) {} } })(); }, true); } catch (_) {} }); } catch (_) {} } bindNewsTranslateButtons(document); bindNewsRetranslateButtons(document); try { var observer = new MutationObserver(function () { bindNewsTranslateButtons(document); bindNewsRetranslateButtons(document); }); observer.observe(document.body, { childList: true, subtree: true }); } catch (_) {} } 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 = '

' + '

' + ' ' + ' ' + '

' + '

'; 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) return; if (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); try { var cancelBtn = wrapper.querySelector('[data-cancel="1"]'); if (cancelBtn && cancelBtn.focus) cancelBtn.focus(); } catch (_) {} } catch (_) { resolve(false); } }); } async function handleDelete(reviewId) { try { if (!reviewId) return; if (!isLoggedIn()) return redirectToLogin(); var ok = await confirmModal('Delete this review?', 'This cannot be undone.', 'Delete'); if (!ok) return; var q = 'mutation DeleteReview($id: ID!) { deleteReview(id: $id) { id } }'; var json = await gql('DeleteReview', q, { id: String(reviewId) }); var err = json && json.errors && json.errors[0] && json.errors[0].message; if (err && String(err).toLowerCase().indexOf('authentication') !== -1) return redirectToLogin(); var deleted = json && json.data && json.data.deleteReview; if (!deleted || !deleted.id) return; var cards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-card="1"][data-review-id="' + String(reviewId) + '"]')); for (var i = 0; i < cards.length; i++) cards[i].style.display = 'none'; closeAllMenus(); } catch (_) {} } async function handleEnrich(reviewId, btn) { try { if (!reviewId) return; if (!isLoggedIn()) return redirectToLogin(); if (btn) { btn.disabled = true; btn.style.opacity = '0.6'; } var q = 'mutation EnrichReview($input: EnrichReviewInput!) { enrichReview(input: $input) { id aiEnrichment { isEnriched } } }'; var json = await gql('EnrichReview', q, { input: { reviewId: String(reviewId) } }); var err = json && json.errors && json.errors[0] && json.errors[0].message; if (err && String(err).toLowerCase().indexOf('authentication') !== -1) return redirectToLogin(); closeAllMenus(); } catch (_) {} finally { try { if (btn) { btn.disabled = false; btn.style.opacity = ''; } } catch (_) {} } } document.addEventListener('click', function (e) { try { var t = e && e.target; if (!t) return; var toggle = t.closest ? t.closest('[data-ssr-review-actions-btn="1"][data-review-id]') : null; if (toggle) { e.preventDefault(); e.stopPropagation(); var id = String(toggle.getAttribute('data-review-id') || '').trim(); if (!id) return; var menu = document.querySelector('[data-ssr-review-actions-menu="1"][data-review-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-review-delete="1"][data-review-id]') : null; if (del) { e.preventDefault(); e.stopPropagation(); return void handleDelete(String(del.getAttribute('data-review-id') || '')); } var enrich = t.closest ? t.closest('[data-ssr-review-enrich="1"][data-review-id]') : null; if (enrich) { e.preventDefault(); e.stopPropagation(); return void handleEnrich(String(enrich.getAttribute('data-review-id') || ''), enrich); } var insideMenu = t.closest ? t.closest('[data-ssr-review-actions-menu="1"]') : null; if (!insideMenu) closeAllMenus(); } catch (_) {} }, true); document.addEventListener('keydown', function (e) { try { if (e && e.key === 'Escape') closeAllMenus(); } catch (_) {} }); } 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 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 () { // Lightweight lightbox with credits (restaurant photos, review gallery). try { var overlay = document.createElement('div'); overlay.className = 'hungru-lightbox-overlay'; overlay.setAttribute('role', 'dialog'); overlay.setAttribute('aria-modal', 'true'); overlay.style.display = 'none'; overlay.innerHTML = '' + ''; document.body.appendChild(overlay); var creditEl = overlay.querySelector('.hungru-lightbox-credit'); // The image element is created on first open, not in the markup above: one with no // src sat in every restaurant/dish/feed page's DOM until a photo was clicked, and // audits flag it ("img with an empty src"). Same class, same position (before the // credit), so the lightbox CSS is unchanged. var imgEl = null; function ensureImg() { if (imgEl) return imgEl; imgEl = document.createElement('img'); imgEl.className = 'hungru-lightbox-img'; imgEl.setAttribute('alt', ''); creditEl.parentNode.insertBefore(imgEl, creditEl); return imgEl; } var prevBtn = overlay.querySelector('.hungru-lightbox-prev'); var nextBtn = overlay.querySelector('.hungru-lightbox-next'); var currentGroup = ''; var currentIndex = 0; function groupItems(group) { var all = document.querySelectorAll('[data-ssr-lightbox-item="1"][data-lightbox-src]'); return Array.prototype.slice.call(all).filter(function (el) { try { if (!el || !el.isConnected) return false; return (el.getAttribute('data-lightbox-group') || '') === (group || ''); } catch (_) { return false; } }); } function escapeAttr(s) { if (!s) return ''; return String(s) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function setCredit(credit, creditLink) { try { if (!credit) { creditEl.innerHTML = ''; return; } var safeCredit = escapeAttr(credit); var safeLink = escapeAttr(creditLink); if (creditLink) { creditEl.innerHTML = 'Photo by ' + safeCredit + ''; } else { creditEl.textContent = 'Photo by ' + credit; } } catch (_) {} } function isVideoLightboxSrc(src) { if (!src) return true; var base = String(src).split('?')[0].split('#')[0].toLowerCase(); return /\.(mp4|m4v|mov|webm|m3u8)(\?|#|$)/.test(base); } function openAt(group, idx) { var list = groupItems(group); if (!list.length) return; currentGroup = group || ''; currentIndex = Math.max(0, Math.min(idx, list.length - 1)); var el = list[currentIndex]; var src = el.getAttribute('data-lightbox-src') || el.getAttribute('href'); if (isVideoLightboxSrc(src)) return; var credit = el.getAttribute('data-lightbox-credit') || ''; var creditLink = el.getAttribute('data-lightbox-credit-link') || ''; ensureImg().setAttribute('src', src); setCredit(credit, creditLink); overlay.style.display = 'block'; document.documentElement.style.overflow = 'hidden'; } function close() { overlay.style.display = 'none'; document.documentElement.style.overflow = ''; } function nav(delta) { var list = groupItems(currentGroup); if (!list.length) return; var next = currentIndex + delta; if (next < 0) next = list.length - 1; if (next >= list.length) next = 0; openAt(currentGroup, next); } document.addEventListener('click', function (e) { try { if (e.target && e.target.closest) { if (e.target.closest('[data-hungru-gallery-nav]')) return; if (e.target.closest('[data-hungru-inline-video-controls]')) return; if (e.target.closest('video')) return; } var el = e.target && e.target.closest ? e.target.closest('[data-ssr-lightbox-item="1"][data-lightbox-src]') : null; if (!el) return; var src = el.getAttribute('data-lightbox-src') || ''; if (isVideoLightboxSrc(src)) return; e.preventDefault(); e.stopPropagation(); var group = el.getAttribute('data-lightbox-group') || ''; var list = groupItems(group); var idx = list.indexOf(el); openAt(group, idx >= 0 ? idx : 0); } catch (_) {} }, true); overlay.addEventListener('click', function (e) { try { var t = e.target; if (t && t.getAttribute && t.getAttribute('data-lb-close') === '1') close(); } catch (_) {} }); prevBtn.addEventListener('click', function (e) { try { e.preventDefault(); nav(-1); } catch (_) {} }); nextBtn.addEventListener('click', function (e) { try { e.preventDefault(); nav(1); } catch (_) {} }); window.addEventListener('keydown', function (e) { try { if (overlay.style.display === 'none') return; if (e.key === 'Escape') close(); if (e.key === 'ArrowLeft') nav(-1); if (e.key === 'ArrowRight') nav(1); } catch (_) {} }); } 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) {} })(); (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); })();

New breakfast spot on North Shattuck, an Ethiopian cafe comes to Albany, and...

New breakfast spot on North Shattuck, an Ethiopian cafe comes to Albany, and the East Bay gets another Grocery Outlet

Community Reviews & Comments