webcake-storefront-mcp 1.1.3 → 1.1.4

package/dist/changelog.json

@@ -0,0 +1,44 @@
+[
+  {
+    "v": "1.1.4",
+    "d": "23/06/2026",
+    "type": "Added",
+    "en": "The remote landing page served by the serve command now includes a \"What's new\" section that renders a version timeline loaded from a build-time…",
+    "vi": "Trang landing của lệnh serve nay có thêm mục \"Có gì mới\" hiển thị timeline lịch sử phiên bản được tải từ file changelog.json sinh ra lúc build (từ…"
+  },
+  {
+    "v": "1.1.3",
+    "d": "23/06/2026",
+    "type": "Changed",
+    "en": "The install command's interactive wizard now runs a three-step flow: environment selection (prod / staging / local), authentication, then IDE…",
+    "vi": "Trình hướng dẫn tương tác của lệnh install nay chạy theo 3 bước: chọn môi trường (prod / staging / local), xác thực, rồi cấu hình IDE."
+  },
+  {
+    "v": "1.1.2",
+    "d": "23/06/2026",
+    "type": "Fixed",
+    "en": "The server no longer crashes at startup in container environments built with npm ci --ignore-scripts; the better-sqlite3 native SQLite module has…",
+    "vi": "Server không còn bị crash khi khởi động trong môi trường container được build bằng npm ci --ignore-scripts; module SQLite native better-sqlite3 đã…"
+  },
+  {
+    "v": "1.1.1",
+    "d": "23/06/2026",
+    "type": "Added",
+    "en": "The serve command's OAuth token store now optionally uses Postgres (via DATABASE_URL) for durable persistence across restarts and shared state…",
+    "vi": "Kho lưu trữ token OAuth của lệnh serve nay hỗ trợ tùy chọn sử dụng Postgres (qua DATABASE_URL) để lưu token bền vững qua các lần khởi động lại và…"
+  },
+  {
+    "v": "1.1.0",
+    "d": "23/06/2026",
+    "type": "Added",
+    "en": "The serve (remote Streamable-HTTP) mode now embeds a full OAuth 2.1 Authorization Server at /authorize, /token, /revoke, /register, and…",
+    "vi": "Chế độ serve (remote Streamable-HTTP) nay tích hợp sẵn một Authorization Server OAuth 2.1 đầy đủ tại các endpoint /authorize, /token, /revoke,…"
+  },
+  {
+    "v": "1.0.3",
+    "d": "23/06/2026",
+    "type": "Added",
+    "en": "MIT license (Copyright vuluu2k) added to the package.",
+    "vi": "Thêm giấy phép MIT (Copyright vuluu2k) vào package."
+  }
+]

package/dist/web-guide.js

@@ -14,6 +14,7 @@
  *
  * Self-contained (inline CSS + JS, no external fonts/trackers) so it loads instantly.
  */
+import { readFileSync } from "node:fs";
 // The SPA page (on the builder app) that shows the user their personal remote
 // connector link with login already built in — see builderx_spa McpRemoteStore.vue
 // (/mcp-remote-store). The raw MCP endpoint itself is {ENDPOINT} = <origin>/mcp.
@@ -281,6 +282,9 @@ const T = {
         promptSub: "Bạn có thể nói tự nhiên bằng tiếng Việt. Ví dụ:",
         promptEx: "Tạo cho tôi một trang sản phẩm trên WebCake cho thương hiệu [tên thương hiệu].\nTrang cần có: ảnh sản phẩm lớn, tên và giá, mô tả ngắn, nút \"Mua ngay\".\nKiểm tra kỹ trước khi lưu, rồi xuất bản lên cửa hàng của tôi.",
         faqH2: "Câu hỏi thường gặp",
+        newH2: "Có gì mới",
+        newBadge: "MỚI",
+        clMore: "Xem tất cả thay đổi",
         starH2: "Thấy hữu ích? Tặng dự án một ngôi sao nhé",
         starP: "Đây là dự án miễn phí, mã nguồn mở — mỗi ngôi sao là một lời động viên để dự án tiếp tục phát triển và giúp nhiều người tìm ra nó hơn.",
         starBtn: "Tặng sao trên GitHub",
@@ -292,6 +296,7 @@ const T = {
             { href: "#build", label: "Tạo được gì" },
             { href: "#connect", label: "Kết nối" },
             { href: "#tools", label: "Trợ lý làm gì" },
+            { href: "#new", label: "Có gì mới" },
             { href: "#faq", label: "Hỏi đáp" },
         ],
     },
@@ -439,6 +444,9 @@ const T = {
         promptSub: "You can speak naturally. For example:",
         promptEx: "Create a product page on my WebCake store for [brand name].\nThe page should have: a large product image, name and price, a short description, and a \"Buy Now\" button.\nPlease check everything looks right before saving, then publish it to my store.",
         faqH2: "Frequently asked questions",
+        newH2: "What's new",
+        newBadge: "NEW",
+        clMore: "See all changes",
         starH2: "Find it useful? Give the project a star",
         starP: "It's a free, open-source project — every star is a little encouragement to keep it growing and helps more people find it.",
         starBtn: "Star on GitHub",
@@ -450,10 +458,38 @@ const T = {
             { href: "#build", label: "What you build" },
             { href: "#connect", label: "Connect" },
             { href: "#tools", label: "What it does" },
+            { href: "#new", label: "What's new" },
             { href: "#faq", label: "FAQ" },
         ],
     },
 };
+const CHANGELOG = loadChangelog();
+function loadChangelog() {
+    try {
+        const raw = readFileSync(new URL("./changelog.json", import.meta.url), "utf8");
+        const data = JSON.parse(raw);
+        return Array.isArray(data) ? data : [];
+    }
+    catch {
+        return [];
+    }
+}
+// English Keep-a-Changelog section names → short Vietnamese tags (en uses the raw name).
+const CL_TYPE_VI = {
+    Added: "Thêm mới",
+    Changed: "Cải tiến",
+    Fixed: "Sửa lỗi",
+    Removed: "Gỡ bỏ",
+    Deprecated: "Ngừng dùng",
+    Security: "Bảo mật",
+    Internal: "Nội bộ",
+};
+function clTag(type, lang) {
+    if (!type)
+        return "";
+    const label = lang === "vi" ? (CL_TYPE_VI[type] ?? "") : type;
+    return label ? ` <span class="cl-tag">${label}</span>` : "";
+}
 function steps(items) {
     return items
         .map((body, i) => `<li><span class="n">${i + 1}</span><div class="body">${body}</div></li>`)
@@ -704,6 +740,26 @@ export function guideHtml(origin, lang = "vi") {
     display:flex;gap:18px;flex-wrap:wrap;align-items:center}
   footer a{color:var(--g7);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
   footer a:hover{text-decoration:underline}
+  .cl-wrap{padding:24px 26px 12px}
+  .cl{position:relative;margin:0;padding:0 0 0 24px;list-style:none}
+  .cl::before{content:"";position:absolute;left:6px;top:8px;bottom:14px;width:2px;
+    background:linear-gradient(var(--g),rgba(16,139,103,.08))}
+  .cl li{position:relative;padding:0 0 18px}
+  .cl li:last-child{padding-bottom:0}
+  .cl li::before{content:"";position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;
+    background:var(--card);border:2.5px solid var(--g);box-sizing:border-box}
+  .cl li.is-new::before{box-shadow:0 0 0 0 rgba(16,139,103,.5);animation:ring 2s infinite}
+  @keyframes ring{70%{box-shadow:0 0 0 8px rgba(16,139,103,0)}100%{box-shadow:0 0 0 0 rgba(16,139,103,0)}}
+  .cl .v{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.97rem;flex-wrap:wrap}
+  .cl-tag{font-size:.68rem;font-weight:700;color:var(--g7);background:rgba(16,139,103,.12);
+    border:1px solid var(--line);padding:1px 8px;border-radius:999px;margin-left:8px}
+  .cl .date{color:var(--mut);font-size:.79rem;margin-left:8px;font-weight:500}
+  .cl .t{color:var(--mut);font-size:.91rem;margin:3px 0 0;max-width:62ch}
+  .new{font-size:.64rem;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--g);
+    padding:2px 7px;border-radius:999px;animation:blink 1.8s ease-in-out infinite}
+  @keyframes blink{50%{opacity:.55}}
+  .cl-more{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.86rem;font-weight:600;color:var(--g7);text-decoration:none}
+  .cl-more:hover{gap:9px}
   @media(max-width:640px){
     .wrap{padding:30px 15px 56px}
     header{flex-wrap:wrap;gap:12px}
@@ -714,6 +770,7 @@ export function guideHtml(origin, lang = "vi") {
     .method{padding:18px 15px}
     .card{padding:18px}
     .tip{padding:11px 12px}
+    .cl-wrap{padding:18px 16px 10px}
     .langsw{padding:6px 10px}
     .uses li,.feat li{padding:14px}
     .flow{flex-direction:column;align-items:stretch;overflow:visible;padding:16px}
@@ -751,7 +808,7 @@ export function guideHtml(origin, lang = "vi") {
     </div>
   </header>
 
-  <p class="hero-in" style="display:flex;gap:9px;flex-wrap:wrap"><span class="pill"><span class="dot"></span> ${t.running}</span><span class="pill">WebCake · StoreCake</span></p>
+  <p class="hero-in" style="display:flex;gap:9px;flex-wrap:wrap"><span class="pill"><span class="dot"></span> ${t.running}</span><span class="pill">WebCake · StoreCake</span>${CHANGELOG[0] ? `<span class="pill">v${CHANGELOG[0].v}</span>` : ""}</p>
 
   <p class="lead hero-in">${t.leadPre}<b class="grad">${t.leadGrad}</b>${t.leadPost}</p>
 
@@ -828,6 +885,16 @@ export function guideHtml(origin, lang = "vi") {
     <li class="glass reveal">${tile("wand")} <span><pre style="background:transparent;color:inherit;border:none;padding:0;font-size:.88rem;white-space:pre-wrap">${t.promptEx}</pre></span></li>
   </ul>
 
+  ${CHANGELOG.length
+        ? `<h2 id="new" class="reveal">${t.newH2}</h2>
+  <div class="glass cl-wrap reveal">
+    <ul class="cl">
+      ${CHANGELOG.map((c, i) => `<li class="${i === 0 ? "is-new" : ""}"><span class="v">v${c.v}${i === 0 ? ` <span class="new">${t.newBadge}</span>` : ""}${clTag(c.type, L)}<span class="date">${c.d}</span></span><p class="t">${L === "en" ? c.en : c.vi}</p></li>`).join("\n      ")}
+    </ul>
+    <a class="cl-more" href="${GITHUB_URL}/blob/main/${L === "en" ? "CHANGELOG.md" : "CHANGELOG.vi.md"}">${t.clMore} ${icon("arrow")}</a>
+  </div>`
+        : ""}
+
   <h2 id="faq" class="reveal">${t.faqH2}</h2>
   ${faq.map((f) => `<details class="glass reveal"><summary>${f.q}</summary><p>${f.a}</p></details>`).join("\n  ")}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-storefront-mcp",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "MCP server for the WebCake/StoreCake storefront builder — page CRUD, page authoring, products, orders, and more",
   "mcpName": "io.github.vuluu2k/webcake-storefront-mcp",
   "license": "MIT",
@@ -24,7 +24,7 @@
     "node": ">=18"
   },
   "scripts": {
-    "build": "tsc && node scripts/copy-assets.mjs",
+    "build": "node scripts/gen-changelog.mjs && tsc && node scripts/copy-assets.mjs",
     "start": "node dist/index.js",
     "serve": "node dist/index.js serve",
     "dev": "tsc --watch",