ag-common 0.0.448 → 0.0.450

package/dist/ui/components/HeadersRaw/index.d.ts

@@ -1,10 +1,32 @@
 import React from 'react';
+/** full page title = title | hostname | tagline */
 export interface IHeadersRaw {
+    /** eg https://abc.def */
+    siteUrl: string;
     title?: string;
     image?: string;
     description?: string;
-    SiteShort: string;
-    FullSiteUrl: string;
-    siteDesc: string;
+    /** eg 'a site to remember' */
+    tagline?: string;
+    /** csv or separate keyword strings */
+    keywords?: string | string[];
 }
-export declare const HeadersRaw: ({ title, image, SiteShort, FullSiteUrl, siteDesc, }: IHeadersRaw) => React.JSX.Element[];
+export declare const HeadersRaw: ({ title, image, siteUrl, tagline, keywords, }: IHeadersRaw) => React.JSX.Element[];
+export declare const HeadersRawNext: ({ title, image, siteUrl, tagline, description, keywords, }: IHeadersRaw) => {
+    title: string;
+    description: string;
+    keywords: string | string[] | undefined;
+    openGraph: {
+        title: string;
+        description: string;
+        siteName: string;
+        url: string;
+        images: string | undefined;
+    };
+    twitter: {
+        title: string;
+        description: string;
+        card: string;
+        images: string | undefined;
+    };
+};

package/dist/ui/components/HeadersRaw/index.js

@@ -3,10 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeadersRaw = void 0;
+exports.HeadersRawNext = exports.HeadersRaw = void 0;
 const react_1 = __importDefault(require("react"));
-const HeadersRaw = ({ title, image, SiteShort, FullSiteUrl, siteDesc, }) => {
-    const fullTitle = `${title ? `${title} | ` : ''}${SiteShort} | ${siteDesc}`;
+const HeadersRaw = ({ title, image, siteUrl, tagline, keywords, }) => {
+    const { origin, hostname } = new URL(siteUrl);
+    const fullTitle = [title, hostname, tagline].filter((r) => r).join(' | ');
     const titleFallback = title || fullTitle;
     const titleBlock = [
         react_1.default.createElement("title", { key: "1" }, fullTitle),
@@ -27,14 +28,38 @@ const HeadersRaw = ({ title, image, SiteShort, FullSiteUrl, siteDesc, }) => {
     return [
         react_1.default.createElement("meta", { key: "11", charSet: "utf-8" }),
         ...titleBlock,
-        react_1.default.createElement("meta", { key: "12", property: "og:site_name", content: SiteShort }),
-        react_1.default.createElement("meta", { key: "13", property: "og:url", content: FullSiteUrl }),
-        react_1.default.createElement("meta", { key: "14", itemProp: "url", content: FullSiteUrl }),
-        react_1.default.createElement("meta", { key: "15", name: "twitter:url", content: FullSiteUrl }),
+        react_1.default.createElement("meta", { key: "12", property: "og:site_name", content: hostname }),
+        react_1.default.createElement("meta", { key: "13", property: "og:url", content: origin }),
+        react_1.default.createElement("meta", { key: "14", itemProp: "url", content: origin }),
+        react_1.default.createElement("meta", { key: "15", name: "twitter:url", content: origin }),
         react_1.default.createElement("meta", { key: "16", property: "og:type", content: "website" }),
         react_1.default.createElement("meta", { key: "17", name: "twitter:card", content: "summary_large_image" }),
         react_1.default.createElement("meta", { key: "18", name: "robots", content: "index, follow" }),
+        react_1.default.createElement("meta", { key: "19", name: "keywords", content: Array.isArray(keywords) ? keywords.join(', ') : keywords }),
         ...imagearr,
     ];
 };
 exports.HeadersRaw = HeadersRaw;
+const HeadersRawNext = ({ title, image, siteUrl, tagline, description, keywords, }) => {
+    const { origin, hostname } = new URL(siteUrl);
+    const fullTitle = [title, hostname, tagline].filter((r) => r).join(' | ');
+    return {
+        title: fullTitle,
+        description: description || fullTitle,
+        keywords,
+        openGraph: {
+            title: fullTitle,
+            description: description || fullTitle,
+            siteName: hostname,
+            url: origin,
+            images: image,
+        },
+        twitter: {
+            title: fullTitle,
+            description: description || fullTitle,
+            card: 'summary_large_image',
+            images: image,
+        },
+    };
+};
+exports.HeadersRawNext = HeadersRawNext;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.448",
+  "version": "0.0.450",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",