Display the last published date of a Webflow site in an HTMLElement

display-publish-date.ts

/**
 * Display the last published date of a Webflow site in an HTMLElement
 * @constant targetSelector You should place the selector of the element that will display the publish date.
 * If you want to modify the outputted Date format, you can pass an additional options object to the Date.toDateString() method.
 */
document.addEventListener('DOMContentLoaded', () => {
  const targetSelector = 'YOUR_ELEMENT_SELECTOR_HERE';
  const publishDate = extractPublishDate();
  if (!publishDate) return;

  const target = document.querySelector(targetSelector);
  if (target) target.textContent = publishDate.toDateString();
});

/**
 * Extracts the publish date of a Webflow site
 * @returns A Date object, if found
 */
const extractPublishDate = (): Date | undefined | void => {
  const publishDatePrefix = 'Last Published:';

  for (const node of document.childNodes) {
    if (node.nodeType === Node.COMMENT_NODE && node.textContent?.includes(publishDatePrefix)) {
      const publishDateValue = node.textContent.trim().split(publishDatePrefix)[1];
      if (publishDateValue) return new Date(publishDateValue);
    }
  }
};