@dxos/plugin-mermaid 0.6.9-staging.8e43e2a → 0.6.10-main.3cfcc89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +2 -3
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/extensions/mermaid.d.ts.map +1 -1
- package/dist/types/src/extensions/mermaid.stories.d.ts +1 -1
- package/dist/types/src/extensions/mermaid.stories.d.ts.map +1 -1
- package/package.json +11 -11
- package/src/extensions/mermaid.stories.tsx +1 -1
- package/src/extensions/mermaid.ts +2 -5
|
@@ -7,7 +7,6 @@ import { syntaxTree } from "@codemirror/language";
|
|
|
7
7
|
import { RangeSetBuilder, StateField } from "@codemirror/state";
|
|
8
8
|
import { Decoration, EditorView, WidgetType } from "@codemirror/view";
|
|
9
9
|
import _mermaid from "mermaid";
|
|
10
|
-
import { getToken } from "@dxos/react-ui-editor";
|
|
11
10
|
var mermaid = (options = {}) => {
|
|
12
11
|
return [
|
|
13
12
|
StateField.define({
|
|
@@ -89,7 +88,7 @@ var MermaidWidget = class extends WidgetType {
|
|
|
89
88
|
return !/^mouse/.test(e.type);
|
|
90
89
|
}
|
|
91
90
|
};
|
|
92
|
-
var styles = EditorView.
|
|
91
|
+
var styles = EditorView.theme({
|
|
93
92
|
"& .cm-mermaid": {
|
|
94
93
|
position: "relative",
|
|
95
94
|
display: "inline-flex",
|
|
@@ -103,7 +102,7 @@ var styles = EditorView.baseTheme({
|
|
|
103
102
|
// },
|
|
104
103
|
"& .cm-mermaid-error": {
|
|
105
104
|
display: "inline-block",
|
|
106
|
-
color:
|
|
105
|
+
color: "var(--dx-error)"
|
|
107
106
|
}
|
|
108
107
|
});
|
|
109
108
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/extensions/mermaid.ts", "../../../src/MermaidPlugin.tsx", "../../../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport {\n type EditorState,\n type Extension,\n type RangeSet,\n type Transaction,\n RangeSetBuilder,\n StateField,\n} from '@codemirror/state';\nimport { Decoration, EditorView, WidgetType } from '@codemirror/view';\nimport _mermaid from 'mermaid';\n\
|
|
5
|
-
"mappings": ";;;;;AAIA,SAASA,kBAAkB;AAC3B,SAKEC,iBACAC,kBACK;AACP,SAASC,YAAYC,YAAYC,kBAAkB;AACnD,OAAOC,cAAc;
|
|
6
|
-
"names": ["syntaxTree", "RangeSetBuilder", "StateField", "Decoration", "EditorView", "WidgetType", "_mermaid", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport {\n type EditorState,\n type Extension,\n type RangeSet,\n type Transaction,\n RangeSetBuilder,\n StateField,\n} from '@codemirror/state';\nimport { Decoration, EditorView, WidgetType } from '@codemirror/view';\nimport _mermaid from 'mermaid';\n\nexport type MermaidOptions = {};\n\nexport const mermaid = (options: MermaidOptions = {}): Extension => {\n return [\n StateField.define<RangeSet<any>>({\n create: (state) => update(state, options),\n update: (_: RangeSet<any>, tr: Transaction) => update(tr.state, options),\n provide: (field) => EditorView.decorations.from(field),\n }),\n styles,\n ];\n};\n\nconst update = (state: EditorState, options: MermaidOptions) => {\n const builder = new RangeSetBuilder();\n\n syntaxTree(state).iterate({\n enter: (node) => {\n if (node.name === 'FencedCode') {\n const cursor = state.selection.main.head;\n if (state.readOnly || cursor < node.from || cursor > node.to) {\n const info = node.node.getChild('CodeInfo');\n if (info) {\n const type = state.sliceDoc(info.from, info.to);\n const text = node.node.getChild('CodeText');\n if (type === 'mermaid' && text) {\n const content = state.sliceDoc(text.from, text.to);\n // TODO(burdon): Error if extension defined AFTER decorateMarkdown.\n // Decorations that replace line breaks may not be specified via plugins\n builder.add(\n node.from,\n node.to,\n Decoration.replace({\n widget: new MermaidWidget(`mermaid-${node.from}`, content),\n }),\n );\n }\n }\n }\n }\n },\n });\n\n return builder.finish();\n};\n\nclass MermaidWidget extends WidgetType {\n _svg: string | undefined;\n _error: string | undefined;\n\n // TODO(burdon): Mermaid API requires unique id.\n constructor(\n private readonly _id: string,\n private readonly _source: string,\n ) {\n super();\n }\n\n override eq(other: this) {\n return this._source === other._source;\n }\n\n override toDOM(view: EditorView) {\n const wrapper = document.createElement('div');\n\n setTimeout(async () => {\n // https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts\n _mermaid.initialize({\n darkMode: view.state.facet(EditorView.darkTheme),\n theme: 'neutral',\n // TODO(burdon): Styles.\n // NOTE: Must specify 'base' in order to override.\n // theme: 'base',\n // themeVariables: {\n // primaryColor: getToken('extend.colors.red.100'),\n // primaryBorderColor: getToken('extend.colors.neutral.200'),\n // },\n // https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/diagrams/flowchart/styles.ts\n // https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/diagrams/sequence/styles.js\n // https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/diagrams/state/styles.js\n // themeCSS: '.node rect { fill: red; }',\n });\n\n // TODO(burdon): Cache?\n const svg = await this.render(wrapper);\n if (this._error) {\n wrapper.className = 'cm-mermaid-error';\n wrapper.innerText = this._error;\n } else {\n wrapper.className = 'cm-mermaid';\n wrapper.innerHTML = svg!;\n\n // const label = document.createElement('span');\n // label.innerText = 'Mermaid';\n // label.className = 'cm-mermaid-label';\n // wrapper.appendChild(label);\n view.requestMeasure();\n }\n });\n\n return wrapper;\n }\n\n async render(container: Element): Promise<string | undefined> {\n try {\n // https://github.com/mermaid-js/mermaid\n const valid = await _mermaid.parse(this._source);\n if (valid) {\n const result = await _mermaid.render(this._id, this._source);\n this._error = undefined;\n this._svg = result.svg;\n return result.svg;\n }\n } catch (err: any) {\n this._error = String(err);\n this._svg = undefined;\n }\n }\n\n override ignoreEvent(e: Event) {\n return !/^mouse/.test(e.type);\n }\n}\n\nconst styles = EditorView.theme({\n '& .cm-mermaid': {\n position: 'relative',\n display: 'inline-flex',\n width: '100%',\n justifyContent: 'center',\n },\n // '& .cm-mermaid-label': {\n // position: 'absolute',\n // right: 0,\n // textSize: 10,\n // },\n '& .cm-mermaid-error': {\n display: 'inline-block',\n color: 'var(--dx-error)',\n },\n});\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginDefinition } from '@dxos/app-framework';\nimport { type MarkdownExtensionProvides } from '@dxos/plugin-markdown';\n\nimport { mermaid } from './extensions';\nimport meta from './meta';\n\nexport const MermaidPlugin = (): PluginDefinition<MarkdownExtensionProvides> => {\n return {\n meta,\n provides: {\n markdown: {\n extensions: () => [mermaid()],\n },\n },\n };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { MermaidPlugin } from './MermaidPlugin';\n\nexport default MermaidPlugin;\n\nexport * from './MermaidPlugin';\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["syntaxTree", "RangeSetBuilder", "StateField", "Decoration", "EditorView", "WidgetType", "_mermaid", "mermaid", "options", "StateField", "define", "create", "state", "update", "_", "tr", "provide", "field", "EditorView", "decorations", "from", "styles", "builder", "RangeSetBuilder", "syntaxTree", "iterate", "enter", "node", "name", "cursor", "selection", "main", "head", "readOnly", "to", "info", "getChild", "type", "sliceDoc", "text", "content", "add", "Decoration", "replace", "widget", "MermaidWidget", "finish", "WidgetType", "constructor", "_id", "_source", "eq", "other", "toDOM", "view", "wrapper", "document", "createElement", "setTimeout", "_mermaid", "initialize", "darkMode", "facet", "darkTheme", "theme", "svg", "render", "_error", "className", "innerText", "innerHTML", "requestMeasure", "container", "valid", "parse", "result", "undefined", "_svg", "err", "String", "ignoreEvent", "e", "test", "position", "display", "width", "justifyContent", "color", "MermaidPlugin", "meta", "provides", "markdown", "extensions", "mermaid", "MermaidPlugin"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/plugins/plugin-mermaid/src/extensions/mermaid.ts":{"bytes":
|
|
1
|
+
{"inputs":{"packages/plugins/plugin-mermaid/src/extensions/mermaid.ts":{"bytes":15420,"imports":[{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"mermaid","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-mermaid/src/extensions/index.ts":{"bytes":513,"imports":[{"path":"packages/plugins/plugin-mermaid/src/extensions/mermaid.ts","kind":"import-statement","original":"./mermaid"}],"format":"esm"},"packages/plugins/plugin-mermaid/src/meta.tsx":{"bytes":1988,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-mermaid/src/MermaidPlugin.tsx":{"bytes":1621,"imports":[{"path":"packages/plugins/plugin-mermaid/src/extensions/index.ts","kind":"import-statement","original":"./extensions"},{"path":"packages/plugins/plugin-mermaid/src/meta.tsx","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-mermaid/src/index.ts":{"bytes":795,"imports":[{"path":"packages/plugins/plugin-mermaid/src/MermaidPlugin.tsx","kind":"import-statement","original":"./MermaidPlugin"},{"path":"packages/plugins/plugin-mermaid/src/MermaidPlugin.tsx","kind":"import-statement","original":"./MermaidPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-mermaid/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":8813},"packages/plugins/plugin-mermaid/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-mermaid/dist/lib/browser/chunk-VVYUYNRT.mjs","kind":"import-statement"},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"mermaid","kind":"import-statement","external":true}],"exports":["MermaidPlugin","default"],"entryPoint":"packages/plugins/plugin-mermaid/src/index.ts","inputs":{"packages/plugins/plugin-mermaid/src/extensions/mermaid.ts":{"bytesInOutput":2902},"packages/plugins/plugin-mermaid/src/extensions/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-mermaid/src/MermaidPlugin.tsx":{"bytesInOutput":177},"packages/plugins/plugin-mermaid/src/index.ts":{"bytesInOutput":33}},"bytes":3425},"packages/plugins/plugin-mermaid/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-mermaid/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-mermaid/dist/lib/browser/chunk-VVYUYNRT.mjs","kind":"import-statement"}],"exports":["MERMAID_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-mermaid/src/meta.tsx","inputs":{},"bytes":163},"packages/plugins/plugin-mermaid/dist/lib/browser/chunk-VVYUYNRT.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":990},"packages/plugins/plugin-mermaid/dist/lib/browser/chunk-VVYUYNRT.mjs":{"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["MERMAID_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-mermaid/src/meta.tsx":{"bytesInOutput":458}},"bytes":596}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mermaid.d.ts","sourceRoot":"","sources":["../../../../src/extensions/mermaid.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"mermaid.d.ts","sourceRoot":"","sources":["../../../../src/extensions/mermaid.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,mBAAmB,CAAC;AAI3B,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC;AAEhC,eAAO,MAAM,OAAO,aAAa,cAAc,KAAQ,SAStD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mermaid.stories.d.ts","sourceRoot":"","sources":["../../../../src/extensions/mermaid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"mermaid.stories.d.ts","sourceRoot":"","sources":["../../../../src/extensions/mermaid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,OAAO,EAAE,KAAK,IAAI,EAAa,MAAM,uBAAuB,CAAC;AAqC7D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;CAuBnB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAkBjB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-mermaid",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.10-main.3cfcc89",
|
|
4
4
|
"description": "Mermaid markdown plugin",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -33,10 +33,10 @@
|
|
|
33
33
|
"@codemirror/state": "^6.4.1",
|
|
34
34
|
"@codemirror/view": "^6.29.1",
|
|
35
35
|
"mermaid": "^10.6.1",
|
|
36
|
-
"@dxos/app-framework": "0.6.
|
|
37
|
-
"@dxos/plugin-
|
|
38
|
-
"@dxos/plugin-
|
|
39
|
-
"@dxos/react-ui-editor": "0.6.
|
|
36
|
+
"@dxos/app-framework": "0.6.10-main.3cfcc89",
|
|
37
|
+
"@dxos/plugin-space": "0.6.10-main.3cfcc89",
|
|
38
|
+
"@dxos/plugin-markdown": "0.6.10-main.3cfcc89",
|
|
39
|
+
"@dxos/react-ui-editor": "0.6.10-main.3cfcc89"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@phosphor-icons/react": "^2.1.5",
|
|
@@ -46,17 +46,17 @@
|
|
|
46
46
|
"react": "~18.2.0",
|
|
47
47
|
"react-dom": "~18.2.0",
|
|
48
48
|
"vite": "^5.3.4",
|
|
49
|
-
"@dxos/
|
|
50
|
-
"@dxos/
|
|
51
|
-
"@dxos/react-ui-theme": "0.6.
|
|
52
|
-
"@dxos/storybook-utils": "0.6.
|
|
49
|
+
"@dxos/react-ui": "0.6.10-main.3cfcc89",
|
|
50
|
+
"@dxos/echo-schema": "0.6.10-main.3cfcc89",
|
|
51
|
+
"@dxos/react-ui-theme": "0.6.10-main.3cfcc89",
|
|
52
|
+
"@dxos/storybook-utils": "0.6.10-main.3cfcc89"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
55
55
|
"@phosphor-icons/react": "^2.1.5",
|
|
56
56
|
"react": "^18.0.0",
|
|
57
57
|
"react-dom": "^18.0.0",
|
|
58
|
-
"@dxos/react-ui": "0.6.
|
|
59
|
-
"@dxos/react-ui-theme": "0.6.
|
|
58
|
+
"@dxos/react-ui": "0.6.10-main.3cfcc89",
|
|
59
|
+
"@dxos/react-ui-theme": "0.6.10-main.3cfcc89"
|
|
60
60
|
},
|
|
61
61
|
"publishConfig": {
|
|
62
62
|
"access": "public"
|
|
@@ -14,8 +14,6 @@ import {
|
|
|
14
14
|
import { Decoration, EditorView, WidgetType } from '@codemirror/view';
|
|
15
15
|
import _mermaid from 'mermaid';
|
|
16
16
|
|
|
17
|
-
import { getToken } from '@dxos/react-ui-editor';
|
|
18
|
-
|
|
19
17
|
export type MermaidOptions = {};
|
|
20
18
|
|
|
21
19
|
export const mermaid = (options: MermaidOptions = {}): Extension => {
|
|
@@ -140,13 +138,12 @@ class MermaidWidget extends WidgetType {
|
|
|
140
138
|
}
|
|
141
139
|
}
|
|
142
140
|
|
|
143
|
-
const styles = EditorView.
|
|
141
|
+
const styles = EditorView.theme({
|
|
144
142
|
'& .cm-mermaid': {
|
|
145
143
|
position: 'relative',
|
|
146
144
|
display: 'inline-flex',
|
|
147
145
|
width: '100%',
|
|
148
146
|
justifyContent: 'center',
|
|
149
|
-
// backgroundColor: getToken('extend.colors.neutral.50'),
|
|
150
147
|
},
|
|
151
148
|
// '& .cm-mermaid-label': {
|
|
152
149
|
// position: 'absolute',
|
|
@@ -155,6 +152,6 @@ const styles = EditorView.baseTheme({
|
|
|
155
152
|
// },
|
|
156
153
|
'& .cm-mermaid-error': {
|
|
157
154
|
display: 'inline-block',
|
|
158
|
-
color:
|
|
155
|
+
color: 'var(--dx-error)',
|
|
159
156
|
},
|
|
160
157
|
});
|