secst/src/tags/json-ld/news-article.js

SECST is a semantic, extensible, computational, styleable tagged markup language. You can use it to joyfully create compelling, interactive documents backed by HTML.

import Person from "./person.js";

const headline = {
    htmlDocLink: "",
    additionalDocLinks: ['<a target="_tab" href="https://schema.org/headline">JSON schema</a>'],
    attributesAllowed: {
        level: true
    },
    contentAllowed: true,
    minCount: 0,
    maxCount: 1,
    toJSONLD(node) {
        return node.content[0]
    },
    beforeMount(node) {
        const level = node.attributes.level || 1;
        node.tag = "h" + level;
        delete node.attributes.level;
        return node;
    }
}

const datePublished = {
    htmlDocLink: "",
    additionalDocLinks: ['<a target="_tab" href="https://schema.org/datePublished">JSON schema</a>'],
    attributesAllowed:{
        "data-format": "string",
        lang: "string",
        format(value) {
            return {
                "data-format": value
            }
        }
    },
    contentAllowed: Date,
    minCount: 0,
    maxCount: 1,
    toText(node) {
        const lang = node.attributes.lang || document.documentElement.getAttribute("lang") || "en",
            options = node.attributes["data-format"] ? JSON5.parse(node.attributes["data-format"]) : undefined,
            formatted = new Intl.DateTimeFormat(lang,options).format(new Date(node.content.join(":")));
        return formatted;
    }
}

const author = {
    htmlDocLink: "",
    additionalDocLinks: ['<a target="_tab" href="https://schema.org/author">JSON schema</a>'],
    contentAllowed: {
        name: {
            contentAllowed: true,
            toJSONLD(node) {
                node.classList.push("JSON-LD-author-name");
                return {name:node.content.join("")}
            },
            beforeMount(node) {
                node.tag = "span";
                return node;
            }
        },
        Person
    },
    beforeMount(node) {
        node.tag = "span";
        return node;
    },
    minCount: 1,
    toJSONLD(node) {
        const author = node.getTagsByName("name")[0] || node.getTagsByName("Person")[0];
        if(author) return author.toJSONLD(author);
    }
}

const NewsArticle = {
    htmlDocLink: "",
    additionalDocLinks: ['<a target="_tab" href="https://schema.org/NewsArticle">JSON schema</a>','<a target="_tab" href="https://developers.google.com/search/docs/appearance/structured-data/article">Google SEO info</a>'],
    async contentAllowed() {
        const {blockContent} = await import("../block-content.js");
        this.contentAllowed = {
            author,
            ...blockContent,
            datePublished,
            headline
        }
        delete this.contentAllowed.NewsArticle;
        return this.contentAllowed;
    },
    toJSONLD(node) {
        node.classList.push("JSON-LD-NewsArticle");
        const headlines = node.getTagsByName("headline"),
            images = node.getTagsByName("img"),
            authors = node.getTagsByName("author"),
            headline = headlines.length===1 ? headlines[0] : null;
        const jsonld = {
            headline: headline.content[0],
            images: images.reduce((images,img) => {
                const src = img.toJSONLD(img);
                if(src) images.push(src);
                return images;
            },[]),
            author: authors.map((author) => author.toJSONLD(author))
        }
        //console.log(jsonld);
    },
    beforeMount(node) {
        node.tag = "div";
        return node;
    }

}

export {NewsArticle, NewsArticle as default}