Function build

packages/joint-decorators/src/parser.ts:61–150

(node: Element, markup: Partial<dia.MarkupNodeJSON>, attrs: dia.Cell.Attributes, bindings: SVGParserBinding[])

let idCounter = 0;

function build(node: Element, markup: Partial<dia.MarkupNodeJSON>, attrs: dia.Cell.Attributes, bindings: SVGParserBinding[]) {

    const { tagName, attributes } = node;

    let selector = markup.selector;
    if (!selector) {
        const selectorAttribute = attributes.getNamedItem('@selector');
        selector = (selectorAttribute ? selectorAttribute.value : util.guid({}));
    }

    let groupSelector = markup.groupSelector;
    if (!groupSelector) {
        const groupSelectorAttribute = attributes.getNamedItem('@group-selector');
        if (groupSelectorAttribute) {
            groupSelector = groupSelectorAttribute.value.split(',').map(s => s.trim());
        }
    }

    markup.selector = selector;
    markup.groupSelector = groupSelector;
    markup.tagName = tagName;

    if (node.childElementCount === 0) {
        const { textContent } = node;
        if (cbRegex.test(textContent.replace(spaceRegex, ''))) {
            if (tagName === 'text') {
                node.setAttribute(':text', textContent);
            } else {
                throw new Error(`Text Interpolation within <${tagName}> is not supported yet.`);
            }
        } else if (textContent) {
            if (tagName === 'text') {
                node.setAttribute('text', textContent);
            } else {
                markup.textContent = textContent;
            }
        }
    }
    const nodeAttrs: attributes.SVGAttributes = {};

    Array.from(attributes).forEach(nodeAttribute => {
        const { name, value } = nodeAttribute;
        if (name.startsWith('@')) {
            // noop
        } else if (name.startsWith(':')) {
            const parseExpression = (id: string, attribute: string, context: string) => {
                const path = attribute;

                const [triggers, pathToBinding] = parsePathToBinding(path);

                const binding: SVGParserBinding = {
                    ...pathToBinding,
                    id,
                    path: [`${selector}`, name.slice(1)],
                    expression: context,
                    triggers
                };