@dxos/plugin-mermaid 0.8.4-main.e8ec1fe → 0.8.4-main.effb148878
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/LICENSE +102 -5
- package/README.md +1 -1
- package/dist/lib/{browser/index.mjs → neutral/MermaidPlugin.mjs} +16 -28
- package/dist/lib/neutral/MermaidPlugin.mjs.map +7 -0
- package/dist/lib/neutral/chunk-6LUB5RCF.mjs +33 -0
- package/dist/lib/neutral/chunk-6LUB5RCF.mjs.map +7 -0
- package/dist/lib/neutral/index.mjs +7 -0
- package/dist/lib/neutral/index.mjs.map +7 -0
- package/dist/lib/neutral/meta.json +1 -0
- package/dist/lib/neutral/meta.mjs +7 -0
- package/dist/lib/neutral/meta.mjs.map +7 -0
- package/dist/lib/neutral/plugin.mjs +11 -0
- package/dist/lib/neutral/plugin.mjs.map +7 -0
- package/dist/types/src/MermaidPlugin.d.ts +3 -1
- package/dist/types/src/MermaidPlugin.d.ts.map +1 -1
- package/dist/types/src/MermaidPlugin.test.d.ts +2 -0
- package/dist/types/src/MermaidPlugin.test.d.ts.map +1 -0
- package/dist/types/src/extensions/mermaid-extension.d.ts.map +1 -1
- package/dist/types/src/extensions/mermaid.stories.d.ts +2 -2
- package/dist/types/src/extensions/mermaid.stories.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +2 -2
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/plugin.d.ts +3 -0
- package/dist/types/src/plugin.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +49 -30
- package/src/MermaidPlugin.test.ts +30 -0
- package/src/MermaidPlugin.tsx +13 -7
- package/src/extensions/mermaid-extension.ts +3 -3
- package/src/extensions/mermaid.stories.tsx +7 -7
- package/src/index.ts +0 -1
- package/src/meta.ts +20 -4
- package/src/plugin.ts +9 -0
- package/dist/lib/browser/index.mjs.map +0 -7
- package/dist/lib/browser/meta.json +0 -1
package/package.json
CHANGED
|
@@ -1,58 +1,77 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-mermaid",
|
|
3
|
-
"version": "0.8.4-main.
|
|
3
|
+
"version": "0.8.4-main.effb148878",
|
|
4
4
|
"description": "Mermaid markdown plugin",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
7
|
-
"
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "https://github.com/dxos/dxos"
|
|
10
|
+
},
|
|
11
|
+
"license": "FSL-1.1-Apache-2.0",
|
|
8
12
|
"author": "DXOS.org",
|
|
9
13
|
"sideEffects": true,
|
|
10
14
|
"type": "module",
|
|
15
|
+
"imports": {
|
|
16
|
+
"#meta": {
|
|
17
|
+
"source": "./src/meta.ts",
|
|
18
|
+
"types": "./dist/types/src/meta.d.ts",
|
|
19
|
+
"default": "./dist/lib/neutral/meta.mjs"
|
|
20
|
+
},
|
|
21
|
+
"#plugin": {
|
|
22
|
+
"source": "./src/MermaidPlugin.tsx",
|
|
23
|
+
"types": "./dist/types/src/MermaidPlugin.d.ts",
|
|
24
|
+
"default": "./dist/lib/neutral/MermaidPlugin.mjs"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
11
27
|
"exports": {
|
|
12
28
|
".": {
|
|
13
29
|
"source": "./src/index.ts",
|
|
14
30
|
"types": "./dist/types/src/index.d.ts",
|
|
15
|
-
"
|
|
31
|
+
"default": "./dist/lib/neutral/index.mjs"
|
|
32
|
+
},
|
|
33
|
+
"./plugin": {
|
|
34
|
+
"source": "./src/plugin.ts",
|
|
35
|
+
"types": "./dist/types/src/plugin.d.ts",
|
|
36
|
+
"default": "./dist/lib/neutral/plugin.mjs"
|
|
16
37
|
}
|
|
17
38
|
},
|
|
18
39
|
"types": "dist/types/src/index.d.ts",
|
|
19
|
-
"typesVersions": {
|
|
20
|
-
"*": {}
|
|
21
|
-
},
|
|
22
40
|
"files": [
|
|
23
41
|
"dist",
|
|
24
42
|
"src"
|
|
25
43
|
],
|
|
26
44
|
"dependencies": {
|
|
27
|
-
"@codemirror/language": "^6.
|
|
28
|
-
"@codemirror/state": "^6.
|
|
29
|
-
"@codemirror/view": "^6.
|
|
30
|
-
"@preact-signals/safe-react": "^0.9.0",
|
|
45
|
+
"@codemirror/language": "^6.12.3",
|
|
46
|
+
"@codemirror/state": "^6.6.0",
|
|
47
|
+
"@codemirror/view": "^6.43.0",
|
|
31
48
|
"mermaid": "^10.9.4",
|
|
32
|
-
"@dxos/
|
|
33
|
-
"@dxos/
|
|
34
|
-
"@dxos/plugin-
|
|
35
|
-
"@dxos/
|
|
36
|
-
"@dxos/
|
|
49
|
+
"@dxos/operation": "0.8.4-main.effb148878",
|
|
50
|
+
"@dxos/app-framework": "0.8.4-main.effb148878",
|
|
51
|
+
"@dxos/plugin-markdown": "0.8.4-main.effb148878",
|
|
52
|
+
"@dxos/plugin-space": "0.8.4-main.effb148878",
|
|
53
|
+
"@dxos/react-ui-editor": "0.8.4-main.effb148878",
|
|
54
|
+
"@dxos/ui-editor": "0.8.4-main.effb148878",
|
|
55
|
+
"@dxos/util": "0.8.4-main.effb148878"
|
|
37
56
|
},
|
|
38
57
|
"devDependencies": {
|
|
39
|
-
"@types/react": "~19.2.
|
|
40
|
-
"@types/react-dom": "~19.2.
|
|
41
|
-
"effect": "3.
|
|
42
|
-
"react": "~19.2.
|
|
43
|
-
"react-dom": "~19.2.
|
|
44
|
-
"vite": "
|
|
45
|
-
"@dxos/
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/
|
|
48
|
-
"@dxos/
|
|
58
|
+
"@types/react": "~19.2.7",
|
|
59
|
+
"@types/react-dom": "~19.2.3",
|
|
60
|
+
"effect": "3.20.0",
|
|
61
|
+
"react": "~19.2.3",
|
|
62
|
+
"react-dom": "~19.2.3",
|
|
63
|
+
"vite": "^8.0.14",
|
|
64
|
+
"@dxos/react-ui": "0.8.4-main.effb148878",
|
|
65
|
+
"@dxos/storybook-utils": "0.8.4-main.effb148878",
|
|
66
|
+
"@dxos/echo": "0.8.4-main.effb148878",
|
|
67
|
+
"@dxos/ui-theme": "0.8.4-main.effb148878"
|
|
49
68
|
},
|
|
50
69
|
"peerDependencies": {
|
|
51
|
-
"effect": "
|
|
52
|
-
"react": "
|
|
53
|
-
"react-dom": "
|
|
54
|
-
"@dxos/react-ui": "0.8.4-main.
|
|
55
|
-
"@dxos/
|
|
70
|
+
"effect": "3.20.0",
|
|
71
|
+
"react": "~19.2.3",
|
|
72
|
+
"react-dom": "~19.2.3",
|
|
73
|
+
"@dxos/react-ui": "0.8.4-main.effb148878",
|
|
74
|
+
"@dxos/ui-theme": "0.8.4-main.effb148878"
|
|
56
75
|
},
|
|
57
76
|
"publishConfig": {
|
|
58
77
|
"access": "public"
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2026 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import { describe, test } from 'vitest';
|
|
6
|
+
|
|
7
|
+
import { ProcessManagerPlugin } from '@dxos/app-framework';
|
|
8
|
+
import { createTestApp } from '@dxos/app-framework/testing';
|
|
9
|
+
import { MarkdownEvents } from '@dxos/plugin-markdown';
|
|
10
|
+
|
|
11
|
+
import { MermaidPlugin } from '#plugin';
|
|
12
|
+
|
|
13
|
+
import { meta } from './meta';
|
|
14
|
+
|
|
15
|
+
const moduleId = (name: string) => `${meta.id}.module.${name}`;
|
|
16
|
+
|
|
17
|
+
describe('MermaidPlugin', () => {
|
|
18
|
+
test('modules activate on the expected events', async ({ expect }) => {
|
|
19
|
+
// Use createTestApp directly — only ProcessManagerPlugin and ProcessManagerPlugin are needed.
|
|
20
|
+
// MermaidPlugin has no surface module so SetupReactSurface firing harmlessly is fine.
|
|
21
|
+
await using harness = await createTestApp({
|
|
22
|
+
plugins: [ProcessManagerPlugin(), MermaidPlugin()],
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
// The markdown module activates on MarkdownEvents.SetupExtensions,
|
|
26
|
+
// which is fired by MarkdownPlugin before its ReactSurface activates.
|
|
27
|
+
await harness.fire(MarkdownEvents.SetupExtensions);
|
|
28
|
+
expect(harness.manager.getActive()).toContain(moduleId('markdown'));
|
|
29
|
+
});
|
|
30
|
+
});
|
package/src/MermaidPlugin.tsx
CHANGED
|
@@ -2,16 +2,22 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import
|
|
5
|
+
import * as Effect from 'effect/Effect';
|
|
6
|
+
|
|
7
|
+
import { Capability, Plugin } from '@dxos/app-framework';
|
|
6
8
|
import { MarkdownCapabilities, MarkdownEvents } from '@dxos/plugin-markdown';
|
|
7
9
|
|
|
10
|
+
import { meta } from '#meta';
|
|
11
|
+
|
|
8
12
|
import { mermaid } from './extensions';
|
|
9
|
-
import { meta } from './meta';
|
|
10
13
|
|
|
11
|
-
export const MermaidPlugin =
|
|
12
|
-
|
|
13
|
-
id:
|
|
14
|
+
export const MermaidPlugin = Plugin.define(meta).pipe(
|
|
15
|
+
Plugin.addModule({
|
|
16
|
+
id: 'markdown',
|
|
14
17
|
activatesOn: MarkdownEvents.SetupExtensions,
|
|
15
|
-
activate: () => contributes(MarkdownCapabilities.Extensions, [mermaid]),
|
|
18
|
+
activate: () => Effect.succeed(Capability.contributes(MarkdownCapabilities.Extensions, [mermaid])),
|
|
16
19
|
}),
|
|
17
|
-
|
|
20
|
+
Plugin.make,
|
|
21
|
+
);
|
|
22
|
+
|
|
23
|
+
export default MermaidPlugin;
|
|
@@ -112,18 +112,18 @@ export const mermaid = (_options: MermaidOptions = {}): Extension => {
|
|
|
112
112
|
maring: '4px 0',
|
|
113
113
|
padding: '16px',
|
|
114
114
|
justifyContent: 'center',
|
|
115
|
-
backgroundColor: 'var(--
|
|
115
|
+
backgroundColor: 'var(--color-group-surface)',
|
|
116
116
|
borderRadius: '8px',
|
|
117
117
|
},
|
|
118
118
|
'& .cm-mermaid-label': {
|
|
119
119
|
position: 'absolute',
|
|
120
120
|
right: '16px',
|
|
121
121
|
fontFamily: 'unset',
|
|
122
|
-
color: 'var(--
|
|
122
|
+
color: 'var(--color-subdued)',
|
|
123
123
|
},
|
|
124
124
|
'& .cm-mermaid-error': {
|
|
125
125
|
display: 'inline-block',
|
|
126
|
-
color: 'var(--
|
|
126
|
+
color: 'var(--color-error)',
|
|
127
127
|
},
|
|
128
128
|
'& .cm-mermaid-hidden': {
|
|
129
129
|
display: 'none !important',
|
|
@@ -6,24 +6,24 @@ import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
|
6
6
|
import React from 'react';
|
|
7
7
|
|
|
8
8
|
import { useThemeContext } from '@dxos/react-ui';
|
|
9
|
+
import { useTextEditor } from '@dxos/react-ui-editor';
|
|
9
10
|
import { withLayout, withTheme } from '@dxos/react-ui/testing';
|
|
10
11
|
import {
|
|
11
12
|
createBasicExtensions,
|
|
12
13
|
createMarkdownExtensions,
|
|
13
14
|
createThemeExtensions,
|
|
14
15
|
decorateMarkdown,
|
|
15
|
-
|
|
16
|
-
} from '@dxos/react-ui-editor';
|
|
16
|
+
} from '@dxos/ui-editor';
|
|
17
17
|
|
|
18
18
|
import { mermaid } from './mermaid-extension';
|
|
19
19
|
|
|
20
20
|
const str = (...lines: string[]) => lines.join('\n');
|
|
21
21
|
|
|
22
|
-
type
|
|
22
|
+
type DefaultStoryProps = {
|
|
23
23
|
text?: string;
|
|
24
24
|
};
|
|
25
25
|
|
|
26
|
-
const DefaultStory = ({ text }:
|
|
26
|
+
const DefaultStory = ({ text }: DefaultStoryProps) => {
|
|
27
27
|
const { themeMode } = useThemeContext();
|
|
28
28
|
const { parentRef, focusAttributes } = useTextEditor(
|
|
29
29
|
() => ({
|
|
@@ -39,13 +39,13 @@ const DefaultStory = ({ text }: StoryProps) => {
|
|
|
39
39
|
[themeMode],
|
|
40
40
|
);
|
|
41
41
|
|
|
42
|
-
return <div className='
|
|
42
|
+
return <div className='w-[50rem]' ref={parentRef} {...focusAttributes} />;
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
const meta = {
|
|
46
|
-
title: 'plugins/plugin-mermaid/extensions',
|
|
46
|
+
title: 'plugins/plugin-mermaid/extensions/mermaid',
|
|
47
47
|
render: DefaultStory,
|
|
48
|
-
decorators: [withTheme, withLayout({
|
|
48
|
+
decorators: [withTheme(), withLayout({ layout: 'column' })],
|
|
49
49
|
} satisfies Meta<typeof DefaultStory>;
|
|
50
50
|
|
|
51
51
|
export default meta;
|
package/src/index.ts
CHANGED
package/src/meta.ts
CHANGED
|
@@ -2,16 +2,32 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { type
|
|
5
|
+
import { type Plugin } from '@dxos/app-framework';
|
|
6
6
|
import { trim } from '@dxos/util';
|
|
7
7
|
|
|
8
|
-
export const meta:
|
|
9
|
-
id: 'dxos.
|
|
8
|
+
export const meta: Plugin.Meta = {
|
|
9
|
+
id: 'org.dxos.plugin.mermaid',
|
|
10
10
|
name: 'Mermaid',
|
|
11
|
+
author: 'DXOS',
|
|
11
12
|
description: trim`
|
|
12
13
|
Generate diagrams from simple text-based definitions using Mermaid syntax.
|
|
13
|
-
Create flowcharts, sequence diagrams,
|
|
14
|
+
Create flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship
|
|
15
|
+
diagrams, Gantt charts, pie charts, Git graphs, mindmaps, and timelines — all from
|
|
16
|
+
plain-text source embedded directly in your documents.
|
|
17
|
+
|
|
18
|
+
The plugin integrates with the markdown editor as a CodeMirror extension.
|
|
19
|
+
Any fenced code block tagged with the \`mermaid\` language identifier is automatically
|
|
20
|
+
detected and replaced with a live SVG preview rendered by the Mermaid JS library.
|
|
21
|
+
The raw source is revealed for editing whenever the cursor moves inside the block,
|
|
22
|
+
then the rendered diagram is restored when the cursor moves away, providing a seamless
|
|
23
|
+
live-preview experience without leaving the editor.
|
|
24
|
+
|
|
25
|
+
Diagram rendering adapts to the editor's current color scheme: dark-mode documents
|
|
26
|
+
use Mermaid's dark theme while light-mode documents use the neutral theme.
|
|
27
|
+
Parse and render errors are shown inline in place of the diagram so that
|
|
28
|
+
invalid syntax is immediately visible without disrupting the rest of the document.
|
|
14
29
|
`,
|
|
15
30
|
icon: 'ph--anchor-simple--regular',
|
|
16
31
|
source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-mermaid',
|
|
32
|
+
spec: 'PLUGIN.mdl',
|
|
17
33
|
};
|
package/src/plugin.ts
ADDED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/MermaidPlugin.tsx", "../../../src/extensions/mermaid-extension.ts", "../../../src/meta.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { contributes, defineModule, definePlugin } from '@dxos/app-framework';\nimport { MarkdownCapabilities, MarkdownEvents } from '@dxos/plugin-markdown';\n\nimport { mermaid } from './extensions';\nimport { meta } from './meta';\n\nexport const MermaidPlugin = definePlugin(meta, () => [\n defineModule({\n id: `${meta.id}/module/markdown`,\n activatesOn: MarkdownEvents.SetupExtensions,\n activate: () => contributes(MarkdownCapabilities.Extensions, [mermaid]),\n }),\n]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\nimport { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate, WidgetType } from '@codemirror/view';\nimport _mermaid from 'mermaid';\n\nexport type MermaidOptions = {};\n\n/**\n * Extension to create mermaid diagrams.\n */\nexport const mermaid = (_options: MermaidOptions = {}): Extension => {\n return [\n ViewPlugin.fromClass(\n class {\n decorations: DecorationSet;\n\n constructor(view: EditorView) {\n this.decorations = this.buildDecorations(view);\n }\n\n update(update: ViewUpdate) {\n // Always rebuild decorations when selection changes to handle arrow key navigation.\n if (update.docChanged || update.viewportChanged || update.selectionSet || update.focusChanged) {\n this.decorations = this.buildDecorations(update.view);\n }\n }\n\n buildDecorations(view: EditorView): DecorationSet {\n const decorations: Array<{ from: number; to: number; decoration: Decoration }> = [];\n\n syntaxTree(view.state).iterate({\n enter: (node) => {\n if (node.name === 'FencedCode') {\n const cursor = view.state.selection.main.head;\n // Show widget when cursor is outside the code block.\n // Add a buffer of 1 position before and after to handle edge cases.\n const showWidget = view.state.readOnly || cursor < node.from - 1 || cursor > node.to + 1;\n if (showWidget) {\n const info = node.node.getChild('CodeInfo');\n if (info) {\n const type = view.state.sliceDoc(info.from, info.to);\n const text = node.node.getChild('CodeText');\n if (type === 'mermaid' && text) {\n const content = view.state.sliceDoc(text.from, text.to).trim();\n const label = content.split(' ')[0];\n\n // Create widget.\n const widget = new MermaidWidget(`mermaid-${node.from}`, content, label);\n\n // Find the line after the code block to place the widget.\n const endLine = view.state.doc.lineAt(node.to);\n const nextLinePos = endLine.to + 1;\n\n // Add widget after the code block.\n if (nextLinePos <= view.state.doc.length) {\n decorations.push({\n from: nextLinePos,\n to: nextLinePos,\n decoration: Decoration.widget({\n widget,\n }),\n });\n } else {\n // Check if at the end of the document.\n decorations.push({\n from: endLine.to,\n to: endLine.to,\n decoration: Decoration.widget({\n widget,\n side: 1,\n }),\n });\n }\n\n // Hide each line of the code block.\n const startLine = view.state.doc.lineAt(node.from);\n for (let lineNum = startLine.number; lineNum <= endLine.number; lineNum++) {\n const line = view.state.doc.line(lineNum);\n decorations.push({\n from: line.from,\n to: line.from,\n decoration: Decoration.line({\n class: 'cm-mermaid-hidden',\n }),\n });\n }\n }\n }\n }\n }\n },\n });\n\n return Decoration.set(\n decorations.sort((a, b) => a.from - b.from || a.to - b.to).map((d) => d.decoration.range(d.from, d.to)),\n );\n }\n },\n {\n decorations: (v) => v.decorations,\n },\n ),\n EditorView.theme({\n '& .cm-mermaid': {\n position: 'relative',\n display: 'inline-flex',\n width: '100%',\n maring: '4px 0',\n padding: '16px',\n justifyContent: 'center',\n backgroundColor: 'var(--dx-groupSurface)',\n borderRadius: '8px',\n },\n '& .cm-mermaid-label': {\n position: 'absolute',\n right: '16px',\n fontFamily: 'unset',\n color: 'var(--dx-subdued)',\n },\n '& .cm-mermaid-error': {\n display: 'inline-block',\n color: 'var(--dx-errorText)',\n },\n '& .cm-mermaid-hidden': {\n display: 'none !important',\n },\n }),\n ];\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 private readonly _label?: string,\n ) {\n super();\n }\n\n override eq(other: this) {\n return this._source === other._source;\n }\n\n override ignoreEvent(ev: Event) {\n return !/^mouse/.test(ev.type);\n }\n\n override toDOM(view: EditorView) {\n const div = document.createElement('div');\n div.className = 'cm-mermaid';\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(div);\n if (this._error) {\n div.className = 'cm-mermaid-error';\n div.innerText = this._error;\n } else {\n div.className = 'cm-mermaid';\n div.innerHTML = svg!;\n\n if (this._label) {\n const label = document.createElement('span');\n label.innerText = this._label;\n label.className = 'cm-mermaid-label';\n div.appendChild(label);\n view.requestMeasure();\n }\n }\n });\n\n return div;\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/mermaid',\n name: 'Mermaid',\n description: trim`\n Generate diagrams from simple text-based definitions using Mermaid syntax.\n Create flowcharts, sequence diagrams, and other visualizations that stay in sync with your documentation.\n `,\n icon: 'ph--anchor-simple--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-mermaid',\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["contributes", "defineModule", "definePlugin", "MarkdownCapabilities", "MarkdownEvents", "syntaxTree", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "_mermaid", "mermaid", "_options", "ViewPlugin", "fromClass", "decorations", "view", "buildDecorations", "update", "docChanged", "viewportChanged", "selectionSet", "focusChanged", "syntaxTree", "state", "iterate", "enter", "node", "name", "cursor", "selection", "main", "head", "showWidget", "readOnly", "from", "to", "info", "getChild", "type", "sliceDoc", "text", "content", "trim", "label", "split", "widget", "MermaidWidget", "endLine", "doc", "lineAt", "nextLinePos", "length", "push", "decoration", "Decoration", "side", "startLine", "lineNum", "number", "line", "class", "set", "sort", "a", "b", "map", "d", "range", "v", "EditorView", "theme", "position", "display", "width", "maring", "padding", "justifyContent", "backgroundColor", "borderRadius", "right", "fontFamily", "color", "WidgetType", "_svg", "_error", "_id", "_source", "_label", "eq", "other", "ignoreEvent", "ev", "test", "toDOM", "div", "document", "createElement", "className", "setTimeout", "_mermaid", "initialize", "darkMode", "facet", "darkTheme", "svg", "render", "innerText", "innerHTML", "appendChild", "requestMeasure", "_container", "valid", "parse", "result", "undefined", "err", "String", "trim", "meta", "id", "name", "description", "trim", "icon", "source", "MermaidPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "MarkdownEvents", "SetupExtensions", "activate", "contributes", "MarkdownCapabilities", "Extensions", "mermaid"]
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"inputs":{"src/extensions/mermaid-extension.ts":{"bytes":25117,"imports":[{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"mermaid","kind":"import-statement","external":true}],"format":"esm"},"src/extensions/index.ts":{"bytes":494,"imports":[{"path":"src/extensions/mermaid-extension.ts","kind":"import-statement","original":"./mermaid-extension"}],"format":"esm"},"src/meta.ts":{"bytes":1795,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/MermaidPlugin.tsx":{"bytes":2282,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown","kind":"import-statement","external":true},{"path":"src/extensions/index.ts","kind":"import-statement","original":"./extensions"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/index.ts":{"bytes":551,"imports":[{"path":"src/MermaidPlugin.tsx","kind":"import-statement","original":"./MermaidPlugin"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":14117},"dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"mermaid","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["MermaidPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/MermaidPlugin.tsx":{"bytesInOutput":405},"src/extensions/mermaid-extension.ts":{"bytesInOutput":5267},"src/extensions/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":439},"src/index.ts":{"bytesInOutput":0}},"bytes":6289}}}
|