@dxos/plugin-mermaid 0.8.4-main.fd6878d → 0.9.0

package/dist/lib/neutral/markdown-extension-7YWEUNWO.mjs

@@ -0,0 +1,172 @@
+// src/capabilities/markdown-extension.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { MarkdownCapabilities } from "@dxos/plugin-markdown/types";
+
+// src/extensions/mermaid-extension.ts
+import { syntaxTree } from "@codemirror/language";
+import { Decoration, EditorView, ViewPlugin, WidgetType } from "@codemirror/view";
+import _mermaid from "mermaid";
+var mermaid = (_options = {}) => {
+  return [
+    ViewPlugin.fromClass(class {
+      decorations;
+      constructor(view) {
+        this.decorations = this.buildDecorations(view);
+      }
+      update(update) {
+        if (update.docChanged || update.viewportChanged || update.selectionSet || update.focusChanged) {
+          this.decorations = this.buildDecorations(update.view);
+        }
+      }
+      buildDecorations(view) {
+        const decorations = [];
+        syntaxTree(view.state).iterate({
+          enter: (node) => {
+            if (node.name === "FencedCode") {
+              const cursor = view.state.selection.main.head;
+              const showWidget = view.state.readOnly || cursor < node.from - 1 || cursor > node.to + 1;
+              if (showWidget) {
+                const info = node.node.getChild("CodeInfo");
+                if (info) {
+                  const type = view.state.sliceDoc(info.from, info.to);
+                  const text = node.node.getChild("CodeText");
+                  if (type === "mermaid" && text) {
+                    const content = view.state.sliceDoc(text.from, text.to).trim();
+                    const label = content.split(" ")[0];
+                    const widget = new MermaidWidget(`mermaid-${node.from}`, content, label);
+                    const endLine = view.state.doc.lineAt(node.to);
+                    const nextLinePos = endLine.to + 1;
+                    if (nextLinePos <= view.state.doc.length) {
+                      decorations.push({
+                        from: nextLinePos,
+                        to: nextLinePos,
+                        decoration: Decoration.widget({
+                          widget
+                        })
+                      });
+                    } else {
+                      decorations.push({
+                        from: endLine.to,
+                        to: endLine.to,
+                        decoration: Decoration.widget({
+                          widget,
+                          side: 1
+                        })
+                      });
+                    }
+                    const startLine = view.state.doc.lineAt(node.from);
+                    for (let lineNum = startLine.number; lineNum <= endLine.number; lineNum++) {
+                      const line = view.state.doc.line(lineNum);
+                      decorations.push({
+                        from: line.from,
+                        to: line.from,
+                        decoration: Decoration.line({
+                          class: "cm-mermaid-hidden"
+                        })
+                      });
+                    }
+                  }
+                }
+              }
+            }
+          }
+        });
+        return Decoration.set(decorations.sort((a, b) => a.from - b.from || a.to - b.to).map((d) => d.decoration.range(d.from, d.to)));
+      }
+    }, {
+      decorations: (v) => v.decorations
+    }),
+    EditorView.theme({
+      "& .cm-mermaid": {
+        position: "relative",
+        display: "inline-flex",
+        width: "100%",
+        maring: "4px 0",
+        padding: "16px",
+        justifyContent: "center",
+        backgroundColor: "var(--color-group-surface)",
+        borderRadius: "8px"
+      },
+      "& .cm-mermaid-label": {
+        position: "absolute",
+        right: "16px",
+        fontFamily: "unset",
+        color: "var(--color-subdued)"
+      },
+      "& .cm-mermaid-error": {
+        display: "inline-block",
+        color: "var(--color-error)"
+      },
+      "& .cm-mermaid-hidden": {
+        display: "none !important"
+      }
+    })
+  ];
+};
+var MermaidWidget = class extends WidgetType {
+  _id;
+  _source;
+  _label;
+  _svg;
+  _error;
+  // TODO(burdon): Mermaid API requires unique id.
+  constructor(_id, _source, _label) {
+    super(), this._id = _id, this._source = _source, this._label = _label;
+  }
+  eq(other) {
+    return this._source === other._source;
+  }
+  ignoreEvent(ev) {
+    return !/^mouse/.test(ev.type);
+  }
+  toDOM(view) {
+    const div = document.createElement("div");
+    div.className = "cm-mermaid";
+    setTimeout(async () => {
+      _mermaid.initialize({
+        darkMode: view.state.facet(EditorView.darkTheme),
+        theme: "neutral"
+      });
+      const svg = await this.render(div);
+      if (this._error) {
+        div.className = "cm-mermaid-error";
+        div.innerText = this._error;
+      } else {
+        div.className = "cm-mermaid";
+        div.innerHTML = svg;
+        if (this._label) {
+          const label = document.createElement("span");
+          label.innerText = this._label;
+          label.className = "cm-mermaid-label";
+          div.appendChild(label);
+          view.requestMeasure();
+        }
+      }
+    });
+    return div;
+  }
+  async render(_container) {
+    try {
+      const valid = await _mermaid.parse(this._source);
+      if (valid) {
+        const result = await _mermaid.render(this._id, this._source);
+        this._error = void 0;
+        this._svg = result.svg;
+        return result.svg;
+      }
+    } catch (err) {
+      this._error = String(err);
+      this._svg = void 0;
+    }
+  }
+};
+
+// src/capabilities/markdown-extension.ts
+var markdown_extension_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(MarkdownCapabilities.ExtensionProvider, [
+  mermaid
+])));
+export {
+  markdown_extension_default as default
+};
+//# sourceMappingURL=markdown-extension-7YWEUNWO.mjs.map

package/dist/lib/neutral/markdown-extension-7YWEUNWO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/markdown-extension.ts", "../../../src/extensions/mermaid-extension.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { MarkdownCapabilities } from '@dxos/plugin-markdown/types';\n\nimport { mermaid } from '../extensions';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(Capability.contributes(MarkdownCapabilities.ExtensionProvider, [mermaid])),\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(--color-group-surface)',\n        borderRadius: '8px',\n      },\n      '& .cm-mermaid-label': {\n        position: 'absolute',\n        right: '16px',\n        fontFamily: 'unset',\n        color: 'var(--color-subdued)',\n      },\n      '& .cm-mermaid-error': {\n        display: 'inline-block',\n        color: 'var(--color-error)',\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"],
+  "mappings": ";AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,4BAA4B;;;ACHrC,SAASC,kBAAkB;AAE3B,SAASC,YAAgCC,YAAYC,YAA6BC,kBAAkB;AACpG,OAAOC,cAAc;AAOd,IAAMC,UAAU,CAACC,WAA2B,CAAC,MAAC;AACnD,SAAO;IACLJ,WAAWK,UACT,MAAA;MACEC;MAEA,YAAYC,MAAkB;AAC5B,aAAKD,cAAc,KAAKE,iBAAiBD,IAAAA;MAC3C;MAEAE,OAAOA,QAAoB;AAEzB,YAAIA,OAAOC,cAAcD,OAAOE,mBAAmBF,OAAOG,gBAAgBH,OAAOI,cAAc;AAC7F,eAAKP,cAAc,KAAKE,iBAAiBC,OAAOF,IAAI;QACtD;MACF;MAEAC,iBAAiBD,MAAiC;AAChD,cAAMD,cAA2E,CAAA;AAEjFT,mBAAWU,KAAKO,KAAK,EAAEC,QAAQ;UAC7BC,OAAO,CAACC,SAAAA;AACN,gBAAIA,KAAKC,SAAS,cAAc;AAC9B,oBAAMC,SAASZ,KAAKO,MAAMM,UAAUC,KAAKC;AAGzC,oBAAMC,aAAahB,KAAKO,MAAMU,YAAYL,SAASF,KAAKQ,OAAO,KAAKN,SAASF,KAAKS,KAAK;AACvF,kBAAIH,YAAY;AACd,sBAAMI,OAAOV,KAAKA,KAAKW,SAAS,UAAA;AAChC,oBAAID,MAAM;AACR,wBAAME,OAAOtB,KAAKO,MAAMgB,SAASH,KAAKF,MAAME,KAAKD,EAAE;AACnD,wBAAMK,OAAOd,KAAKA,KAAKW,SAAS,UAAA;AAChC,sBAAIC,SAAS,aAAaE,MAAM;AAC9B,0BAAMC,UAAUzB,KAAKO,MAAMgB,SAASC,KAAKN,MAAMM,KAAKL,EAAE,EAAEO,KAAI;AAC5D,0BAAMC,QAAQF,QAAQG,MAAM,GAAA,EAAK,CAAA;AAGjC,0BAAMC,SAAS,IAAIC,cAAc,WAAWpB,KAAKQ,IAAI,IAAIO,SAASE,KAAAA;AAGlE,0BAAMI,UAAU/B,KAAKO,MAAMyB,IAAIC,OAAOvB,KAAKS,EAAE;AAC7C,0BAAMe,cAAcH,QAAQZ,KAAK;AAGjC,wBAAIe,eAAelC,KAAKO,MAAMyB,IAAIG,QAAQ;AACxCpC,kCAAYqC,KAAK;wBACflB,MAAMgB;wBACNf,IAAIe;wBACJG,YAAY9C,WAAWsC,OAAO;0BAC5BA;wBACF,CAAA;sBACF,CAAA;oBACF,OAAO;AAEL9B,kCAAYqC,KAAK;wBACflB,MAAMa,QAAQZ;wBACdA,IAAIY,QAAQZ;wBACZkB,YAAY9C,WAAWsC,OAAO;0BAC5BA;0BACAS,MAAM;wBACR,CAAA;sBACF,CAAA;oBACF;AAGA,0BAAMC,YAAYvC,KAAKO,MAAMyB,IAAIC,OAAOvB,KAAKQ,IAAI;AACjD,6BAASsB,UAAUD,UAAUE,QAAQD,WAAWT,QAAQU,QAAQD,WAAW;AACzE,4BAAME,OAAO1C,KAAKO,MAAMyB,IAAIU,KAAKF,OAAAA;AACjCzC,kCAAYqC,KAAK;wBACflB,MAAMwB,KAAKxB;wBACXC,IAAIuB,KAAKxB;wBACTmB,YAAY9C,WAAWmD,KAAK;0BAC1BC,OAAO;wBACT,CAAA;sBACF,CAAA;oBACF;kBACF;gBACF;cACF;YACF;UACF;QACF,CAAA;AAEA,eAAOpD,WAAWqD,IAChB7C,YAAY8C,KAAK,CAACC,GAAGC,MAAMD,EAAE5B,OAAO6B,EAAE7B,QAAQ4B,EAAE3B,KAAK4B,EAAE5B,EAAE,EAAE6B,IAAI,CAACC,MAAMA,EAAEZ,WAAWa,MAAMD,EAAE/B,MAAM+B,EAAE9B,EAAE,CAAA,CAAA;MAEzG;IACF,GACA;MACEpB,aAAa,CAACoD,MAAMA,EAAEpD;IACxB,CAAA;IAEFP,WAAW4D,MAAM;MACf,iBAAiB;QACfC,UAAU;QACVC,SAAS;QACTC,OAAO;QACPC,QAAQ;QACRC,SAAS;QACTC,gBAAgB;QAChBC,iBAAiB;QACjBC,cAAc;MAChB;MACA,uBAAuB;QACrBP,UAAU;QACVQ,OAAO;QACPC,YAAY;QACZC,OAAO;MACT;MACA,uBAAuB;QACrBT,SAAS;QACTS,OAAO;MACT;MACA,wBAAwB;QACtBT,SAAS;MACX;IACF,CAAA;;AAEJ;AAEA,IAAMxB,gBAAN,cAA4BpC,WAAAA;;;;EAC1BsE;EACAC;;EAGA,YACmBC,KACAC,SACAC,QACjB;AACA,UAAK,GAAA,KAJYF,MAAAA,KAAAA,KACAC,UAAAA,SAAAA,KACAC,SAAAA;EAGnB;EAESC,GAAGC,OAAa;AACvB,WAAO,KAAKH,YAAYG,MAAMH;EAChC;EAESI,YAAYC,IAAW;AAC9B,WAAO,CAAC,SAASC,KAAKD,GAAGlD,IAAI;EAC/B;EAESoD,MAAM1E,MAAkB;AAC/B,UAAM2E,MAAMC,SAASC,cAAc,KAAA;AACnCF,QAAIG,YAAY;AAEhBC,eAAW,YAAA;AAETpF,eAASqF,WAAW;QAClBC,UAAUjF,KAAKO,MAAM2E,MAAM1F,WAAW2F,SAAS;QAC/C/B,OAAO;MAYT,CAAA;AAGA,YAAMgC,MAAM,MAAM,KAAKC,OAAOV,GAAAA;AAC9B,UAAI,KAAKV,QAAQ;AACfU,YAAIG,YAAY;AAChBH,YAAIW,YAAY,KAAKrB;MACvB,OAAO;AACLU,YAAIG,YAAY;AAChBH,YAAIY,YAAYH;AAEhB,YAAI,KAAKhB,QAAQ;AACf,gBAAMzC,QAAQiD,SAASC,cAAc,MAAA;AACrClD,gBAAM2D,YAAY,KAAKlB;AACvBzC,gBAAMmD,YAAY;AAClBH,cAAIa,YAAY7D,KAAAA;AAChB3B,eAAKyF,eAAc;QACrB;MACF;IACF,CAAA;AAEA,WAAOd;EACT;EAEA,MAAMU,OAAOK,YAAkD;AAC7D,QAAI;AAEF,YAAMC,QAAQ,MAAMhG,SAASiG,MAAM,KAAKzB,OAAO;AAC/C,UAAIwB,OAAO;AACT,cAAME,SAAS,MAAMlG,SAAS0F,OAAO,KAAKnB,KAAK,KAAKC,OAAO;AAC3D,aAAKF,SAAS6B;AACd,aAAK9B,OAAO6B,OAAOT;AACnB,eAAOS,OAAOT;MAChB;IACF,SAASW,KAAU;AACjB,WAAK9B,SAAS+B,OAAOD,GAAAA;AACrB,WAAK/B,OAAO8B;IACd;EACF;AACF;;;AD3MA,IAAA,6BAAeG,WAAWC,WAAW,MAC5BC,eAAQF,WAAWG,YAAYC,qBAAqBC,mBAAmB;EAACC;CAAQ,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "MarkdownCapabilities", "syntaxTree", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "_mermaid", "mermaid", "_options", "fromClass", "decorations", "view", "buildDecorations", "update", "docChanged", "viewportChanged", "selectionSet", "focusChanged", "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", "side", "startLine", "lineNum", "number", "line", "class", "set", "sort", "a", "b", "map", "d", "range", "v", "theme", "position", "display", "width", "maring", "padding", "justifyContent", "backgroundColor", "borderRadius", "right", "fontFamily", "color", "_svg", "_error", "_id", "_source", "_label", "eq", "other", "ignoreEvent", "ev", "test", "toDOM", "div", "document", "createElement", "className", "setTimeout", "initialize", "darkMode", "facet", "darkTheme", "svg", "render", "innerText", "innerHTML", "appendChild", "requestMeasure", "_container", "valid", "parse", "result", "undefined", "err", "String", "Capability", "makeModule", "succeed", "contributes", "MarkdownCapabilities", "ExtensionProvider", "mermaid"]
+}

package/dist/lib/neutral/meta.json

@@ -0,0 +1 @@
+{"inputs":{"src/meta.ts":{"bytes":4532,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":368,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"raw-loader:/__w/dxos/dxos/packages/plugins/plugin-mermaid/PLUGIN.mdl?raw":{"bytes":7350,"imports":[]},"src/MermaidPlugin.tsx":{"bytes":2950,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"raw-loader:/__w/dxos/dxos/packages/plugins/plugin-mermaid/PLUGIN.mdl?raw","kind":"import-statement","original":"../PLUGIN.mdl?raw"}],"format":"esm"},"src/extensions/mermaid-extension.ts":{"bytes":25026,"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":401,"imports":[{"path":"src/extensions/mermaid-extension.ts","kind":"import-statement","original":"./mermaid-extension"}],"format":"esm"},"src/capabilities/markdown-extension.ts":{"bytes":1563,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown/types","kind":"import-statement","external":true},{"path":"src/extensions/index.ts","kind":"import-statement","original":"../extensions"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":845,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/markdown-extension.ts","kind":"dynamic-import","original":"./markdown-extension"}],"format":"esm"},"src/plugin.ts":{"bytes":860,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"#plugin","kind":"dynamic-import","external":true}],"format":"esm"}},"outputs":{"dist/lib/neutral/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/neutral/index.mjs":{"imports":[{"path":"dist/lib/neutral/chunk-WD2YFG2L.mjs","kind":"import-statement"}],"exports":["meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":101},"dist/lib/neutral/MermaidPlugin.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9707},"dist/lib/neutral/MermaidPlugin.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"exports":["MermaidPlugin","default"],"entryPoint":"src/MermaidPlugin.tsx","inputs":{"src/MermaidPlugin.tsx":{"bytesInOutput":612},"raw-loader:/__w/dxos/dxos/packages/plugins/plugin-mermaid/PLUGIN.mdl?raw":{"bytesInOutput":8064}},"bytes":8911},"dist/lib/neutral/capabilities/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":454},"dist/lib/neutral/capabilities/index.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/neutral/markdown-extension-7YWEUNWO.mjs","kind":"dynamic-import"}],"exports":["MarkdownExtension"],"entryPoint":"src/capabilities/index.ts","inputs":{"src/capabilities/index.ts":{"bytesInOutput":164}},"bytes":260},"dist/lib/neutral/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/neutral/meta.mjs":{"imports":[{"path":"dist/lib/neutral/chunk-WD2YFG2L.mjs","kind":"import-statement"}],"exports":["meta"],"entryPoint":"src/meta.ts","inputs":{},"bytes":100},"dist/lib/neutral/plugin.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":443},"dist/lib/neutral/plugin.mjs":{"imports":[{"path":"dist/lib/neutral/chunk-WD2YFG2L.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"#plugin","kind":"dynamic-import","external":true}],"exports":["MermaidPlugin"],"entryPoint":"src/plugin.ts","inputs":{"src/plugin.ts":{"bytesInOutput":110}},"bytes":239},"dist/lib/neutral/chunk-WD2YFG2L.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2101},"dist/lib/neutral/chunk-WD2YFG2L.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["meta"],"inputs":{"src/meta.ts":{"bytesInOutput":1559}},"bytes":1638},"dist/lib/neutral/markdown-extension-7YWEUNWO.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12975},"dist/lib/neutral/markdown-extension-7YWEUNWO.mjs":{"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown/types","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}],"exports":["default"],"entryPoint":"src/capabilities/markdown-extension.ts","inputs":{"src/capabilities/markdown-extension.ts":{"bytesInOutput":316},"src/extensions/mermaid-extension.ts":{"bytesInOutput":5273},"src/extensions/index.ts":{"bytesInOutput":0}},"bytes":5823}}}

package/dist/lib/neutral/meta.mjs

@@ -0,0 +1,7 @@
+import {
+  meta
+} from "./chunk-WD2YFG2L.mjs";
+export {
+  meta
+};
+//# sourceMappingURL=meta.mjs.map

package/dist/lib/neutral/meta.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/neutral/plugin.mjs

@@ -0,0 +1,11 @@
+import {
+  meta
+} from "./chunk-WD2YFG2L.mjs";
+
+// src/plugin.ts
+import { Plugin } from "@dxos/app-framework";
+var MermaidPlugin = Plugin.lazy(meta, () => import("#plugin"));
+export {
+  MermaidPlugin
+};
+//# sourceMappingURL=plugin.mjs.map

package/dist/lib/neutral/plugin.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport { meta } from './meta';\n\nexport const MermaidPlugin = Plugin.lazy(meta, () => import('#plugin'));\n"],
+  "mappings": ";;;;;AAIA,SAASA,cAAc;AAIhB,IAAMC,gBAAgBC,OAAOC,KAAKC,MAAM,MAAM,OAAO,SAAA,CAAA;",
+  "names": ["Plugin", "MermaidPlugin", "Plugin", "lazy", "meta"]
+}

package/dist/types/src/MermaidPlugin.d.ts

@@ -1,2 +1,4 @@
-export declare const MermaidPlugin: () => import("@dxos/app-framework").Plugin;
+import { Plugin } from '@dxos/app-framework';
+export declare const MermaidPlugin: Plugin.PluginFactory<void>;
+export default MermaidPlugin;
 //# sourceMappingURL=MermaidPlugin.d.ts.map

package/dist/types/src/MermaidPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MermaidPlugin.d.ts","sourceRoot":"","sources":["../../../src/MermaidPlugin.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,4CAOtB,CAAC"}
+{"version":3,"file":"MermaidPlugin.d.ts","sourceRoot":"","sources":["../../../src/MermaidPlugin.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAU7C,eAAO,MAAM,aAAa,4BAUzB,CAAC;eAEa,aAAa"}

package/dist/types/src/MermaidPlugin.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MermaidPlugin.test.d.ts.map

package/dist/types/src/MermaidPlugin.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidPlugin.test.d.ts","sourceRoot":"","sources":["../../../src/MermaidPlugin.test.ts"],"names":[],"mappings":""}

package/dist/types/src/capabilities/index.d.ts

@@ -0,0 +1,3 @@
+import { Capability } from '@dxos/app-framework';
+export declare const MarkdownExtension: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/plugin-markdown").MarkdownExtensionProvider[]>>, Error>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/capabilities/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,qJAA6E,CAAC"}

package/dist/types/src/capabilities/markdown-extension.d.ts

@@ -0,0 +1,5 @@
+import * as Effect from 'effect/Effect';
+import { Capability } from '@dxos/app-framework';
+declare const _default: (props: void) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<import("@dxos/plugin-markdown").MarkdownExtensionProvider[]>>, never, never>;
+export default _default;
+//# sourceMappingURL=markdown-extension.d.ts.map

package/dist/types/src/capabilities/markdown-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-extension.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/markdown-extension.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/src/extensions/index.d.ts

@@ -1,2 +1,2 @@
-export * from './mermaid';
+export * from './mermaid-extension';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/extensions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/extensions/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/extensions/index.ts"],"names":[],"mappings":"AAIA,cAAc,qBAAqB,CAAC"}

package/dist/types/src/extensions/mermaid-extension.d.ts

@@ -0,0 +1,7 @@
+import { type Extension } from '@codemirror/state';
+export type MermaidOptions = {};
+/**
+ * Extension to create mermaid diagrams.
+ */
+export declare const mermaid: (_options?: MermaidOptions) => Extension;
+//# sourceMappingURL=mermaid-extension.d.ts.map

package/dist/types/src/extensions/mermaid-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-extension.d.ts","sourceRoot":"","sources":["../../../../src/extensions/mermaid-extension.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC;AAEhC;;GAEG;AACH,eAAO,MAAM,OAAO,cAAc,cAAc,KAAQ,SAsHvD,CAAC"}

package/dist/types/src/extensions/mermaid.stories.d.ts

@@ -1,15 +1,15 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-export declare const Default: {
-    args: {
-        text: string;
-    };
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+type DefaultStoryProps = {
+    text?: string;
 };
-export declare const Error: {
-    args: {
-        text: string;
-    };
+declare const meta: {
+    title: string;
+    render: ({ text }: DefaultStoryProps) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
 };
-declare const meta: Meta;
 export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;
 //# sourceMappingURL=mermaid.stories.d.ts.map

package/dist/types/src/extensions/mermaid.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mermaid.stories.d.ts","sourceRoot":"","sources":["../../../../src/extensions/mermaid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAyClD,eAAO,MAAM,OAAO;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;CAgBjB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"mermaid.stories.d.ts","sourceRoot":"","sources":["../../../../src/extensions/mermaid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAqBF,QAAA,MAAM,IAAI;;uBAnBsB,iBAAiB;;CAuBZ,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC"}

package/dist/types/src/index.d.ts

@@ -1,3 +1,2 @@
-export * from './MermaidPlugin';
 export * from './meta';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC"}

package/dist/types/src/meta.d.ts

@@ -1,4 +1,3 @@
-import { type PluginMeta } from '@dxos/app-framework';
-export declare const MERMAID_PLUGIN = "dxos.org/plugin/mermaid";
-export declare const meta: PluginMeta;
+import { Plugin } from '@dxos/app-framework';
+export declare const meta: Plugin.Meta;
 //# sourceMappingURL=meta.d.ts.map

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,cAAc,4BAA4B,CAAC;AAExD,eAAO,MAAM,IAAI,EAAE,UAMlB,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAI7C,eAAO,MAAM,IAAI,aA0Bf,CAAC"}

package/dist/types/src/plugin.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from '@dxos/app-framework';
+export declare const MermaidPlugin: Plugin.PluginFactory<void>;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/types/src/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugin.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAI7C,eAAO,MAAM,aAAa,4BAA6C,CAAC"}