@fiduswriter/document 0.1.0-alpha.1

package/src/schema/document/content.js

@@ -0,0 +1,187 @@
+import {escapeText} from "../../common/index.js"
+import {parseTracks} from "../common/index.js"
+import {fnNodeToHtml, htmlToFnNode} from "../footnotes_convert.js"
+
+export const randomCodeBlockId = () => {
+    return `C${Math.round(Math.random() * 10000000) + 1}`
+}
+
+export const contributor = {
+    inline: true,
+    draggable: true,
+    attrs: {
+        firstname: {default: false},
+        lastname: {default: false},
+        email: {default: false},
+        institution: {default: false},
+        // Only present if template defines id_types:
+        id_type: {default: false}, // Selected from template's id_types list
+        id_value: {default: false} // Validated against selected id_type's regex
+    },
+    parseDOM: [
+        {
+            tag: "span.contributor",
+            getAttrs(dom) {
+                return {
+                    firstname: dom.dataset.firstname,
+                    lastname: dom.dataset.lastname,
+                    email: dom.dataset.email,
+                    institution: dom.dataset.institution,
+                    id_type: dom.dataset.id_type || false,
+                    id_value: dom.dataset.id_value || false
+                }
+            }
+        }
+    ],
+    toDOM(node) {
+        const dom = document.createElement("span")
+        dom.classList.add("contributor")
+        dom.dataset.firstname = node.attrs.firstname
+        dom.dataset.lastname = node.attrs.lastname
+        dom.dataset.email = node.attrs.email
+        dom.dataset.institution = node.attrs.institution
+        if (node.attrs.id_type) {
+            dom.dataset.id_type = node.attrs.id_type
+        }
+        if (node.attrs.id_value) {
+            dom.dataset.id_value = node.attrs.id_value
+        }
+        const content = []
+        if (node.attrs.firstname) {
+            content.push(escapeText(node.attrs.firstname))
+        }
+        if (node.attrs.lastname) {
+            content.push(escapeText(node.attrs.lastname))
+        }
+        if (node.attrs.email) {
+            content.push(
+                `<i>${gettext("Email")}: ${escapeText(node.attrs.email)}</i>`
+            )
+        }
+        if (node.attrs.institution) {
+            content.push(`(${escapeText(node.attrs.institution)})`)
+        }
+        if (node.attrs.id_type && node.attrs.id_value) {
+            content.push(
+                `<i>${escapeText(node.attrs.id_type)}: ${escapeText(node.attrs.id_value)}</i>`
+            )
+        }
+
+        dom.innerHTML = content.join(" ")
+
+        return dom
+    }
+}
+
+export const tag = {
+    inline: true,
+    draggable: true,
+    attrs: {
+        tag: {
+            default: ""
+        }
+    },
+    parseDOM: [
+        {
+            tag: "span.tag",
+            getAttrs(dom) {
+                return {
+                    tag: dom.innerText
+                }
+            }
+        }
+    ],
+    toDOM(node) {
+        return ["span", {class: "tag"}, node.attrs.tag]
+    }
+}
+
+export const footnote = {
+    inline: true,
+    group: "inline",
+    attrs: {
+        footnote: {
+            default: [
+                {
+                    type: "paragraph"
+                }
+            ]
+        }
+    },
+    parseDOM: [
+        {
+            tag: "span.footnote-marker[data-footnote]",
+            getAttrs(dom) {
+                return {
+                    footnote: htmlToFnNode(dom.dataset.footnote)
+                }
+            }
+        }
+    ],
+    toDOM(node) {
+        const dom = document.createElement("span")
+        dom.classList.add("footnote-marker")
+        dom.dataset.footnote = fnNodeToHtml(node.attrs.footnote)
+        dom.innerHTML = "&nbsp;"
+        return dom
+    }
+}
+
+export const code_block = {
+    content: "text*",
+    marks: "_",
+    group: "block",
+    code: true,
+    defining: true,
+    attrs: {
+        track: {
+            default: []
+        },
+        language: {
+            default: ""
+        },
+        category: {
+            default: ""
+        },
+        title: {
+            default: ""
+        },
+        id: {
+            default: ""
+        }
+    },
+    parseDOM: [
+        {
+            tag: "pre",
+            preserveWhitespace: "full",
+            getAttrs(dom) {
+                return {
+                    track: parseTracks(dom.dataset.track),
+                    language: dom.dataset.language || "",
+                    category: dom.dataset.category || "",
+                    title: dom.dataset.title || "",
+                    id: dom.dataset.id || ""
+                }
+            }
+        }
+    ],
+    toDOM(node) {
+        const attrs = {}
+        if (node.attrs.track.length) {
+            attrs["data-track"] = JSON.stringify(node.attrs.track)
+        }
+        if (node.attrs.language) {
+            attrs["data-language"] = node.attrs.language
+        }
+        if (node.attrs.category) {
+            attrs["data-category"] = node.attrs.category
+        }
+        if (node.attrs.title) {
+            attrs["data-title"] = node.attrs.title
+        }
+        if (node.attrs.id) {
+            attrs["data-id"] = node.attrs.id
+        }
+        return ["pre", attrs, ["code", 0]]
+    }
+}

package/src/schema/document/index.js

@@ -0,0 +1,117 @@
+import OrderedMap from "orderedmap"
+import {Schema} from "prosemirror-model"
+import {marks, nodes} from "prosemirror-schema-basic"
+import {
+    anchor,
+    annotation_tag,
+    blockquote,
+    bullet_list,
+    citation,
+    code,
+    comment,
+    cross_reference,
+    deletion,
+    equation,
+    figure,
+    figure_caption,
+    figure_equation,
+    format_change,
+    heading1,
+    heading2,
+    heading3,
+    heading4,
+    heading5,
+    heading6,
+    horizontal_rule,
+    image,
+    insertion,
+    link,
+    list_item,
+    ordered_list,
+    paragraph,
+    sub,
+    sup,
+    table,
+    table_body,
+    table_caption,
+    table_cell,
+    table_header,
+    table_row,
+    underline
+} from "../common/index.js"
+import {code_block, contributor, footnote, tag} from "./content.js"
+import {
+    contributors_part,
+    doc,
+    heading_part,
+    richtext_part,
+    separator_part,
+    table_of_contents,
+    table_part,
+    tags_part,
+    title
+} from "./structure.js"
+
+const specNodes = OrderedMap.from({
+    doc,
+    richtext_part,
+    heading_part,
+    contributors_part,
+    tags_part,
+    table_part,
+    table_of_contents,
+    separator_part,
+    title,
+    contributor,
+    tag,
+    paragraph,
+    blockquote,
+    horizontal_rule,
+    figure,
+    image,
+    figure_equation,
+    figure_caption,
+    heading1,
+    heading2,
+    heading3,
+    heading4,
+    heading5,
+    heading6,
+    code_block,
+    text: nodes.text,
+    hard_break: nodes.hard_break,
+    citation,
+    equation,
+    cross_reference,
+    footnote,
+    ordered_list,
+    bullet_list,
+    list_item,
+    table,
+    table_caption,
+    table_body,
+    table_row,
+    table_cell,
+    table_header
+})
+
+const spec = {
+    nodes: specNodes,
+    marks: OrderedMap.from({
+        em: marks.em,
+        strong: marks.strong,
+        link,
+        underline,
+        sup,
+        sub,
+        code,
+        comment,
+        annotation_tag,
+        anchor,
+        deletion,
+        insertion,
+        format_change
+    })
+}
+
+export const docSchema = new Schema(spec)