' + '

' + 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; // Google Place Photo 403 fix: replace old API key with new one and retry once. // If retry fails or not a Google URL, fall through to hide/fallback below. var src = el.getAttribute('src') || ''; var newKey = "AIzaSyDfoyKB0QbW-1PsZ45-jwRzm_wBmSGkCNo"; if (newKey && src && src.indexOf('googleapis.com') !== -1 && el.getAttribute('data-ssr-google-photo-retried') !== '1') { el.setAttribute('data-ssr-google-photo-retried', '1'); var fixed = src.replace(/([?&])key=[^&]*/gi, '$1key=' + encodeURIComponent(newKey)); if (fixed !== src) { el.setAttribute('src', fixed); return; } } // 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 avatar: swap to fallback URL when image fails (legacy SSR img tags). // Skip when React AvatarImage uses SVG icon fallback (data-avatar-icon-fallback). if (el.hasAttribute && el.getAttribute('data-ssr-chef-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 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 || DISH_FALLBACK); return; } } catch (_) {} }, true); } catch (e) {} })(); (function () { try { window.__SSR_RESTAURANT_ADMIN_I18N = {"cancel":"Cancel","close":"Close","delete":"Delete","confirmDeletion":"Confirm Deletion","deleteRestaurantBody":"This action is irreversible. Are you sure you want to permanently delete this Restaurant?","enrichSuccess":"Enrichment complete!","refreshToViewResults":"Refresh page to see full results","enrichFailed":"Enrichment failed. Try again.","keyInformation":"Key Information","customerPerception":"Customer Perception","additionalDetails":"Additional Details","cuisineHighlights":"Cuisine Highlights","dietaryOptions":"Dietary Options","bestTimesToVisit":"Best Times to Visit","awardsAndRecognition":"Awards & Recognition","runningChef":"Running chef","lastUpdated":"Last updated"}; var I18N = (window && window.__SSR_RESTAURANT_ADMIN_I18N) ? window.__SSR_RESTAURANT_ADMIN_I18N : {}; function gql(operationName, query, variables) { return fetch("https://gql.hungru.co" + '/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.location.href = '/login'; } catch (_) {} } function confirmModal(title, body, confirmLabel, cancelLabel) { 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 = '

' + '

' + ' ' + '

' + '

' + ' ' + ' ' + '

' + '

' + escapeHtml(i.lastUpdated || 'Last updated') + ': ' + escapeHtml(new Date(ai.generatedAt).toLocaleString()) + '

'; } if (ai.keyInformation) { html += '

' + escapeHtml(i.keyInformation || 'Key information') + '

' + escapeHtml(ai.keyInformation) + '

'; } if (ai.customerPerception) { html += '

' + escapeHtml(i.customerPerception || 'Customer perception') + '

' + escapeHtml(ai.customerPerception) + '

'; } if (ai.additionalDetails) { html += '

' + escapeHtml(i.additionalDetails || 'Additional details') + '

' + escapeHtml(ai.additionalDetails) + '

'; } if (ai.cuisineHighlights && ai.cuisineHighlights.length) { html += '

' + escapeHtml(i.cuisineHighlights || 'Cuisine highlights') + '

'; for (var ch = 0; ch < ai.cuisineHighlights.length; ch++) { html += '' + escapeHtml(ai.cuisineHighlights[ch]) + ''; } html += '

'; } if (ai.dietaryOptions && ai.dietaryOptions.length) { html += '

' + escapeHtml(i.dietaryOptions || 'Dietary options') + '

'; for (var d = 0; d < ai.dietaryOptions.length; d++) { html += '' + escapeHtml(ai.dietaryOptions[d]) + ''; } html += '

'; } if (ai.bestTimesToVisit) { html += '

' + escapeHtml(i.bestTimesToVisit || 'Best times to visit') + '

' + escapeHtml(ai.bestTimesToVisit) + '

'; } if (ai.runningChef) { html += '

' + escapeHtml(i.runningChef || 'Running chef') + '

' + escapeHtml(ai.runningChef) + '

'; } if (ai.awards && ai.awards.length) { html += '

' + escapeHtml(i.awardsAndRecognition || 'Awards & recognition') + '

'; for (var a = 0; a < ai.awards.length; a++) { var aw = ai.awards[a]; var label = [aw.name, aw.date].filter(Boolean).join(' • ') || 'Award'; html += '

'; if (aw.logoURL) html += ' ' + escapeHtml(aw.name || 'Award') + '

'; else html += '

'; html += '

' + escapeHtml(label) + '

'; } html += '

'; } var placeholder = insights.querySelector('[data-ssr-ai-placeholder]'); if (placeholder) placeholder.remove(); var prev = insights.querySelector('[data-ssr-ai-injected]'); if (prev) prev.remove(); var oldUpdated = insights.querySelector('[data-ssr-restaurant-ai-updated]'); if (oldUpdated) oldUpdated.remove(); var blocksToRemove = []; insights.querySelectorAll('[data-ssr-restaurant-ai-field], [data-ssr-restaurant-ai-list], [data-ssr-restaurant-ai-awards]').forEach(function (el) { var block = el.parentElement; if (el.getAttribute('data-ssr-restaurant-ai-awards') === '1' && block) block = block.parentElement; if (block && blocksToRemove.indexOf(block) === -1) blocksToRemove.push(block); }); blocksToRemove.forEach(function (b) { try { b.remove(); } catch (_) {} }); var container = document.createElement('div'); container.setAttribute('data-ssr-ai-injected', '1'); container.innerHTML = html; insights.appendChild(container); var tabLink = document.querySelector('a[href="#insights"]'); if (tabLink) tabLink.click(); } catch (_) {} } async function handleEnrich(restaurantId, btn) { try { if (!restaurantId) return; if (!isLoggedIn()) return redirectToLogin(); if (btn) { btn.disabled = true; btn.style.opacity = '0.6'; } var q = 'mutation EnrichRestaurantDataWithAi($enrichRestaurantDataWithAiId: ID!) {' + ' enrichRestaurantDataWithAi(id: $enrichRestaurantDataWithAiId) {' + ' name ' + ' socialLinks { instagram facebook } ' + ' aiGeneratedData { ' + ' awards { name date logoURL } ' + ' isOperational cuisineHighlights keyInformation customerPerception bestTimesToVisit dietaryOptions runningChef additionalDetails linksUsed city country countryCode generatedAt ' + ' } ' + ' }' + '}'; var json = await gql('EnrichRestaurantDataWithAi', q, { enrichRestaurantDataWithAiId: String(restaurantId) }); var err = json && json.errors && json.errors[0] && json.errors[0].message; if (err && String(err).toLowerCase().indexOf('authentication') !== -1) return redirectToLogin(); var ai = json && json.data && json.data.enrichRestaurantDataWithAi && json.data.enrichRestaurantDataWithAi.aiGeneratedData; var themeNight = !!document.querySelector('.bg-hungru-night'); if (ai) { injectAiInsights(ai, themeNight); if (btn) { var wrap = btn.parentNode; var successEl = document.createElement('span'); successEl.className = 'inline-flex flex-col items-start gap-1 hungru-action-btn opacity-90 cursor-default'; successEl.style.minWidth = 'max-content'; successEl.innerHTML = '' + '' + escapeHtml(I18N && I18N.enrichSuccess ? I18N.enrichSuccess : 'Enrichment complete!') + '' + '' + escapeHtml(I18N && I18N.refreshToViewResults ? I18N.refreshToViewResults : 'Refresh page to see full results') + ''; if (wrap) wrap.replaceChild(successEl, btn); } } else { if (btn) { btn.disabled = false; btn.style.opacity = ''; } try { alert(I18N && I18N.enrichFailed ? I18N.enrichFailed : 'Enrichment failed. Try again.'); } catch (_) {} } } catch (_) { if (btn) { btn.disabled = false; btn.style.opacity = ''; } try { alert(I18N && I18N.enrichFailed ? I18N.enrichFailed : 'Enrichment failed. Try again.'); } catch (_) {} } } document.addEventListener('click', function (e) { try { var t = e && e.target; if (!t) return; if (t.closest && t.closest('[data-ssr-refresh-page="1"]')) { e.preventDefault(); e.stopPropagation(); try { window.location.reload(); } catch (_) {} return; } var del = t.closest ? t.closest('[data-ssr-restaurant-delete="1"][data-restaurant-id]') : null; if (del) { e.preventDefault(); e.stopPropagation(); return void handleDelete(String(del.getAttribute('data-restaurant-id') || ''), del); } var enrich = t.closest ? t.closest('[data-ssr-restaurant-enrich="1"][data-restaurant-id]') : null; if (enrich) { e.preventDefault(); e.stopPropagation(); return void handleEnrich(String(enrich.getAttribute('data-restaurant-id') || ''), enrich); } } catch (_) {} }, true); } 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.'; 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; btn.setAttribute('disabled', 'disabled'); btn.style.opacity = '0.6'; 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 { btn.removeAttribute('disabled'); btn.style.opacity = ''; } 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; retranslateBtn.disabled = true; retranslateBtn.style.opacity = '0.6'; if (translateBtn) { translateBtn.disabled = true; translateBtn.style.opacity = '0.6'; } 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 { retranslateBtn.removeAttribute('disabled'); retranslateBtn.style.opacity = ''; if (translateBtn) { translateBtn.removeAttribute('disabled'); translateBtn.style.opacity = ''; } } 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_ORIGIN = "https://gql.hungru.co"; var SITE_ORIGIN = "https://hungru.co"; function plainTextFromHtml(html) { try { var d = document.createElement('div'); d.innerHTML = html || ''; return (d.textContent || '').trim(); } 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; } } function setBtnLabel(btn, label) { try { var s = btn.querySelector('span.font-medium'); if (s) s.textContent = String(label || ''); } 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) { translateBtn.setAttribute('data-state', 'translated'); setBtnLabel(translateBtn, (window && window.__SSR_SOCIAL_I18N && window.__SSR_SOCIAL_I18N.review_showOriginal) || 'Show Original'); } } 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'; 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') { if (card.dataset.origTitle && titleEl) titleEl.textContent = card.dataset.origTitle; if (card.dataset.origPreview && previewEl) previewEl.textContent = card.dataset.origPreview; if (card.dataset.origFull && fullEl) fullEl.textContent = card.dataset.origFull; btn.setAttribute('data-state', 'original'); setBtnLabel(btn, TXT_TRANSLATE); 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(); btn.disabled = true; btn.style.opacity = '0.6'; 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) { btn.disabled = false; btn.style.opacity = ''; setBtnLabel(btn, 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 { btn.disabled = false; btn.style.opacity = ''; } 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(); btn.disabled = true; btn.style.opacity = '0.6'; if (translateBtn) { translateBtn.disabled = true; translateBtn.style.opacity = '0.6'; } 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) { translateBtn.disabled = false; translateBtn.style.opacity = ''; setBtnLabel(translateBtn, 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 { btn.disabled = false; btn.style.opacity = ''; if (translateBtn) { translateBtn.disabled = false; translateBtn.style.opacity = ''; } } 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 setBtnLabel(btn, label) { try { var s = btn.querySelector('span.font-medium'); if (s) s.textContent = String(label || ''); } catch (_) {} } function setText(card, selector, text) { try { var el = card ? card.querySelector(selector) : null; if (el) el.textContent = 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.'; /** In-memory binding flags — do not set DOM attrs before React hydrates. */ var boundTranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; var boundRetranslate = typeof WeakSet !== 'undefined' ? new WeakSet() : null; function bindDishTranslateButtons(scope) { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-dish-translate="1"][data-dish-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-dish-id') || ''; var card = btn.closest('[data-ssr-dish-card="1"]'); var targetLang = (btn.getAttribute('data-target-lang') || '').toLowerCase(); var originalName = btn.getAttribute('data-original-name') || ''; var originalDescription = btn.getAttribute('data-original-description') || ''; var cachedName = btn.getAttribute('data-cached-name') || ''; var cachedDescription = btn.getAttribute('data-cached-description') || ''; var state = btn.getAttribute('data-state') || 'original'; if (state === 'translated') { setText(card, '[data-ssr-dish-name="1"]', originalName || 'Dish'); setText(card, '[data-ssr-dish-description="1"]', originalDescription || ''); btn.setAttribute('data-state', 'original'); setBtnLabel(btn, TXT_TRANSLATE); return; } if (cachedName || cachedDescription) { if (cachedName) setText(card, '[data-ssr-dish-name="1"]', cachedName); if (cachedDescription) setText(card, '[data-ssr-dish-description="1"]', cachedDescription); btn.setAttribute('data-state', 'translated'); setBtnLabel(btn, TXT_SHOW_ORIGINAL); return; } if (!targetLang) return; btn.setAttribute('disabled', 'disabled'); btn.style.opacity = '0.6'; var q = 'mutation TranslateDish($dishId: ID!, $targetLanguage: String!) {' + ' translateDish(dishId: $dishId, targetLanguage: $targetLanguage) {' + ' name description translatedAt translatedBy' + ' }' + '}'; var json = await gql('TranslateDish', q, { dishId: id, targetLanguage: targetLang }); var tr = json && json.data && json.data.translateDish; if (!tr) throw new Error('no_translation'); 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(card, '[data-ssr-dish-name="1"]', nextName); } if (nextDesc) { btn.setAttribute('data-cached-description', nextDesc); setText(card, '[data-ssr-dish-description="1"]', nextDesc); } btn.setAttribute('data-state', 'translated'); setBtnLabel(btn, TXT_SHOW_ORIGINAL); } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { btn.removeAttribute('disabled'); btn.style.opacity = ''; } catch (_) {} } })(); }, true); } catch (_) {} }); } function applyDishTranslation(card, 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(card, '[data-ssr-dish-name="1"]', nextName); } if (nextDesc) { btn.setAttribute('data-cached-description', nextDesc); setText(card, '[data-ssr-dish-description="1"]', nextDesc); } btn.setAttribute('data-state', 'translated'); setBtnLabel(btn, TXT_SHOW_ORIGINAL); } function bindDishRetranslateButtons(scope) { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-dish-retranslate="1"][data-dish-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-dish-id') || ''; var card = retranslateBtn.closest('[data-ssr-dish-card="1"]'); translateBtn = card ? card.querySelector('[data-ssr-dish-translate="1"]') : null; var targetLang = (document.documentElement.getAttribute('lang') || 'en').toLowerCase(); if (!targetLang || !id) return; retranslateBtn.disabled = true; retranslateBtn.style.opacity = '0.6'; if (translateBtn) { translateBtn.disabled = true; translateBtn.style.opacity = '0.6'; } var q = 'mutation ResetDishTranslation($dishId: ID!, $targetLanguage: String!) { resetDishTranslation(dishId: $dishId, targetLanguage: $targetLanguage) { name description translatedAt translatedBy } }'; var json = await gql('ResetDishTranslation', q, { dishId: id, targetLanguage: targetLang }); var tr = json && json.data && json.data.resetDishTranslation; 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) : ''); applyDishTranslation(card, tr, translateBtn); } } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { retranslateBtn.removeAttribute('disabled'); retranslateBtn.style.opacity = ''; if (translateBtn) { translateBtn.removeAttribute('disabled'); translateBtn.style.opacity = ''; } } catch (_) {} } })(); }, true); } catch (_) {} }); } bindDishTranslateButtons(document); bindDishRetranslateButtons(document); try { var observer = new MutationObserver(function () { bindDishTranslateButtons(document); bindDishRetranslateButtons(document); }); observer.observe(document.body, { childList: true, subtree: true }); } catch (_) {} } catch (_) {} })(); (function () { try { var btn = document.querySelector('[data-ssr-restaurant-translate="1"][data-restaurant-id]'); if (!btn) return; var retranslateBtn = document.querySelector('[data-ssr-restaurant-retranslate="1"][data-restaurant-id]'); var rid = btn.getAttribute('data-restaurant-id') || ''; var targetLang = (btn.getAttribute('data-target-lang') || (document.documentElement.lang || 'en')).toLowerCase(); var originalLang = (btn.getAttribute('data-original-lang') || '').toLowerCase(); if (!rid || !targetLang || !originalLang || targetLang === originalLang) { btn.style.display = 'none'; return; } var TXT_TRANSLATE = "Translate"; var TXT_SHOW_ORIGINAL = "Show Original"; var TXT_TRANSLATING = "Translating..."; var TXT_UNAVAILABLE = "Translation isn't available right now. Please try again soon."; var ORIGINAL = {"description":"Fish restaurant.","ai":{"isOperational":null,"keyInformation":"Fish restaurant.","customerPerception":null,"bestTimesToVisit":null,"dietaryOptions":[],"cuisineHighlights":[],"runningChef":null,"additionalDetails":null,"awards":[],"generatedAt":"2025-08-29T13:12:57.772Z","searchProfile":{"primaryCuisines":["italian"],"priceLevel":null,"isKosher":null,"isHalal":null,"servesVegan":null,"isSeafoodFocused":true,"mealTypes":null,"styleTags":null}},"chef":null}; var CURRENT = {"description":"Fish restaurant.","ai":{"isOperational":null,"keyInformation":"Fish restaurant.","customerPerception":null,"bestTimesToVisit":null,"dietaryOptions":[],"cuisineHighlights":[],"runningChef":null,"additionalDetails":null,"awards":[],"generatedAt":"2025-08-29T13:12:57.772Z","searchProfile":{"primaryCuisines":["italian"],"priceLevel":null,"isKosher":null,"isHalal":null,"servesVegan":null,"isSeafoodFocused":true,"mealTypes":null,"styleTags":null}},"chef":null}; var cachedTranslated = null; function setBtnLabel(s) { try { var label = btn.querySelector('span.font-medium'); if (label) label.textContent = s; } catch (_) {} } function setText(sel, value) { try { var el = document.querySelector(sel); if (!el) return; el.textContent = value || ''; } catch (_) {} } function setChips(listKey, items) { try { var el = document.querySelector('[data-ssr-restaurant-ai-list="' + listKey + '"]'); if (!el) return; var arr = Array.isArray(items) ? items : []; el.innerHTML = arr.map(function (v) { var s = String(v || '').trim(); if (!s) return ''; return '' + s.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''') + ''; }).join(''); } catch (_) {} } function setAwards(items) { try { var el = document.querySelector('[data-ssr-restaurant-ai-awards="1"]'); if (!el) return; var arr = Array.isArray(items) ? items : []; var themeEl = document.querySelector('[data-ssr-theme]'); var theme = themeEl ? (themeEl.getAttribute('data-ssr-theme') || 'night') : 'night'; var borderCls = theme === 'day' ? 'border-black/10 bg-black/[0.02]' : 'border-white/10 bg-white/5'; el.innerHTML = arr.slice(0, 10).map(function (a) { var name = (a && a.name) ? String(a.name) : ''; var date = (a && a.date) ? String(a.date) : ''; var label = [name, date].filter(Boolean).join(' \u2022 '); var logo = (a && a.logoURL) ? String(a.logoURL) : ''; function esc(s) { return String(s || '').replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, '''); } return '

' + (logo ? '

' : '

') + '

' + esc(label || 'Award') + '

' + '

'; }).join(''); } catch (_) {} } function applyState(state) { try { setText('[data-ssr-restaurant-desc="1"]', state && state.description); setText('[data-ssr-restaurant-running-chef="1"]', state && state.ai && state.ai.runningChef); setText('[data-ssr-restaurant-ai-field="keyInformation"]', state && state.ai && state.ai.keyInformation); setText('[data-ssr-restaurant-ai-field="customerPerception"]', state && state.ai && state.ai.customerPerception); setText('[data-ssr-restaurant-ai-field="additionalDetails"]', state && state.ai && state.ai.additionalDetails); setText('[data-ssr-restaurant-ai-field="bestTimesToVisit"]', state && state.ai && state.ai.bestTimesToVisit); setChips('cuisineHighlights', state && state.ai && state.ai.cuisineHighlights); setChips('dietaryOptions', state && state.ai && state.ai.dietaryOptions); setAwards(state && state.ai && state.ai.awards); setText('[data-ssr-restaurant-chef-name="1"]', state && state.chef && state.chef.name); if (state && state.chef && state.chef.description) { setText('[data-ssr-restaurant-chef-desc="1"]', String(state.chef.description || '').replace(/<[^>]*>/g, '').replace(/\s+/g, ' ').trim().slice(0, 220)); } } catch (_) {} } function gql(operationName, query, variables) { return fetch("https://gql.hungru.co" + '/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(); }); } function setBusy(isBusy) { try { if (isBusy) { btn.setAttribute('disabled', 'disabled'); if (retranslateBtn) retranslateBtn.setAttribute('disabled', 'disabled'); } else { btn.removeAttribute('disabled'); if (retranslateBtn) retranslateBtn.removeAttribute('disabled'); } } catch (_) {} } function translationToState(tr) { var next = { description: (tr.description != null) ? tr.description : (CURRENT && CURRENT.description), ai: (CURRENT && CURRENT.ai) ? JSON.parse(JSON.stringify(CURRENT.ai)) : (CURRENT && CURRENT.ai), chef: (CURRENT && CURRENT.chef) ? JSON.parse(JSON.stringify(CURRENT.chef)) : (CURRENT && CURRENT.chef) }; if (tr.aiGeneratedData && next.ai) { var a = tr.aiGeneratedData; if (a.keyInformation != null) next.ai.keyInformation = a.keyInformation; if (a.customerPerception != null) next.ai.customerPerception = a.customerPerception; if (a.bestTimesToVisit != null) next.ai.bestTimesToVisit = a.bestTimesToVisit; if (a.additionalDetails != null) next.ai.additionalDetails = a.additionalDetails; if (a.cuisineHighlights != null) next.ai.cuisineHighlights = a.cuisineHighlights; if (a.dietaryOptions != null) next.ai.dietaryOptions = a.dietaryOptions; if (a.runningChef != null) next.ai.runningChef = a.runningChef; if (a.awards != null) next.ai.awards = a.awards; } if (tr.chefTranslation && next.chef) { if (tr.chefTranslation.name != null) next.chef.name = tr.chefTranslation.name; if (tr.chefTranslation.description != null) next.chef.description = tr.chefTranslation.description; } return next; } btn.addEventListener('click', function () { try { var state = btn.getAttribute('data-state') || 'original'; if (state === 'translated') { applyState(ORIGINAL); btn.setAttribute('data-state', 'original'); setBtnLabel(TXT_TRANSLATE); return; } if (cachedTranslated) { applyState(cachedTranslated); btn.setAttribute('data-state', 'translated'); setBtnLabel(TXT_SHOW_ORIGINAL); return; } setBusy(true); setBtnLabel(TXT_TRANSLATING); var q = 'mutation TranslateRestaurant($restaurantId: ID!, $targetLanguage: String!) {' + ' translateRestaurant(restaurantId: $restaurantId, targetLanguage: $targetLanguage) {' + ' description ' + ' aiGeneratedData { awards { name date logoURL } cuisineHighlights keyInformation customerPerception bestTimesToVisit dietaryOptions runningChef additionalDetails linksUsed } ' + ' chefTranslation { name description } ' + ' translatedAt translatedBy' + ' }' + '}'; gql('TranslateRestaurant', q, { restaurantId: rid, targetLanguage: targetLang }) .then(function (json) { var tr = json && json.data && json.data.translateRestaurant; if (!tr) throw new Error('no_translation'); var next = translationToState(tr); cachedTranslated = next; applyState(next); btn.setAttribute('data-state', 'translated'); setBtnLabel(TXT_SHOW_ORIGINAL); }) .catch(function () { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} }) .finally(function () { try { setBusy(false); if ((btn.getAttribute('data-state') || '') !== 'translated') setBtnLabel(TXT_TRANSLATE); } catch (_) {} }); } catch (_) {} }); if (retranslateBtn) { retranslateBtn.addEventListener('click', function (e) { try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} if (!targetLang || !rid) return; setBusy(true); setBtnLabel(TXT_TRANSLATING); var q = 'mutation ResetRestaurantTranslation($restaurantId: ID!, $targetLanguage: String!) {' + ' resetRestaurantTranslation(restaurantId: $restaurantId, targetLanguage: $targetLanguage) {' + ' description ' + ' aiGeneratedData { awards { name date logoURL } cuisineHighlights keyInformation customerPerception bestTimesToVisit dietaryOptions runningChef additionalDetails linksUsed } ' + ' chefTranslation { name description } ' + ' translatedAt translatedBy' + ' }' + '}'; gql('ResetRestaurantTranslation', q, { restaurantId: rid, targetLanguage: targetLang }) .then(function (json) { var tr = json && json.data && json.data.resetRestaurantTranslation; if (!tr) throw new Error('no_translation'); var next = translationToState(tr); cachedTranslated = next; applyState(next); btn.setAttribute('data-state', 'translated'); setBtnLabel(TXT_SHOW_ORIGINAL); }) .catch(function () { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} }) .finally(function () { try { setBusy(false); if ((btn.getAttribute('data-state') || '') !== 'translated') setBtnLabel(TXT_TRANSLATE); } catch (_) {} }); } catch (_) {} }); } } catch (_) {} })(); (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","review_translate":"Translate","review_showOriginal":"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 = "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 handleDeleteDish(dishId, dishName) { try { if (!dishId) return; if (!isLoggedIn()) return redirectToLogin(); var msg = dishName ? 'Are you sure you want to delete "' + String(dishName).replace(/"/g, '\"').substring(0, 60) + (String(dishName).length > 60 ? '...' : '') + '"? This cannot be undone.' : 'Are you sure you want to delete this dish? This cannot be undone.'; var ok = await confirmModal('Delete Dish', msg, 'Delete'); if (!ok) return; var q = 'mutation DeleteDish($id: ID!) { deleteDish(id: $id) { id name } }'; var json = await gql('DeleteDish', q, { id: String(dishId) }); 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.deleteDish; if (!deleted || !deleted.id) return; var cards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-dish-card="1"][data-dish-id="' + String(dishId) + '"]')); for (var i = 0; i < cards.length; i++) cards[i].style.display = 'none'; closeAllDishMenus(); } catch (_) {} } document.addEventListener('click', function (e) { try { var t = e && e.target; if (!t) return; var toggle = t.closest ? t.closest('[data-ssr-dish-actions-btn="1"][data-dish-id]') : null; if (toggle) { e.preventDefault(); e.stopPropagation(); var id = String(toggle.getAttribute('data-dish-id') || '').trim(); if (!id) return; var menu = document.querySelector('[data-ssr-dish-actions-menu="1"][data-dish-id="' + id + '"]'); if (!menu) return; var isHidden = menu.classList.contains('hidden'); closeAllDishMenus(); if (isHidden) { menu.classList.remove('hidden'); toggle.setAttribute('aria-expanded', 'true'); } return; } var del = t.closest ? t.closest('[data-ssr-dish-delete="1"][data-dish-id]') : null; if (del) { e.preventDefault(); e.stopPropagation(); var dishId = String(del.getAttribute('data-dish-id') || ''); var dishName = String(del.getAttribute('data-dish-name') || ''); return void handleDeleteDish(dishId, dishName); } var insideMenu = t.closest ? t.closest('[data-ssr-dish-actions-menu="1"]') : null; if (!insideMenu) closeAllDishMenus(); } catch (_) {} }, true); document.addEventListener('keydown', function (e) { try { if (e && e.key === 'Escape') closeAllDishMenus(); } 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 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 joinTwo(a, b) { return isHe() ? (a + ' ו' + b) : (a + ' and ' + b); } function joinMany(a, b) { return a + ', ' + b; } if (!likeCount || likeCount <= 0) return ''; if (likeCount === 1) { var s1 = interpolate(tr('likedThis_one', '{{name}} liked this'), { name: '' }); return '' + escapeHtml(name1) + ' ' + escapeHtml(String(s1 || '').trim()); } if (likeCount === 2) { if (name2) { var s2 = interpolate(tr('likedThis_twoNames', '{{names}} liked this'), { names: '' }); return '' + escapeHtml(joinTwo(name1, name2)) + ' ' + escapeHtml(String(s2 || '').trim()); } var s3 = interpolate(tr('likedThis_andOneOther', '{{name}} and 1 other liked this'), { name: '' }); return '' + escapeHtml(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 '' + escapeHtml(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 '' + escapeHtml(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 }); } function fetchUsers(idsList) { if (!idsList || !idsList.length) return Promise.resolve({}); 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 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 {}; }); } // 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) {} Promise.all([dishPromise, reviewPromise]).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 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]); } } 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++) { likeBtns[b].setAttribute('data-liked', '1'); likeBtns[b].style.color = 'var(--color-hungru-gold)'; } } } 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++) { likeBtns[b].setAttribute('data-liked', '1'); likeBtns[b].style.color = 'var(--color-hungru-gold)'; } } } 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 { if (String(c.getAttribute('data-viewer-liked') || '') === '1') { 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++) { btns[b].setAttribute('data-liked', '1'); btns[b].style.color = 'var(--color-hungru-gold)'; } } } catch (_) {} } }); }).catch(function () {}); } function schedule() { function defer() { if (typeof requestIdleCallback === 'function') { requestIdleCallback(run, { timeout: 500 }); } else { setTimeout(run, 100); } } if (document.readyState === 'complete') { defer(); } else { window.addEventListener('load', function () { defer(); }); } } schedule(); window.addEventListener('hungru-stats-hydrate', function () { setTimeout(run, 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 imgEl = overlay.querySelector('.hungru-lightbox-img'); var creditEl = overlay.querySelector('.hungru-lightbox-credit'); 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 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'); var credit = el.getAttribute('data-lightbox-credit') || ''; var creditLink = el.getAttribute('data-lightbox-credit-link') || ''; imgEl.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 { var el = e.target && e.target.closest ? e.target.closest('[data-ssr-lightbox-item="1"][data-lightbox-src]') : null; if (!el) 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 () { // "Show more" accordion for review cards (SSR only). try { var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-accordion-btn="1"][aria-controls]')); for (var i = 0; i < btns.length; i++) { (function (btn) { btn.addEventListener('click', function (e) { try { 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' : ''; // Match client UX: "Show less" lives at the bottom only. if (topBtn) { topBtn.textContent = nextExpanded ? 'Show less' : 'Show more'; topBtn.style.display = nextExpanded ? 'none' : ''; } // Keep the viewport anchored when collapsing from the bottom. 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 (_) {} }); })(btns[i]); } } catch (e) {} })();

The Reef

Overview

Insights

Key Information

Photos

Menu

News Feed

Reviews

Share your experience