@webnumseoagent/next 0.7.3 → 0.7.5

package/README.md

@@ -105,6 +105,12 @@ Vercel и `git push`. **Проверь `git diff`** перед коммитом
   контент = git-коммит → редеплой пересобирает страницы.
 - Тема оформления (фирменный цвет) и канонический URL-префикс берутся из `content/blog/.blogfs.json`.
 - Sitemap блога добавляется автоматически (раздел `sitemap/blog.xml`).
+- Роуты карты сайта/`robots`/merchant — `force-dynamic` (не `revalidate`): статический путь Vercel
+  пре-рендерит на сборке и раздаёт из edge-кэша, из-за чего при смене данных на платформе (напр. появился
+  блог) индекс `/sitemap.xml` «застревает» и не обновляется, а `revalidateTag` пре-рендер не сбрасывает.
+  `force-dynamic` убирает пре-рендер; внутренний fetch к платформе остаётся кэшированным (300с + тег
+  `seo-<SITE>`), поэтому нагрузка почти не растёт. `init`/`blog` проставляют это идемпотентно (и на
+  авто-обновлении), так что старые сайты чинятся сами.
 - `init`/`blog` **сами** прописывают в `next.config` `outputFileTracingIncludes` для `content/blog` —
   без этого на Vercel файлы блога не попадают в serverless-бандл, и рантайм-чтение (ISR-ревалидация
   страниц + route-handler карты сайта) находит пусто → блог исчезает с сайта и из sitemap. Идемпотентно;

package/bin/cli.mjs

@@ -143,6 +143,35 @@ async function ensureContentTracing(contentDir = "content/blog") {
   ok(`${rel} (outputFileTracingIncludes → content/blog в бандле)`);
 }
 
+// Делает наши платформенные роуты ДИНАМИЧЕСКИМИ (force-dynamic) вместо ISR (revalidate 300).
+// ЗАЧЕМ: /sitemap.xml (и robots/merchant) — статический путь, Vercel пре-рендерит его на сборке и
+// раздаёт из edge-кэша. При смене данных на платформе (напр. появился блог) такой роут «застревает»:
+// фоновая ре-валидация ненадёжна, а revalidateTag пре-рендер не сбрасывает — и карта отдаёт старое,
+// пока сайт не пересоберут. force-dynamic убирает пре-рендер: роут исполняется на каждый запрос и всегда
+// отражает платформу (внутренний fetch остаётся кэшированным на 300с + тег seo-<SITE>, так что нагрузка
+// почти не растёт, а сброс по revalidateTag работает мгновенно). Идемпотентно; правит ТОЛЬКО наши роуты.
+// Запускается и на self-update (`npx … blog --force`) — поэтому чинит все сайты сам, без разработчика.
+async function ensureDynamicRoutes(appDir) {
+  const ext = (await exists(path.join(root, "tsconfig.json"))) ? "ts" : "js";
+  const targets = [
+    `sitemap.xml/route.${ext}`,
+    `sitemap/[name]/route.${ext}`,
+    `robots.txt/route.${ext}`,
+    `seoagent-merchant-feed.xml/route.${ext}`,
+  ];
+  for (const rel of targets) {
+    const p = path.join(root, appDir, rel);
+    const src = await fs.readFile(p, "utf8").catch(() => null);
+    if (src == null) continue;
+    if (!/seoSitemapXml|seoWrapSitemap|seoRobotsTxt|seoMerchantFeedXml/.test(src)) continue; // не наш роут
+    if (/dynamic\s*=\s*["']force-dynamic["']/.test(src)) { skip(`${appDir}/${rel} — уже force-dynamic`); continue; }
+    const patched = src.replace(/export const revalidate\s*=\s*300\s*;?/, 'export const dynamic = "force-dynamic";');
+    if (patched === src) continue; // нет revalidate=300 — незнакомая форма, не трогаем
+    await fs.writeFile(p, patched);
+    ok(`${appDir}/${rel} → force-dynamic (не застревает в edge-кэше Vercel)`);
+  }
+}
+
 async function init() {
   log("\n\x1b[1m@webnumseoagent/next — установка\x1b[0m\n");
   // Проверяем чистоту git ДО создания файлов (чтобы весь дифф установки был обозрим).
@@ -486,6 +515,9 @@ async function init() {
     await ensureContentTracing();
   }
 
+  // Наши sitemap/robots/merchant-роуты → force-dynamic (не застревают в edge-кэше Vercel).
+  await ensureDynamicRoutes(appDir);
+
   log("\n\x1b[1mЗатем:\x1b[0m задай эти же env-переменные в Vercel (Settings → Environment Variables) и сделай git push.\n");
 }
 
@@ -779,6 +811,9 @@ async function blogPage() {
   // Файлы блога должны попасть в serverless-бандл Vercel (ISR-ревалидация + карта сайта читают их в
   // рантайме). Идемпотентно — запускается и на self-update (`npx … blog --force`), авто-чиня сайт.
   await ensureContentTracing();
+  // Наши sitemap/robots/merchant-роуты → force-dynamic (иначе индекс карты застревает в кэше Vercel).
+  // Тоже гоняется на self-update — фикс сам доезжает до всех сайтов без правок разработчика.
+  await ensureDynamicRoutes(appDir);
 
   log(`\n  \x1b[32m✓\x1b[0m Готово. Проверь \x1b[36mgit diff\x1b[0m, затем commit + push. Блог: \x1b[1m${localeDir ? `/${param}/blog` : "/blog"}\x1b[0m — дизайн/шапка с сайта, список 4-в-ряд, статический рендер из файлов.\n`);
 }

package/blog.tsx

@@ -13,6 +13,7 @@
 //   app/[locale]/blog/[slug]/page.tsx: const post = await seoBlogPost(params.slug); if(!post) notFound(); <SeoBlogArticle post={post} />
 
 import type { CSSProperties } from "react";
+import { SeoBlogGrid } from "./blog-grid";
 
 // Файловый ридер (node:fs) грузим лениво — только когда блог реально рендерится (на сборке).
 const blogfs = () => import("./blog-fs");
@@ -95,8 +96,8 @@ const GRID_CSS = `.sa-blog-wrap{max-width:1120px;margin:0 auto;padding:var(--sa-
 .sa-blog-card h2{font-size:1.1rem;line-height:1.35;margin:0}
 .sa-blog-card p{margin:0;color:var(--sa-muted,#64748b);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .sa-blog-more{display:flex;justify-content:center;margin-top:2rem}
-.sa-blog-more a{display:inline-block;padding:.7rem 1.6rem;border:1px solid var(--sa-border,#e5e7eb);border-radius:var(--sa-radius,10px);text-decoration:none;color:inherit;font-weight:500}
-.sa-blog-more a:hover{background:var(--sa-th-bg,#f8fafc)}
+.sa-blog-more a,.sa-blog-more button{display:inline-block;padding:.7rem 1.6rem;border:1px solid var(--sa-border,#e5e7eb);border-radius:var(--sa-radius,10px);text-decoration:none;color:inherit;font:inherit;font-weight:500;background:transparent;cursor:pointer;transition:background .15s ease}
+.sa-blog-more a:hover,.sa-blog-more button:hover{background:var(--sa-th-bg,#f8fafc)}
 .sa-blog-empty{color:var(--sa-muted,#64748b)}`;
 
 const BLOG_TITLE: Record<string, string> = { ru: "Блог", uz: "Blog", en: "Blog", ar: "المدونة", tr: "Blog" };
@@ -121,17 +122,11 @@ export async function SeoBlogIndex(props: { locale?: string; basePath?: string;
       <style dangerouslySetInnerHTML={{ __html: GRID_CSS }} />
       <h1 className="sa-blog-h1">{title}</h1>
       {posts.length ? (
-        <div className="sa-blog-grid">
-          {posts.map((p) => (
-            <a key={p.slug} className="sa-blog-card" href={`${basePath}/${p.slug}`}>
-              {p.cover ? <img src={p.cover} alt={p.title} loading="lazy" /> : null}
-              <div className="sa-cb">
-                <h2>{p.title}</h2>
-                {p.excerpt ? <p>{p.excerpt}</p> : null}
-              </div>
-            </a>
-          ))}
-        </div>
+        <SeoBlogGrid
+          posts={posts.map((p) => ({ slug: p.slug, title: p.title, cover: p.cover, excerpt: p.excerpt }))}
+          basePath={basePath}
+          locale={locale}
+        />
       ) : (
         <p className="sa-blog-empty">{L(EMPTY_LABEL, locale, "No posts yet.")}</p>
       )}

package/dist/blog-grid.d.ts

@@ -0,0 +1,11 @@
+export interface SeoBlogCard {
+    slug: string;
+    title: string;
+    cover?: string | null;
+    excerpt?: string | null;
+}
+export declare function SeoBlogGrid({ posts, basePath, locale }: {
+    posts: SeoBlogCard[];
+    basePath: string;
+    locale: string;
+}): import("react").JSX.Element;

package/dist/blog-grid.js

@@ -0,0 +1,18 @@
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeoBlogGrid = SeoBlogGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Клиентская сетка блога с «Показать больше» интервалами по 16 карточек (4 ряда × 4 колонки).
+// ≤16 статей → кнопки нет; >16 → кнопка добавляет ещё до 16 карточек, и так далее.
+// Карточки/сетка/кнопка стилизуются классами .sa-blog-* (CSS инжектит серверный SeoBlogIndex).
+const react_1 = require("react");
+const BATCH = 16; // 4 ряда по 4
+const MORE_LABEL = {
+    ru: "Показать больше", uz: "Ko‘proq ko‘rsatish", en: "Show more", ar: "عرض المزيد", tr: "Daha fazla göster",
+};
+const label = (locale) => MORE_LABEL[locale] || MORE_LABEL[locale?.split("-")[0]] || "Show more";
+function SeoBlogGrid({ posts, basePath, locale }) {
+    const [shown, setShown] = (0, react_1.useState)(BATCH);
+    const visible = shown >= posts.length ? posts : posts.slice(0, shown);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "sa-blog-grid", children: visible.map((p) => ((0, jsx_runtime_1.jsxs)("a", { className: "sa-blog-card", href: `${basePath}/${p.slug}`, children: [p.cover ? (0, jsx_runtime_1.jsx)("img", { src: p.cover, alt: p.title, loading: "lazy" }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "sa-cb", children: [(0, jsx_runtime_1.jsx)("h2", { children: p.title }), p.excerpt ? (0, jsx_runtime_1.jsx)("p", { children: p.excerpt }) : null] })] }, p.slug))) }), posts.length > shown ? ((0, jsx_runtime_1.jsx)("div", { className: "sa-blog-more", children: (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setShown((s) => s + BATCH), children: label(locale) }) })) : null] }));
+}

package/dist/blog.js

@@ -39,6 +39,7 @@ exports.seoBlogStaticParams = seoBlogStaticParams;
 exports.SeoBlogIndex = SeoBlogIndex;
 exports.SeoBlogArticle = SeoBlogArticle;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const blog_grid_1 = require("./blog-grid");
 // Файловый ридер (node:fs) грузим лениво — только когда блог реально рендерится (на сборке).
 const blogfs = () => Promise.resolve().then(() => __importStar(require("./blog-fs")));
 // ── Публичные data-функции (для generateMetadata / generateStaticParams) — читают файлы content/blog. ──
@@ -117,8 +118,8 @@ const GRID_CSS = `.sa-blog-wrap{max-width:1120px;margin:0 auto;padding:var(--sa-
 .sa-blog-card h2{font-size:1.1rem;line-height:1.35;margin:0}
 .sa-blog-card p{margin:0;color:var(--sa-muted,#64748b);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .sa-blog-more{display:flex;justify-content:center;margin-top:2rem}
-.sa-blog-more a{display:inline-block;padding:.7rem 1.6rem;border:1px solid var(--sa-border,#e5e7eb);border-radius:var(--sa-radius,10px);text-decoration:none;color:inherit;font-weight:500}
-.sa-blog-more a:hover{background:var(--sa-th-bg,#f8fafc)}
+.sa-blog-more a,.sa-blog-more button{display:inline-block;padding:.7rem 1.6rem;border:1px solid var(--sa-border,#e5e7eb);border-radius:var(--sa-radius,10px);text-decoration:none;color:inherit;font:inherit;font-weight:500;background:transparent;cursor:pointer;transition:background .15s ease}
+.sa-blog-more a:hover,.sa-blog-more button:hover{background:var(--sa-th-bg,#f8fafc)}
 .sa-blog-empty{color:var(--sa-muted,#64748b)}`;
 const BLOG_TITLE = { ru: "Блог", uz: "Blog", en: "Blog", ar: "المدونة", tr: "Blog" };
 const EMPTY_LABEL = { ru: "Пока нет статей.", uz: "Hozircha maqolalar yo‘q.", en: "No posts yet.", ar: "لا توجد مقالات بعد." };
@@ -136,7 +137,7 @@ async function SeoBlogIndex(props) {
     const limit = Math.max(1, Math.floor(props.limit ?? 1000));
     const posts = m.fsBlogList(locale, limit);
     const theme = m.fsTheme(); // тема из .blogfs.json
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "sa-blog-wrap", style: themeStyle(theme), children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: GRID_CSS } }), (0, jsx_runtime_1.jsx)("h1", { className: "sa-blog-h1", children: title }), posts.length ? ((0, jsx_runtime_1.jsx)("div", { className: "sa-blog-grid", children: posts.map((p) => ((0, jsx_runtime_1.jsxs)("a", { className: "sa-blog-card", href: `${basePath}/${p.slug}`, children: [p.cover ? (0, jsx_runtime_1.jsx)("img", { src: p.cover, alt: p.title, loading: "lazy" }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "sa-cb", children: [(0, jsx_runtime_1.jsx)("h2", { children: p.title }), p.excerpt ? (0, jsx_runtime_1.jsx)("p", { children: p.excerpt }) : null] })] }, p.slug))) })) : ((0, jsx_runtime_1.jsx)("p", { className: "sa-blog-empty", children: L(EMPTY_LABEL, locale, "No posts yet.") }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "sa-blog-wrap", style: themeStyle(theme), children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: GRID_CSS } }), (0, jsx_runtime_1.jsx)("h1", { className: "sa-blog-h1", children: title }), posts.length ? ((0, jsx_runtime_1.jsx)(blog_grid_1.SeoBlogGrid, { posts: posts.map((p) => ({ slug: p.slug, title: p.title, cover: p.cover, excerpt: p.excerpt })), basePath: basePath, locale: locale })) : ((0, jsx_runtime_1.jsx)("p", { className: "sa-blog-empty", children: L(EMPTY_LABEL, locale, "No posts yet.") }))] }));
 }
 // Одна статья. Принимает пост (из seoBlogPost) — так страница может сделать notFound()/метаданные.
 function SeoBlogArticle({ post, locale }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webnumseoagent/next",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "description": "Runtime SEO adapter + installer for Next.js App Router sites (SEO Agent platform)",
   "main": "dist/client.js",
   "types": "dist/client.d.ts",
@@ -52,7 +52,7 @@
     "app-router"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
+    "build": "tsc -p tsconfig.build.json && node scripts/postbuild.mjs",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {