webcake-landing-mcp 1.0.35 → 1.0.36

package/dist/changelog.json

@@ -1,4 +1,11 @@
 [
+  {
+    "v": "1.0.36",
+    "d": "08/06/2026",
+    "type": "Changed",
+    "en": "The GET / web guide page now lists \"Claude · Codex · Cursor, etc.\" instead of only \"Claude · Cursor\" in the AI assistant flow diagram, reflecting…",
+    "vi": "Trang hướng dẫn GET / nay hiển thị \"Claude · Codex · Cursor, v.v.\" thay vì chỉ \"Claude · Cursor\" trong sơ đồ luồng AI assistant, phản ánh danh sách…"
+  },
   {
     "v": "1.0.35",
     "d": "08/06/2026",
@@ -33,12 +40,5 @@
     "type": "Fixed",
     "en": "get_element for spin_wheel now correctly documents specials.code as a newline-delimited string (one line per segment in couponCode|Prize…",
     "vi": "get_element cho spin_wheel nay ghi lại đúng specials.code là chuỗi phân cách bằng dấu xuống dòng (mỗi dòng một segment theo định dạng couponCode|Tên…"
-  },
-  {
-    "v": "1.0.30",
-    "d": "08/06/2026",
-    "type": "Changed",
-    "en": "The server instructions now direct the agent to gather all get_element and get_generation_guide results before assembling the page source, build the…",
-    "vi": "Hướng dẫn cho agent nay yêu cầu thu thập toàn bộ kết quả get_element và get_generation_guide trước khi lắp ráp nguồn trang, xây dựng cây phần tử đầy…"
   }
 ]

package/dist/web-guide.js

@@ -149,7 +149,7 @@ const T = {
         flowH2: "Mô hình hoạt động",
         flow: [
             { icon: "bulb", t: "Bạn", s: "ý tưởng" },
-            { icon: "brain", t: "Trợ lý AI", s: "Claude · Cursor" },
+            { icon: "brain", t: "Trợ lý AI", s: "Claude · Codex · Cursor,etc..." },
             { icon: "server", t: "MCP", s: "webcake-landing" },
             { icon: "window", t: "WebCake", s: "trang thật" },
         ],
@@ -174,12 +174,36 @@ const T = {
         ],
         buildH2: "Bạn dựng được những gì",
         uses: [
-            { icon: "magnet", t: "Trang thu lead", e: '"Trang waitlist cho SaaS — hero, 3 lợi ích, form thu email."' },
-            { icon: "cart", t: "Bán hàng COD / online", e: '"Trang một sản phẩm — gallery, giá, biến thể, form đặt hàng có giỏ."' },
-            { icon: "ticket", t: "Sự kiện / webinar", e: '"Trang đăng ký — đếm ngược, agenda, form đăng ký."' },
-            { icon: "mail", t: "Thiệp mời", e: '"Thiệp cưới — tên, ngày, bản đồ, form RSVP."' },
-            { icon: "phone", t: "Quảng bá app", e: '"Mockup điện thoại, danh sách tính năng, nút App Store + Google Play."' },
-            { icon: "flame", t: "Flash sale", e: '"Đồng hồ đếm ngược to, lưới sản phẩm giảm giá, nút Mua dính."' },
+            {
+                icon: "magnet",
+                t: "Trang thu lead",
+                e: '"Trang waitlist cho SaaS — hero, 3 lợi ích, form thu email."',
+            },
+            {
+                icon: "cart",
+                t: "Bán hàng COD / online",
+                e: '"Trang một sản phẩm — gallery, giá, biến thể, form đặt hàng có giỏ."',
+            },
+            {
+                icon: "ticket",
+                t: "Sự kiện / webinar",
+                e: '"Trang đăng ký — đếm ngược, agenda, form đăng ký."',
+            },
+            {
+                icon: "mail",
+                t: "Thiệp mời",
+                e: '"Thiệp cưới — tên, ngày, bản đồ, form RSVP."',
+            },
+            {
+                icon: "phone",
+                t: "Quảng bá app",
+                e: '"Mockup điện thoại, danh sách tính năng, nút App Store + Google Play."',
+            },
+            {
+                icon: "flame",
+                t: "Flash sale",
+                e: '"Đồng hồ đếm ngược to, lưới sản phẩm giảm giá, nút Mua dính."',
+            },
         ],
         connectH2: "Kết nối — chọn 1 trong 2 cách",
         m1Tag: "Cách ① · npx — chạy trên máy bạn",
@@ -196,15 +220,24 @@ const T = {
         m2Steps: [
             '<b>Lấy link cá nhân</b> (đã gắn sẵn token) — mở trang sau rồi bấm <b>Copy</b>:<a class="btn" href="{REMOTE}">Mở {REMOTE_HOST} {ARROW}</a>',
             '<b>Mở phần thêm connector</b> trong client:<br>• claude.ai: <i>Settings → Connectors → Add custom connector</i><br>• Cursor / Claude Code: mở file <code class="inl">.mcp.json</code>',
-            '<b>Dán link</b> vừa copy (có dạng):<pre>{ENDPOINT}?jwt=&lt;TOKEN&gt;</pre>',
+            "<b>Dán link</b> vừa copy (có dạng):<pre>{ENDPOINT}?jwt=&lt;TOKEN&gt;</pre>",
             "<b>Bấm Add</b> (hoặc lưu file) → đợi kết nối → xong. Icon Webcake xanh hiện lên là chạy được.",
         ],
         m2Note: "⚠️ Link chứa token cá nhân — coi như mật khẩu, đừng chia sẻ, luôn dùng HTTPS.",
         afterH2: "Sau khi kết nối, bạn nói được",
         examples: [
-            { icon: "wand", t: '"Dựng landing bán khoá học, tông xanh, có form đăng ký + nút Zalo."' },
-            { icon: "edit", t: '"Mở trang <i>sale-hè</i>, đổi tiêu đề thành \'Giảm 50%\', nút sang màu đỏ."' },
-            { icon: "clock", t: '"Thêm section đếm ngược + 3 testimonial vào cuối trang."' },
+            {
+                icon: "wand",
+                t: '"Dựng landing bán khoá học, tông xanh, có form đăng ký + nút Zalo."',
+            },
+            {
+                icon: "edit",
+                t: "\"Mở trang <i>sale-hè</i>, đổi tiêu đề thành 'Giảm 50%', nút sang màu đỏ.\"",
+            },
+            {
+                icon: "clock",
+                t: '"Thêm section đếm ngược + 3 testimonial vào cuối trang."',
+            },
         ],
         newH2: "Có gì mới",
         newBadge: "MỚI",
@@ -227,7 +260,7 @@ const T = {
         flowH2: "How it flows",
         flow: [
             { icon: "bulb", t: "You", s: "your idea" },
-            { icon: "brain", t: "AI assistant", s: "Claude · Cursor" },
+            { icon: "brain", t: "AI assistant", s: "Claude · Codex · Cursor,etc..." },
             { icon: "server", t: "MCP", s: "webcake-landing" },
             { icon: "window", t: "WebCake", s: "a real page" },
         ],
@@ -237,7 +270,7 @@ const T = {
             {
                 icon: "brain",
                 t: "AI learns the real model",
-                d: 'Webcake\'s element catalog, <code class="inl">specials</code>, coordinate system and events — pulled straight from this server\'s tools.',
+                d: "Webcake's element catalog, <code class=\"inl\">specials</code>, coordinate system and events — pulled straight from this server's tools.",
             },
             {
                 icon: "check2",
@@ -252,12 +285,36 @@ const T = {
         ],
         buildH2: "What you can build",
         uses: [
-            { icon: "magnet", t: "Lead-gen page", e: '"A SaaS waitlist — hero, 3 benefits, an email-capture form."' },
-            { icon: "cart", t: "COD / online store", e: '"A one-product page — gallery, price, variations, an order form with cart."' },
-            { icon: "ticket", t: "Event / webinar", e: '"A registration page — countdown, agenda, sign-up form."' },
-            { icon: "mail", t: "Invitation", e: '"A wedding invite — names, date, a map, an RSVP form."' },
-            { icon: "phone", t: "App promo", e: '"Phone mockups, feature list, App Store + Google Play buttons."' },
-            { icon: "flame", t: "Flash sale", e: '"A big countdown, a discounted product grid, a sticky Buy button."' },
+            {
+                icon: "magnet",
+                t: "Lead-gen page",
+                e: '"A SaaS waitlist — hero, 3 benefits, an email-capture form."',
+            },
+            {
+                icon: "cart",
+                t: "COD / online store",
+                e: '"A one-product page — gallery, price, variations, an order form with cart."',
+            },
+            {
+                icon: "ticket",
+                t: "Event / webinar",
+                e: '"A registration page — countdown, agenda, sign-up form."',
+            },
+            {
+                icon: "mail",
+                t: "Invitation",
+                e: '"A wedding invite — names, date, a map, an RSVP form."',
+            },
+            {
+                icon: "phone",
+                t: "App promo",
+                e: '"Phone mockups, feature list, App Store + Google Play buttons."',
+            },
+            {
+                icon: "flame",
+                t: "Flash sale",
+                e: '"A big countdown, a discounted product grid, a sticky Buy button."',
+            },
         ],
         connectH2: "Connect — pick one of two ways",
         m1Tag: "Way ① · npx — runs on your machine",
@@ -274,15 +331,24 @@ const T = {
         m2Steps: [
             '<b>Get your personal link</b> (token baked in) — open the page below and hit <b>Copy</b>:<a class="btn" href="{REMOTE}">Open {REMOTE_HOST} {ARROW}</a>',
             '<b>Open the add-connector area</b> in your client:<br>• claude.ai: <i>Settings → Connectors → Add custom connector</i><br>• Cursor / Claude Code: open <code class="inl">.mcp.json</code>',
-            '<b>Paste the link</b> you copied (looks like):<pre>{ENDPOINT}?jwt=&lt;TOKEN&gt;</pre>',
+            "<b>Paste the link</b> you copied (looks like):<pre>{ENDPOINT}?jwt=&lt;TOKEN&gt;</pre>",
             "<b>Hit Add</b> (or save the file) → wait for it to connect → done. A green Webcake icon means it's live.",
         ],
         m2Note: "⚠️ The link carries your personal token — treat it like a password, never share it, always use HTTPS.",
         afterH2: "Once connected, you can say",
         examples: [
-            { icon: "wand", t: '"Build a landing page to sell a course, green theme, a sign-up form + a Zalo button."' },
-            { icon: "edit", t: "\"Open the <i>summer-sale</i> page, change the headline to 'Save 50%', make the button red.\"" },
-            { icon: "clock", t: '"Add a countdown section + 3 testimonials to the bottom of the page."' },
+            {
+                icon: "wand",
+                t: '"Build a landing page to sell a course, green theme, a sign-up form + a Zalo button."',
+            },
+            {
+                icon: "edit",
+                t: "\"Open the <i>summer-sale</i> page, change the headline to 'Save 50%', make the button red.\"",
+            },
+            {
+                icon: "clock",
+                t: '"Add a countdown section + 3 testimonials to the bottom of the page."',
+            },
         ],
         newH2: "What's new",
         newBadge: "NEW",
@@ -319,7 +385,7 @@ const CL_TYPE_VI = {
 function clTag(type, lang) {
     if (!type)
         return "";
-    const label = lang === "vi" ? CL_TYPE_VI[type] ?? "" : type;
+    const label = lang === "vi" ? (CL_TYPE_VI[type] ?? "") : type;
     return label ? ` <span class="cl-tag">${label}</span>` : "";
 }
 function steps(items) {
@@ -354,11 +420,20 @@ export function guideHtml(origin, lang = "vi") {
                 url: canonical,
                 image: ogImage,
                 offers: { "@type": "Offer", price: "0", priceCurrency: "USD" },
-                author: { "@type": "Organization", name: "Webcake", url: "https://webcake.io" },
+                author: {
+                    "@type": "Organization",
+                    name: "Webcake",
+                    url: "https://webcake.io",
+                },
                 softwareHelp: DOCS_URL,
                 installUrl: NPM_URL,
             },
-            { "@type": "WebSite", name: "Webcake Landing MCP", url: `${origin}/`, inLanguage: L },
+            {
+                "@type": "WebSite",
+                name: "Webcake Landing MCP",
+                url: `${origin}/`,
+                inLanguage: L,
+            },
             {
                 "@type": "FAQPage",
                 mainEntity: faq.map((f) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-landing-mcp",
-  "version": "1.0.35",
+  "version": "1.0.36",
   "description": "MCP server exposing Webcake landing-page element schemas + AI usage hints, and persisting LLM-generated page sources to a Webcake backend.",
   "type": "module",
   "license": "MIT",