meno-core 1.0.50 → 1.0.52

package/lib/server/ssr/ssrRenderer.ts

@@ -1950,6 +1950,7 @@ export async function renderPageSSR(
     slugMappings,
     pagePath,
     baseUrl,
+    social: configService.getSocial(),
   });
 
   // Resolve title for use in HTML template

package/lib/server/ssrRenderer.test.ts

@@ -137,15 +137,170 @@ describe("SSR Renderer - generateMetaTags", () => {
       ogImage: "https://example.com/image.jpg",
       ogType: "article"
     };
-    
+
     const tags = generateMetaTags(meta);
-    
+
     expect(tags).toContain(`<meta property="og:title" content="OG Title" />`);
     expect(tags).toContain(`<meta property="og:description" content="OG Description" />`);
     expect(tags).toContain(`<meta property="og:image" content="https://example.com/image.jpg" />`);
     expect(tags).toContain(`<meta property="og:type" content="article" />`);
   });
 
+  test("should emit twitter:card=summary_large_image when ogImage present", () => {
+    const meta = {
+      ogTitle: "OG Title",
+      ogDescription: "OG Description",
+      ogImage: "https://example.com/image.jpg",
+    };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta name="twitter:card" content="summary_large_image" />`);
+    expect(tags).toContain(`<meta name="twitter:title" content="OG Title" />`);
+    expect(tags).toContain(`<meta name="twitter:description" content="OG Description" />`);
+  });
+
+  test("should emit twitter:card=summary when no ogImage", () => {
+    const meta = {
+      title: "Plain Title",
+      description: "Plain Description",
+    };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta name="twitter:card" content="summary" />`);
+  });
+
+  test("twitter:title falls back to title when ogTitle is absent", () => {
+    const meta = {
+      title: "Plain Title",
+      ogImage: "https://example.com/image.jpg",
+    };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta name="twitter:title" content="Plain Title" />`);
+  });
+
+  test("twitter:description falls back to description when ogDescription is absent", () => {
+    const meta = {
+      description: "Plain Description",
+      ogImage: "https://example.com/image.jpg",
+    };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta name="twitter:description" content="Plain Description" />`);
+  });
+
+  test("should emit twitter:site and twitter:creator with @-normalized handle", () => {
+    const meta = { title: "Page" };
+
+    const tags = generateMetaTags(meta, '', 'en', undefined, {
+      social: { twitterHandle: 'meno' },
+    });
+
+    expect(tags).toContain(`<meta name="twitter:site" content="@meno" />`);
+    expect(tags).toContain(`<meta name="twitter:creator" content="@meno" />`);
+  });
+
+  test("should not double-prefix handle that already starts with @", () => {
+    const meta = { title: "Page" };
+
+    const tags = generateMetaTags(meta, '', 'en', undefined, {
+      social: { twitterHandle: '@meno' },
+    });
+
+    expect(tags).toContain(`<meta name="twitter:site" content="@meno" />`);
+    expect(tags).not.toContain(`@@meno`);
+  });
+
+  test("should emit no twitter tags when meta is empty", () => {
+    const tags = generateMetaTags({});
+
+    expect(tags).not.toContain('twitter:');
+  });
+
+  test("should escape HTML in twitter content", () => {
+    const meta = {
+      ogTitle: "Title & <stuff>",
+    };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta name="twitter:title" content="Title &amp; &lt;stuff&gt;" />`);
+  });
+
+  test("og:image swaps /images/*.webp → .jpg", () => {
+    const meta = { ogImage: "/images/photo.webp" };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta property="og:image" content="/images/photo.jpg" />`);
+  });
+
+  test("og:image swaps /images/*.avif → .jpg", () => {
+    const meta = { ogImage: "/images/photo.avif" };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta property="og:image" content="/images/photo.jpg" />`);
+  });
+
+  test("og:image is made absolute when options.baseUrl is provided", () => {
+    const meta = { ogImage: "/images/photo.webp" };
+
+    const tags = generateMetaTags(meta, '', 'en', undefined, {
+      baseUrl: 'https://example.com',
+    });
+
+    expect(tags).toContain(`<meta property="og:image" content="https://example.com/images/photo.jpg" />`);
+  });
+
+  test("og:image strips trailing slash from baseUrl", () => {
+    const meta = { ogImage: "/images/photo.webp" };
+
+    const tags = generateMetaTags(meta, '', 'en', undefined, {
+      baseUrl: 'https://example.com/',
+    });
+
+    expect(tags).toContain(`<meta property="og:image" content="https://example.com/images/photo.jpg" />`);
+  });
+
+  test("og:image preserves .png unchanged (other than baseUrl absolutization)", () => {
+    const meta = { ogImage: "/images/photo.png" };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta property="og:image" content="/images/photo.png" />`);
+  });
+
+  test("og:image preserves .jpg unchanged", () => {
+    const meta = { ogImage: "/images/photo.jpg" };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta property="og:image" content="/images/photo.jpg" />`);
+  });
+
+  test("og:image preserves external absolute URL unchanged", () => {
+    const meta = { ogImage: "https://cdn.example.com/photo.webp" };
+
+    const tags = generateMetaTags(meta);
+
+    expect(tags).toContain(`<meta property="og:image" content="https://cdn.example.com/photo.webp" />`);
+  });
+
+  test("og:image does not rewrite non-/images/ local paths but still absolutizes them", () => {
+    const meta = { ogImage: "/cdn-cgi/photo.webp" };
+
+    const tags = generateMetaTags(meta, '', 'en', undefined, {
+      baseUrl: 'https://example.com',
+    });
+
+    expect(tags).toContain(`<meta property="og:image" content="https://example.com/cdn-cgi/photo.webp" />`);
+  });
+
   test("should generate canonical URL", () => {
     const meta = {};
     const url = "https://example.com/page";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meno-core",
-  "version": "1.0.50",
+  "version": "1.0.52",
   "type": "module",
   "bin": {
     "meno": "./dist/bin/cli.js"

package/dist/chunks/chunk-4OFZP5NQ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../lib/server/ssr/buildErrorOverlay.ts"],
-  "sourcesContent": ["/**\n * Build Error Overlay Generator\n * Generates an HTML page showing build errors when the static server detects _errors.json\n */\n\nexport interface BuildError {\n  file: string;      // e.g., \"pages/posts.json\"\n  message: string;   // Error message\n  type: string;      // 'minify' | 'render' | 'parse' | 'cms'\n}\n\nexport interface BuildErrorsData {\n  errors: BuildError[];\n  timestamp: number;\n}\n\n/**\n * Escape HTML to prevent XSS in error messages\n */\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\n\n/**\n * Safely encode data for embedding in a script tag\n */\nfunction safeJsonForScript(data: unknown): string {\n  return JSON.stringify(data)\n    .replace(/</g, '\\\\u003c')\n    .replace(/>/g, '\\\\u003e')\n    .replace(/&/g, '\\\\u0026');\n}\n\n/**\n * Generate HTML page showing build errors\n */\nexport function generateBuildErrorPage(data: BuildErrorsData): string {\n  const { errors, timestamp } = data;\n  const timeStr = new Date(timestamp).toLocaleTimeString();\n\n  // Generate plain text for copying to AI\n  const plainTextErrors = errors.map(err =>\n    `[${err.type.toUpperCase()}] ${err.file}\\n${err.message}`\n  ).join('\\n\\n');\n  const copyText = `Build failed with ${errors.length} error(s):\\n\\n${plainTextErrors}`;\n\n  const errorListHtml = errors.map((err) => `\n    <div class=\"error-item\">\n      <div class=\"error-item-header\">\n        <div class=\"error-type\">${escapeHtml(err.type)}</div>\n        <div class=\"error-file\">${escapeHtml(err.file)}</div>\n      </div>\n      <div class=\"error-message\">${escapeHtml(err.message)}</div>\n    </div>\n  `).join('');\n\n  return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Build Failed</title>\n  <style>\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    body {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 100%);\n      color: #e2e8f0;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 24px;\n    }\n\n    .container {\n      max-width: 720px;\n      width: 100%;\n    }\n\n    .card {\n      background: rgba(30, 30, 50, 0.8);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow:\n        0 4px 6px rgba(0, 0, 0, 0.1),\n        0 20px 50px rgba(0, 0, 0, 0.3),\n        inset 0 1px 0 rgba(255, 255, 255, 0.05);\n    }\n\n    .header {\n      background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);\n      padding: 20px 24px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .header-icon {\n      width: 32px;\n      height: 32px;\n      background: rgba(255, 255, 255, 0.2);\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .header-icon svg {\n      width: 18px;\n      height: 18px;\n      stroke: white;\n    }\n\n    .header-title {\n      font-size: 16px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n    }\n\n    .error-count {\n      background: rgba(0, 0, 0, 0.25);\n      padding: 6px 14px;\n      border-radius: 100px;\n      font-size: 13px;\n      font-weight: 500;\n    }\n\n    .body {\n      padding: 20px;\n      max-height: 50vh;\n      overflow-y: auto;\n    }\n\n    .body::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    .body::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    .body::-webkit-scrollbar-thumb {\n      background: rgba(255, 255, 255, 0.1);\n      border-radius: 3px;\n    }\n\n    .error-item {\n      background: rgba(0, 0, 0, 0.3);\n      border: 1px solid rgba(255, 255, 255, 0.06);\n      border-radius: 10px;\n      padding: 14px 16px;\n      margin-bottom: 10px;\n      transition: border-color 0.15s;\n    }\n\n    .error-item:last-child { margin-bottom: 0; }\n\n    .error-item:hover {\n      border-color: rgba(255, 255, 255, 0.12);\n    }\n\n    .error-item-header {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 10px;\n    }\n\n    .error-type {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      padding: 4px 8px;\n      border-radius: 4px;\n      background: rgba(239, 68, 68, 0.2);\n      color: #fca5a5;\n    }\n\n    .error-file {\n      font-family: 'SF Mono', 'Fira Code', Menlo, Monaco, monospace;\n      font-size: 12px;\n      color: #94a3b8;\n    }\n\n    .error-message {\n      font-family: 'SF Mono', 'Fira Code', Menlo, Monaco, monospace;\n      font-size: 12px;\n      line-height: 1.7;\n      color: #f87171;\n      white-space: pre-wrap;\n      word-break: break-word;\n      background: rgba(0, 0, 0, 0.2);\n      padding: 10px 12px;\n      border-radius: 6px;\n      border-left: 2px solid #dc2626;\n    }\n\n    .footer {\n      padding: 16px 20px;\n      background: rgba(0, 0, 0, 0.2);\n      border-top: 1px solid rgba(255, 255, 255, 0.06);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    .footer-info {\n      font-size: 12px;\n      color: #64748b;\n    }\n\n    .footer-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn {\n      border: none;\n      padding: 10px 16px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.15s;\n    }\n\n    .btn svg {\n      width: 14px;\n      height: 14px;\n    }\n\n    .btn-secondary {\n      background: rgba(255, 255, 255, 0.08);\n      color: #e2e8f0;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .btn-secondary:hover {\n      background: rgba(255, 255, 255, 0.12);\n      border-color: rgba(255, 255, 255, 0.15);\n    }\n\n    .btn-primary {\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n      color: white;\n    }\n\n    .btn-primary:hover {\n      background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\n    }\n\n    .btn-success {\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\n    }\n  </style>\n</head>\n<body>\n  <div class=\"container\">\n    <div class=\"card\">\n      <div class=\"header\">\n        <div class=\"header-left\">\n          <div class=\"header-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n            </svg>\n          </div>\n          <span class=\"header-title\">Build Failed</span>\n        </div>\n        <span class=\"error-count\">${errors.length} error${errors.length === 1 ? '' : 's'}</span>\n      </div>\n      <div class=\"body\">\n        ${errorListHtml}\n      </div>\n      <div class=\"footer\">\n        <div class=\"footer-info\">Failed at ${timeStr}</div>\n        <div class=\"footer-actions\">\n          <button class=\"btn btn-secondary\" id=\"copyBtn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect>\n              <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path>\n            </svg>\n            <span>Copy</span>\n          </button>\n          <button class=\"btn btn-primary\" onclick=\"location.reload()\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <polyline points=\"23 4 23 10 17 10\"></polyline>\n              <path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"></path>\n            </svg>\n            Refresh\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n  <script>\n    (function() {\n      var copyBtn = document.getElementById('copyBtn');\n      var copyText = ${safeJsonForScript(copyText)};\n\n      copyBtn.addEventListener('click', function() {\n        navigator.clipboard.writeText(copyText).then(function() {\n          var span = copyBtn.querySelector('span');\n          var original = span.textContent;\n          span.textContent = 'Copied!';\n          copyBtn.classList.add('btn-success');\n          setTimeout(function() {\n            span.textContent = original;\n            copyBtn.classList.remove('btn-success');\n          }, 2000);\n        }).catch(function(err) {\n          console.error('Failed to copy:', err);\n        });\n      });\n    })();\n  </script>\n</body>\n</html>`;\n}\n"],
-  "mappings": "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",
-  "names": []
-}