123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
import { merge } from "../core/utils/object.ts";import { getCurrentVersion } from "../core/utils/lume_version.ts";import { getDataValue } from "../core/utils/data_values.ts";
import type Site from "../core/site.ts";import type { Data, Page } from "../core/file.ts";
export interface Options {  /** The list extensions this plugin applies to */  extensions?: string[];
  /** The key name for the transformations definitions */  name?: string;}
export interface MetaData {  /** The type of the site default is website */  type?: string | ((data: Data) => string | undefined);
  /** The name of the site */  site?: string | ((data: Data) => string | undefined);
  /** The title of the page */  title?: string | ((data: Data) => string | undefined);
  /** The page language */  lang?: string | ((data: Data) => string | undefined);
  /** The description of the page */  description?: string | ((data: Data) => string | undefined);
  /** The image of the page */  image?: string | ((data: Data) => string | undefined);
  /** The icon of the site */  icon?: string | ((data: Data) => string | undefined);
  /** The page keywords */  keywords?: string[] | ((data: Data) => string[] | undefined);
  /** The twitter username */  twitter?: string | ((data: Data) => string | undefined);
  /** The color theme */  color?: string | ((data: Data) => string | undefined);
  /** Robots configuration (Boolean to enable/disable, String for a custom value) */  robots?: string | boolean | ((data: Data) => string | boolean | undefined);
  /** Whether include the generator or not (Boolean to enable/disable, String for a custom value) */  generator?: string | boolean | ((data: Data) => string | boolean | undefined);}
const defaults: Options = {  extensions: [".html"],  name: "metas",};
const defaultGenerator = `Lume ${getCurrentVersion()}`;
/** A plugin to insert meta tags for SEO and social media */export default function (userOptions?: Options) {  const options = merge(defaults, userOptions);
  return (site: Site) => {    // Configure the merged keys    site.mergeKey(options.name, "object");    site.process(options.extensions, (pages) => pages.forEach(metas));
    function metas(page: Page) {      const metas = page.data[options.name] as MetaData | undefined;
      if (!metas || !page.document) {        return;      }
      const { document, data } = page;      const metaIcon = getDataValue(data, metas["icon"]);      const metaImage = getDataValue(data, metas["image"]);
      const url = site.url(page.data.url, true);      const icon = metaIcon ? new URL(site.url(metaIcon), url).href : undefined;      const image = metaImage        ? new URL(site.url(metaImage), url).href        : undefined;
      const type = getDataValue(data, metas["type"]);      const site_name = getDataValue(data, metas["site"]);      const lang = getDataValue(data, metas["lang"]);      const title = getDataValue(data, metas["title"]);      const description = getDataValue(data, metas["description"]);      const twitter = getDataValue(data, metas["twitter"]);      const keywords = getDataValue(data, metas["keywords"]);      const robots = getDataValue(data, metas["robots"]);      const color = getDataValue(data, metas["color"]);      const generator = getDataValue(data, metas["generator"]);
      // Open graph      addMeta(document, "property", "og:type", type || "website");      addMeta(document, "property", "og:site_name", site_name);      addMeta(document, "property", "og:locale", lang);      addMeta(document, "property", "og:title", title, 65);      addMeta(document, "property", "og:description", description, 155);      addMeta(document, "property", "og:url", url);      addMeta(document, "property", "og:image", image || icon);
      // Twitter cards      addMeta(        document,        "name",        "twitter:card",        image ? "summary_large_image" : "summary",      );      addMeta(document, "name", "twitter:site", twitter);
      // SEO      addMeta(document, "name", "description", description, 155);      addMeta(document, "name", "keywords", keywords?.join(", "));
      if (robots === true) {        addMeta(document, "name", "robots", "index, follow");      } else if (robots === false) {        addMeta(document, "name", "robots", "noindex, nofollow, noarchive");      } else if (robots) {        addMeta(document, "name", "robots", robots);      }
      // Misc      addMeta(document, "name", "theme-color", color);
      if (generator) {        addMeta(          document,          "name",          "generator",          generator === true ? defaultGenerator : generator,        );      }    }  };}
function addMeta(  document: Document,  propName: string,  propValue: string,  content?: string,  limit?: number,) {  if (!content) {    return;  }  content = content    .replaceAll(/<[^>]*>/g, "")    .replaceAll(/\s+/g, " ")    .trim();
  if (limit && content.length > limit) {    content = content.substr(0, limit - 1).trimEnd() + "…";  }
  const meta = document.createElement("meta");  meta.setAttribute(propName, propValue);  meta.setAttribute("content", content);  document.head.appendChild(meta);  document.head.appendChild(document.createTextNode("\n"));}
/** Extends Data interface */declare global {  namespace Lume {    export interface Data {      /**       * Meta elements       * @see https://lume.land/plugins/metas/       */      metas?: MetaData;    }  }}