@dxos/diagram 0.11.1 → 0.14.0

package/dist/lib/extension.mjs

@@ -0,0 +1,204 @@
+import { G as analyze, _ as ELEMENT_KINDS, b as OBJECT_ATTRS, g as ELEMENT_ATTRS, h as EDGE_ATTRS, i as toScene, m as DIAGRAM_ATTRS, o as parser, r as read, t as parse, v as GROUP_ATTRS, w as STATEMENT_KEYWORDS, x as RELATION_WORDS, y as NODE_ATTRS } from "./chunk-parse.mjs";
+import { HighlightStyle, LRLanguage, LanguageDescription, LanguageSupport, syntaxHighlighting, syntaxTree } from "@codemirror/language";
+import { autocompletion } from "@codemirror/autocomplete";
+import { styleTags, tags } from "@lezer/highlight";
+import { linter } from "@codemirror/lint";
+//#region src/extension/complete.ts
+/** What a semantic statement accepts after its id: attributes, plus relations or edge clauses. */
+var SEMANTIC = {
+	DiagramDecl: {
+		attrs: DIAGRAM_ATTRS,
+		words: []
+	},
+	GroupDecl: {
+		attrs: GROUP_ATTRS,
+		words: [...RELATION_WORDS, "compact"]
+	},
+	NodeDecl: {
+		attrs: NODE_ATTRS,
+		words: RELATION_WORDS
+	},
+	EdgeDecl: {
+		attrs: EDGE_ATTRS,
+		words: ["via", "bus"]
+	}
+};
+var attributeOptions = (attrs) => attrs.map(({ name, type }) => ({
+	label: name,
+	type: "property",
+	detail: type === "enum" ? void 0 : type,
+	apply: `${name}=`
+}));
+/** The element kind a completion is inside, read off the tree rather than re-lexing the line. */
+var enclosingKind = (context, pos) => {
+	let node = syntaxTree(context.state).resolveInner(pos, -1);
+	while (node.parent) {
+		if (node.name === "Element") {
+			const shape = node.firstChild;
+			const keyword = shape && (shape.getChild("BoxKind") ?? shape.getChild("PathKind"))?.firstChild;
+			const word = context.state.doc.sliceString((keyword ?? shape?.firstChild)?.from ?? 0, (keyword ?? shape?.firstChild)?.to ?? 0);
+			return ELEMENT_KINDS.find((kind) => kind === word);
+		}
+		if (node.name === "ObjectDecl" || node.name === "ElementsDecl") return;
+		node = node.parent;
+	}
+};
+/** Node names from the cursor out to the document, so a position is classified by where it sits. */
+var ancestorsOf = (context, pos) => {
+	const names = [];
+	for (let node = syntaxTree(context.state).resolveInner(pos, -1); node; node = node.parent) names.push(node.name);
+	return names;
+};
+var source = (context) => {
+	const word = context.matchBefore(/[\w-]*/);
+	if (!word || word.from === word.to && !context.explicit) return null;
+	const ancestors = ancestorsOf(context, context.pos);
+	const innermost = ancestors.find((name) => name in SEMANTIC || name === "GroupBody");
+	if (innermost === "GroupBody") return {
+		from: word.from,
+		options: ["node", "edge"].map((label) => ({
+			label,
+			type: "keyword"
+		}))
+	};
+	if (innermost) {
+		const { attrs, words } = SEMANTIC[innermost];
+		return {
+			from: word.from,
+			options: [...words.map((label) => ({
+				label,
+				type: "keyword"
+			})), ...attributeOptions(attrs)]
+		};
+	}
+	if (!ancestors.includes("ObjectDecl") && !ancestors.includes("ElementsDecl")) return {
+		from: word.from,
+		options: STATEMENT_KEYWORDS.map((label) => ({
+			label,
+			type: "keyword"
+		}))
+	};
+	const kind = enclosingKind(context, context.pos);
+	if (!kind && ancestors.includes("Body")) return {
+		from: word.from,
+		options: ELEMENT_KINDS.map((label) => ({
+			label,
+			type: "keyword"
+		}))
+	};
+	return {
+		from: word.from,
+		options: attributeOptions(kind ? ELEMENT_ATTRS[kind] : OBJECT_ATTRS)
+	};
+};
+var diagramComplete = autocompletion({ override: [source] });
+//#endregion
+//#region src/extension/highlight.ts
+/**
+* Fills the gaps the editor's own highlight style leaves. The grammar emits standard
+* `@lezer/highlight` tags, so most of a document is coloured by whatever style the theme installs
+* and inherits its palette — but `vscodeLightStyle`/`vscodeDarkStyle` define neither
+* `attributeValue` nor `null`, which in this language are the enum values (`grey`, `dashed`,
+* `triangle`) and the unbound arrow end. Those are the most scannable part of a diagram, so
+* leaving them uncoloured is the one thing worth overriding.
+*
+* Classes are semantic theme tokens rather than hues, as in `mermaidHighlightStyle`, so light and
+* dark follow the palette.
+*/
+var diagramHighlightStyle = () => HighlightStyle.define([{
+	tag: tags.attributeValue,
+	class: "text-accent"
+}, {
+	tag: tags.null,
+	class: "text-fg-subtle"
+}]);
+//#endregion
+//#region src/extension/lint.ts
+/**
+* What is wrong with a document: everything `parse` found, and optionally everything
+* `Diagnostics.analyze` finds in the scene it produced, each carrying the range of the statement
+* or element that produced it — a layout error is only actionable when it points at the box it is
+* about. Separate from the CodeMirror wrapper so it needs no editor, which is also how the
+* agent-facing path reports the same problems.
+*/
+var diagramDiagnostics = (text, { layout = false } = {}) => {
+	const { commands, problems, ranges } = layout ? parse(text) : read(text);
+	const clamp = (value) => Math.max(0, Math.min(value, text.length));
+	const diagnostics = problems.map(({ severity, message, from, to }) => ({
+		severity,
+		message,
+		from: clamp(from),
+		to: clamp(to)
+	}));
+	if (layout && !problems.some(({ severity }) => severity === "error")) for (const diagnostic of analyze(toScene(commands).objects).diagnostics) {
+		const range = diagnostic.refs.flatMap((ref) => ranges.get(ref) ?? []).at(0);
+		diagnostics.push({
+			severity: diagnostic.severity,
+			source: diagnostic.code,
+			message: diagnostic.message,
+			from: clamp(range?.from ?? 0),
+			to: clamp(range?.to ?? Math.min(1, text.length))
+		});
+	}
+	return diagnostics.sort((left, right) => left.from - right.from);
+};
+/** The CodeMirror linter over {@link diagramDiagnostics}. */
+var diagramLint = (options = {}) => linter((view) => diagramDiagnostics(view.state.doc.toString(), options));
+//#endregion
+//#region src/extension/syntax.ts
+var diagramLanguage = LRLanguage.define({
+	name: "diagram",
+	parser: parser.configure({ props: [styleTags({
+		"object elements move remove diagram group node edge": tags.definitionKeyword,
+		"cell via bus compact": tags.keyword,
+		"RelationKind Side": tags.keyword,
+		"Soft": tags.modifier,
+		"rect ellipse diamond triangle circle line curve arc text arrow portal": tags.keyword,
+		"Id/String": tags.variableName,
+		"Id": tags.variableName,
+		"Ref": tags.propertyName,
+		"Label": tags.string,
+		"String": tags.string,
+		"Number": tags.number,
+		"Size": tags.number,
+		"Ratio": tags.number,
+		"AttrName": tags.attributeName,
+		"Word": tags.attributeValue,
+		"Word/object Word/elements Word/move Word/remove Word/rect Word/ellipse Word/diamond Word/triangle Word/circle Word/line Word/curve Word/arc Word/text Word/arrow Word/portal Word/diagram Word/group Word/node Word/edge Word/cell Word/via Word/bus Word/compact": tags.attributeValue,
+		"_": tags.null,
+		"Comment": tags.lineComment,
+		"-> <-> -- @ .. : | ~": tags.operator,
+		"( )": tags.paren,
+		"=": tags.definitionOperator,
+		",": tags.separator,
+		"{ }": tags.brace
+	})] }),
+	languageData: {
+		commentTokens: { line: "#" },
+		closeBrackets: { brackets: ["{", "\""] }
+	}
+});
+//#endregion
+//#region src/extension/language.ts
+/**
+* The fence dispatch point. Pass this alongside deus's `mdlBlockDescription` in
+* `createMarkdownExtensions({ codeLanguages: [...] })` and a ```diagram block inside a `.mdl`
+* document parses with the diagram grammar — a sibling of MDL's, not a nesting inside it. See
+* `docs/DSL.md`.
+*/
+var diagramBlockDescription = LanguageDescription.of({
+	name: "diagram",
+	alias: ["dxd"],
+	support: new LanguageSupport(diagramLanguage)
+});
+/** The whole editing surface for a standalone DSL buffer: mode, highlighting, completion, lint. */
+var diagram = (options = {}) => [
+	new LanguageSupport(diagramLanguage),
+	syntaxHighlighting(diagramHighlightStyle()),
+	diagramComplete,
+	diagramLint(options)
+];
+//#endregion
+export { diagram, diagramBlockDescription, diagramComplete, diagramDiagnostics, diagramHighlightStyle, diagramLanguage, diagramLint };
+
+//# sourceMappingURL=extension.mjs.map

package/dist/lib/extension.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.mjs","names":[],"sources":["../../src/extension/complete.ts","../../src/extension/highlight.ts","../../src/extension/lint.ts","../../src/extension/syntax.ts","../../src/extension/language.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport { type CompletionContext, type CompletionResult, autocompletion } from '@codemirror/autocomplete';\nimport { syntaxTree } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\nimport { type SyntaxNode } from '@lezer/common';\n\nimport {\n  type AttrSpec,\n  DIAGRAM_ATTRS,\n  EDGE_ATTRS,\n  ELEMENT_ATTRS,\n  ELEMENT_KINDS,\n  type ElementKind,\n  GROUP_ATTRS,\n  NODE_ATTRS,\n  OBJECT_ATTRS,\n  RELATION_WORDS,\n  STATEMENT_KEYWORDS,\n} from '../dsl/vocabulary.ts';\n\n/** What a semantic statement accepts after its id: attributes, plus relations or edge clauses. */\nconst SEMANTIC: Record<string, { attrs: readonly AttrSpec[]; words: readonly string[] }> = {\n  DiagramDecl: { attrs: DIAGRAM_ATTRS, words: [] },\n  GroupDecl: { attrs: GROUP_ATTRS, words: [...RELATION_WORDS, 'compact'] },\n  NodeDecl: { attrs: NODE_ATTRS, words: RELATION_WORDS },\n  EdgeDecl: { attrs: EDGE_ATTRS, words: ['via', 'bus'] },\n};\n\nconst attributeOptions = (attrs: readonly AttrSpec[]) =>\n  attrs.map(({ name, type }) => ({\n    label: name,\n    type: 'property',\n    detail: type === 'enum' ? undefined : type,\n    apply: `${name}=`,\n  }));\n\n/** The element kind a completion is inside, read off the tree rather than re-lexing the line. */\nconst enclosingKind = (context: CompletionContext, pos: number): ElementKind | undefined => {\n  let node = syntaxTree(context.state).resolveInner(pos, -1);\n  while (node.parent) {\n    if (node.name === 'Element') {\n      const shape = node.firstChild;\n      const keyword = shape && (shape.getChild('BoxKind') ?? shape.getChild('PathKind'))?.firstChild;\n      const word = context.state.doc.sliceString(\n        (keyword ?? shape?.firstChild)?.from ?? 0,\n        (keyword ?? shape?.firstChild)?.to ?? 0,\n      );\n      return ELEMENT_KINDS.find((kind) => kind === word);\n    }\n    if (node.name === 'ObjectDecl' || node.name === 'ElementsDecl') {\n      // Inside the declaration but outside any element: the object's own attributes.\n      return undefined;\n    }\n    node = node.parent;\n  }\n  return undefined;\n};\n\n/** Node names from the cursor out to the document, so a position is classified by where it sits. */\nconst ancestorsOf = (context: CompletionContext, pos: number): string[] => {\n  const names: string[] = [];\n  for (let node: SyntaxNode | null = syntaxTree(context.state).resolveInner(pos, -1); node; node = node.parent) {\n    names.push(node.name);\n  }\n  return names;\n};\n\nconst source = (context: CompletionContext): CompletionResult | null => {\n  const word = context.matchBefore(/[\\w-]*/);\n  if (!word || (word.from === word.to && !context.explicit)) {\n    return null;\n  }\n\n  const ancestors = ancestorsOf(context, context.pos);\n  // Inside a semantic statement the innermost one decides; a group's body holds nodes and edges.\n  const innermost = ancestors.find((name) => name in SEMANTIC || name === 'GroupBody');\n  if (innermost === 'GroupBody') {\n    return { from: word.from, options: ['node', 'edge'].map((label) => ({ label, type: 'keyword' })) };\n  }\n  if (innermost) {\n    const { attrs, words } = SEMANTIC[innermost];\n    return {\n      from: word.from,\n      options: [...words.map((label) => ({ label, type: 'keyword' })), ...attributeOptions(attrs)],\n    };\n  }\n  // Outside any declaration only a statement can start.\n  if (!ancestors.includes('ObjectDecl') && !ancestors.includes('ElementsDecl')) {\n    return { from: word.from, options: STATEMENT_KEYWORDS.map((label) => ({ label, type: 'keyword' })) };\n  }\n\n  // A `Body` holds elements and nothing else, so an empty position in one wants a kind; inside an\n  // element it wants that kind's attributes, and in the header it wants the object's.\n  const kind = enclosingKind(context, context.pos);\n  if (!kind && ancestors.includes('Body')) {\n    return { from: word.from, options: ELEMENT_KINDS.map((label) => ({ label, type: 'keyword' })) };\n  }\n\n  return { from: word.from, options: attributeOptions(kind ? ELEMENT_ATTRS[kind] : OBJECT_ATTRS) };\n};\n\nexport const diagramComplete: Extension = autocompletion({ override: [source] });\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport { HighlightStyle } from '@codemirror/language';\nimport { tags } from '@lezer/highlight';\n\n/**\n * Fills the gaps the editor's own highlight style leaves. The grammar emits standard\n * `@lezer/highlight` tags, so most of a document is coloured by whatever style the theme installs\n * and inherits its palette — but `vscodeLightStyle`/`vscodeDarkStyle` define neither\n * `attributeValue` nor `null`, which in this language are the enum values (`grey`, `dashed`,\n * `triangle`) and the unbound arrow end. Those are the most scannable part of a diagram, so\n * leaving them uncoloured is the one thing worth overriding.\n *\n * Classes are semantic theme tokens rather than hues, as in `mermaidHighlightStyle`, so light and\n * dark follow the palette.\n */\nexport const diagramHighlightStyle = () =>\n  HighlightStyle.define([\n    { tag: tags.attributeValue, class: 'text-accent' },\n    { tag: tags.null, class: 'text-fg-subtle' },\n  ]);\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport { type Diagnostic, linter } from '@codemirror/lint';\nimport { type Extension } from '@codemirror/state';\nimport { type EditorView } from '@codemirror/view';\n\nimport * as Diagnostics from '../diagnostics.ts';\nimport { parse, read, toScene } from '../dsl/parse.ts';\n\nexport type LintOptions = {\n  /**\n   * Also report the layout diagnostics — overlaps, a connector through a node, a label that does\n   * not fit. Off by default because a document being typed is briefly nonsense; the bench and the\n   * agent loop both want it on.\n   */\n  layout?: boolean;\n};\n\n/**\n * What is wrong with a document: everything `parse` found, and optionally everything\n * `Diagnostics.analyze` finds in the scene it produced, each carrying the range of the statement\n * or element that produced it — a layout error is only actionable when it points at the box it is\n * about. Separate from the CodeMirror wrapper so it needs no editor, which is also how the\n * agent-facing path reports the same problems.\n */\nexport const diagramDiagnostics = (text: string, { layout = false }: LintOptions = {}): Diagnostic[] => {\n  // Laying out semantic statements is a search; without the layout report only the reading is needed.\n  const { commands, problems, ranges } = layout ? parse(text) : read(text);\n  const clamp = (value: number) => Math.max(0, Math.min(value, text.length));\n\n  const diagnostics: Diagnostic[] = problems.map(({ severity, message, from, to }) => ({\n    severity,\n    message,\n    from: clamp(from),\n    to: clamp(to),\n  }));\n\n  // A document with a syntax error has a scene that is missing pieces, so its layout report would\n  // be noise on top of an error the author is already fixing.\n  if (layout && !problems.some(({ severity }) => severity === 'error')) {\n    for (const diagnostic of Diagnostics.analyze(toScene(commands).objects).diagnostics) {\n      const range = diagnostic.refs.flatMap((ref) => ranges.get(ref) ?? []).at(0);\n      diagnostics.push({\n        severity: diagnostic.severity,\n        source: diagnostic.code,\n        message: diagnostic.message,\n        from: clamp(range?.from ?? 0),\n        to: clamp(range?.to ?? Math.min(1, text.length)),\n      });\n    }\n  }\n\n  return diagnostics.sort((left, right) => left.from - right.from);\n};\n\n/** The CodeMirror linter over {@link diagramDiagnostics}. */\nexport const diagramLint = (options: LintOptions = {}): Extension =>\n  linter((view: EditorView): Diagnostic[] => diagramDiagnostics(view.state.doc.toString(), options));\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport { LRLanguage } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\n\nimport { parser } from '../dsl/gen/diagram.ts';\n\n//\n// Unlike deus's MDL mode — which keeps highlighting on a regex ViewPlugin so prose inside a block\n// cannot trip LR error recovery — the diagram grammar covers its whole input, so highlighting comes\n// off the tree. The tags are the standard ones, so most of a document inherits the editor's own\n// palette; `highlight.ts` covers only the two the theme leaves undefined.\n//\n\nexport const diagramLanguage = LRLanguage.define({\n  name: 'diagram',\n  parser: parser.configure({\n    props: [\n      styleTags({\n        'object elements move remove diagram group node edge': tags.definitionKeyword,\n        'cell via bus compact': tags.keyword,\n        // Relation words and sides are plain names the reader checks, so they are tagged by position.\n        'RelationKind Side': tags.keyword,\n        'Soft': tags.modifier,\n        'rect ellipse diamond triangle circle line curve arc text arrow portal': tags.keyword,\n        // A quoted id is still an id, not a string.\n        'Id/String': tags.variableName,\n        'Id': tags.variableName,\n        'Ref': tags.propertyName,\n        'Label': tags.string,\n        'String': tags.string,\n        'Number': tags.number,\n        'Size': tags.number,\n        'Ratio': tags.number,\n        'AttrName': tags.attributeName,\n        // On the leaf, not on `AttrValue`/`Unbound`: a named child with no tag of its own does not\n        // inherit its parent's, so tagging the wrapper colours nothing. A numeric or quoted value\n        // keeps its own number/string tag; this is the bare enum word (`grey`, `dashed`).\n        'Word': tags.attributeValue,\n        // `head=triangle`, `head=arrow`, `tail=circle`: schema literals that are also element-kind\n        // keywords, so without the path they would colour as keywords while every other enum value\n        // colours as a value. Listed in full, like the grammar's own `Word` alternation, so a\n        // literal that starts colliding later is already covered.\n        'Word/object Word/elements Word/move Word/remove Word/rect Word/ellipse Word/diamond Word/triangle Word/circle Word/line Word/curve Word/arc Word/text Word/arrow Word/portal Word/diagram Word/group Word/node Word/edge Word/cell Word/via Word/bus Word/compact':\n          tags.attributeValue,\n        '_': tags.null,\n        'Comment': tags.lineComment,\n        '-> <-> -- @ .. : | ~': tags.operator,\n        '( )': tags.paren,\n        '=': tags.definitionOperator,\n        ',': tags.separator,\n        '{ }': tags.brace,\n      }),\n    ],\n  }),\n  languageData: {\n    commentTokens: { line: '#' },\n    closeBrackets: { brackets: ['{', '\"'] },\n  },\n});\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport { LanguageDescription, LanguageSupport, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\n\nimport { diagramComplete } from './complete.ts';\nimport { diagramHighlightStyle } from './highlight.ts';\nimport { type LintOptions, diagramLint } from './lint.ts';\nimport { diagramLanguage } from './syntax.ts';\n\n/**\n * The fence dispatch point. Pass this alongside deus's `mdlBlockDescription` in\n * `createMarkdownExtensions({ codeLanguages: [...] })` and a ```diagram block inside a `.mdl`\n * document parses with the diagram grammar — a sibling of MDL's, not a nesting inside it. See\n * `docs/DSL.md`.\n */\nexport const diagramBlockDescription = LanguageDescription.of({\n  name: 'diagram',\n  alias: ['dxd'],\n  support: new LanguageSupport(diagramLanguage),\n});\n\n/** The whole editing surface for a standalone DSL buffer: mode, highlighting, completion, lint. */\nexport const diagram = (options: LintOptions = {}): Extension => [\n  new LanguageSupport(diagramLanguage),\n  syntaxHighlighting(diagramHighlightStyle()),\n  diagramComplete,\n  diagramLint(options),\n];\n"],"mappings":"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"}