/* pages.jsx — production routes for the static site. Page copy, SEO titles and descriptions all come from window.CONTENT. */ function normalizePathname(pathname) { const clean = (pathname || "/").replace(/\/+$/, ""); return clean || "/"; } /* the /admin-editable SEO row for a path, if there is one */ function seoEntry(path) { return (CONTENT.seo || []).find((e) => normalizePathname(e.path) === path); } function getPageTitle(pathname) { const path = normalizePathname(pathname); if (path.startsWith("/products/")) { const product = PRODUCTS.find((p) => p.slug === path.split("/").pop()); return product ? `${product.title} — ${SITE.name}` : `מוצר — ${SITE.name}`; } const entry = seoEntry(path); return (entry && entry.title) || SITE.seoTitle || SITE.name; } function getPageMeta(pathname) { const path = normalizePathname(pathname); const fallbackImage = SITE.ogImage || "/assets/book-cover.jpg"; if (path.startsWith("/products/")) { const product = PRODUCTS.find((p) => p.slug === path.split("/").pop()); if (product) { return { title: `${product.title} | ${SITE.name}`, description: product.summary, path, image: productImageSrc(product.img) || fallbackImage, type: "product", product, }; } } const entry = seoEntry(path); return { title: getPageTitle(path), description: (entry && entry.description) || SITE.seoDescription || "", path, image: fallbackImage, type: "website", }; } function upsertMeta(selector, attrs) { let node = document.head.querySelector(selector); if (!node) { node = document.createElement("meta"); document.head.appendChild(node); } Object.entries(attrs).forEach(([key, value]) => node.setAttribute(key, value)); } function routeLabel(path) { const entry = seoEntry(path); if (entry && entry.label) return entry.label; return getPageTitle(path).split("—")[0].trim(); } function getBreadcrumbItems(meta) { const home = C("pages.productDetail.breadcrumbHome", "ראשי"); const shop = C("pages.productDetail.breadcrumbShop", "מוצרים"); if (meta.product) { return [ { name: home, path:"/" }, { name: shop, path:"/products" }, { name: meta.product.title, path: meta.path }, ]; } if (meta.path === "/") return [{ name: home, path:"/" }]; return [ { name: home, path:"/" }, { name: routeLabel(meta.path), path: meta.path }, ]; } function breadcrumbSchema(meta, origin) { return { "@type":"BreadcrumbList", "@id": new URL(`${meta.path}#breadcrumb`, origin).href, itemListElement: getBreadcrumbItems(meta).map((item, index) => ({ "@type":"ListItem", position: index + 1, name: item.name, item: new URL(item.path, origin).href, })), }; } function faqSchema(url) { if (typeof FAQS === "undefined" || !FAQS.length) return null; return { "@type":"FAQPage", "@id": `${url}#faq`, mainEntity: FAQS.map((item) => ({ "@type":"Question", name: item.q, acceptedAnswer: { "@type":"Answer", text: item.a, }, })), }; } function updateSeoMeta(pathname) { const meta = getPageMeta(pathname); const origin = window.location.origin; const url = new URL(meta.path, window.location.origin).href; const image = new URL(meta.image, window.location.origin).href; document.title = meta.title; upsertMeta('meta[name="description"]', { name:"description", content: meta.description }); upsertMeta('meta[property="og:title"]', { property:"og:title", content: meta.title }); upsertMeta('meta[property="og:description"]', { property:"og:description", content: meta.description }); upsertMeta('meta[property="og:type"]', { property:"og:type", content: meta.type === "product" ? "product" : "website" }); upsertMeta('meta[property="og:url"]', { property:"og:url", content: url }); upsertMeta('meta[property="og:image"]', { property:"og:image", content: image }); upsertMeta('meta[property="og:locale"]', { property:"og:locale", content:"he_IL" }); upsertMeta('meta[property="og:site_name"]', { property:"og:site_name", content: SITE.name }); upsertMeta('meta[name="twitter:card"]', { name:"twitter:card", content:"summary_large_image" }); upsertMeta('meta[name="twitter:title"]', { name:"twitter:title", content: meta.title }); upsertMeta('meta[name="twitter:description"]', { name:"twitter:description", content: meta.description }); upsertMeta('meta[name="twitter:image"]', { name:"twitter:image", content: image }); let canonical = document.head.querySelector('link[rel="canonical"]'); if (!canonical) { canonical = document.createElement("link"); canonical.setAttribute("rel", "canonical"); document.head.appendChild(canonical); } canonical.setAttribute("href", url); const graph = [ { "@type":"WebSite", "@id": `${origin}/#website`, name: SITE.name, url: origin, inLanguage:"he-IL", }, { "@type":"Person", "@id": `${origin}/#author`, name: C("home.author.card.name", SITE.name), url: new URL("/about", window.location.origin).href, }, { "@type":"WebPage", "@id": `${url}#webpage`, url, name: meta.title, description: meta.description, inLanguage:"he-IL", isPartOf: { "@id": `${origin}/#website` }, breadcrumb: { "@id": new URL(`${meta.path}#breadcrumb`, origin).href }, primaryImageOfPage: { "@type":"ImageObject", url: image }, }, breadcrumbSchema(meta, origin), ]; if (meta.product) { const hasProductImage = Boolean(meta.product.img); graph.push({ "@type": meta.product.slug === "manhigot-book" ? "Book" : "Product", "@id": `${url}#product`, name: meta.product.title, description: meta.product.summary, image: hasProductImage ? image : undefined, url, inLanguage:"he-IL", category: productCategoryLabels(meta.product).join(", "), brand: { "@type":"Brand", name: SITE.name }, mainEntityOfPage: { "@id": `${url}#webpage` }, author: meta.product.slug === "manhigot-book" ? { "@id": `${origin}/#author` } : undefined, offers: { "@type":"Offer", priceCurrency:"ILS", price: String(meta.product.price), url, }, }); } if (meta.path === "/faq") { const faq = faqSchema(url); if (faq) graph.push(faq); } if (meta.path === "/contact") { graph.push({ "@type":"ContactPage", "@id": `${url}#contact`, url, name: meta.title, description: meta.description, mainEntity: { "@id": `${origin}/#website` }, }); } let schema = document.getElementById("sd-schema"); if (!schema) { schema = document.createElement("script"); schema.type = "application/ld+json"; schema.id = "sd-schema"; document.head.appendChild(schema); } schema.textContent = JSON.stringify({ "@context":"https://schema.org", "@graph": graph }, null, 2); } function PageShell({ palette, children }) { return ( <>