@longform/longform 0.0.17 → 0.0.19

package/dist/longform.min.js

@@ -1,737 +1,2 @@
-const LINE = 0, INDENT = 1, DIRECTIVE_KEY = 2, DIRECTIVE = 3, DIRECTIVE_INLINE_ARGS = 4, ID_TYPE = 5, ID = 6, FRAGMENT_TYPE = 7, ELEMENT = 8, ATTR = 9;
-const sniffTestRe = /^((?:  )*)(?:(@)([a-z][a-z\-]*(?::[a-z][a-z\-]*)?)(?:(?::: (.*))| *)?|(##?)([a-z][a-z\-]*)(?: ?(?: +([\["]))? *|(?: *))?|(?:[a-z][a-z\-]*(?::[a-z][a-z\-])?.*(::).*)|(?:(\[)[a-z][a-z\-]?.*(?:=.+)?\]\w*)|(.+))$/gmi
-// captures a single element definition which could be in a chain.
-// id, class and attributes are matched as a single block for a later loop
-// if in chained situation the regexp will need to be looped over for each element
-// we know the element is the last if the final capture group has a positive match
-// or if the line is consumed by the regexp.
-, outer = /([a-z][\w\-]*(?::[a-z][\w\-]*)?)((?:(?:[^:])|(?::(?!:)))*)::(?: (?:({{?)|(.*)))?/gi
-// captures each id, class and attribute declaration in an element
-, inner = /(?:\.([a-z][\w\-]+)|#([a-z][\w\-]+)|\[([a-z][a-z\-]+(?::[a-z][a-z|\-]*)?)(?:=(?:"([^"]+)"|'([^']+)'|([^\]]+)))?\])/gi, attribute1 = /((?:\ \ )+)\[(\w[\w-]*(?::\w[\w-]*)?)(?:=([^\n]+))?\]/, directiveAttr = /^@([a-z][\w\-]*(?::[a-z][\w\-]*)?)$/i, preformattedClose = /[ \t]*}}?[ \t]*/, id1 = /((?:\ \ )+)?#(#)?([\w\-]+)(?: ([\["]))?/gmi, identRe = /^(\ \ )+/, text1 = /^((?:\ \ )+)([^ \n][^\n]*)$/i, refRe = /#\[([\w\-]+)\]/g, escapeRe = /([&<>"'#\[\]{}])/g, templateLinesRe = /^(\ \ )?([^\n]+)$/gmi, templateRe = /\#\{(@)?([a-z][\w\-]*(?::[a-z][\w\-]*))}/g, voids = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wrb']);
-let m1, m2, m3, m4;
-const entities = {
-    '&': '&amp;',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&apos;',
-    //  '#': '&num;',
-    //  '[': '&lbrak;',
-    //  ']': '&rbrak;',
-    //  '{': '&rbrace;',
-    //  '}': '&lbrace;',
-};
-function escape(value) {
-    return value.replace(escapeRe, (match) => {
-        return entities[match] ?? match;
-    });
-}
-function makeElement(indent = 0) {
-    return {
-        indent,
-        key: undefined,
-        id: undefined,
-        tag: undefined,
-        class: undefined,
-        text: undefined,
-        attrs: {},
-        html: '',
-        mount: undefined,
-        serializerConfig: undefined,
-        chain: undefined,
-        beforeRender: undefined,
-    };
-}
-function makeFragment(type = 'bare') {
-    return {
-        type,
-        html: '',
-        template: false,
-        mountable: false,
-        els: [],
-        refs: [],
-        mountPoints: [],
-    };
-}
-class Doc {
-    id;
-    lang;
-    dir;
-    meta;
-    #serializerConfig;
-    constructor(id, lang, dir, meta, allowAll, allowedAttributes, allowedElements) {
-        this.id = id;
-        this.lang = lang;
-        this.dir = dir;
-        this.meta = Object.freeze(meta);
-        this.#serializerConfig = {
-            allowAll: allowAll ?? false,
-            allowedAttributes: allowedAttributes ?? [],
-            allowedElements: {},
-        };
-        if (allowedElements != null) {
-            for (let i = 0, l = allowedElements.length, el = allowedElements[i]; i < l; i++) {
-                if (typeof el === 'string') {
-                    this.#serializerConfig.allowedElements[el] = {
-                        tag: el,
-                        attrs: [],
-                    };
-                }
-                else {
-                    this.#serializerConfig.allowedElements[el.tag] = el;
-                }
-            }
-        }
-        Object.freeze(this);
-    }
-    allowAll() {
-    }
-    allowAttributes() {
-    }
-    allowElements() {
-    }
-}
-const directiveValidator = /^[a-z][a-z\-]*\:[a-z][a-z\-]*$/i;
-/**
- * Parses a longform document into a object containing the root and fragments
- * in the output format.
- *
- * @param input - The Longform document to parse.
- * @param args - Arguments for the Longform parser.
- */
-function longform(input, args) {
-    let textIndent = null, verbatimSerialize = true, verbatimIndent = null, verbatimFirst = false, element = makeElement(), fragment = makeFragment()
-    // the root fragment
-    , root = null, id = args?.id, lang = args?.lang, dir = args?.dir, meta = {}, doc;
-    // ids of claimed fragments
-    const claimed = new Set()
-    // parsed fragments
-    , parsed = new Map(Object.entries(args?.fragments ?? {})), output = Object.create(null), directives = {
-        id: { attr: ctx => ctx.doc.id },
-        dir: { attr: ctx => ctx.doc.dir },
-        lang: { attr: ctx => ctx.doc.lang },
-    };
-    let key = args?.key;
-    if (!args?.predictable && key == null) {
-        const arr = new Uint8Array(10);
-        crypto.getRandomValues(arr);
-        key = arr.toHex().toLowerCase();
-    }
-    else if (key == null) {
-        key = 'lf';
-    }
-    output.fragments = {};
-    output.templates = {};
-    if (args?.directives != null) {
-        const entries = Object.entries(args.directives);
-        for (let i = 0, l = entries.length; i < l; i++) {
-            if (!directiveValidator.test(entries[i][0])) {
-                console.warn(`Invalid custom directive name '${entries[i][0]}'`);
-                continue;
-            }
-            directives[entries[i][0]] = entries[i][1];
-        }
-    }
-    /**
-     * Closes any current in progress element definition
-     * and creates a new working element.
-     */
-    function applyIndent(targetIndent) {
-        if (Array.isArray(element.beforeRender)) {
-            const el = {
-                id: element.id,
-                tag: element.tag,
-                class: element.class,
-                attrs: element.attrs,
-            };
-            const chain = [];
-            for (let i = 0, l = element.chain.length, el = element.chain[i]; i < l; i++) {
-                chain.push({
-                    id: el.id,
-                    tag: el.tag,
-                    class: el.class,
-                    attrs: el.attrs,
-                });
-            }
-            for (let i = 0, l = element.beforeRender.length, def = element.beforeRender[i]; i < l; i++) {
-                def.beforeRender({
-                    el,
-                    chain,
-                    doc: doc,
-                    inlineArg: def.inlineArg,
-                    blockArg: def.blockArg,
-                });
-            }
-        }
-        if (element.tag != null) {
-            const root = fragment.type === 'range'
-                ? targetIndent < 2
-                : fragment.html === '';
-            fragment.html += `<${element.tag}`;
-            if (element.id !== undefined) {
-                fragment.html += ' id="' + element.id + '"';
-            }
-            if (element.class !== undefined) {
-                fragment.html += ' class="' + element.class + '"';
-            }
-            for (const attr of Object.entries(element.attrs)) {
-                if (attr[0] === 'id' || attr[0] === 'class')
-                    continue;
-                if (attr[1] == null) {
-                    fragment.html += ' ' + attr[0];
-                }
-                else {
-                    fragment.html += ` ${attr[0]}="${attr[1]}"`;
-                }
-            }
-            if (root) {
-                if (fragment.type === 'root') {
-                    fragment.html += ` data-${key}-root`;
-                }
-                else if (fragment.type === 'bare' || fragment.type === 'range') {
-                    fragment.html += ` data-${key}="${fragment.id}"`;
-                }
-                else if (fragment.type === 'embed' && !args?.predictable) {
-                    fragment.html += ` data-${key}="${fragment.id}"`;
-                }
-            }
-            if (element.mount !== undefined) {
-                fragment.html += ` data-${key}-mount="${element.mount}"`;
-            }
-            fragment.html += '>';
-            if (Array.isArray(element.chain)) {
-                let chained;
-                for (let i = 0, l = element.chain.length; i < l; i++) {
-                    chained = element.chain[i];
-                    fragment.html += '<' + chained.tag;
-                    if (chained.id !== undefined) {
-                        fragment.html += ' id="' + chained.id + '"';
-                    }
-                    if (chained.class != undefined) {
-                        fragment.html += ' class="' + chained.class + '"';
-                    }
-                    for (const attr of Object.entries(chained.attrs)) {
-                        if (attr[1] === undefined) {
-                            fragment.html += ' ' + attr[0];
-                        }
-                        else {
-                            fragment.html += ` ${attr[0]}="${attr[1]}"`;
-                        }
-                    }
-                    fragment.html += '>';
-                }
-            }
-            if (!voids.has(element.tag) && element.text != null) {
-                fragment.html += element.text;
-            }
-            if (!voids.has(element.tag)) {
-                fragment.els.push(element);
-            }
-        }
-        if (targetIndent <= element.indent) {
-            element = makeElement(targetIndent);
-            while (fragment.els.length !== 0 && (targetIndent == null ||
-                fragment.els[fragment.els.length - 1].indent !== targetIndent - 1)) {
-                const element = fragment.els.pop();
-                if (Array.isArray(element.chain)) {
-                    for (let i = 0, l = element.chain.length; i < l; i++) {
-                        fragment.html += `</${element.chain[i].tag}>`;
-                    }
-                }
-                fragment.html += `</${element?.tag}>`;
-            }
-            if (targetIndent === 0) {
-                if (fragment.template) {
-                    output.templates[fragment.id] = fragment.html;
-                }
-                else if (fragment.type === 'root') {
-                    root = fragment;
-                }
-                else {
-                    parsed.set(fragment.id, fragment);
-                }
-                fragment = makeFragment();
-            }
-        }
-        else {
-            element = makeElement(targetIndent);
-        }
-    }
-    main: while ((m1 = sniffTestRe.exec(input))) {
-        if (m1[1] === '--') {
-            continue;
-        }
-        else if (fragment.template) {
-            fragment.html += m1[0];
-        }
-        // If this is a script tag or preformatted block
-        // we want to retain the intended formatting less
-        // the indent. Pre-formatting can apply to any element
-        // by ending the declaration with `:: {`.
-        if (verbatimIndent != null) {
-            // inside a script or preformatted block
-            identRe.lastIndex = 0;
-            m2 = identRe.exec(m1[0]);
-            const indent = m2 == null
-                ? null
-                : m2[0].length / 2;
-            if (m2 == null || indent <= verbatimIndent) {
-                fragment.html += '\n';
-                applyIndent(indent);
-                verbatimIndent = null;
-                verbatimFirst = false;
-                textIndent = indent;
-                if (preformattedClose.test(m1[0])) {
-                    continue;
-                }
-            }
-            else {
-                const line = m1[0].replace('  '.repeat(verbatimIndent + 1), '');
-                if (element.tag != null) {
-                    applyIndent(indent);
-                }
-                if (verbatimFirst) {
-                    verbatimFirst = false;
-                }
-                else {
-                    fragment.html += '\n';
-                }
-                if (verbatimSerialize) {
-                    fragment.html += line;
-                }
-                else {
-                    fragment.html += escape(line);
-                }
-                continue;
-            }
-        }
-        if (m1[LINE].trim() === '') {
-            continue;
-        }
-        // The id and lang directives should proceed all other directives and 
-        // fragment declarations.
-        if (doc === undefined) {
-            const inlineArgs = m1[DIRECTIVE_INLINE_ARGS] ?? '';
-            switch (m1[DIRECTIVE]) {
-                case 'id': {
-                    const url = inlineArgs.trim();
-                    try {
-                        id = id ?? new URL(url, args?.base).toString();
-                    }
-                    catch (err) {
-                        console.warn(`Invalid URL given to @id directive: ${url} base=${args.base}`);
-                    }
-                    continue main;
-                }
-                case 'lang': {
-                    lang = lang ?? inlineArgs.trim();
-                    continue main;
-                }
-                case 'dir': {
-                    dir = dir ?? inlineArgs.trim();
-                    continue main;
-                }
-                default: {
-                    const def = directives[m1[DIRECTIVE]];
-                    if (typeof def?.meta === 'function') {
-                        if (Object.keys(def).length > 1) {
-                            throw new Error(`A custom directive performing the meta role cannot be used for other purposes. ` +
-                                `See @${m1[DIRECTIVE]}`);
-                        }
-                        meta[m1[DIRECTIVE]] = def.meta({ inlineArgs });
-                        continue main;
-                    }
-                }
-            }
-            doc = new Doc(id, lang, dir, meta, args?.allowAll, args?.allowedAttributes, args?.allowedElements);
-            if (args?.outputMode === 'meta') {
-                return {
-                    key,
-                    id,
-                    lang,
-                    dir,
-                    meta: doc.meta,
-                };
-            }
-        }
-        switch (m1[DIRECTIVE_KEY] ?? m1[ID_TYPE] ?? m1[ELEMENT] ?? m1[ATTR]) {
-            case '#':
-            case '##': {
-                id1.lastIndex = 0;
-                const indent = (m1[INDENT].length ?? 0) / 2;
-                if (element.tag != null || textIndent != null) {
-                    applyIndent(indent);
-                    textIndent = null;
-                }
-                fragment.id = m1[ID];
-                if (indent === 0) {
-                    if (m1[FRAGMENT_TYPE] == '[') {
-                        fragment.type = 'range';
-                    }
-                    else if (m1[FRAGMENT_TYPE] === '"') {
-                        fragment.type = 'text';
-                    }
-                    else if (m1[ID_TYPE] === '##') {
-                        fragment.type = 'bare';
-                    }
-                    else {
-                        fragment.type = 'embed';
-                        element.id = fragment.id;
-                    }
-                }
-                else {
-                    element.id = fragment.id;
-                }
-                break;
-            }
-            case '@': {
-                const indent = m1[INDENT].length / 2;
-                if (element.tag != null || textIndent != null) {
-                    applyIndent(indent);
-                }
-                switch (m1[DIRECTIVE]) {
-                    case 'doctype': {
-                        const args = m1[DIRECTIVE_INLINE_ARGS] ?? 'html';
-                        fragment.html += `<!doctype ${args.trim()}>`;
-                        break;
-                    }
-                    case 'xml': {
-                        const args = m1[DIRECTIVE_INLINE_ARGS] ?? 'version="1.0" encoding="UTF-8"';
-                        fragment.html += `<?xml ${args.trim()}?>`;
-                        break;
-                    }
-                    case 'template': {
-                        let indented = false;
-                        fragment.template = indent === 0;
-                        templateLinesRe.lastIndex = sniffTestRe.lastIndex;
-                        while ((m2 = templateLinesRe.exec(input))) {
-                            if (m2[1] == null && !indented && fragment.id == null) {
-                                id1.lastIndex = 0;
-                                m3 = id1.exec(m2[0]);
-                                if (m3 != null)
-                                    fragment.id = m3[3];
-                                fragment.html += m2[0];
-                            }
-                            else if (m2[1] == null && indented) {
-                                sniffTestRe.lastIndex = templateLinesRe.lastIndex - m2[0].length;
-                                break;
-                            }
-                            else {
-                                fragment.html += '\n' + m2[0];
-                                if (m2[1] != null)
-                                    indented = true;
-                            }
-                        }
-                        applyIndent(0);
-                        break;
-                    }
-                    case 'mount': {
-                        if (m1[DIRECTIVE_INLINE_ARGS] == null) {
-                            throw new Error('Mount points must have a name');
-                        }
-                        else if (fragment.type !== 'root') {
-                            throw new Error('Mounting is only allowed on a root element');
-                        }
-                        fragment.mountable = true;
-                        element.mount = m1[DIRECTIVE_INLINE_ARGS].trim();
-                        break;
-                    }
-                    default: {
-                        const def = directives[m1[DIRECTIVE]];
-                        if (def == null)
-                            break;
-                        if (typeof def.beforeRender === 'function') {
-                            if (element.id != null) {
-                                applyIndent(indent);
-                            }
-                            if (element.beforeRender == null)
-                                element.beforeRender = [];
-                            // TODO: Parse block args
-                            const applied = {
-                                ...def,
-                                inlineArg: m1[DIRECTIVE_INLINE_ARGS],
-                            };
-                            element.beforeRender.push(applied);
-                        }
-                    }
-                }
-                break;
-            }
-            case '[':
-            case '::': {
-                if (m1[ELEMENT] !== undefined) {
-                    const indent = (m1[INDENT]?.length ?? 0) / 2;
-                    let preformattedType;
-                    let inlineText;
-                    if (element.tag !== undefined ||
-                        element.indent > indent) {
-                        applyIndent(indent);
-                    }
-                    element.indent = indent;
-                    textIndent = null;
-                    if (indent === 0 && fragment.id == null) {
-                        if (root != null) ;
-                        else {
-                            fragment.type = 'root';
-                            root = fragment;
-                        }
-                    }
-                    const parent = element;
-                    outer.lastIndex = 0;
-                    // Looping through chained element declarations
-                    // foo#x.y::bar::free:: 
-                    while ((m2 = outer.exec(m1[LINE]))) {
-                        let working;
-                        preformattedType = m2[3];
-                        inlineText = m2[4];
-                        if (element.tag === undefined) {
-                            element.tag = m2[1];
-                            working = element;
-                        }
-                        else {
-                            if (parent.chain === undefined)
-                                parent.chain = [];
-                            working = makeElement(indent);
-                            working.tag = m2[1];
-                            parent.chain.push(working);
-                        }
-                        inner.lastIndex = 0;
-                        // Looping through ids, classes and attrs
-                        while ((m3 = inner.exec(m2[2]))) {
-                            if (m3[2] !== undefined) {
-                                working.id = m3[2];
-                            }
-                            else if (m3[1] !== undefined) {
-                                if (working.class == null) {
-                                    working.class = m3[1];
-                                }
-                                else {
-                                    working.class += ' ' + m3[1];
-                                }
-                            }
-                            else {
-                                // TODO: Preserve quoting style around attribute values
-                                let value = m3[4] ?? m3[5] ?? m3[6];
-                                // attribute directives
-                                if (value[0] === '@') {
-                                    directiveAttr.lastIndex = 0;
-                                    m4 = directiveAttr.exec(value);
-                                    if (m4 != null) {
-                                        const def = directives[m4[1]];
-                                        if (def != null && typeof def.attr === 'function') {
-                                            value = def.attr({ doc, tag: element.tag });
-                                            if (value == null)
-                                                break;
-                                        }
-                                        else {
-                                            break;
-                                        }
-                                    }
-                                }
-                                switch (m3[3]) {
-                                    case 'id':
-                                        if (!working.id) {
-                                            working.id = value;
-                                        }
-                                        break;
-                                    case 'class':
-                                        if (!working.class) {
-                                            working.class = value;
-                                        }
-                                        else {
-                                            working.class += ' ' + value;
-                                        }
-                                        break;
-                                    default:
-                                        working.attrs[m3[3]] = value;
-                                }
-                            }
-                        }
-                    }
-                    // this is a hack to get temp support of mounting
-                    // working. In the future it will be moved to a 
-                    // server specific process.
-                    if (element.mount != null) {
-                        const id = element.mount;
-                        applyIndent(indent + 1);
-                        fragment.mountPoints.push({
-                            id,
-                            part: fragment.html,
-                        });
-                        fragment.html = '';
-                        applyIndent(indent);
-                        break;
-                    }
-                    if (preformattedType !== undefined) {
-                        verbatimFirst = true;
-                        verbatimIndent = indent;
-                        verbatimSerialize = preformattedType === '{{';
-                    }
-                    else if (inlineText !== undefined) {
-                        element.text = inlineText;
-                    }
-                    break;
-                }
-                attribute1.lastIndex = 0;
-                m2 = m1[ATTR] !== undefined
-                    ? attribute1.exec(m1[LINE])
-                    : undefined;
-                if (m2 != null && element.tag != null) {
-                    if (m2[2] === 'id') {
-                        if (element.id == null) {
-                            element.id = m2[3].trim();
-                        }
-                    }
-                    else if (m2[2] === 'class') {
-                        if (element.class != null) {
-                            element.class += ' ' + m2[3].trim();
-                        }
-                        else {
-                            element.class = m2[3].trim();
-                        }
-                    }
-                    else if (element.attrs[m2[2]] != null) {
-                        element.attrs[m2[2]] += m2[3];
-                    }
-                    else {
-                        element.attrs[m2[2]] = m2[3];
-                    }
-                    break;
-                }
-            }
-            default: {
-                m2 = text1.exec(m1[0]);
-                if (m2 == null) {
-                    break;
-                }
-                const indent = m2[1].length / 2;
-                const tx = m2[2].trim();
-                if (element.tag != null) {
-                    applyIndent(indent);
-                    fragment.html += tx;
-                }
-                else if (fragment.type === 'text' && fragment.html === '') {
-                    fragment.html += tx;
-                }
-                else {
-                    fragment.html += ' ' + tx;
-                }
-                textIndent = indent;
-                while ((m2 = refRe.exec(tx))) {
-                    const start = fragment.html.length + m2.index - tx.length;
-                    fragment.refs.push({
-                        id: m2[1],
-                        start,
-                        end: start + m2[0].length,
-                    });
-                }
-                break;
-            }
-        }
-    }
-    applyIndent(0);
-    const arr = Array.from(parsed.values());
-    function flatten(fragment) {
-        if (fragment.refs == null)
-            fragment.refs = [];
-        // work backwards so we don't change the html string length
-        // for the later replacements
-        for (let j = fragment.refs.length - 1; j >= 0; j--) {
-            const ref = fragment.refs[j];
-            if (claimed.has(ref.id) || !parsed.has(ref.id)) {
-                fragment.html = fragment.html.slice(0, ref.start)
-                    + fragment.html.slice(ref.end);
-            }
-            else {
-                const child = flatten(parsed.get(ref.id));
-                fragment.html = fragment.html.slice(0, ref.start)
-                    + child.html
-                    + fragment.html.slice(ref.end);
-                if (child.type === 'embed') {
-                    claimed.add(child.id);
-                }
-            }
-        }
-        fragment.refs = [];
-        return fragment;
-    }
-    if (root?.mountable) {
-        output.mountable = true;
-        output.tail = root.html;
-        output.mountPoints = root.mountPoints;
-        return output;
-    }
-    for (let i = 0; i < parsed.size + 1; i++) {
-        let fragment;
-        if (i === 0 && root == null) {
-            continue;
-        }
-        else if (i === 0) {
-            fragment = root;
-        }
-        else {
-            fragment = arr[i - 1];
-        }
-        if (fragment.refs == null || fragment.refs.length === 0) {
-            continue;
-        }
-        flatten(fragment);
-    }
-    if (root?.html != null) {
-        output.root = root.html;
-        output.selector = `[data-${key}-root]`;
-    }
-    for (let i = 0; i < arr.length; i++) {
-        let selector;
-        const fragment = arr[i];
-        if (fragment == null || claimed.has(fragment.id)) {
-            continue;
-        }
-        switch (fragment.type) {
-            case 'embed': {
-                if (args?.predictable) {
-                    selector = `[id=${fragment.id}]`;
-                    break;
-                }
-            }
-            case 'bare':
-            case 'range': selector = `[data-${key}=${fragment.id}]`;
-        }
-        output.fragments[fragment.id] = {
-            id: fragment.id,
-            selector,
-            type: fragment.type,
-            html: fragment.html,
-        };
-    }
-    if (doc == null)
-        doc = new Doc(id, lang, dir, meta);
-    output.key = key;
-    output.id = doc?.id;
-    output.lang = doc?.lang;
-    output.dir = doc?.dir;
-    return output;
-}
-/**
- * Processes a client side Longform template to HTML fragment string.
- *
- * @param fragment    - The fragment identifier.
- * @param args        - A record of template arguments.
- * @param getFragment - A function which returns an already processed fragment's HTML string.
- * @returns The processed template.
- */
-function processTemplate(template, args, getFragment) {
-    const lf = template.replace(templateRe, (_match, param, ref) => {
-        if (ref != null) {
-            const fragment = getFragment(ref);
-            if (fragment == null)
-                return '';
-            return fragment;
-        }
-        return args[param] != null ? escape(args[param].toString()) : '';
-    });
-    return Object.values(longform(lf).fragments)[0]?.html ?? null;
-}
-
-export { longform, processTemplate };
+const e=/^((?:  )*)(?:(@)([a-z][a-z\-]*(?::[a-z][a-z\-]*)?)(?:(?:(?::: (.*)))|(?:::)? *)?|(##?)([a-z][a-z\-]*)(?: ?(?: +([\["]))? *|(?: *))?|(?:[a-z][a-z\-]*(?::[a-z][a-z\-])?.*(::).*)|(?:(\[)[a-z][a-z\-]?.*(?:=.+)?\]\w*)|(--).*|(.+))$/gim,t=/([a-z][\w\-]*(?::[a-z][\w\-]*)?)((?:(?:[^:])|(?::(?!:)))*)::(?: (?:({{?)|(.*)))?/gi,l=/(?:\.([a-z][\w\-]+)|#([a-z][\w\-]+)|\[([a-z][a-z\-]+(?::[a-z][a-z|\-]*)?)(?:=(?:"([^"]+)"|'([^']+)'|([^\]]+)))?\])/gi,n=/((?:\ \ )+)\[(\w[\w-]*(?::\w[\w-]*)?)(?:=([^\n]+))?\]/,i=/^@([a-z][\w\-]*(?::[a-z][\w\-]*)?)$/i,a=/((?:\ \ )+)?#(#)?([\w\-]+)(?: ([\["]))?/i,r=/#\[([\w\-]+)\]/g,s=/([&<>"'#\[\]{}])/g,o=/^(\ \ )?([^\n]+)$/gm,d=/#(#)?{([a-z][\w\-]*(?::[a-z][\w\-]*)?)}|#\[([a-z][\w\-]*(?::[a-z][\w\-]*)?)\]/g,c=new Set(["}","}}"]),m=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wrb"]);let f=null,h=null,u=null,g=null;const b={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;"};function p(e){return e.replace(s,e=>b[e]??e)}function w(e=0){return{indent:e,key:void 0,id:void 0,tag:void 0,class:void 0,text:void 0,attrs:{},html:"",mount:void 0,serializerConfig:void 0,chain:void 0,beforeRender:void 0}}function y(e="bare"){return{id:void 0,type:e,html:"",template:!1,mountable:!1,els:[],refs:[],mountPoints:[]}}class v{id;lang;dir;meta;#e;constructor(e,t,l,n,i,a,r){if(this.id=e,this.lang=t,this.dir=l,this.meta=Object.freeze(n),this.#e={allowAll:i??!1,allowedAttributes:a??[],allowedElements:{}},null!=r)for(let e=0,t=r.length,l=r[e];e<t;e++)"string"==typeof l?this.#e.allowedElements[l]={tag:l,attrs:[]}:this.#e.allowedElements[l.tag]=l;Object.freeze(this)}allowAll(){}allowAttributes(){}allowElements(){}}const z=/^[a-z][a-z\-]*\:[a-z][a-z\-]*$/i;async function A(s,d){let m,b,A=!1,k="",R=0,I=0,j=w(),O=y(),E=null,P=d?.id,C=d?.lang,S=d?.dir,M={},U={},L=0;const q=new Set,D=new Map(Object.entries(d?.fragments??{})),F=Object.create(null),H={id:{attr:e=>e.doc.id},dir:{attr:e=>e.doc.dir},lang:{attr:e=>e.doc.lang}},T=[];let V=d?.key;if(d?.predictable||null!=V)null==V&&(V="lf");else{const e=new Uint8Array(10);crypto.getRandomValues(e),V=e.toHex().toLowerCase()}if(F.fragments={},F.templates={},null!=d?.directives){const e=Object.entries(d.directives);for(let t=0,l=e.length,n=e[t];t<l;t++)z.test(n[0])?H[n[0]]=n[1]:console.warn("Invalid custom directive name '$e{[0]}'")}s+="\n  ",e.lastIndex=0;e:for(;f=e.exec(s);){if("--"===f[10])continue;O.template&&(O.html+=f[0]);const z=f[1].length/2;if(!A||0===z){if(A&&(A=!1),0!==I){if(z>=R&&(1!==I||void 0===(f[2]??f[5]??f[8]??f[9]))){1===I?k+=" "+f[0].trim():(""!==k&&(k+="\n"),k+=f[0].replace(f[1],""));continue}if(""===f[0].trim()&&s.length!==f.index+f[0].length){1!==I&&(k+="\n");continue}switch(I){case 1:for(O.html+=k;h=r.exec(k);){const e=O.html.length+h.index-k.length;O.refs.push({id:h[1],start:e,end:e+h[0].length})}$(z,V,j,O,b,D,F,d);break;case 2:O.html+=p(k);break;case 3:O.html+=k+"\n";break;case 4:if(null==m.def)break;if(null==b)"function"==typeof m.def.meta&&(M[f[3]]=m.def.meta({inlineArgs:m.inlineArgs,blockArgs:k}));else if("function"==typeof m.def.render)try{j.html+=m.def.render({doc:b,inlineArgs:m.inlineArgs,blockArgs:k})}catch(e){console.error(`Error in calling directive ${m.name}`),console.error(e)}else if("function"==typeof m.def.asyncRender){L++;const e=y("embed");e.id=`@${L}`,D.set(e.id,e),O.refs.push({id:e.id,start:O.html.length,end:O.html.length}),T.push(m.def.asyncRender({doc:b,inlineArgs:m.inlineArgs,blockArgs:k}).then(t=>{e.html=t??""}).catch(e=>{console.error(`Error in calling directive ${m.name}`),console.error(e)}))}else"function"==typeof m.def.element?(null==j.beforeRender&&(j.beforeRender=[]),j.beforeRender.push({blockArgs:k,inlineArgs:m.inlineArgs,element:m.def.element})):console.warn(`Directive used in incorrect context ${m.name}`)}if(I=0,k="",c.has(f[0].trim()))continue}if(""!==f[0].trim()){if(void 0===b){let e=!1;const t=f[4]??"";switch(f[3]){case"id":const l=t.trim();e=!0;try{P=P??new URL(l,d?.base).toString()}catch(e){console.warn(`Invalid URL given to @id directive: ${l} base=${d?.base}`)}break;case"lang":e=!0,C=C??t.trim();break;case"dir":e=!0,S=S??t.trim()}const l=H[f[3]];if("function"==typeof l?.meta||e){R=z+1,I=4,m={name:f[3],inlineArgs:t,def:l};continue e}if("head"===d?.outputMode)return{key:V,id:P,lang:C,dir:S,meta:M,data:U};b=new v(P,C,S,M,d?.allowAll,d?.allowedAttributes,d?.allowedElements)}switch(f[2]??f[5]??f[8]??f[9]){case"#":case"##":[j,O]=$(z,V,j,O,b,D,F,d),O.id=f[6],0===z?"["==f[7]?O.type="range":'"'===f[7]?O.type="text":"##"===f[5]?O.type="bare":(O.type="embed",j.id=O.id):j.id=O.id;break;case"@":void 0!==j.tag&&([j,O]=$(z,V,j,O,b,D,F,d));const r=f[4]??"";switch(f[3]){case"template":if(0===z){let t=!1;for(O.template=!0,o.lastIndex=e.lastIndex;h=o.exec(s);)if(null!=h[1]||t||null!=O.id){if(null==h[1]&&t){e.lastIndex=o.lastIndex-h[0].length;break}O.html+="\n"+h[0],null!=h[1]&&(t=!0)}else u=a.exec(h[0]),null!=u&&(O.id=u[3]),O.html+=h[0];[j,O]=$(0,V,j,O,b,D,F,d)}continue e;case"doctype":O.html+=`<!doctype ${(r.trim()||"html").trim()}>`;break;case"xml":O.html+=`<?xml ${r.trim()||'version="1.0" encoding="UTF-8"'}?>`;break;case"mount":if("mountable"!==d?.outputMode)break;""===r?console.warn("Mount points must have a name"):"root"!==O.type&&console.warn("Mounting is only allowed on a root element"),O.mountable=!0,j.mount=r.trim()}const c=H[f[3]];R=z+1,I=4,m={name:f[3],inlineArgs:f[4],def:c};break;case"::":if(void 0!==f[8]){let e,n;(void 0!==j.tag||j.indent>z)&&([j,O]=$(z,V,j,O,b,D,F,d)),j.indent=z,0===z&&null==O.id&&(null!=E?A=!0:(O.type="root",E=O));const a=j;for(t.lastIndex=0;h=t.exec(f[0]);){let t;for(e=h[3],n=h[4],void 0===j.tag?(j.tag=h[1],t=j):(void 0===a.chain&&(a.chain=[]),t=w(z),t.tag=h[1],a.chain.push(t)),l.lastIndex=0;u=l.exec(h[2]);)if(void 0!==u[2])t.id=u[2];else if(void 0!==u[1])null==t.class?t.class=u[1]:t.class+=" "+u[1];else{let e=u[4]??u[5]??u[6];if("@"===e[0]&&(i.lastIndex=0,g=i.exec(e),null!=g)){const t=H[g[1]];if(null==t||"function"!=typeof t.attr)break;if(e=t.attr({doc:b,tag:j.tag}),null==e)break}switch(u[3]){case"id":t.id||"string"!=typeof e||(t.id=e);break;case"class":t.class||"string"!=typeof e?"string"==typeof e&&(t.class+=" "+e):t.class=e;break;default:!1!==e&&(t.attrs[u[3]]=e)}}}if(null!=j.mount){const e=j.mount;[j,O]=$(z+1,V,j,O,b,D,F,d),null==O.mountPoints&&(O.mountPoints=[]),O.mountPoints.push({id:e,part:O.html}),O.html="",[j,O]=$(z,V,j,O,b,D,F,d);break}void 0!==e?(void 0!==j.tag&&([j,O]=$(z+1,V,j,O,b,D,F,d)),R=z+1,I="{{"===e?3:2):void 0!==n&&(j.text=n);break}case"[":if(n.lastIndex=0,h=void 0!==f[9]?n.exec(f[0]):null,null!=h&&null!=j.tag){"id"===h[2]?null==j.id&&(j.id=h[3].trim()):"class"===h[2]?null!=j.class?j.class+=" "+h[3].trim():j.class=h[3].trim():null!=j.attrs[h[2]]?j.attrs[h[2]]+=h[3]:j.attrs[h[2]]=h[3];break}default:void 0!==j.tag&&([j,O]=$(z,V,j,O,b,D,F,d)),k=f[0].trim(),R=z,I=1}}}}if($(0,V,j,O,b,D,F,d),T.length>0&&await Promise.all(T),E?.mountable)return F.mountable=!0,F.tail=E.html,F.mountPoints=E.mountPoints??[],F;const B=Array.from(D.values());for(let e=0;e<D.size+1;e++){let t;0===e&&null==E||(t=0===e?E:B[e-1],null!=t.refs&&0!==t.refs.length&&x(t,q,D))}null!=E?.html&&(F.root=E.html,F.selector=`[data-${V}-root]`);for(let e=0,t=B.length,l=B[e];e<t;e++){let e;if(null!=l&&!q.has(l.id)){switch(l.type){case"embed":if(d?.predictable){e=`[id=${l.id}]`;break}case"bare":case"range":e=`[data-${V}=${l.id}]`}F.fragments[l.id]={id:l.id,selector:e,type:l.type,html:l.html}}}return F.key=V,F.id=P,F.lang=C,F.dir=S,F.meta=M,F}async function k(e,t,l,n){const i=e.replace(d,(e,l,i,a)=>{if(void 0!==a&&"function"==typeof n){const e=n(a);return null==e?"":e}return null!=t[i]?p(t[i].toString()):""});return Object.values((await A(i,l)).fragments)[0]?.html??null}function $(e,t,l,n,i,a,r,s){if(void 0!==l.tag){if(Array.isArray(l.beforeRender)){const e={id:l.id,tag:l.tag,class:l.class,attrs:l.attrs},t=[];for(let e=0,n=l.chain.length,i=l.chain[e];e<n;e++)t.push({id:i.id,tag:i.tag,class:i.class,attrs:i.attrs});for(let n=0,a=l.beforeRender.length,r=l.beforeRender[n];n<a;n++)r.element({el:e,chain:t,doc:i,inlineArgs:r.inlineArgs,blockArgs:r.blockArgs})}const a="range"===n.type?e<2:""===n.html;n.html+=`<${l.tag}`,void 0!==l.id&&(n.html+=' id="'+l.id+'"'),void 0!==l.class&&(n.html+=' class="'+l.class+'"');for(const e of Object.entries(l.attrs))"id"!==e[0]&&"class"!==e[0]&&(null==e[1]?n.html+=" "+e[0]:n.html+=` ${e[0]}="${e[1]}"`);if(a&&("root"===n.type?n.html+=` data-${t}-root`:"bare"===n.type||"range"===n.type?n.html+=` data-${t}="${n.id}"`:"embed"!==n.type||s?.predictable||(n.html+=` data-${t}="${n.id}"`)),void 0!==l.mount&&(n.html+=` data-${t}-mount="${l.mount}"`),n.html+=">",Array.isArray(l.chain)){let e;for(let t=0,i=l.chain.length;t<i;t++){e=l.chain[t],n.html+="<"+e.tag,void 0!==e.id&&(n.html+=' id="'+e.id+'"'),null!=e.class&&(n.html+=' class="'+e.class+'"');for(const t of Object.entries(e.attrs))void 0===t[1]?n.html+=" "+t[0]:n.html+=` ${t[0]}="${t[1]}"`;n.html+=">"}}m.has(l.tag)||null==l.text||(n.html+=l.text),m.has(l.tag)||n.els.push(l)}if(e<=l.indent){for(l=w(e);0!==n.els.length&&(null==e||n.els[n.els.length-1].indent!==e-1);){const e=n.els.pop();if(Array.isArray(e.chain))for(let t=0,l=e.chain.length;t<l;t++)n.html+=`</${e.chain[t].tag}>`;n.html+=`</${e?.tag}>`}0===e&&(n.template?r.templates[n.id]=n.html:"root"!==n.type&&a.set(n.id,n),n=y())}else l=w(e);return[l,n]}function x(e,t,l,n=new Set){let i;if(Array.isArray(e.refs))for(let a=e.refs.length-1;a>-1;a--)if(i=e.refs[a],n.has(i.id)||t.has(i.id)||!l.has(i.id))e.html=e.html.slice(0,i.start)+e.html.slice(i.end);else{n.add(e.id);const a=x(l.get(i.id),t,l,n);e.html=e.html.slice(0,i.start)+a.html+e.html.slice(i.end),"embed"===a.type&&t.add(a.id)}return e.refs=void 0,e}export{A as longform,k as processTemplate};
 //# sourceMappingURL=longform.min.js.map