gemi 0.176.0 → 0.178.0

package/dist/client/index.js

@@ -1658,7 +1658,10 @@ function fontPreloads(fonts) {
 }
 //#endregion
 //#region client/Head.tsx
-/** Marks the `<link>`s and `<meta name="robots">` rendered from metadata, so a navigation can replace them. */
+/**
+* Marks the `<link>`s, `<meta name="robots">` and `Meta.tags` rendered from
+* metadata, so a navigation can replace them.
+*/
 var GEMI_META_ATTRIBUTE = "data-gemi-meta";
 function metaLinks(canonical, alternates) {
 	const links = [];
@@ -1666,13 +1669,18 @@ function metaLinks(canonical, alternates) {
 		rel: "canonical",
 		href: canonical
 	});
-	for (const { hrefLang, href } of alternates ?? []) links.push({
+	for (const alternate of alternates ?? []) links.push({
 		rel: "alternate",
-		href,
-		hrefLang
+		href: alternate.href,
+		hrefLang: "hrefLang" in alternate ? alternate.hrefLang : void 0,
+		type: "type" in alternate ? alternate.type : void 0
 	});
 	return links;
 }
+/** The attribute (`name` or `property`) and its value of a `Meta.tags` entry. */
+function tagKey(tag) {
+	return tag.name !== void 0 ? ["name", tag.name] : ["property", tag.property];
+}
 /** Marks the `<style>`s holding `Meta.fonts`' `@font-face` rules. */
 var GEMI_FONTS_ATTRIBUTE = "data-gemi-fonts";
 /**
@@ -1689,7 +1697,7 @@ var notranslateRemoved = false;
 var htmlAttributesApplied = false;
 function updateMeta(meta, locale) {
 	if (!meta) return;
-	const { title, description, htmlAttributes, canonical, alternates, fonts, robots, translate } = meta;
+	const { title, description, htmlAttributes, canonical, alternates, fonts, robots, translate, tags } = meta;
 	if (translate === true) {
 		const notranslate = document.head.querySelector(NOTRANSLATE_SELECTOR);
 		if (notranslate) {
@@ -1715,11 +1723,20 @@ function updateMeta(meta, locale) {
 		element.setAttribute(GEMI_META_ATTRIBUTE, "");
 		document.head.appendChild(element);
 	}
+	for (const tag of tags ?? []) {
+		const [key, value] = tagKey(tag);
+		const element = document.createElement("meta");
+		element.setAttribute(key, value);
+		element.setAttribute("content", tag.content);
+		element.setAttribute(GEMI_META_ATTRIBUTE, "");
+		document.head.appendChild(element);
+	}
 	for (const link of metaLinks(canonical, alternates)) {
 		const element = document.createElement("link");
 		element.setAttribute("rel", link.rel);
 		element.setAttribute("href", link.href);
 		if (link.hrefLang) element.setAttribute("hreflang", link.hrefLang);
+		if (link.type) element.setAttribute("type", link.type);
 		element.setAttribute(GEMI_META_ATTRIBUTE, "");
 		document.head.appendChild(element);
 	}
@@ -1744,7 +1761,7 @@ function updateMeta(meta, locale) {
 	}
 }
 var OpenGraph = (props) => {
-	const { title, description, type, url, image, imageAlt, imageWidth, imageHeight, twitterImage, twitterImageAlt, twitterImageWidth, twitterImageHeight, twitterCard = twitterImage ? "summary_large_image" : "summary" } = props;
+	const { title, description, type, url, image, imageAlt, imageWidth, imageHeight, siteName, twitterTitle, twitterDescription, twitterImage, twitterImageAlt, twitterImageWidth, twitterImageHeight, twitterCard = twitterImage ? "summary_large_image" : "summary" } = props;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx("meta", {
 			property: "og:title",
@@ -1778,6 +1795,10 @@ var OpenGraph = (props) => {
 			property: "og:image:height",
 			content: String(imageHeight)
 		}),
+		siteName && /* @__PURE__ */ jsx("meta", {
+			property: "og:site_name",
+			content: siteName
+		}),
 		twitterImage && /* @__PURE__ */ jsx("meta", {
 			name: "twitter:image",
 			content: twitterImage
@@ -1786,6 +1807,14 @@ var OpenGraph = (props) => {
 			name: "twitter:card",
 			content: twitterCard
 		}),
+		twitterTitle && /* @__PURE__ */ jsx("meta", {
+			name: "twitter:title",
+			content: twitterTitle
+		}),
+		twitterDescription && /* @__PURE__ */ jsx("meta", {
+			name: "twitter:description",
+			content: twitterDescription
+		}),
 		twitterImageAlt && /* @__PURE__ */ jsx("meta", {
 			name: "twitter:image:alt",
 			content: twitterImageAlt
@@ -1827,12 +1856,21 @@ var Head = ({ children = null, charSet = "utf-8" }) => {
 			[GEMI_META_ATTRIBUTE]: ""
 		}),
 		meta?.openGraph && /* @__PURE__ */ jsx(OpenGraph, { ...meta.openGraph }),
+		(meta?.tags ?? []).map((tag, index) => {
+			const [key, value] = tagKey(tag);
+			return /* @__PURE__ */ jsx("meta", {
+				[key]: value,
+				content: tag.content,
+				[GEMI_META_ATTRIBUTE]: ""
+			}, `${index}:${key}:${value}`);
+		}),
 		metaLinks(meta?.canonical, meta?.alternates).map((link) => /* @__PURE__ */ jsx("link", {
 			rel: link.rel,
 			href: link.href,
 			hrefLang: link.hrefLang,
+			type: link.type,
 			[GEMI_META_ATTRIBUTE]: ""
-		}, `${link.rel}:${link.hrefLang ?? ""}:${link.href}`)),
+		}, `${link.rel}:${link.hrefLang ?? ""}:${link.type ?? ""}:${link.href}`)),
 		fontPreloads(meta?.fonts).map((preload) => /* @__PURE__ */ jsx("link", {
 			rel: "preload",
 			as: "font",