@ludo.ninja/components 2.3.59 → 2.3.61

package/build/components/base/PageHead/index.d.ts

@@ -1,8 +1,12 @@
 import React from "react";
 interface PageHeadProps {
     title: string;
-    description?: string;
-    children?: React.ReactNode;
+    description: string;
+    url: string;
+    isoTimestamp: string;
+    displayTimestamp: string;
+    checksum: string;
+    children: React.ReactNode;
 }
 declare const PageHead: React.FC<PageHeadProps>;
 export default PageHead;

package/build/components/base/PageHead/index.js

@@ -5,9 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const head_1 = __importDefault(require("next/head"));
-// Component
-const PageHead = ({ title, description, children }) => {
-    return ((0, jsx_runtime_1.jsxs)(head_1.default, { children: [(0, jsx_runtime_1.jsx)("title", { children: title }), description && (0, jsx_runtime_1.jsx)("meta", { name: "description", content: description }), children] }));
+const PageHead = ({ title, description, url, children, isoTimestamp, displayTimestamp, checksum }) => {
+    const image = '/social-preview.jpg';
+    const defaultTags = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("title", { children: title }), (0, jsx_runtime_1.jsx)("meta", { name: "description", content: description }), (0, jsx_runtime_1.jsx)("meta", { property: "og:title", content: title }), (0, jsx_runtime_1.jsx)("meta", { property: "og:description", content: description }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: image }), (0, jsx_runtime_1.jsx)("meta", { property: "og:type", content: "website" }), (0, jsx_runtime_1.jsx)("meta", { property: "og:url", content: url }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:width", content: "1280" }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:height", content: "720" }), (0, jsx_runtime_1.jsx)("meta", { property: "og:site_name", content: "Ludo" }), (0, jsx_runtime_1.jsx)("meta", { property: "og:locale", content: "en_US" }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:card", content: "summary_large_image" }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:title", content: title }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:description", content: description }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:image", content: image }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:url", content: url })] }));
+    const defaultTimestamp = ((0, jsx_runtime_1.jsxs)("div", { id: "page-updated", className: "page-timestamp", style: {
+            position: 'absolute',
+            left: '-9999px',
+            width: '1px',
+            height: '1px',
+        }, itemScope: true, itemType: "https://schema.org/WebPage", children: [(0, jsx_runtime_1.jsxs)("time", { id: "page-update-timestamp", className: "page-timestamp-time", dateTime: isoTimestamp, itemProp: "dateModified", children: ["Page last updated: ", displayTimestamp] }), (0, jsx_runtime_1.jsxs)("div", { className: "page-checksum", children: ["Page checksum: ", checksum] })] }));
+    return ((0, jsx_runtime_1.jsxs)(head_1.default, { children: [defaultTags, children, defaultTimestamp] }));
 };
-// Export
 exports.default = PageHead;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.3.59",
+  "version": "2.3.61",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",