"use strict"; const CONFIG = { REVIEW_BRANCH: null, REVIEW_PRODUCT: null, HEADLINE_TOTAL: "80,000+", EXCLUDE_BRANCHES: ["176097766846708"], SQLITE_URL: "https://reviews-data.wsh-martech.workers.dev/reviews.sqlite", SQLITE_INDEX: "https://wsh-reviews-vendor.pages.dev/index.js", SQLITE_WORKER: "https://wsh-reviews-vendor.pages.dev/sqlite.worker.js", SQLITE_WASM: "https://wsh-reviews-vendor.pages.dev/sql-wasm.wasm", SQLITE_CHUNK: 4096, FLOORING_MIN: 5, PAGE_SIZE: 6, }; const CATEGORIES = ["All", "Bathrooms", "Windows", "Doors", "Flooring"]; const CAT_FIELD = { "Bathrooms": "Bathroom", "Windows": "Windows", "Doors": "Doors", "Flooring": "Flooring" }; const FIELD_TO_LABEL = Object.keys(CAT_FIELD).reduce((m, label) => { m[CAT_FIELD[label]] = label; return m; }, {}); const REGISTERED_PRODUCTS = ["Bathroom", "Windows", "Doors", "Flooring"]; const PRODUCT_CANON = REGISTERED_PRODUCTS.reduce((m, p) => { m[p.toLowerCase()] = p; return m; }, {}); function parseReviewBranchValue(v) { if (v == null) return null; const s = String(v).trim(); if (!s || /^all$/i.test(s)) return null; const m = s.match(/$(\d{6,})$\s*$/); return m ? [m[1]] : null; } function parseReviewProductValue(v) { if (v == null) return null; const s = String(v).trim(); if (!s || /^all$/i.test(s)) return null; return PRODUCT_CANON[s.toLowerCase()] || null; } function currentPageSlug() { try { return decodeURIComponent(location.pathname).replace(/^\/+|\/+$/g, ""); } catch (e) { return location.pathname.replace(/^\/+|\/+$/g, ""); } } function readPageReviewFields() { const FIELD_A = "reviewBranch", FIELD_B = "reviewProduct"; const slug = currentPageSlug(); const has = (o, k) => Object.prototype.hasOwnProperty.call(o, k); const parse = (branchRaw, productRaw) => ({ found: true, ids: parseReviewBranchValue(branchRaw), product: parseReviewProductValue(productRaw), }); try { const app = (typeof useNuxtApp === "function") ? useNuxtApp() : null; const root = app && app.payload; if (root && typeof root === "object") { const cands = []; const seen = new Set(); (function rec(o, d) { if (o == null || d > 12 || typeof o !== "object" || seen.has(o)) return; seen.add(o); if (!Array.isArray(o) && (has(o, FIELD_A) || has(o, FIELD_B)) && typeof o.slug === "string") { cands.push(o); return; } for (const k in o) { let v; try { v = o[k]; } catch (e) { continue; } if (v && typeof v === "object") rec(v, d + 1); } })(root, 0); const hit = cands.find(o => o.slug.replace(/^\/+|\/+$/g, "") === slug) || (cands.length === 1 ? cands[0] : null); if (hit) return parse(hit[FIELD_A], hit[FIELD_B]); } } catch (e) { } try { const raw = document.getElementById("__NUXT_DATA__"); if (raw && raw.textContent) { const flat = JSON.parse(raw.textContent); if (Array.isArray(flat)) { const deref = (p) => (typeof p === "number" && p >= 0 && p < flat.length) ? flat[p] : p; const cands = []; for (let i = 0; i < flat.length; i++) { const node = flat[i]; if (node && typeof node === "object" && !Array.isArray(node) && (has(node, FIELD_A) || has(node, FIELD_B)) && has(node, "slug")) { cands.push(node); } } const hit = cands.find(n => String(deref(n.slug)).replace(/^\/+|\/+$/g, "") === slug) || (cands.length === 1 ? cands[0] : null); if (hit) return parse(deref(hit[FIELD_A]), deref(hit[FIELD_B])); } } } catch (e) { } if (CONFIG.REVIEW_BRANCH != null || CONFIG.REVIEW_PRODUCT != null) { return parse(CONFIG.REVIEW_BRANCH, CONFIG.REVIEW_PRODUCT); } return { found: false, ids: null, product: null }; } function esc(s) { if (s == null) return ""; return String(s).replace(/[&<>"']/g, c => ({ "&":"&", "<":"<", ">":">", '"':""", "'":"'" }[c])); } function isFacebook(r) { return (r.sourceAlias === "facebook") || (r.source === "Facebook"); } function abbrevName(name) { if (!name) return "WSH Customer"; const parts = String(name).trim().split(/\s+/); if (parts.length === 1) return parts[0]; return parts[0] + " " + parts[parts.length - 1][0].toUpperCase() + "."; } function badgeFor(r) { if (isFacebook(r)) return { cls: "facebook", label: "Facebook" }; if (r.sourceAlias === "home_advisor" || r.source === "Home Advisor") return { cls: "home-advisor", label: "Home Advisor" }; return { cls: "google", label: "Google" }; } function relativeDate(rdate, iso) { const ms = Number(rdate) || (iso ? Date.parse(iso) : NaN); if (!ms || isNaN(ms)) return ""; const diff = Date.now() - ms, day = 86400000; if (diff < day) return "Today"; if (diff < 2 * day) return "Yesterday"; if (diff < 7 * day) return Math.floor(diff / day) + " days ago"; if (diff < 30 * day) { const w = Math.floor(diff / (7 * day)); return w + (w === 1 ? " week ago" : " weeks ago"); } if (diff < 365 * day) { const m = Math.floor(diff / (30 * day)); return m + (m === 1 ? " month ago" : " months ago"); } const y = Math.floor(diff / (365 * day)); return y + (y === 1 ? " year ago" : " years ago"); } function dateHTML(r) { const ms = Number(r.rdate) || (r.date ? Date.parse(r.date) : NaN); const rel = relativeDate(r.rdate, r.date); const dt = (!ms || isNaN(ms)) ? "" : ' datetime="' + new Date(ms).toISOString().slice(0, 10) + '"'; return '' + rel + ""; } const STAR_PATH = "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"; function starsHTML(rating) { const full = Math.round(Number(rating) || 0); let out = '

'; for (let i = 0; i < full; i++) { out += ''; } return out + "

"; } function recommendedHTML() { return '' + '' + 'Recommended'; } function serviceLine(r) { const branch = esc(r.businessName || ""); if (r.serviceCategory && r.serviceConfidence === "high") { return esc(r.serviceCategory) + " · " + branch; } return branch; } class SqliteDataSource { constructor() { this.worker = null; this.meta = null; this.branchNames = null; } async init() { if (!(window.__sqljsModule && window.__sqljsModule.exports && typeof window.__sqljsModule.exports.createDbWorker === "function")) { window.__sqljsModule = window.__sqljsModule || { exports: {} }; const code = await fetch(CONFIG.SQLITE_INDEX).then(r => { if (!r.ok) throw new Error("sql.js-httpvfs index.js fetch failed: HTTP " + r.status); return r.text(); }); new Function("module", "exports", code)(window.__sqljsModule, window.__sqljsModule.exports); } const createDbWorker = window.__sqljsModule && window.__sqljsModule.exports && window.__sqljsModule.exports.createDbWorker; if (typeof createDbWorker !== "function") { throw new Error("sql.js-httpvfs not loaded (createDbWorker missing after fetch+eval) — check CONFIG.SQLITE_INDEX."); } const absWorkerUrl = new URL(CONFIG.SQLITE_WORKER, document.baseURI).href; const bootstrap = "importScripts(" + JSON.stringify(absWorkerUrl) + ");"; const blobWorkerUrl = URL.createObjectURL( new Blob([bootstrap], { type: "text/javascript" }) ); this.worker = await createDbWorker( [{ from: "inline", config: { serverMode: "full", url: new URL(CONFIG.SQLITE_URL, document.baseURI).href, requestChunkSize: CONFIG.SQLITE_CHUNK, }}], blobWorkerUrl, CONFIG.SQLITE_WASM ); const metaRows = await this.worker.db.query("SELECT key, value FROM meta"); this.meta = {}; for (const m of metaRows) this.meta[m.key] = m.value; const total = Number(this.meta.total) || 0; const nameRows = await this.worker.db.query( "SELECT businessId, businessName FROM reviews GROUP BY businessId"); this.branchNames = {}; const branches = []; for (const b of nameRows) { this.branchNames[String(b.businessId)] = b.businessName; if (CONFIG.EXCLUDE_BRANCHES.includes(String(b.businessId))) continue; branches.push({ id: String(b.businessId), name: b.businessName }); } return { branches, total }; } _mapRow(r) { return { reviewId: r.reviewId, businessId: String(r.businessId), businessName: r.businessName, rating: r.rating, badge: r.badge, sourceAlias: r.sourceAlias, comments: r.comments, author: r.author, date: r.date, rdate: r.rdate, serviceCategory: r.serviceCategory || null, serviceConfidence: r.serviceCategory ? "high" : null, isRecommended: r.isRecommended, featured: r.featured ? 1 : 0, }; } async getPage({ branch, category, sort, offset, limit }) { const where = ["displayed = 1"]; const params = {}; const branchIds = (Array.isArray(branch) ? branch : (branch && branch !== "ALL" ? [branch] : [])) .map(String); if (branchIds.length) { const ph = branchIds.map((id, k) => { params[":b" + k] = id; return ":b" + k; }); where.push("businessId IN (" + ph.join(",") + ")"); } if (category) { where.push("serviceCategory = :cat"); params[":cat"] = category; } const onlyDisplayedFilter = where.length === 1; if (CONFIG.EXCLUDE_BRANCHES.length) { const ph = CONFIG.EXCLUDE_BRANCHES.map((id, k) => { params[":x" + k] = id; return ":x" + k; }); where.push("businessId NOT IN (" + ph.join(",") + ")"); } const whereSQL = " WHERE " + where.join(" AND "); const orderSQL = sort === "featured" ? " ORDER BY featured DESC, rdate DESC" : " ORDER BY rdate DESC"; let total; if (onlyDisplayedFilter) { total = Number(this.meta.total) || 0; } else { const c = await this.worker.db.query( "SELECT COUNT(*) n FROM reviews" + whereSQL, params); total = (c && c[0] && Number(c[0].n)) || 0; } const rows = await this.worker.db.query( "SELECT reviewId,businessId,businessName,rating,badge,sourceAlias,comments,author,date,rdate,serviceCategory,isRecommended,featured" + " FROM reviews" + whereSQL + orderSQL + " LIMIT :limit OFFSET :offset", Object.assign({}, params, { ":limit": limit, ":offset": offset })); return { rows: rows.map(r => this._mapRow(r)), total }; } getFlooringCount() { try { const perCat = JSON.parse(this.meta.perCategory || "{}"); return Number(perCat.Flooring) || 0; } catch { return 0; } } } let dataSource = null; function makeDataSource() { return new SqliteDataSource(); } const state = { branch: "ALL", category: "All", sort: "featured", shown: 0, total: 0, loading: false, }; const grid = document.getElementById("wsh-review-grid"); const countEl = document.getElementById("wsh-feed-count"); const loadMoreBtn = document.getElementById("wsh-load-more"); const loadMoreCount = document.getElementById("wsh-load-more-count"); function cardHTML(r) { const badge = badgeFor(r); const header = isFacebook(r) ? recommendedHTML() : starsHTML(r.rating); const dataRating = isFacebook(r) ? 0 : (Number(r.rating) || 0); const body = (r.comments == null ? "" : String(r.comments)).trim(); const textHTML = body === "" ? '

No comments in review

' : ''; return '' + '

' + '' + '

' + '' + header + (r.featured ? 'Featured' : "") + "" + '' + '' + esc(badge.label) + "" + "" + "

" + textHTML + '" + "

"; } function updateCounts() { const total = state.total; countEl.textContent = total === 0 ? "No matching reviews" : "Showing " + total.toLocaleString() + " of " + CONFIG.HEADLINE_TOTAL + (total === 1 ? " review" : " reviews"); if (state.shown < total) { loadMoreBtn.hidden = false; const shownNow = Math.min(state.shown, total); loadMoreCount.textContent = "Showing " + shownNow.toLocaleString() + " of " + total.toLocaleString(); } else { loadMoreBtn.hidden = true; loadMoreCount.textContent = ""; } } function appendRows(rows) { grid.insertAdjacentHTML("beforeend", rows.map(cardHTML).join("")); state.shown += rows.length; wireReadMore(); } async function applyFilters() { if (!dataSource) return; state.shown = 0; grid.setAttribute("aria-busy", "true"); try { const { rows, total } = await dataSource.getPage({ branch: state.branch, category: CAT_FIELD[state.category] || null, sort: state.sort, offset: 0, limit: CONFIG.PAGE_SIZE, }); state.total = total; grid.setAttribute("aria-busy", "false"); if (total === 0) { grid.innerHTML = '

' + '

No reviews match these filters

' + "

Try a different branch or category.

"; loadMoreBtn.hidden = true; loadMoreCount.textContent = ""; countEl.textContent = "No matching reviews"; return; } grid.innerHTML = ""; state.shown = 0; appendRows(rows); updateCounts(); } catch (err) { console.error("Filter/page load failed:", err); showError(); } } async function appendPage() { if (state.loading || state.shown >= state.total) return; state.loading = true; loadMoreBtn.disabled = true; try { const { rows, total } = await dataSource.getPage({ branch: state.branch, category: CAT_FIELD[state.category] || null, sort: state.sort, offset: state.shown, limit: CONFIG.PAGE_SIZE, }); state.total = total; appendRows(rows); updateCounts(); } catch (err) { console.error("Load-more failed:", err); } finally { state.loading = false; loadMoreBtn.disabled = false; } } function wireReadMore() { grid.querySelectorAll(".review-expand:not([data-wired])").forEach(btn => { btn.setAttribute("data-wired", "1"); const text = btn.querySelector(".review-text"); if (!text) { btn.hidden = true; return; } if (text.scrollHeight <= text.clientHeight + 1) { btn.setAttribute("aria-expanded", "true"); btn.setAttribute("data-static", "1"); btn.removeAttribute("aria-label"); btn.setAttribute("tabindex", "-1"); return; } btn.addEventListener("click", () => { const expanded = btn.getAttribute("aria-expanded") === "true"; btn.setAttribute("aria-expanded", String(!expanded)); btn.setAttribute("aria-label", expanded ? "Expand full review" : "Collapse review"); }); }); } function wshLoadMore() { appendPage(); } window.wshLoadMore = wshLoadMore; const filterStrip = document.getElementById("wsh-filter-strip"); const branchEl = document.getElementById("wsh-branch"); const sortEl = document.getElementById("wsh-sort"); function buildPills() { const flooringCount = dataSource.getFlooringCount(); filterStrip.innerHTML = CATEGORIES.map((label, i) => { const sparse = label === "Flooring" && flooringCount < CONFIG.FLOORING_MIN; const cat = label; return '"; }).join(""); filterStrip.querySelectorAll(".filter-pill").forEach(pill => { pill.addEventListener("click", () => { filterStrip.querySelectorAll(".filter-pill").forEach(p => { p.classList.remove("active"); p.setAttribute("aria-pressed", "false"); }); pill.classList.add("active"); pill.setAttribute("aria-pressed", "true"); state.category = pill.dataset.cat; applyFilters(); }); }); } function buildBranchOptions(branches) { branchEl.innerHTML = ''; branches.slice().sort((a, b) => a.name.localeCompare(b.name)).forEach(b => { const opt = document.createElement("option"); opt.value = b.id; opt.textContent = b.name; branchEl.appendChild(opt); }); } branchEl.addEventListener("change", () => { state.branch = branchEl.value; applyFilters(); }); sortEl.addEventListener("change", () => { state.sort = sortEl.value; applyFilters(); }); let singleBranch = null; let singleBranchResolved = false; let singleProduct = null; function hideBranchControl() { if (!branchEl) return; const wrap = branchEl.closest(".control-wrap"); if (wrap) wrap.hidden = true; else branchEl.hidden = true; } function hideCategoryControl() { if (filterStrip) filterStrip.hidden = true; } function resolvePageFiltersWithRetry() { const SCHEDULE = [0, 50, 150, 300, 600, 1000, 1500]; let attempt = 0; function tryOnce() { if (singleBranchResolved) return; const r = readPageReviewFields(); if (r.found) { singleBranch = r.ids; singleProduct = r.product; singleBranchResolved = true; if (r.ids || r.product) applyPageFilterMode(); return; } attempt++; if (attempt < SCHEDULE.length) { setTimeout(tryOnce, SCHEDULE[attempt] - SCHEDULE[attempt - 1]); } } tryOnce(); } function applyPageFilterMode() { if (!singleBranch && !singleProduct) return; if (singleBranch) { state.branch = singleBranch.slice(); hideBranchControl(); } if (singleProduct) { state.category = FIELD_TO_LABEL[singleProduct] || "All"; hideCategoryControl(); } if (typeof applyFilters === "function") applyFilters(); } function showSkeleton() { grid.setAttribute("aria-busy", "true"); loadMoreBtn.hidden = true; loadMoreCount.textContent = ""; let s = ""; for (let i = 0; i < CONFIG.PAGE_SIZE; i++) { s += ''; } grid.innerHTML = s; } function showError() { grid.setAttribute("aria-busy", "false"); loadMoreBtn.hidden = true; loadMoreCount.textContent = ""; countEl.textContent = ""; grid.innerHTML = '

' + '

Could not load reviews

' + "

There was a problem fetching the review data.

" + '

'; document.getElementById("wsh-retry").addEventListener("click", init); } async function init() { showSkeleton(); if (!singleBranchResolved) { const r = readPageReviewFields(); if (r.found) { singleBranch = r.ids; singleProduct = r.product; singleBranchResolved = true; } } state.branch = singleBranch ? singleBranch.slice() : "ALL"; state.category = singleProduct ? (FIELD_TO_LABEL[singleProduct] || "All") : "All"; state.sort = "featured"; if (branchEl) branchEl.value = "ALL"; if (sortEl) sortEl.value = "featured"; try { dataSource = makeDataSource(); const { branches } = await dataSource.init(); if (singleBranch) { hideBranchControl(); } else { buildBranchOptions(branches); } buildPills(); if (singleProduct) hideCategoryControl(); await applyFilters(); } catch (err) { console.error("Review load failed:", err); showError(); } } init(); resolvePageFiltersWithRetry();

Leave a Review

We'd like to hear from you

Real reviews from West Shore Home customers.

Products

Company

Popular Links

Products

Company

Popular Links