mossmd 0.8.1

package/dist/features/callout/index.js

@@ -0,0 +1,223 @@
+import { Decoration, ViewPlugin, WidgetType, } from '@codemirror/view';
+import { readOnlyFacet } from '../../core/read-only';
+import { previewFrozenField } from '../../core/preview-activity';
+import { defineMossSyntax } from '../../syntax';
+const CALLOUT_START_RE = /^(\s{0,3}>\s?)(\[!([A-Za-z][\w-]*)\][+-]?)([ \t]*)/;
+const BLOCKQUOTE_LINE_RE = /^\s{0,3}>/;
+const DEFAULT_ALIASES = {
+    summary: 'abstract',
+    tldr: 'abstract',
+    hint: 'tip',
+    check: 'success',
+    done: 'success',
+    help: 'question',
+    faq: 'question',
+    caution: 'warning',
+    attention: 'warning',
+    fail: 'failure',
+    missing: 'failure',
+    error: 'danger',
+    cite: 'quote',
+};
+class CalloutMarkerWidget extends WidgetType {
+    constructor(type, label, lineFrom) {
+        super();
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: type
+        });
+        Object.defineProperty(this, "label", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: label
+        });
+        Object.defineProperty(this, "lineFrom", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: lineFrom
+        });
+    }
+    eq(other) {
+        return (this.type === other.type &&
+            this.label === other.label &&
+            this.lineFrom === other.lineFrom);
+    }
+    toDOM(view) {
+        const span = document.createElement('span');
+        span.className = `cm-moss-callout-label cm-moss-callout-label-${this.type}`;
+        span.textContent = this.label;
+        span.addEventListener('pointerdown', (event) => {
+            if (event.button !== 0)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            view.focus();
+            view.dispatch({
+                selection: { anchor: this.lineFrom },
+                userEvent: 'select.pointer',
+            });
+        });
+        return span;
+    }
+    ignoreEvent() {
+        return false;
+    }
+}
+export function mossCallouts(config = {}) {
+    const aliases = {
+        ...DEFAULT_ALIASES,
+        ...normalizeAliases(config.aliases ?? {}),
+    };
+    return ViewPlugin.fromClass(class {
+        constructor(view) {
+            Object.defineProperty(this, "view", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: view
+            });
+            Object.defineProperty(this, "decorations", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            this.decorations = buildCalloutDecorations(view, aliases);
+        }
+        update(update) {
+            const wasFrozen = update.startState.field(previewFrozenField, false) ?? false;
+            const isFrozen = update.state.field(previewFrozenField, false) ?? false;
+            const justUnfroze = wasFrozen && !isFrozen;
+            if (isFrozen && !justUnfroze && !update.docChanged)
+                return;
+            const readOnlyChanged = update.startState.facet(readOnlyFacet) !==
+                update.state.facet(readOnlyFacet);
+            if (justUnfroze ||
+                update.docChanged ||
+                update.selectionSet ||
+                update.focusChanged ||
+                readOnlyChanged) {
+                this.decorations = buildCalloutDecorations(update.view, aliases);
+            }
+        }
+    }, {
+        decorations: (plugin) => plugin.decorations,
+    });
+}
+export function mossCalloutSyntax(config = {}) {
+    return defineMossSyntax({
+        name: 'callout',
+        description: 'Obsidian-style blockquote callouts',
+        extensions: mossCallouts(config),
+    });
+}
+function buildCalloutDecorations(view, aliases) {
+    const ranges = [];
+    const doc = view.state.doc;
+    const activeLines = findActiveLines(view);
+    for (let lineNumber = 1; lineNumber <= doc.lines; lineNumber++) {
+        const line = doc.line(lineNumber);
+        const start = parseCalloutStart(line.text, line.from, aliases);
+        if (!start)
+            continue;
+        start.number = line.number;
+        const lines = [start];
+        let nextNumber = lineNumber + 1;
+        while (nextNumber <= doc.lines) {
+            const nextLine = doc.line(nextNumber);
+            if (!BLOCKQUOTE_LINE_RE.test(nextLine.text))
+                break;
+            if (parseCalloutStart(nextLine.text, nextLine.from, aliases))
+                break;
+            lines.push({
+                from: nextLine.from,
+                to: nextLine.to,
+                number: nextLine.number,
+                type: start.type,
+                label: start.label,
+                markerFrom: nextLine.from,
+                markerTo: nextLine.from,
+                titleFrom: nextLine.from,
+                hasTitle: false,
+            });
+            nextNumber++;
+        }
+        for (let i = 0; i < lines.length; i++) {
+            const calloutLine = lines[i];
+            const positionClasses = [
+                i === 0 ? 'cm-moss-callout-first' : '',
+                i === lines.length - 1 ? 'cm-moss-callout-last' : '',
+                i > 0 && i < lines.length - 1 ? 'cm-moss-callout-middle' : '',
+            ].filter(Boolean).join(' ');
+            ranges.push(Decoration.line({
+                class: `cm-moss-callout cm-moss-callout-${calloutLine.type} ${positionClasses}`,
+            }).range(calloutLine.from));
+        }
+        if (!activeLines.has(start.number)) {
+            ranges.push(Decoration.replace({
+                widget: new CalloutMarkerWidget(start.type, start.label, start.from),
+            }).range(start.markerFrom, start.markerTo));
+        }
+        if (start.hasTitle && start.titleFrom < start.to) {
+            ranges.push(Decoration.mark({ class: 'cm-moss-callout-title' }).range(start.titleFrom, start.to));
+        }
+        lineNumber = nextNumber - 1;
+    }
+    return Decoration.set(ranges, true);
+}
+function findActiveLines(view) {
+    const activeLines = new Set();
+    if (view.state.facet(readOnlyFacet) || !view.hasFocus)
+        return activeLines;
+    for (const range of view.state.selection.ranges) {
+        const first = view.state.doc.lineAt(range.from).number;
+        const last = view.state.doc.lineAt(range.to).number;
+        for (let number = first; number <= last; number++) {
+            activeLines.add(number);
+        }
+    }
+    return activeLines;
+}
+function parseCalloutStart(text, lineFrom, aliases) {
+    const match = text.match(CALLOUT_START_RE);
+    if (!match)
+        return null;
+    const rawType = match[3].toLowerCase();
+    const type = normalizeType(aliases[rawType] ?? rawType);
+    const markerFrom = lineFrom + match[1].length;
+    const markerTo = lineFrom + match[0].length;
+    const titleFrom = markerTo;
+    return {
+        from: lineFrom,
+        to: lineFrom + text.length,
+        number: 0,
+        type,
+        label: labelForType(type),
+        markerFrom,
+        markerTo,
+        titleFrom,
+        hasTitle: text.slice(match[0].length).trim().length > 0,
+    };
+}
+function normalizeAliases(aliases) {
+    const normalized = {};
+    for (const [from, to] of Object.entries(aliases)) {
+        normalized[normalizeType(from)] = normalizeType(to);
+    }
+    return normalized;
+}
+function normalizeType(type) {
+    return type.trim().toLowerCase().replace(/[^a-z0-9-]/g, '-');
+}
+function labelForType(type) {
+    return type
+        .split('-')
+        .filter(Boolean)
+        .map((part) => part.slice(0, 1).toUpperCase() + part.slice(1))
+        .join(' ');
+}
+//# sourceMappingURL=index.js.map

package/dist/features/callout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/features/callout/index.ts"],"names":[],"mappings":"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"}

package/dist/features/file-blocks/index.d.ts

@@ -0,0 +1,12 @@
+import { type Extension } from '@codemirror/state';
+import { type MossIconRenderer } from '../../core/icons';
+export interface MossFileBlockIcons {
+    file: MossIconRenderer;
+    download: MossIconRenderer;
+    delete: MossIconRenderer;
+}
+export interface MossFileBlocksConfig {
+    icons?: Partial<MossFileBlockIcons>;
+}
+export declare function mossFileBlocks(config?: MossFileBlocksConfig): Extension;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/file-blocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/file-blocks/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAIL,KAAK,SAAS,EAGf,MAAM,mBAAmB,CAAC;AAU3B,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACrC;AAuXD,wBAAgB,cAAc,CAAC,MAAM,GAAE,oBAAyB,GAAG,SAAS,CAmB3E"}

package/dist/features/file-blocks/index.js

@@ -0,0 +1,397 @@
+// File link blocks.
+//
+// When a markdown link `[label](url)` refers to a non-image file (by
+// extension) and sits alone on its paragraph, we render a card-style
+// block widget below the source line — big file glyph + extension
+// badge + file name + size hint. This mirrors the image-block
+// treatment so uploaded files get a real visual placeholder instead
+// of disappearing into plain blue underlines.
+//
+// Raw markdown is the only source of truth; the widget is a read-only
+// decoration. Its actions operate on the original link in the document.
+import { ensureSyntaxTree, syntaxTree } from '@codemirror/language';
+import { Prec, StateField, } from '@codemirror/state';
+import { Decoration, EditorView, ViewPlugin, WidgetType, } from '@codemirror/view';
+import { Download, File as FileIconLucide, Trash2 } from 'lucide-react';
+import { appendMossIcon, mossLucideIcon, } from '../../core/icons';
+import { readOnlyFacet } from '../../core/read-only';
+import { treeGrowthEffect, treeProgressPlugin } from '../../core/tree-progress';
+const DEFAULT_FILE_BLOCK_ICONS = {
+    file: mossLucideIcon(FileIconLucide, { size: 40 }),
+    download: mossLucideIcon(Download, { size: 16 }),
+    delete: mossLucideIcon(Trash2, { size: 16 }),
+};
+// Non-image file extensions that we'll turn into a file card. The URL
+// regex alone isn't enough — we need to skip links that are obviously
+// web pages (html/php/aspx) and keep those that look like downloads.
+const FILE_EXT_RE = /\.(pdf|docx?|xlsx?|pptx?|odt|ods|odp|rtf|txt|md|csv|zip|rar|7z|tar|gz|bz2|json|yaml|yml|xml|svg|ps|ai|sketch|fig|mp3|wav|flac|aac|ogg|mp4|mov|avi|mkv|webm|exe|msi|dmg|pkg|deb|rpm|apk|ipa|epub|mobi|key|numbers|pages)$/i;
+function isFileUrl(url) {
+    // Strip query + hash before testing extension.
+    const clean = url.split('?')[0].split('#')[0];
+    if (FILE_EXT_RE.test(clean))
+        return true;
+    // Object URLs (file uploads via URL.createObjectURL) always look
+    // like files — they have no extension in the URL string but are
+    // definitely attachments.
+    if (clean.startsWith('blob:'))
+        return true;
+    return false;
+}
+function isInlineImage(url) {
+    const clean = url.split('?')[0].split('#')[0];
+    return /\.(png|jpe?g|gif|webp|avif|svg|bmp|ico)$/i.test(clean);
+}
+// A file link is "alone on its line" when the line it lives on has
+// no other visible content besides whitespace. That's the same
+// convention image blocks use for their widget placement.
+function linkIsAloneOnLine(state, linkFrom, linkTo) {
+    const line = state.doc.lineAt(linkFrom);
+    if (state.doc.lineAt(linkTo).from !== line.from)
+        return false; // multi-line → treat as inline
+    const before = state.doc.sliceString(line.from, linkFrom);
+    const after = state.doc.sliceString(linkTo, line.to);
+    return before.trim() === '' && after.trim() === '';
+}
+function parseFileLink(raw) {
+    const match = raw.match(/^\[([^\]]*)\]\(([^\s)"']+)(?:\s+["'][^)]*["'])?\)$/);
+    if (!match || !match[2] || !isFileUrl(match[2]))
+        return null;
+    return { label: match[1], url: match[2] };
+}
+const dimensionCache = new Map();
+function fileRangeAtWidget(view, wrap, expectedUrl) {
+    const widgetPos = view.posAtDOM(wrap);
+    if (widgetPos < 0)
+        return null;
+    const line = view.state.doc.lineAt(Math.max(0, widgetPos - 1));
+    const tree = ensureSyntaxTree(view.state, view.state.doc.length, 200) ?? syntaxTree(view.state);
+    let result = null;
+    tree.iterate({
+        from: line.from,
+        to: line.to,
+        enter: (node) => {
+            if (result || node.name !== 'Link')
+                return;
+            const parsed = parseFileLink(view.state.doc.sliceString(node.from, node.to));
+            if (parsed?.url === expectedUrl && linkIsAloneOnLine(view.state, node.from, node.to)) {
+                result = { from: node.from, to: node.to };
+            }
+        },
+    });
+    return result;
+}
+function downloadFile(file) {
+    const link = document.createElement('a');
+    link.href = file.url;
+    link.download = file.label || 'download';
+    link.rel = 'noopener';
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+}
+function deleteFileBlock(view, wrap, expectedUrl) {
+    if (view.state.facet(readOnlyFacet))
+        return;
+    const range = fileRangeAtWidget(view, wrap, expectedUrl);
+    if (!range)
+        return;
+    const line = view.state.doc.lineAt(range.from);
+    let from = line.from;
+    let to = line.to;
+    // Remove the source line break as well. If the block has a blank line
+    // directly after it, consume that separator too so deletion does not
+    // leave an empty row where the block used to be.
+    if (line.to < view.state.doc.length) {
+        to = line.to + 1;
+        const nextLine = view.state.doc.lineAt(to);
+        if (nextLine.text.trim() === '') {
+            to = nextLine.to < view.state.doc.length ? nextLine.to + 1 : nextLine.to;
+        }
+    }
+    else if (line.from > 0) {
+        from = line.from - 1;
+        const previousLine = view.state.doc.lineAt(from);
+        if (previousLine.text.trim() === '') {
+            from = previousLine.from > 0 ? previousLine.from - 1 : previousLine.from;
+        }
+    }
+    view.dispatch({ changes: { from, to } });
+}
+class FileBlockWidget extends WidgetType {
+    constructor(label, url, ext, canDelete, icons) {
+        super();
+        Object.defineProperty(this, "label", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: label
+        });
+        Object.defineProperty(this, "url", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: url
+        });
+        Object.defineProperty(this, "ext", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ext
+        });
+        Object.defineProperty(this, "canDelete", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: canDelete
+        });
+        Object.defineProperty(this, "icons", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: icons
+        });
+    }
+    eq(other) {
+        return (other.label === this.label &&
+            other.url === this.url &&
+            other.ext === this.ext &&
+            other.canDelete === this.canDelete &&
+            other.icons.file === this.icons.file &&
+            other.icons.download === this.icons.download &&
+            other.icons.delete === this.icons.delete);
+    }
+    toDOM(view) {
+        const wrap = document.createElement('div');
+        wrap.className = 'cm-moss-file-block';
+        const preview = document.createElement('div');
+        preview.className = 'cm-moss-file-block-preview';
+        // For image URLs (jpg/png/webp…), show a thumbnail instead of the
+        // generic file glyph. Keeps the card layout consistent even when
+        // the URL resolves to an image but the link form `[]()` was used
+        // instead of `![]()`.
+        if (isInlineImage(this.url)) {
+            const img = document.createElement('img');
+            img.src = this.url;
+            img.alt = this.label;
+            img.loading = 'lazy';
+            const cached = dimensionCache.get(this.url);
+            if (cached) {
+                img.width = cached.w;
+                img.height = cached.h;
+            }
+            else {
+                img.addEventListener('load', () => {
+                    if (img.naturalWidth > 0 && img.naturalHeight > 0) {
+                        dimensionCache.set(this.url, {
+                            w: img.naturalWidth,
+                            h: img.naturalHeight,
+                        });
+                    }
+                });
+            }
+            preview.classList.add('cm-moss-file-block-preview-image');
+            preview.appendChild(img);
+        }
+        else {
+            const glyph = document.createElement('span');
+            glyph.className = 'cm-moss-file-block-glyph';
+            appendMossIcon(glyph, this.icons.file);
+            const ext = document.createElement('span');
+            ext.className = 'cm-moss-file-block-ext';
+            ext.textContent = this.ext || 'FILE';
+            preview.classList.add('cm-moss-file-block-preview-file');
+            preview.append(glyph, ext);
+        }
+        const meta = document.createElement('div');
+        meta.className = 'cm-moss-file-block-meta';
+        const name = document.createElement('div');
+        name.className = 'cm-moss-file-block-name';
+        name.textContent = this.label;
+        const info = document.createElement('div');
+        info.className = 'cm-moss-file-block-info';
+        info.textContent = `${this.ext || 'FILE'} · attachment`;
+        meta.append(name, info);
+        wrap.append(preview, meta);
+        const actions = document.createElement('div');
+        actions.className = 'cm-moss-file-block-actions';
+        const stopEditorEvent = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+        };
+        const download = document.createElement('button');
+        download.type = 'button';
+        download.className = 'cm-moss-file-block-download';
+        appendMossIcon(download, this.icons.download);
+        download.setAttribute('aria-label', 'Download file');
+        download.title = 'Download file';
+        download.addEventListener('pointerdown', stopEditorEvent);
+        download.addEventListener('click', (event) => {
+            stopEditorEvent(event);
+            downloadFile({ label: this.label, url: this.url });
+        });
+        actions.appendChild(download);
+        if (this.canDelete) {
+            const remove = document.createElement('button');
+            remove.type = 'button';
+            remove.className = 'cm-moss-file-block-delete';
+            appendMossIcon(remove, this.icons.delete);
+            remove.setAttribute('aria-label', 'Delete file');
+            remove.title = 'Delete file';
+            remove.addEventListener('pointerdown', stopEditorEvent);
+            remove.addEventListener('click', (event) => {
+                stopEditorEvent(event);
+                deleteFileBlock(view, wrap, this.url);
+            });
+            actions.appendChild(remove);
+        }
+        wrap.appendChild(actions);
+        return wrap;
+    }
+    ignoreEvent() {
+        return true;
+    }
+}
+function buildFileSourceDecorations(view) {
+    const ranges = [];
+    const tree = ensureSyntaxTree(view.state, view.state.doc.length, 200) ?? syntaxTree(view.state);
+    tree.iterate({
+        enter: (node) => {
+            if (node.name !== 'Link')
+                return;
+            for (let p = node.node.parent; p; p = p.parent) {
+                if (p.name === 'Table' || p.name === 'Image' || p.name === 'Footnote')
+                    return;
+            }
+            const file = parseFileLink(view.state.doc.sliceString(node.from, node.to));
+            if (!file || !linkIsAloneOnLine(view.state, node.from, node.to))
+                return;
+            ranges.push(Decoration.replace({}).range(node.from, node.to));
+        },
+    });
+    return Decoration.set(ranges, true);
+}
+const fileSourcePreviewPlugin = ViewPlugin.fromClass(class {
+    constructor(view) {
+        Object.defineProperty(this, "view", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: view
+        });
+        Object.defineProperty(this, "decorations", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.decorations = buildFileSourceDecorations(view);
+    }
+    update(update) {
+        const treeGrew = update.transactions.some((transaction) => transaction.effects.some((effect) => effect.is(treeGrowthEffect)));
+        if (update.docChanged || treeGrew) {
+            this.decorations = buildFileSourceDecorations(update.view);
+        }
+    }
+}, { decorations: (plugin) => plugin.decorations });
+function extOf(url, label) {
+    const cleanUrl = url.split('?')[0].split('#')[0];
+    const dot = cleanUrl.lastIndexOf('.');
+    if (dot > 0) {
+        return cleanUrl.slice(dot + 1).toUpperCase();
+    }
+    // Fall back to the extension in the label if the URL is a blob
+    // (which has no extension of its own).
+    const dotLabel = label.lastIndexOf('.');
+    if (dotLabel > 0) {
+        return label.slice(dotLabel + 1).toUpperCase();
+    }
+    return '';
+}
+function buildFileBlocks(state, config) {
+    const ranges = [];
+    const icons = {
+        ...DEFAULT_FILE_BLOCK_ICONS,
+        ...config.icons,
+    };
+    const tree = ensureSyntaxTree(state, state.doc.length, 200) ?? syntaxTree(state);
+    tree.iterate({
+        enter: (node) => {
+            if (node.name !== 'Link')
+                return;
+            // Skip links inside tables / images / other blocks.
+            for (let p = node.node.parent; p; p = p.parent) {
+                if (p.name === 'Table')
+                    return;
+                if (p.name === 'Image')
+                    return;
+                if (p.name === 'Footnote')
+                    return;
+            }
+            const raw = state.doc.sliceString(node.from, node.to);
+            const file = parseFileLink(raw);
+            if (!file)
+                return;
+            if (!linkIsAloneOnLine(state, node.from, node.to))
+                return;
+            const ext = extOf(file.url, file.label);
+            const line = state.doc.lineAt(node.from);
+            ranges.push(Decoration.line({ class: 'cm-moss-file-block-source-line' }).range(line.from));
+            ranges.push(Decoration.widget({
+                widget: new FileBlockWidget(file.label, file.url, ext, !state.facet(readOnlyFacet), icons),
+                block: true,
+                side: 1,
+            }).range(line.to));
+        },
+    });
+    return Decoration.set(ranges, true);
+}
+function changeAffectsFileBlocks(tr, existing) {
+    let affected = false;
+    tr.changes.iterChanges((fromA, toA) => {
+        if (affected)
+            return;
+        existing.between(fromA, toA, () => {
+            affected = true;
+            return false;
+        });
+    });
+    if (affected)
+        return true;
+    const state = tr.state;
+    tr.changes.iterChanges((_fromA, _toA, fromB, toB) => {
+        if (affected)
+            return;
+        const startLine = state.doc.lineAt(fromB);
+        const endLine = toB > startLine.to ? state.doc.lineAt(toB) : startLine;
+        for (let n = startLine.number; n <= endLine.number; n++) {
+            if (state.doc.line(n).text.includes('](')) {
+                affected = true;
+                break;
+            }
+        }
+    });
+    return affected;
+}
+export function mossFileBlocks(config = {}) {
+    const fileBlocksField = StateField.define({
+        create: (state) => buildFileBlocks(state, config),
+        update(deco, tr) {
+            for (const effect of tr.effects) {
+                if (effect.is(treeGrowthEffect))
+                    return buildFileBlocks(tr.state, config);
+            }
+            const readOnlyChanged = tr.startState.facet(readOnlyFacet) !== tr.state.facet(readOnlyFacet);
+            if (readOnlyChanged)
+                return buildFileBlocks(tr.state, config);
+            if (!tr.docChanged)
+                return deco;
+            const mapped = deco.map(tr.changes);
+            if (!changeAffectsFileBlocks(tr, deco))
+                return mapped;
+            return buildFileBlocks(tr.state, config);
+        },
+        provide: (f) => EditorView.decorations.from(f),
+    });
+    return [fileBlocksField, Prec.highest(fileSourcePreviewPlugin), treeProgressPlugin];
+}
+//# sourceMappingURL=index.js.map