@valkyrianlabs/payload-markdown 1.3.4 → 1.4.0

package/dist/editor/directives/closeLabels.js

@@ -0,0 +1,75 @@
+import { RangeSetBuilder } from '@codemirror/state';
+import { Decoration, EditorView, ViewPlugin, WidgetType } from '@codemirror/view';
+import { getDirectiveCloseLabels } from '../../directives/closeLabels.js';
+const closeLabelMark = Decoration.mark({
+    class: 'vl-md-directive-close-label vl-md-directive-close-label--suffix'
+});
+class CloseLabelWidget extends WidgetType {
+    label;
+    constructor(label){
+        super(), this.label = label;
+    }
+    eq(widget) {
+        return widget.label === this.label;
+    }
+    ignoreEvent() {
+        return true;
+    }
+    toDOM() {
+        const label = document.createElement('span');
+        label.setAttribute('aria-hidden', 'true');
+        label.className = 'vl-md-directive-close-label vl-md-directive-close-label--widget';
+        label.textContent = this.label;
+        return label;
+    }
+}
+function buildCloseLabelDecorations(view) {
+    const builder = new RangeSetBuilder();
+    for (const closeLabel of getDirectiveCloseLabels(view.state.doc.toString())){
+        if (closeLabel.kind === 'suffix') {
+            builder.add(closeLabel.from, closeLabel.to, closeLabelMark);
+            continue;
+        }
+        builder.add(closeLabel.to, closeLabel.to, Decoration.widget({
+            side: 1,
+            widget: new CloseLabelWidget(closeLabel.label)
+        }));
+    }
+    return builder.finish();
+}
+const closeLabelPlugin = ViewPlugin.fromClass(class {
+    decorations;
+    constructor(view){
+        this.decorations = buildCloseLabelDecorations(view);
+    }
+    update(update) {
+        if (!update.docChanged) return;
+        this.decorations = buildCloseLabelDecorations(update.view);
+    }
+}, {
+    decorations: (plugin)=>plugin.decorations
+});
+const closeLabelTheme = EditorView.baseTheme({
+    '.vl-md-directive-close-label': {
+        backgroundColor: 'rgba(125, 135, 153, 0.14)',
+        border: '1px solid rgba(125, 135, 153, 0.35)',
+        borderRadius: '3px',
+        color: '#9aa4b5',
+        display: 'inline-block',
+        fontSize: '0.78em',
+        lineHeight: '1.45',
+        marginLeft: '0.35rem',
+        padding: '0 0.35rem',
+        verticalAlign: 'baseline'
+    },
+    '.vl-md-directive-close-label--widget': {
+        pointerEvents: 'none',
+        userSelect: 'none'
+    }
+});
+export const directiveCloseLabels = [
+    closeLabelPlugin,
+    closeLabelTheme
+];
+
+//# sourceMappingURL=closeLabels.js.map

package/dist/editor/directives/closeLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/directives/closeLabels.ts"],"sourcesContent":["import type { Extension } from '@codemirror/state'\nimport type { DecorationSet, ViewUpdate } from '@codemirror/view'\n\nimport { RangeSetBuilder } from '@codemirror/state'\nimport { Decoration, EditorView, ViewPlugin, WidgetType } from '@codemirror/view'\n\nimport { getDirectiveCloseLabels } from '../../directives/closeLabels.js'\n\nconst closeLabelMark = Decoration.mark({\n  class: 'vl-md-directive-close-label vl-md-directive-close-label--suffix',\n})\n\nclass CloseLabelWidget extends WidgetType {\n  constructor(private readonly label: string) {\n    super()\n  }\n\n  eq(widget: CloseLabelWidget): boolean {\n    return widget.label === this.label\n  }\n\n  ignoreEvent(): boolean {\n    return true\n  }\n\n  toDOM(): HTMLElement {\n    const label = document.createElement('span')\n\n    label.setAttribute('aria-hidden', 'true')\n    label.className = 'vl-md-directive-close-label vl-md-directive-close-label--widget'\n    label.textContent = this.label\n\n    return label\n  }\n}\n\nfunction buildCloseLabelDecorations(view: EditorView): DecorationSet {\n  const builder = new RangeSetBuilder<Decoration>()\n\n  for (const closeLabel of getDirectiveCloseLabels(view.state.doc.toString())) {\n    if (closeLabel.kind === 'suffix') {\n      builder.add(closeLabel.from, closeLabel.to, closeLabelMark)\n      continue\n    }\n\n    builder.add(\n      closeLabel.to,\n      closeLabel.to,\n      Decoration.widget({\n        side: 1,\n        widget: new CloseLabelWidget(closeLabel.label),\n      }),\n    )\n  }\n\n  return builder.finish()\n}\n\nconst closeLabelPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet\n\n    constructor(view: EditorView) {\n      this.decorations = buildCloseLabelDecorations(view)\n    }\n\n    update(update: ViewUpdate): void {\n      if (!update.docChanged) return\n\n      this.decorations = buildCloseLabelDecorations(update.view)\n    }\n  },\n  {\n    decorations: (plugin): DecorationSet => plugin.decorations,\n  },\n)\n\nconst closeLabelTheme = EditorView.baseTheme({\n  '.vl-md-directive-close-label': {\n    backgroundColor: 'rgba(125, 135, 153, 0.14)',\n    border: '1px solid rgba(125, 135, 153, 0.35)',\n    borderRadius: '3px',\n    color: '#9aa4b5',\n    display: 'inline-block',\n    fontSize: '0.78em',\n    lineHeight: '1.45',\n    marginLeft: '0.35rem',\n    padding: '0 0.35rem',\n    verticalAlign: 'baseline',\n  },\n\n  '.vl-md-directive-close-label--widget': {\n    pointerEvents: 'none',\n    userSelect: 'none',\n  },\n})\n\nexport const directiveCloseLabels: Extension = [closeLabelPlugin, closeLabelTheme]\n"],"names":["RangeSetBuilder","Decoration","EditorView","ViewPlugin","WidgetType","getDirectiveCloseLabels","closeLabelMark","mark","class","CloseLabelWidget","label","eq","widget","ignoreEvent","toDOM","document","createElement","setAttribute","className","textContent","buildCloseLabelDecorations","view","builder","closeLabel","state","doc","toString","kind","add","from","to","side","finish","closeLabelPlugin","fromClass","decorations","update","docChanged","plugin","closeLabelTheme","baseTheme","backgroundColor","border","borderRadius","color","display","fontSize","lineHeight","marginLeft","padding","verticalAlign","pointerEvents","userSelect","directiveCloseLabels"],"mappings":"AAGA,SAASA,eAAe,QAAQ,oBAAmB;AACnD,SAASC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,QAAQ,mBAAkB;AAEjF,SAASC,uBAAuB,QAAQ,kCAAiC;AAEzE,MAAMC,iBAAiBL,WAAWM,IAAI,CAAC;IACrCC,OAAO;AACT;AAEA,MAAMC,yBAAyBL;;IAC7B,YAAY,AAAiBM,KAAa,CAAE;QAC1C,KAAK,SADsBA,QAAAA;IAE7B;IAEAC,GAAGC,MAAwB,EAAW;QACpC,OAAOA,OAAOF,KAAK,KAAK,IAAI,CAACA,KAAK;IACpC;IAEAG,cAAuB;QACrB,OAAO;IACT;IAEAC,QAAqB;QACnB,MAAMJ,QAAQK,SAASC,aAAa,CAAC;QAErCN,MAAMO,YAAY,CAAC,eAAe;QAClCP,MAAMQ,SAAS,GAAG;QAClBR,MAAMS,WAAW,GAAG,IAAI,CAACT,KAAK;QAE9B,OAAOA;IACT;AACF;AAEA,SAASU,2BAA2BC,IAAgB;IAClD,MAAMC,UAAU,IAAItB;IAEpB,KAAK,MAAMuB,cAAclB,wBAAwBgB,KAAKG,KAAK,CAACC,GAAG,CAACC,QAAQ,IAAK;QAC3E,IAAIH,WAAWI,IAAI,KAAK,UAAU;YAChCL,QAAQM,GAAG,CAACL,WAAWM,IAAI,EAAEN,WAAWO,EAAE,EAAExB;YAC5C;QACF;QAEAgB,QAAQM,GAAG,CACTL,WAAWO,EAAE,EACbP,WAAWO,EAAE,EACb7B,WAAWW,MAAM,CAAC;YAChBmB,MAAM;YACNnB,QAAQ,IAAIH,iBAAiBc,WAAWb,KAAK;QAC/C;IAEJ;IAEA,OAAOY,QAAQU,MAAM;AACvB;AAEA,MAAMC,mBAAmB9B,WAAW+B,SAAS,CAC3C;IACEC,YAA0B;IAE1B,YAAYd,IAAgB,CAAE;QAC5B,IAAI,CAACc,WAAW,GAAGf,2BAA2BC;IAChD;IAEAe,OAAOA,MAAkB,EAAQ;QAC/B,IAAI,CAACA,OAAOC,UAAU,EAAE;QAExB,IAAI,CAACF,WAAW,GAAGf,2BAA2BgB,OAAOf,IAAI;IAC3D;AACF,GACA;IACEc,aAAa,CAACG,SAA0BA,OAAOH,WAAW;AAC5D;AAGF,MAAMI,kBAAkBrC,WAAWsC,SAAS,CAAC;IAC3C,gCAAgC;QAC9BC,iBAAiB;QACjBC,QAAQ;QACRC,cAAc;QACdC,OAAO;QACPC,SAAS;QACTC,UAAU;QACVC,YAAY;QACZC,YAAY;QACZC,SAAS;QACTC,eAAe;IACjB;IAEA,wCAAwC;QACtCC,eAAe;QACfC,YAAY;IACd;AACF;AAEA,OAAO,MAAMC,uBAAkC;IAACpB;IAAkBM;CAAgB,CAAA"}

package/dist/editor/directives/completions.js

@@ -3,10 +3,11 @@ import { layoutDirectiveRegistry } from '../../directives/registry.js';
 import { getDirectiveThemeNames } from '../../directives/themes.js';
 export function getDirectiveCompletionOptions() {
     return layoutDirectiveRegistry.getPublicDefinitions().flatMap((definition)=>{
+        const label = definition.editor.label.startsWith(':') ? definition.editor.label : `:::${definition.name}`;
         const snippets = [
             {
                 detail: definition.editor.detail,
-                label: `:::${definition.name}`,
+                label,
                 snippet: definition.editor.snippet
             },
             ...(definition.editor.snippets ?? []).map((snippet)=>({
@@ -26,18 +27,20 @@ export function getDirectiveCompletionOptions() {
 export function getDirectiveAttributeCompletionOptions(name) {
     const definition = layoutDirectiveRegistry.get(name);
     const attributes = definition?.allowedAttributes ?? [];
+    const detailPrefix = name === 'button' ? '::button' : `:::${name}`;
     return attributes.map((attribute)=>snippetCompletion(`${attribute}="\${${attribute}}"`, {
             type: 'property',
-            detail: `:::${name} attribute`,
+            detail: `${detailPrefix} attribute`,
             label: attribute
         }));
 }
 export function getDirectiveThemeValueCompletionOptions(name, attribute) {
     const definition = layoutDirectiveRegistry.get(name);
     const groupName = definition?.themeAttributes?.[attribute];
+    const detailPrefix = name === 'button' ? '::button' : `:::${name}`;
     if (!groupName) return (definition?.attributeValues?.[attribute] ?? []).map((value)=>({
             type: 'constant',
-            detail: `:::${name} ${attribute}`,
+            detail: `${detailPrefix} ${attribute}`,
             label: value
         }));
     return getDirectiveThemeNames(groupName).map((themeName)=>({
@@ -49,10 +52,19 @@ export function getDirectiveThemeValueCompletionOptions(name, attribute) {
 function attributeCompletionSource(context) {
     const line = context.state.doc.lineAt(context.pos);
     const beforeCursor = line.text.slice(0, context.pos - line.from);
-    const directiveMatch = beforeCursor.match(/^\s*:::(\w+)\s+\{([^}]*)$/);
+    const containerMatch = beforeCursor.match(/^\s*:::(\w+)(?:\[[^\]]*\])?\s*\{([^}]*)$/);
+    const buttonMatch = beforeCursor.match(/^\s*::button(?:\[[^\]]*\])?\s*\{([^}]*)$/);
+    const multilineMatch = containerMatch || buttonMatch ? null : findOpenDirectiveAttributeBlock(context, beforeCursor);
+    const directiveMatch = containerMatch ? {
+        name: containerMatch[1],
+        attributesBeforeCursor: containerMatch[2]
+    } : buttonMatch ? {
+        name: 'button',
+        attributesBeforeCursor: buttonMatch[1]
+    } : multilineMatch;
     if (!directiveMatch) return null;
-    const [, name, attributesBeforeCursor] = directiveMatch;
-    const valueMatch = attributesBeforeCursor.match(/(?:^|\s)(theme|cardTheme|cellTheme|stepTheme|tabTheme)="([^"]*)$/);
+    const { name, attributesBeforeCursor } = directiveMatch;
+    const valueMatch = attributesBeforeCursor.match(/(?:^|\s)(align|gap|theme|cardTheme|cellTheme|iconPosition|linkScope|newTab|size|stack|stepTheme|tabTheme|variant)=["']?([^"'\s}]*)$/);
     if (valueMatch) {
         const [, attribute, typedValue] = valueMatch;
         const options = getDirectiveThemeValueCompletionOptions(name, attribute);
@@ -72,15 +84,45 @@ function attributeCompletionSource(context) {
         options
     };
 }
+function findOpenDirectiveAttributeBlock(context, attributesBeforeCursor) {
+    const line = context.state.doc.lineAt(context.pos);
+    for(let lineNumber = line.number - 1; lineNumber >= 1; --lineNumber){
+        const previousLine = context.state.doc.line(lineNumber).text;
+        const trimmed = previousLine.trim();
+        if (!trimmed) break;
+        if (trimmed.includes('}')) break;
+        const containerMatch = previousLine.match(/^\s*:::(\w+)(?:\[[^\]]*\])?\s*\{/);
+        if (containerMatch) return {
+            name: containerMatch[1],
+            attributesBeforeCursor
+        };
+        const buttonMatch = previousLine.match(/^\s*::button(?:\[[^\]]*\])?\s*\{/);
+        if (buttonMatch) return {
+            name: 'button',
+            attributesBeforeCursor
+        };
+    }
+    return null;
+}
 function directiveCompletionSource(context) {
     const attributeResult = attributeCompletionSource(context);
     if (attributeResult) return attributeResult;
+    const leafMatch = context.matchBefore(/::[\w-]*/);
+    if (leafMatch) {
+        const line = context.state.doc.lineAt(context.pos);
+        const beforeLeaf = line.text.slice(0, leafMatch.from - line.from);
+        const typedLeaf = line.text.slice(leafMatch.from - line.from, leafMatch.to - line.from);
+        if (!typedLeaf.startsWith(':::') && !beforeLeaf.trim()) return {
+            from: leafMatch.from,
+            options: getDirectiveCompletionOptions().filter((option)=>typeof option.label === 'string' ? option.label.startsWith('::') && !option.label.startsWith(':::') : false)
+        };
+    }
     const match = context.matchBefore(/:::[\w-]*/);
     if (!match) return null;
     if (match.from === match.to && !context.explicit) return null;
     return {
         from: match.from,
-        options: getDirectiveCompletionOptions()
+        options: getDirectiveCompletionOptions().filter((option)=>typeof option.label === 'string' ? option.label.startsWith(':::') : true)
     };
 }
 export const directiveCompletions = autocompletion({

package/dist/editor/directives/completions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/directives/completions.ts"],"sourcesContent":["import type { Completion, CompletionContext } from '@codemirror/autocomplete'\n\nimport { autocompletion, snippetCompletion } from '@codemirror/autocomplete'\n\nimport { layoutDirectiveRegistry } from '../../directives/registry.js'\nimport { getDirectiveThemeNames } from '../../directives/themes.js'\n\nexport function getDirectiveCompletionOptions() {\n  return layoutDirectiveRegistry.getPublicDefinitions().flatMap((definition) => {\n    const snippets = [\n      {\n        detail: definition.editor.detail,\n        label: `:::${definition.name}`,\n        snippet: definition.editor.snippet,\n      },\n      ...(definition.editor.snippets ?? []).map((snippet) => ({\n        detail: snippet.detail ?? definition.editor.detail,\n        label: snippet.label,\n        snippet: snippet.snippet,\n      })),\n    ]\n\n    return snippets.map((snippet) =>\n      snippetCompletion(snippet.snippet, {\n        type: 'keyword',\n        detail: snippet.detail,\n        info: definition.description,\n        label: snippet.label,\n      }),\n    )\n  })\n}\n\nexport function getDirectiveAttributeCompletionOptions(name: string): Completion[] {\n  const definition = layoutDirectiveRegistry.get(name)\n  const attributes = definition?.allowedAttributes ?? []\n\n  return attributes.map((attribute) =>\n    snippetCompletion(`${attribute}=\"\\${${attribute}}\"`, {\n      type: 'property',\n      detail: `:::${name} attribute`,\n      label: attribute,\n    }),\n  )\n}\n\nexport function getDirectiveThemeValueCompletionOptions(\n  name: string,\n  attribute: string,\n): Completion[] {\n  const definition = layoutDirectiveRegistry.get(name)\n  const groupName = definition?.themeAttributes?.[attribute]\n\n  if (!groupName)\n    return (definition?.attributeValues?.[attribute] ?? []).map((value) => ({\n      type: 'constant',\n      detail: `:::${name} ${attribute}`,\n      label: value,\n    }))\n\n  return getDirectiveThemeNames(groupName).map((themeName) => ({\n    type: 'constant',\n    detail: `${groupName} theme`,\n    label: themeName,\n  }))\n}\n\nfunction attributeCompletionSource(context: CompletionContext) {\n  const line = context.state.doc.lineAt(context.pos)\n  const beforeCursor = line.text.slice(0, context.pos - line.from)\n  const directiveMatch = beforeCursor.match(/^\\s*:::(\\w+)\\s+\\{([^}]*)$/)\n\n  if (!directiveMatch) return null\n\n  const [, name, attributesBeforeCursor] = directiveMatch\n  const valueMatch = attributesBeforeCursor.match(\n    /(?:^|\\s)(theme|cardTheme|cellTheme|stepTheme|tabTheme)=\"([^\"]*)$/,\n  )\n\n  if (valueMatch) {\n    const [, attribute, typedValue] = valueMatch\n    const options = getDirectiveThemeValueCompletionOptions(name, attribute)\n\n    if (options.length === 0) return null\n\n    return {\n      from: context.pos - typedValue.length,\n      options,\n    }\n  }\n\n  const attributeMatch = attributesBeforeCursor.match(/(?:^|\\s)([\\w-]*)$/)\n  const typedAttribute = attributeMatch?.[1] ?? ''\n  const options = getDirectiveAttributeCompletionOptions(name)\n\n  if (options.length === 0) return null\n  if (!context.explicit && typedAttribute.length === 0) return null\n\n  return {\n    from: context.pos - typedAttribute.length,\n    options,\n  }\n}\n\nfunction directiveCompletionSource(context: CompletionContext) {\n  const attributeResult = attributeCompletionSource(context)\n  if (attributeResult) return attributeResult\n\n  const match = context.matchBefore(/:::[\\w-]*/)\n\n  if (!match) return null\n  if (match.from === match.to && !context.explicit) return null\n\n  return {\n    from: match.from,\n    options: getDirectiveCompletionOptions(),\n  }\n}\n\nexport const directiveCompletions = autocompletion({\n  activateOnTyping: true,\n  override: [directiveCompletionSource],\n})\n"],"names":["autocompletion","snippetCompletion","layoutDirectiveRegistry","getDirectiveThemeNames","getDirectiveCompletionOptions","getPublicDefinitions","flatMap","definition","snippets","detail","editor","label","name","snippet","map","type","info","description","getDirectiveAttributeCompletionOptions","get","attributes","allowedAttributes","attribute","getDirectiveThemeValueCompletionOptions","groupName","themeAttributes","attributeValues","value","themeName","attributeCompletionSource","context","line","state","doc","lineAt","pos","beforeCursor","text","slice","from","directiveMatch","match","attributesBeforeCursor","valueMatch","typedValue","options","length","attributeMatch","typedAttribute","explicit","directiveCompletionSource","attributeResult","matchBefore","to","directiveCompletions","activateOnTyping","override"],"mappings":"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"}
+{"version":3,"sources":["../../../src/editor/directives/completions.ts"],"sourcesContent":["import type { Completion, CompletionContext } from '@codemirror/autocomplete'\n\nimport { autocompletion, snippetCompletion } from '@codemirror/autocomplete'\n\nimport { layoutDirectiveRegistry } from '../../directives/registry.js'\nimport { getDirectiveThemeNames } from '../../directives/themes.js'\n\nexport function getDirectiveCompletionOptions() {\n  return layoutDirectiveRegistry.getPublicDefinitions().flatMap((definition) => {\n    const label = definition.editor.label.startsWith(':')\n      ? definition.editor.label\n      : `:::${definition.name}`\n    const snippets = [\n      {\n        detail: definition.editor.detail,\n        label,\n        snippet: definition.editor.snippet,\n      },\n      ...(definition.editor.snippets ?? []).map((snippet) => ({\n        detail: snippet.detail ?? definition.editor.detail,\n        label: snippet.label,\n        snippet: snippet.snippet,\n      })),\n    ]\n\n    return snippets.map((snippet) =>\n      snippetCompletion(snippet.snippet, {\n        type: 'keyword',\n        detail: snippet.detail,\n        info: definition.description,\n        label: snippet.label,\n      }),\n    )\n  })\n}\n\nexport function getDirectiveAttributeCompletionOptions(name: string): Completion[] {\n  const definition = layoutDirectiveRegistry.get(name)\n  const attributes = definition?.allowedAttributes ?? []\n  const detailPrefix = name === 'button' ? '::button' : `:::${name}`\n\n  return attributes.map((attribute) =>\n    snippetCompletion(`${attribute}=\"\\${${attribute}}\"`, {\n      type: 'property',\n      detail: `${detailPrefix} attribute`,\n      label: attribute,\n    }),\n  )\n}\n\nexport function getDirectiveThemeValueCompletionOptions(\n  name: string,\n  attribute: string,\n): Completion[] {\n  const definition = layoutDirectiveRegistry.get(name)\n  const groupName = definition?.themeAttributes?.[attribute]\n  const detailPrefix = name === 'button' ? '::button' : `:::${name}`\n\n  if (!groupName)\n    return (definition?.attributeValues?.[attribute] ?? []).map((value) => ({\n      type: 'constant',\n      detail: `${detailPrefix} ${attribute}`,\n      label: value,\n    }))\n\n  return getDirectiveThemeNames(groupName).map((themeName) => ({\n    type: 'constant',\n    detail: `${groupName} theme`,\n    label: themeName,\n  }))\n}\n\nfunction attributeCompletionSource(context: CompletionContext) {\n  const line = context.state.doc.lineAt(context.pos)\n  const beforeCursor = line.text.slice(0, context.pos - line.from)\n  const containerMatch = beforeCursor.match(/^\\s*:::(\\w+)(?:\\[[^\\]]*\\])?\\s*\\{([^}]*)$/)\n  const buttonMatch = beforeCursor.match(/^\\s*::button(?:\\[[^\\]]*\\])?\\s*\\{([^}]*)$/)\n  const multilineMatch =\n    containerMatch || buttonMatch\n      ? null\n      : findOpenDirectiveAttributeBlock(context, beforeCursor)\n  const directiveMatch = containerMatch\n    ? {\n        name: containerMatch[1],\n        attributesBeforeCursor: containerMatch[2],\n      }\n    : buttonMatch\n      ? {\n          name: 'button',\n          attributesBeforeCursor: buttonMatch[1],\n        }\n      : multilineMatch\n\n  if (!directiveMatch) return null\n\n  const { name, attributesBeforeCursor } = directiveMatch\n  const valueMatch = attributesBeforeCursor.match(\n    /(?:^|\\s)(align|gap|theme|cardTheme|cellTheme|iconPosition|linkScope|newTab|size|stack|stepTheme|tabTheme|variant)=[\"']?([^\"'\\s}]*)$/,\n  )\n\n  if (valueMatch) {\n    const [, attribute, typedValue] = valueMatch\n    const options = getDirectiveThemeValueCompletionOptions(name, attribute)\n\n    if (options.length === 0) return null\n\n    return {\n      from: context.pos - typedValue.length,\n      options,\n    }\n  }\n\n  const attributeMatch = attributesBeforeCursor.match(/(?:^|\\s)([\\w-]*)$/)\n  const typedAttribute = attributeMatch?.[1] ?? ''\n  const options = getDirectiveAttributeCompletionOptions(name)\n\n  if (options.length === 0) return null\n  if (!context.explicit && typedAttribute.length === 0) return null\n\n  return {\n    from: context.pos - typedAttribute.length,\n    options,\n  }\n}\n\nfunction findOpenDirectiveAttributeBlock(\n  context: CompletionContext,\n  attributesBeforeCursor: string,\n): { attributesBeforeCursor: string; name: string } | null {\n  const line = context.state.doc.lineAt(context.pos)\n\n  for (let lineNumber = line.number - 1; lineNumber >= 1; --lineNumber) {\n    const previousLine = context.state.doc.line(lineNumber).text\n    const trimmed = previousLine.trim()\n\n    if (!trimmed) break\n    if (trimmed.includes('}')) break\n\n    const containerMatch = previousLine.match(/^\\s*:::(\\w+)(?:\\[[^\\]]*\\])?\\s*\\{/)\n    if (containerMatch)\n      return {\n        name: containerMatch[1],\n        attributesBeforeCursor,\n      }\n\n    const buttonMatch = previousLine.match(/^\\s*::button(?:\\[[^\\]]*\\])?\\s*\\{/)\n    if (buttonMatch)\n      return {\n        name: 'button',\n        attributesBeforeCursor,\n      }\n  }\n\n  return null\n}\n\nfunction directiveCompletionSource(context: CompletionContext) {\n  const attributeResult = attributeCompletionSource(context)\n  if (attributeResult) return attributeResult\n\n  const leafMatch = context.matchBefore(/::[\\w-]*/)\n  if (leafMatch) {\n    const line = context.state.doc.lineAt(context.pos)\n    const beforeLeaf = line.text.slice(0, leafMatch.from - line.from)\n    const typedLeaf = line.text.slice(leafMatch.from - line.from, leafMatch.to - line.from)\n\n    if (!typedLeaf.startsWith(':::') && !beforeLeaf.trim())\n      return {\n        from: leafMatch.from,\n        options: getDirectiveCompletionOptions().filter((option) =>\n          typeof option.label === 'string'\n            ? option.label.startsWith('::') && !option.label.startsWith(':::')\n            : false,\n        ),\n      }\n  }\n\n  const match = context.matchBefore(/:::[\\w-]*/)\n\n  if (!match) return null\n  if (match.from === match.to && !context.explicit) return null\n\n  return {\n    from: match.from,\n    options: getDirectiveCompletionOptions().filter((option) =>\n      typeof option.label === 'string' ? option.label.startsWith(':::') : true,\n    ),\n  }\n}\n\nexport const directiveCompletions = autocompletion({\n  activateOnTyping: true,\n  override: [directiveCompletionSource],\n})\n"],"names":["autocompletion","snippetCompletion","layoutDirectiveRegistry","getDirectiveThemeNames","getDirectiveCompletionOptions","getPublicDefinitions","flatMap","definition","label","editor","startsWith","name","snippets","detail","snippet","map","type","info","description","getDirectiveAttributeCompletionOptions","get","attributes","allowedAttributes","detailPrefix","attribute","getDirectiveThemeValueCompletionOptions","groupName","themeAttributes","attributeValues","value","themeName","attributeCompletionSource","context","line","state","doc","lineAt","pos","beforeCursor","text","slice","from","containerMatch","match","buttonMatch","multilineMatch","findOpenDirectiveAttributeBlock","directiveMatch","attributesBeforeCursor","valueMatch","typedValue","options","length","attributeMatch","typedAttribute","explicit","lineNumber","number","previousLine","trimmed","trim","includes","directiveCompletionSource","attributeResult","leafMatch","matchBefore","beforeLeaf","typedLeaf","to","filter","option","directiveCompletions","activateOnTyping","override"],"mappings":"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"}

package/dist/editor/themes/payload.js

@@ -2,6 +2,7 @@ import { markdown } from '@codemirror/lang-markdown';
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
 import { tags as t, Tag } from '@lezer/highlight';
+import { hasUnclosedDirectiveAttributeBlock } from '../../directives/attributes.js';
 import { supportedLangHighlight } from './support/highlighters.js';
 import { languages } from './support/lang.js';
 const activeLine = '#6699ff0b', bracketMatch = '#bad0f847', chalky = '#e5c07b', coral = '#e06c75', cursor = '#a5edff', cyan = '#56b6c2', highlightBackground = '#2c313a', invalid = '#ff6b81', ivory = '#c4c9d5', malibu = '#61afef', sage = '#98c379', searchMatch = '#72a1ff59', searchMatchOutline = '#457dff', selection = '#ffffff', selectionBackground = '#3E4451', selectionMatch = '#aafe661a', stone = '#7d8799', tooltipBackground = '#353a42', violet = '#e47cd2', whiskey = '#d19a66';
@@ -106,6 +107,11 @@ export const payloadTheme = EditorView.theme({
 });
 // Keep custom directive highlighting compatible with keyword semantics
 const mdQualifierTag = Tag.define(t.keyword);
+const mdLeafDirectiveTag = Tag.define(t.keyword);
+const mdDirectiveArgNameTag = Tag.define(t.propertyName);
+const mdDirectiveArgValueTag = Tag.define(t.string);
+const mdDirectiveBraceTag = Tag.define(t.separator);
+const mdDirectiveLabelTag = Tag.define(t.labelName);
 export const payloadHighlightStyle = HighlightStyle.define([
     // Directives + language keywords
     {
@@ -115,6 +121,26 @@ export const payloadHighlightStyle = HighlightStyle.define([
             t.keyword
         ]
     },
+    {
+        color: '#d7a7df',
+        tag: mdLeafDirectiveTag
+    },
+    {
+        color: coral,
+        tag: mdDirectiveArgNameTag
+    },
+    {
+        color: sage,
+        tag: mdDirectiveArgValueTag
+    },
+    {
+        color: stone,
+        tag: mdDirectiveBraceTag
+    },
+    {
+        color: malibu,
+        tag: mdDirectiveLabelTag
+    },
     // Names / identifiers that should read warm
     {
         color: coral,
@@ -228,27 +254,189 @@ export const payloadHighlightStyle = HighlightStyle.define([
         tag: t.invalid
     }
 ]);
+function isDirectiveLine(line) {
+    return line.text.slice(line.pos).startsWith(':::');
+}
+function isLeafDirectiveLine(line) {
+    return /^::button(?:$|[\s[{])/.test(line.text.slice(line.pos));
+}
+function skipInlineSpace(text, index) {
+    let next = index;
+    while(next < text.length && /\s/.test(text[next]))++next;
+    return next;
+}
+function parseQuotedValue(cx, text, lineStart, index) {
+    const quote = text[index];
+    let end = index + 1;
+    while(end < text.length){
+        if (text[end] === '\\') {
+            end += 2;
+            continue;
+        }
+        if (text[end] === quote) {
+            end += 1;
+            break;
+        }
+        ++end;
+    }
+    return {
+        elements: [
+            cx.elt('DirectiveAttributeValue', lineStart + index, lineStart + end)
+        ],
+        index: end
+    };
+}
+function parseBareValue(cx, text, lineStart, index) {
+    let end = index;
+    while(end < text.length && !/[\s}]/.test(text[end]))++end;
+    return end > index ? {
+        elements: [
+            cx.elt('DirectiveAttributeValue', lineStart + index, lineStart + end)
+        ],
+        index: end
+    } : {
+        elements: [],
+        index
+    };
+}
+function parseAttributeElements(cx, text, lineStart, startIndex) {
+    const elements = [];
+    let index = startIndex;
+    while(index < text.length){
+        const char = text[index];
+        if (char === '{' || char === '}') {
+            elements.push(cx.elt('DirectiveBrace', lineStart + index, lineStart + index + 1));
+            ++index;
+            continue;
+        }
+        if (/\s/.test(char)) {
+            ++index;
+            continue;
+        }
+        if (/[\w-]/.test(char)) {
+            const nameStart = index;
+            while(index < text.length && /[\w-]/.test(text[index]))++index;
+            const nameEnd = index;
+            const equalsIndex = skipInlineSpace(text, index);
+            if (text[equalsIndex] !== '=') continue;
+            elements.push(cx.elt('DirectiveAttributeName', lineStart + nameStart, lineStart + nameEnd));
+            index = skipInlineSpace(text, equalsIndex + 1);
+            if (text[index] === '"' || text[index] === "'") {
+                const parsed = parseQuotedValue(cx, text, lineStart, index);
+                elements.push(...parsed.elements);
+                index = parsed.index;
+                continue;
+            }
+            const parsed = parseBareValue(cx, text, lineStart, index);
+            elements.push(...parsed.elements);
+            index = parsed.index;
+            continue;
+        }
+        ++index;
+    }
+    return elements;
+}
+function parseDirectiveLineElements(cx, line, leaf) {
+    const text = line.text;
+    const start = line.pos;
+    const lineStart = cxLineStart(cx);
+    const directiveMatch = text.slice(start).match(leaf ? /^::button(?=$|[\s[{])/ : /^:::[\w-]*/);
+    const directiveText = directiveMatch?.[0]?.trimEnd();
+    if (!directiveText) return [];
+    const nameTo = start + directiveText.length;
+    const elements = [
+        cx.elt(leaf ? 'LeafDirectiveName' : 'DirectiveName', lineStart + start, lineStart + nameTo)
+    ];
+    let cursor = skipInlineSpace(text, nameTo);
+    if (text[cursor] === '[') {
+        const labelEnd = text.indexOf(']', cursor + 1);
+        if (labelEnd >= 0) {
+            elements.push(cx.elt('DirectiveLabel', lineStart + cursor, lineStart + labelEnd + 1));
+            cursor = skipInlineSpace(text, labelEnd + 1);
+        }
+    }
+    const braceIndex = text.indexOf('{', cursor);
+    if (braceIndex >= 0) elements.push(...parseAttributeElements(cx, text, lineStart, braceIndex));
+    return elements;
+}
+function parseDirectiveAttributeContinuationElements(cx, line) {
+    return parseAttributeElements(cx, line.text, cxLineStart(cx), line.pos);
+}
+function cxLineStart(cx) {
+    return cx.lineStart;
+}
+function addDirectiveBlock(cx, line, blockName, leaf) {
+    const from = cx.lineStart + line.pos;
+    const children = parseDirectiveLineElements(cx, line, leaf);
+    let collectedText = line.text.slice(line.pos);
+    let to = cx.lineStart + line.text.length;
+    while(hasUnclosedDirectiveAttributeBlock(collectedText)){
+        if (cx.peekLine().trim().startsWith('::')) break;
+        if (!cx.nextLine()) break;
+        collectedText += `\n${line.text}`;
+        to = cx.lineStart + line.text.length;
+        children.push(...parseDirectiveAttributeContinuationElements(cx, line));
+    }
+    cx.addElement(cx.elt(blockName, from, to, children));
+    cx.nextLine();
+}
 const directiveBlock = {
     defineNodes: [
         {
             name: 'DirectiveLine',
-            block: true,
+            block: true
+        },
+        {
+            name: 'LeafDirectiveLine',
+            block: true
+        },
+        {
+            name: 'DirectiveName',
             style: mdQualifierTag
+        },
+        {
+            name: 'LeafDirectiveName',
+            style: mdLeafDirectiveTag
+        },
+        {
+            name: 'DirectiveLabel',
+            style: mdDirectiveLabelTag
+        },
+        {
+            name: 'DirectiveAttributeName',
+            style: mdDirectiveArgNameTag
+        },
+        {
+            name: 'DirectiveAttributeValue',
+            style: mdDirectiveArgValueTag
+        },
+        {
+            name: 'DirectiveBrace',
+            style: mdDirectiveBraceTag
         }
     ],
     parseBlock: [
+        {
+            name: 'LeafDirectiveLine',
+            before: 'HTMLBlock',
+            endLeaf (_cx, line) {
+                return isLeafDirectiveLine(line);
+            },
+            parse (cx, line) {
+                if (!isLeafDirectiveLine(line)) return false;
+                addDirectiveBlock(cx, line, 'LeafDirectiveLine', true);
+                return true;
+            }
+        },
         {
             name: 'DirectiveLine',
             before: 'HTMLBlock',
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            endLeaf (_cx, line) {
+                return isDirectiveLine(line);
+            },
             parse (cx, line) {
-                const startInLine = line.pos;
-                const text = line.text.slice(startInLine);
-                if (!text.startsWith(':::')) return false;
-                const from = cx.lineStart + startInLine;
-                const to = cx.lineStart + line.text.length;
-                cx.addElement(cx.elt('DirectiveLine', from, to));
-                cx.nextLine();
+                if (!isDirectiveLine(line)) return false;
+                addDirectiveBlock(cx, line, 'DirectiveLine', false);
                 return true;
             }
         }

package/dist/editor/themes/payload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/themes/payload.ts"],"sourcesContent":["import type { Extension } from '@codemirror/state'\n\nimport { markdown } from '@codemirror/lang-markdown'\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language'\nimport { EditorView } from '@codemirror/view'\nimport { tags as t, Tag } from '@lezer/highlight'\n\nimport { supportedLangHighlight } from './support/highlighters.js'\nimport { languages } from './support/lang.js'\n\nconst activeLine = '#6699ff0b',\n  bracketMatch = '#bad0f847',\n  chalky = '#e5c07b',\n  coral = '#e06c75',\n  cursor = '#a5edff',\n  cyan = '#56b6c2',\n  highlightBackground = '#2c313a',\n  invalid = '#ff6b81',\n  ivory = '#c4c9d5',\n  malibu = '#61afef',\n  sage = '#98c379',\n  searchMatch = '#72a1ff59',\n  searchMatchOutline = '#457dff',\n  selection = '#ffffff',\n  selectionBackground = '#3E4451',\n  selectionMatch = '#aafe661a',\n  stone = '#7d8799',\n  tooltipBackground = '#353a42',\n  violet = '#e47cd2',\n  whiskey = '#d19a66'\n\nexport const color = {\n  activeLine,\n  bracketMatch,\n  chalky,\n  coral,\n  cursor,\n  cyan,\n  highlightBackground,\n  invalid,\n  ivory,\n  malibu,\n  sage,\n  searchMatch,\n  searchMatchOutline,\n  selection,\n  selectionBackground,\n  selectionMatch,\n  stone,\n  tooltipBackground,\n  violet,\n  whiskey,\n}\n\nexport const payloadTheme = EditorView.theme(\n  {\n    '&': {\n      backgroundColor: 'transparent',\n      color: ivory,\n      fontSize: '1.05rem',\n    },\n\n    '.cm-content': {\n      caretColor: cursor,\n      padding: '0.75rem',\n    },\n\n    '.cm-scroller': {\n      fontFamily: 'monospace',\n    },\n\n    '.cm-cursor, .cm-dropCursor': {\n      borderLeftColor: cursor,\n    },\n\n    '.cm-selectionBackground': {\n      backgroundColor: selectionBackground,\n    },\n\n    '.cm-content ::selection': {\n      backgroundColor: selectionBackground,\n      color: selection,\n    },\n\n    '.cm-selectionBackground, .cm-content ::selection': {\n      color: selection,\n    },\n\n    '.cm-activeLine': {\n      backgroundColor: activeLine,\n    },\n\n    '.cm-selectionMatch': {\n      backgroundColor: selectionMatch,\n    },\n\n    '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {\n      backgroundColor: bracketMatch,\n    },\n\n    '.cm-gutters': {\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: stone,\n    },\n\n    '.cm-activeLineGutter': {\n      backgroundColor: highlightBackground,\n    },\n\n    '.cm-searchMatch': {\n      backgroundColor: searchMatch,\n      outline: `1px solid ${searchMatchOutline}`,\n    },\n\n    '.cm-searchMatch.cm-searchMatch-selected': {\n      backgroundColor: '#6199ff2f',\n    },\n\n    '.cm-foldPlaceholder': {\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: ivory,\n    },\n\n    '.cm-tooltip': {\n      backgroundColor: tooltipBackground,\n      border: 'none',\n      color: ivory,\n    },\n\n    '.cm-tooltip .cm-tooltip-arrow:before': {\n      borderBottomColor: 'transparent',\n      borderTopColor: 'transparent',\n    },\n\n    '.cm-tooltip .cm-tooltip-arrow:after': {\n      borderBottomColor: tooltipBackground,\n      borderTopColor: tooltipBackground,\n    },\n\n    '.cm-tooltip-autocomplete': {\n      '& > ul > li[aria-selected]': {\n        backgroundColor: highlightBackground,\n        color: ivory,\n      },\n    },\n  },\n  { dark: true },\n)\n\n// Keep custom directive highlighting compatible with keyword semantics\nconst mdQualifierTag = Tag.define(t.keyword)\n\nexport const payloadHighlightStyle = HighlightStyle.define([\n  // Directives + language keywords\n  { color: violet, tag: [mdQualifierTag, t.keyword] },\n\n  // Names / identifiers that should read warm\n  { color: coral, tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName] },\n\n  // Functions and labels should pop cooler like JetBrains method names\n  { color: malibu, tag: [t.function(t.variableName), t.function(t.propertyName), t.labelName] },\n\n  // Constants / enum-like / builtins\n  {\n    color: whiskey,\n    tag: [\n      t.color,\n      t.constant(t.name),\n      t.standard(t.name),\n      t.atom,\n      t.bool,\n      t.special(t.variableName),\n    ],\n  },\n\n  // Definitions and separators\n  { color: ivory, tag: [t.definition(t.name), t.separator] },\n\n  // Types / classes / annotations / namespaces / numerics\n  {\n    color: chalky,\n    tag: [\n      t.typeName,\n      t.className,\n      t.number,\n      t.changed,\n      t.annotation,\n      t.modifier,\n      t.self,\n      t.namespace,\n    ],\n  },\n\n  // Operators / escapes / urls / regex / special strings\n  {\n    color: cyan,\n    tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n  },\n\n  // Comments + meta\n  { color: stone, tag: [t.meta, t.comment] },\n\n  // Markdown emphasis\n  { fontWeight: 'bold', tag: t.strong },\n  { fontStyle: 'italic', tag: t.emphasis },\n  { tag: t.strikethrough, textDecoration: 'line-through' },\n  { color: stone, tag: t.link, textDecoration: 'underline' },\n  { color: coral, fontWeight: 'bold', tag: t.heading },\n\n  // Strings / inserted text / processing-ish constructs\n  { color: sage, tag: [t.processingInstruction, t.string, t.inserted] },\n\n  // Actually-invalid syntax should look wrong\n  { color: invalid, tag: t.invalid },\n])\n\nconst directiveBlock = {\n  defineNodes: [\n    {\n      name: 'DirectiveLine',\n      block: true,\n      style: mdQualifierTag,\n    },\n  ],\n\n  parseBlock: [\n    {\n      name: 'DirectiveLine',\n      before: 'HTMLBlock',\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parse(cx: any, line: any) {\n        const startInLine = line.pos\n        const text = line.text.slice(startInLine)\n\n        if (!text.startsWith(':::')) return false\n\n        const from = cx.lineStart + startInLine\n        const to = cx.lineStart + line.text.length\n\n        cx.addElement(cx.elt('DirectiveLine', from, to))\n        cx.nextLine()\n\n        return true\n      },\n    },\n  ],\n}\n\nexport const payloadMarkdownTheme: Extension = [\n  payloadTheme,\n  syntaxHighlighting(payloadHighlightStyle),\n  ...supportedLangHighlight,\n  markdown({\n    codeLanguages: languages,\n    extensions: [directiveBlock],\n  }),\n]\n"],"names":["markdown","HighlightStyle","syntaxHighlighting","EditorView","tags","t","Tag","supportedLangHighlight","languages","activeLine","bracketMatch","chalky","coral","cursor","cyan","highlightBackground","invalid","ivory","malibu","sage","searchMatch","searchMatchOutline","selection","selectionBackground","selectionMatch","stone","tooltipBackground","violet","whiskey","color","payloadTheme","theme","backgroundColor","fontSize","caretColor","padding","fontFamily","borderLeftColor","border","outline","borderBottomColor","borderTopColor","dark","mdQualifierTag","define","keyword","payloadHighlightStyle","tag","name","deleted","character","propertyName","macroName","function","variableName","labelName","constant","standard","atom","bool","special","definition","separator","typeName","className","number","changed","annotation","modifier","self","namespace","operator","operatorKeyword","url","escape","regexp","link","string","meta","comment","fontWeight","strong","fontStyle","emphasis","strikethrough","textDecoration","heading","processingInstruction","inserted","directiveBlock","defineNodes","block","style","parseBlock","before","parse","cx","line","startInLine","pos","text","slice","startsWith","from","lineStart","to","length","addElement","elt","nextLine","payloadMarkdownTheme","codeLanguages","extensions"],"mappings":"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"}
+{"version":3,"sources":["../../../src/editor/themes/payload.ts"],"sourcesContent":["import type { Extension } from '@codemirror/state'\n\nimport { markdown } from '@codemirror/lang-markdown'\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language'\nimport { EditorView } from '@codemirror/view'\nimport { tags as t, Tag } from '@lezer/highlight'\n\nimport { hasUnclosedDirectiveAttributeBlock } from '../../directives/attributes.js'\nimport { supportedLangHighlight } from './support/highlighters.js'\nimport { languages } from './support/lang.js'\n\nconst activeLine = '#6699ff0b',\n  bracketMatch = '#bad0f847',\n  chalky = '#e5c07b',\n  coral = '#e06c75',\n  cursor = '#a5edff',\n  cyan = '#56b6c2',\n  highlightBackground = '#2c313a',\n  invalid = '#ff6b81',\n  ivory = '#c4c9d5',\n  malibu = '#61afef',\n  sage = '#98c379',\n  searchMatch = '#72a1ff59',\n  searchMatchOutline = '#457dff',\n  selection = '#ffffff',\n  selectionBackground = '#3E4451',\n  selectionMatch = '#aafe661a',\n  stone = '#7d8799',\n  tooltipBackground = '#353a42',\n  violet = '#e47cd2',\n  whiskey = '#d19a66'\n\nexport const color = {\n  activeLine,\n  bracketMatch,\n  chalky,\n  coral,\n  cursor,\n  cyan,\n  highlightBackground,\n  invalid,\n  ivory,\n  malibu,\n  sage,\n  searchMatch,\n  searchMatchOutline,\n  selection,\n  selectionBackground,\n  selectionMatch,\n  stone,\n  tooltipBackground,\n  violet,\n  whiskey,\n}\n\nexport const payloadTheme = EditorView.theme(\n  {\n    '&': {\n      backgroundColor: 'transparent',\n      color: ivory,\n      fontSize: '1.05rem',\n    },\n\n    '.cm-content': {\n      caretColor: cursor,\n      padding: '0.75rem',\n    },\n\n    '.cm-scroller': {\n      fontFamily: 'monospace',\n    },\n\n    '.cm-cursor, .cm-dropCursor': {\n      borderLeftColor: cursor,\n    },\n\n    '.cm-selectionBackground': {\n      backgroundColor: selectionBackground,\n    },\n\n    '.cm-content ::selection': {\n      backgroundColor: selectionBackground,\n      color: selection,\n    },\n\n    '.cm-selectionBackground, .cm-content ::selection': {\n      color: selection,\n    },\n\n    '.cm-activeLine': {\n      backgroundColor: activeLine,\n    },\n\n    '.cm-selectionMatch': {\n      backgroundColor: selectionMatch,\n    },\n\n    '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {\n      backgroundColor: bracketMatch,\n    },\n\n    '.cm-gutters': {\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: stone,\n    },\n\n    '.cm-activeLineGutter': {\n      backgroundColor: highlightBackground,\n    },\n\n    '.cm-searchMatch': {\n      backgroundColor: searchMatch,\n      outline: `1px solid ${searchMatchOutline}`,\n    },\n\n    '.cm-searchMatch.cm-searchMatch-selected': {\n      backgroundColor: '#6199ff2f',\n    },\n\n    '.cm-foldPlaceholder': {\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: ivory,\n    },\n\n    '.cm-tooltip': {\n      backgroundColor: tooltipBackground,\n      border: 'none',\n      color: ivory,\n    },\n\n    '.cm-tooltip .cm-tooltip-arrow:before': {\n      borderBottomColor: 'transparent',\n      borderTopColor: 'transparent',\n    },\n\n    '.cm-tooltip .cm-tooltip-arrow:after': {\n      borderBottomColor: tooltipBackground,\n      borderTopColor: tooltipBackground,\n    },\n\n    '.cm-tooltip-autocomplete': {\n      '& > ul > li[aria-selected]': {\n        backgroundColor: highlightBackground,\n        color: ivory,\n      },\n    },\n  },\n  { dark: true },\n)\n\n// Keep custom directive highlighting compatible with keyword semantics\nconst mdQualifierTag = Tag.define(t.keyword)\nconst mdLeafDirectiveTag = Tag.define(t.keyword)\nconst mdDirectiveArgNameTag = Tag.define(t.propertyName)\nconst mdDirectiveArgValueTag = Tag.define(t.string)\nconst mdDirectiveBraceTag = Tag.define(t.separator)\nconst mdDirectiveLabelTag = Tag.define(t.labelName)\n\nexport const payloadHighlightStyle = HighlightStyle.define([\n  // Directives + language keywords\n  { color: violet, tag: [mdQualifierTag, t.keyword] },\n  { color: '#d7a7df', tag: mdLeafDirectiveTag },\n  { color: coral, tag: mdDirectiveArgNameTag },\n  { color: sage, tag: mdDirectiveArgValueTag },\n  { color: stone, tag: mdDirectiveBraceTag },\n  { color: malibu, tag: mdDirectiveLabelTag },\n\n  // Names / identifiers that should read warm\n  { color: coral, tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName] },\n\n  // Functions and labels should pop cooler like JetBrains method names\n  { color: malibu, tag: [t.function(t.variableName), t.function(t.propertyName), t.labelName] },\n\n  // Constants / enum-like / builtins\n  {\n    color: whiskey,\n    tag: [\n      t.color,\n      t.constant(t.name),\n      t.standard(t.name),\n      t.atom,\n      t.bool,\n      t.special(t.variableName),\n    ],\n  },\n\n  // Definitions and separators\n  { color: ivory, tag: [t.definition(t.name), t.separator] },\n\n  // Types / classes / annotations / namespaces / numerics\n  {\n    color: chalky,\n    tag: [\n      t.typeName,\n      t.className,\n      t.number,\n      t.changed,\n      t.annotation,\n      t.modifier,\n      t.self,\n      t.namespace,\n    ],\n  },\n\n  // Operators / escapes / urls / regex / special strings\n  {\n    color: cyan,\n    tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n  },\n\n  // Comments + meta\n  { color: stone, tag: [t.meta, t.comment] },\n\n  // Markdown emphasis\n  { fontWeight: 'bold', tag: t.strong },\n  { fontStyle: 'italic', tag: t.emphasis },\n  { tag: t.strikethrough, textDecoration: 'line-through' },\n  { color: stone, tag: t.link, textDecoration: 'underline' },\n  { color: coral, fontWeight: 'bold', tag: t.heading },\n\n  // Strings / inserted text / processing-ish constructs\n  { color: sage, tag: [t.processingInstruction, t.string, t.inserted] },\n\n  // Actually-invalid syntax should look wrong\n  { color: invalid, tag: t.invalid },\n])\n\ntype MarkdownConfig = Extract<\n  NonNullable<NonNullable<Parameters<typeof markdown>[0]>['extensions']>,\n  { parseBlock?: unknown }\n>\n\ntype MarkdownLine = {\n  pos: number\n  text: string\n}\n\n// @lezer/markdown's Element type is not a direct package dependency here.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype MarkdownElement = any\n\ntype DirectiveParseContext = {\n  elt: (type: string, from: number, to: number, children?: readonly MarkdownElement[]) => MarkdownElement\n  lineStart: number\n}\n\nfunction isDirectiveLine(line: MarkdownLine): boolean {\n  return line.text.slice(line.pos).startsWith(':::')\n}\n\nfunction isLeafDirectiveLine(line: MarkdownLine): boolean {\n  return /^::button(?:$|[\\s[{])/.test(line.text.slice(line.pos))\n}\n\nfunction skipInlineSpace(text: string, index: number): number {\n  let next = index\n\n  while (next < text.length && /\\s/.test(text[next])) ++next\n\n  return next\n}\n\nfunction parseQuotedValue(\n  cx: DirectiveParseContext,\n  text: string,\n  lineStart: number,\n  index: number,\n): { elements: MarkdownElement[]; index: number } {\n  const quote = text[index]\n  let end = index + 1\n\n  while (end < text.length) {\n    if (text[end] === '\\\\') {\n      end += 2\n      continue\n    }\n\n    if (text[end] === quote) {\n      end += 1\n      break\n    }\n\n    ++end\n  }\n\n  return {\n    elements: [cx.elt('DirectiveAttributeValue', lineStart + index, lineStart + end)],\n    index: end,\n  }\n}\n\nfunction parseBareValue(\n  cx: DirectiveParseContext,\n  text: string,\n  lineStart: number,\n  index: number,\n): { elements: MarkdownElement[]; index: number } {\n  let end = index\n\n  while (end < text.length && !/[\\s}]/.test(text[end])) ++end\n\n  return end > index\n    ? {\n        elements: [cx.elt('DirectiveAttributeValue', lineStart + index, lineStart + end)],\n        index: end,\n      }\n    : {\n        elements: [],\n        index,\n      }\n}\n\nfunction parseAttributeElements(\n  cx: DirectiveParseContext,\n  text: string,\n  lineStart: number,\n  startIndex: number,\n): MarkdownElement[] {\n  const elements: MarkdownElement[] = []\n  let index = startIndex\n\n  while (index < text.length) {\n    const char = text[index]\n\n    if (char === '{' || char === '}') {\n      elements.push(cx.elt('DirectiveBrace', lineStart + index, lineStart + index + 1))\n      ++index\n      continue\n    }\n\n    if (/\\s/.test(char)) {\n      ++index\n      continue\n    }\n\n    if (/[\\w-]/.test(char)) {\n      const nameStart = index\n\n      while (index < text.length && /[\\w-]/.test(text[index])) ++index\n\n      const nameEnd = index\n      const equalsIndex = skipInlineSpace(text, index)\n\n      if (text[equalsIndex] !== '=') continue\n\n      elements.push(cx.elt('DirectiveAttributeName', lineStart + nameStart, lineStart + nameEnd))\n      index = skipInlineSpace(text, equalsIndex + 1)\n\n      if (text[index] === '\"' || text[index] === \"'\") {\n        const parsed = parseQuotedValue(cx, text, lineStart, index)\n        elements.push(...parsed.elements)\n        index = parsed.index\n        continue\n      }\n\n      const parsed = parseBareValue(cx, text, lineStart, index)\n      elements.push(...parsed.elements)\n      index = parsed.index\n      continue\n    }\n\n    ++index\n  }\n\n  return elements\n}\n\nfunction parseDirectiveLineElements(\n  cx: DirectiveParseContext,\n  line: MarkdownLine,\n  leaf: boolean,\n): MarkdownElement[] {\n  const text = line.text\n  const start = line.pos\n  const lineStart = cxLineStart(cx)\n  const directiveMatch = text.slice(start).match(leaf ? /^::button(?=$|[\\s[{])/ : /^:::[\\w-]*/)\n  const directiveText = directiveMatch?.[0]?.trimEnd()\n\n  if (!directiveText) return []\n\n  const nameTo = start + directiveText.length\n  const elements = [\n    cx.elt(\n      leaf ? 'LeafDirectiveName' : 'DirectiveName',\n      lineStart + start,\n      lineStart + nameTo,\n    ),\n  ]\n  let cursor = skipInlineSpace(text, nameTo)\n\n  if (text[cursor] === '[') {\n    const labelEnd = text.indexOf(']', cursor + 1)\n\n    if (labelEnd >= 0) {\n      elements.push(cx.elt('DirectiveLabel', lineStart + cursor, lineStart + labelEnd + 1))\n      cursor = skipInlineSpace(text, labelEnd + 1)\n    }\n  }\n\n  const braceIndex = text.indexOf('{', cursor)\n  if (braceIndex >= 0) elements.push(...parseAttributeElements(cx, text, lineStart, braceIndex))\n\n  return elements\n}\n\nfunction parseDirectiveAttributeContinuationElements(\n  cx: DirectiveParseContext,\n  line: MarkdownLine,\n): MarkdownElement[] {\n  return parseAttributeElements(cx, line.text, cxLineStart(cx), line.pos)\n}\n\nfunction cxLineStart(cx: { lineStart: number }): number {\n  return cx.lineStart\n}\n\nfunction addDirectiveBlock(\n  cx: {\n    addElement: (element: MarkdownElement) => void\n    elt: (type: string, from: number, to: number, children?: readonly MarkdownElement[]) => MarkdownElement\n    lineStart: number\n    nextLine: () => boolean\n    peekLine: () => string\n  },\n  line: MarkdownLine,\n  blockName: 'DirectiveLine' | 'LeafDirectiveLine',\n  leaf: boolean,\n) {\n  const from = cx.lineStart + line.pos\n  const children = parseDirectiveLineElements(cx, line, leaf)\n  let collectedText = line.text.slice(line.pos)\n  let to = cx.lineStart + line.text.length\n\n  while (hasUnclosedDirectiveAttributeBlock(collectedText)) {\n    if (cx.peekLine().trim().startsWith('::')) break\n    if (!cx.nextLine()) break\n\n    collectedText += `\\n${line.text}`\n    to = cx.lineStart + line.text.length\n    children.push(...parseDirectiveAttributeContinuationElements(cx, line))\n  }\n\n  cx.addElement(cx.elt(blockName, from, to, children))\n  cx.nextLine()\n}\n\nconst directiveBlock = {\n  defineNodes: [\n    {\n      name: 'DirectiveLine',\n      block: true,\n    },\n    {\n      name: 'LeafDirectiveLine',\n      block: true,\n    },\n    {\n      name: 'DirectiveName',\n      style: mdQualifierTag,\n    },\n    {\n      name: 'LeafDirectiveName',\n      style: mdLeafDirectiveTag,\n    },\n    {\n      name: 'DirectiveLabel',\n      style: mdDirectiveLabelTag,\n    },\n    {\n      name: 'DirectiveAttributeName',\n      style: mdDirectiveArgNameTag,\n    },\n    {\n      name: 'DirectiveAttributeValue',\n      style: mdDirectiveArgValueTag,\n    },\n    {\n      name: 'DirectiveBrace',\n      style: mdDirectiveBraceTag,\n    },\n  ],\n\n  parseBlock: [\n    {\n      name: 'LeafDirectiveLine',\n      before: 'HTMLBlock',\n      endLeaf(_cx, line) {\n        return isLeafDirectiveLine(line)\n      },\n      parse(cx, line) {\n        if (!isLeafDirectiveLine(line)) return false\n\n        addDirectiveBlock(cx, line, 'LeafDirectiveLine', true)\n\n        return true\n      },\n    },\n    {\n      name: 'DirectiveLine',\n      before: 'HTMLBlock',\n      endLeaf(_cx, line) {\n        return isDirectiveLine(line)\n      },\n      parse(cx, line) {\n        if (!isDirectiveLine(line)) return false\n\n        addDirectiveBlock(cx, line, 'DirectiveLine', false)\n\n        return true\n      },\n    },\n  ],\n} satisfies MarkdownConfig\n\nexport const payloadMarkdownTheme: Extension = [\n  payloadTheme,\n  syntaxHighlighting(payloadHighlightStyle),\n  ...supportedLangHighlight,\n  markdown({\n    codeLanguages: languages,\n    extensions: [directiveBlock],\n  }),\n]\n"],"names":["markdown","HighlightStyle","syntaxHighlighting","EditorView","tags","t","Tag","hasUnclosedDirectiveAttributeBlock","supportedLangHighlight","languages","activeLine","bracketMatch","chalky","coral","cursor","cyan","highlightBackground","invalid","ivory","malibu","sage","searchMatch","searchMatchOutline","selection","selectionBackground","selectionMatch","stone","tooltipBackground","violet","whiskey","color","payloadTheme","theme","backgroundColor","fontSize","caretColor","padding","fontFamily","borderLeftColor","border","outline","borderBottomColor","borderTopColor","dark","mdQualifierTag","define","keyword","mdLeafDirectiveTag","mdDirectiveArgNameTag","propertyName","mdDirectiveArgValueTag","string","mdDirectiveBraceTag","separator","mdDirectiveLabelTag","labelName","payloadHighlightStyle","tag","name","deleted","character","macroName","function","variableName","constant","standard","atom","bool","special","definition","typeName","className","number","changed","annotation","modifier","self","namespace","operator","operatorKeyword","url","escape","regexp","link","meta","comment","fontWeight","strong","fontStyle","emphasis","strikethrough","textDecoration","heading","processingInstruction","inserted","isDirectiveLine","line","text","slice","pos","startsWith","isLeafDirectiveLine","test","skipInlineSpace","index","next","length","parseQuotedValue","cx","lineStart","quote","end","elements","elt","parseBareValue","parseAttributeElements","startIndex","char","push","nameStart","nameEnd","equalsIndex","parsed","parseDirectiveLineElements","leaf","start","cxLineStart","directiveMatch","match","directiveText","trimEnd","nameTo","labelEnd","indexOf","braceIndex","parseDirectiveAttributeContinuationElements","addDirectiveBlock","blockName","from","children","collectedText","to","peekLine","trim","nextLine","addElement","directiveBlock","defineNodes","block","style","parseBlock","before","endLeaf","_cx","parse","payloadMarkdownTheme","codeLanguages","extensions"],"mappings":"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"}

package/dist/exports/advanced.d.ts

@@ -1,3 +1,4 @@
 export { vlMdCodeBlockConfig } from '../field/CodeBlockConfig/config.js';
 export { vlMdConfig } from '../field/Config/config.js';
 export { vlMdTailwindField } from '../field/Tailwind/config.js';
+export { createPayloadMarkdownIconRegistryEntry, createPayloadMarkdownIconRegistrySource, } from '../icons/generateRegistry.js';

package/dist/exports/advanced.js

@@ -1,5 +1,6 @@
 export { vlMdCodeBlockConfig } from '../field/CodeBlockConfig/config.js';
 export { vlMdConfig } from '../field/Config/config.js';
 export { vlMdTailwindField } from '../field/Tailwind/config.js';
+export { createPayloadMarkdownIconRegistryEntry, createPayloadMarkdownIconRegistrySource } from '../icons/generateRegistry.js';
 
 //# sourceMappingURL=advanced.js.map

package/dist/exports/advanced.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/exports/advanced.ts"],"sourcesContent":["export { vlMdCodeBlockConfig } from '../field/CodeBlockConfig/config.js'\nexport { vlMdConfig } from '../field/Config/config.js'\nexport { vlMdTailwindField } from '../field/Tailwind/config.js'\n"],"names":["vlMdCodeBlockConfig","vlMdConfig","vlMdTailwindField"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,qCAAoC;AACxE,SAASC,UAAU,QAAQ,4BAA2B;AACtD,SAASC,iBAAiB,QAAQ,8BAA6B"}
+{"version":3,"sources":["../../src/exports/advanced.ts"],"sourcesContent":["export { vlMdCodeBlockConfig } from '../field/CodeBlockConfig/config.js'\nexport { vlMdConfig } from '../field/Config/config.js'\nexport { vlMdTailwindField } from '../field/Tailwind/config.js'\nexport {\n  createPayloadMarkdownIconRegistryEntry,\n  createPayloadMarkdownIconRegistrySource,\n} from '../icons/generateRegistry.js'\n"],"names":["vlMdCodeBlockConfig","vlMdConfig","vlMdTailwindField","createPayloadMarkdownIconRegistryEntry","createPayloadMarkdownIconRegistrySource"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,qCAAoC;AACxE,SAASC,UAAU,QAAQ,4BAA2B;AACtD,SAASC,iBAAiB,QAAQ,8BAA6B;AAC/D,SACEC,sCAAsC,EACtCC,uCAAuC,QAClC,+BAA8B"}

package/dist/icons/generateRegistry.d.ts

@@ -0,0 +1,8 @@
+import type { PayloadMarkdownIconsConfig } from '../types/core.js';
+type IconRegistryEntry = {
+    importPath: string;
+    key: string;
+};
+export declare function createPayloadMarkdownIconRegistrySource(entries: IconRegistryEntry[]): string;
+export declare function createPayloadMarkdownIconRegistryEntry(config: PayloadMarkdownIconsConfig, packAlias: string, iconPath: string): IconRegistryEntry | undefined;
+export {};