Import source: app/scripts/generate-comparison-pages.mjs
Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
This commit is contained in:
arsam
@@ -0,0 +1,154 @@
|
||||
#!/usr/bin/env node
|
||||
// Generates static comparison pages at dist/compare/{slug}/index.html.
|
||||
// Each page is pre-rendered for instant load and full SEO indexability.
|
||||
import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
|
||||
import { resolve } from 'node:path';
|
||||
import { TeknavData } from '../teknav-data.js';
|
||||
import { cleanText, renderStaticFallback, replaceStaticFallback } from './static-fallback.mjs';
|
||||
|
||||
const SITE_URL = (process.env.TEKNAV_SITE_URL || process.env.VITE_SITE_URL || 'https://www.teknav.ir').replace(/\/$/, '');
|
||||
|
||||
const comparisons = TeknavData.comparisons ?? [];
|
||||
if (!comparisons.length) {
|
||||
console.log('[comparison-pages] no comparisons defined — skipping');
|
||||
process.exit(0);
|
||||
}
|
||||
|
||||
const template = readFileSync(resolve('dist/index.html'), 'utf8');
|
||||
|
||||
function esc(value) {
|
||||
return String(value ?? '')
|
||||
.replace(/&/g, '&')
|
||||
.replace(/"/g, '"')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>');
|
||||
}
|
||||
|
||||
function clean(value) {
|
||||
return String(value ?? '').replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim();
|
||||
}
|
||||
|
||||
function truncate(value, max = 155) {
|
||||
const text = clean(value);
|
||||
return text.length > max ? `${text.slice(0, max - 1).trim()}…` : text;
|
||||
}
|
||||
|
||||
function buildPage(comparison) {
|
||||
const canonical = `${SITE_URL}/compare/${comparison.slug}`;
|
||||
const title = esc(`${comparison.title} | تکناو`);
|
||||
const description = esc(truncate(comparison.metaDescription || comparison.title, 160));
|
||||
const keywords = esc([comparison.item1.name, comparison.item2.name, 'مقایسه', ...(comparison.tags || [])].join(', '));
|
||||
const image = `${SITE_URL}/images/og/default.jpg`;
|
||||
const datePublished = comparison.dateEn || new Date().toISOString().slice(0, 10);
|
||||
|
||||
// FAQ pairs from useCases + verdict
|
||||
const faqs = [
|
||||
...(comparison.useCases || []).map(([q, a]) => ({ q: `چه زمانی از ${comparison.item1.name} استفاده کنیم؟`, a: q })).slice(0, 1),
|
||||
...(comparison.useCases || []).map(([q, a]) => ({ q: `چه زمانی از ${comparison.item2.name} استفاده کنیم؟`, a })).slice(0, 1),
|
||||
{ q: `${comparison.item1.name} بهتر است یا ${comparison.item2.name}؟`, a: comparison.verdict || '' },
|
||||
].filter((f) => f.a);
|
||||
|
||||
const jsonLd = JSON.stringify({
|
||||
'@context': 'https://schema.org',
|
||||
'@graph': [
|
||||
{
|
||||
'@type': ['Organization', 'NewsMediaOrganization'],
|
||||
'@id': `${SITE_URL}/#organization`,
|
||||
name: 'تکناو',
|
||||
url: SITE_URL,
|
||||
logo: { '@type': 'ImageObject', url: `${SITE_URL}/favicon.png` },
|
||||
},
|
||||
{
|
||||
'@type': 'WebPage',
|
||||
'@id': canonical,
|
||||
url: canonical,
|
||||
name: clean(comparison.title),
|
||||
description: clean(comparison.metaDescription || comparison.title),
|
||||
datePublished,
|
||||
inLanguage: 'fa-IR',
|
||||
publisher: { '@id': `${SITE_URL}/#organization` },
|
||||
isPartOf: { '@id': `${SITE_URL}/#website` },
|
||||
},
|
||||
{
|
||||
'@type': 'ItemList',
|
||||
name: clean(comparison.title),
|
||||
description: clean(comparison.metaDescription || comparison.title),
|
||||
numberOfItems: 2,
|
||||
itemListElement: [
|
||||
{ '@type': 'ListItem', position: 1, name: comparison.item1.name, description: comparison.item1.summary, url: `${SITE_URL}/glossary/${comparison.item1.slug}` },
|
||||
{ '@type': 'ListItem', position: 2, name: comparison.item2.name, description: comparison.item2.summary, url: `${SITE_URL}/glossary/${comparison.item2.slug}` },
|
||||
],
|
||||
},
|
||||
faqs.length > 0 ? {
|
||||
'@type': 'FAQPage',
|
||||
mainEntity: faqs.map((f) => ({
|
||||
'@type': 'Question',
|
||||
name: f.q,
|
||||
acceptedAnswer: { '@type': 'Answer', text: f.a },
|
||||
})),
|
||||
} : null,
|
||||
{
|
||||
'@type': 'BreadcrumbList',
|
||||
itemListElement: [
|
||||
{ '@type': 'ListItem', position: 1, name: 'تکناو', item: SITE_URL },
|
||||
{ '@type': 'ListItem', position: 2, name: 'مقایسهها', item: `${SITE_URL}/compare` },
|
||||
{ '@type': 'ListItem', position: 3, name: clean(comparison.title) },
|
||||
],
|
||||
},
|
||||
].filter(Boolean),
|
||||
});
|
||||
|
||||
let html = template;
|
||||
html = html.replace(/<html lang="[^"]*" dir="[^"]*">/, '<html lang="fa" dir="rtl">');
|
||||
html = html.replace(/<title>[^<]*<\/title>/, `<title>${title}</title>`);
|
||||
html = html.replace(/(<meta name="description" content=")[^"]*(")/, `$1${description}$2`);
|
||||
html = html.replace(/(<meta name="keywords" content=")[^"]*(")/, `$1${keywords}$2`);
|
||||
html = html.replace(/(<meta property="og:locale" content=")[^"]*(")/, '$1fa_IR$2');
|
||||
html = html.replace(/(<meta property="og:title" content=")[^"]*(")/, `$1${title}$2`);
|
||||
html = html.replace(/(<meta property="og:description" content=")[^"]*(")/,`$1${description}$2`);
|
||||
html = html.replace(/(<meta property="og:url" content=")[^"]*(")/, `$1${esc(canonical)}$2`);
|
||||
html = html.replace(/(<meta property="og:image" content=")[^"]*(")/, `$1${esc(image)}$2`);
|
||||
html = html.replace(/(<meta name="twitter:title" content=")[^"]*(")/, `$1${title}$2`);
|
||||
html = html.replace(/(<meta name="twitter:description" content=")[^"]*(")/,`$1${description}$2`);
|
||||
html = html.replace(/(<meta name="twitter:image" content=")[^"]*(")/, `$1${esc(image)}$2`);
|
||||
html = html.replace(/(<link rel="canonical" href=")[^"]*(")/, `$1${esc(canonical)}$2`);
|
||||
html = html.replace(/<link rel="alternate" hreflang="[^"]+" href="[^"]+" \/>/, `<link rel="alternate" hreflang="fa" href="${esc(canonical)}" />`);
|
||||
html = html.replace(/<script type="application\/ld\+json">[\s\S]*?<\/script>/,
|
||||
`<script type="application/ld+json">${jsonLd}</script>`);
|
||||
html = replaceStaticFallback(html, renderStaticFallback({
|
||||
eyebrow: 'مقایسه فناوری',
|
||||
title: clean(comparison.title),
|
||||
description: clean(comparison.metaDescription || comparison.verdict || comparison.title),
|
||||
facts: [
|
||||
{ label: comparison.item1.name, value: cleanText(comparison.item1.summary) },
|
||||
{ label: comparison.item2.name, value: cleanText(comparison.item2.summary) },
|
||||
comparison.verdict ? { label: 'جمعبندی', value: cleanText(comparison.verdict) } : null,
|
||||
].filter(Boolean),
|
||||
sections: [
|
||||
{
|
||||
title: 'مزایا و محدودیتها',
|
||||
text: [
|
||||
`${comparison.item1.name}: ${(comparison.item1.pros || []).join('، ')}`,
|
||||
`${comparison.item2.name}: ${(comparison.item2.pros || []).join('، ')}`,
|
||||
].join(' / '),
|
||||
},
|
||||
...faqs.map(faq => ({ title: faq.q, text: cleanText(faq.a) })),
|
||||
],
|
||||
links: [
|
||||
{ href: '/compare', label: 'مقایسهها', text: 'همه مقایسههای تکناو' },
|
||||
{ href: '/articles', label: 'مقالههای فناوری', text: 'تحلیلهای بیشتر' },
|
||||
],
|
||||
}));
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
let count = 0;
|
||||
for (const comparison of comparisons) {
|
||||
const dir = resolve(`dist/compare/${comparison.slug}`);
|
||||
mkdirSync(dir, { recursive: true });
|
||||
writeFileSync(`${dir}/index.html`, buildPage(comparison), 'utf8');
|
||||
count++;
|
||||
}
|
||||
|
||||
console.log(`[comparison-pages] generated ${count} comparison pages in dist/compare/`);
|
||||
Reference in New Issue
Block a user