@webnumseoagent/next 0.7.4 → 0.7.5

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.4",
+  "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": {