@dxos/plugin-mermaid 0.9.0 → 0.9.1-staging.ee54ba693a

package/dx.config.ts

@@ -0,0 +1,35 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Config2 } from '@dxos/app-framework/config';
+import { trim } from '@dxos/util';
+
+export default Config2.make({
+  plugin: {
+    key: 'org.dxos.plugin.mermaid',
+    name: 'Mermaid',
+    author: 'DXOS',
+    description: trim`
+      Generate diagrams from simple text-based definitions using Mermaid syntax.
+      Create flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship
+      diagrams, Gantt charts, pie charts, Git graphs, mindmaps, and timelines — all from
+      plain-text source embedded directly in your documents.
+
+      The plugin integrates with the markdown editor as a CodeMirror extension.
+      Any fenced code block tagged with the \`mermaid\` language identifier is automatically
+      detected and replaced with a live SVG preview rendered by the Mermaid JS library.
+      The raw source is revealed for editing whenever the cursor moves inside the block,
+      then the rendered diagram is restored when the cursor moves away, providing a seamless
+      live-preview experience without leaving the editor.
+
+      Diagram rendering adapts to the editor's current color scheme: dark-mode documents
+      use Mermaid's dark theme while light-mode documents use the neutral theme.
+      Parse and render errors are shown inline in place of the diagram so that
+      invalid syntax is immediately visible without disrupting the rest of the document.
+    `,
+    source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-mermaid',
+    icon: { key: 'ph--anchor-simple--regular', hue: 'cyan' },
+    spec: 'PLUGIN.mdl',
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-mermaid",
-  "version": "0.9.0",
+  "version": "0.9.1-staging.ee54ba693a",
   "description": "Mermaid markdown plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -45,6 +45,7 @@
   "types": "dist/types/src/index.d.ts",
   "files": [
     "dist",
+    "dx.config.ts",
     "src",
     "PLUGIN.mdl"
   ],
@@ -53,33 +54,33 @@
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.43.0",
     "mermaid": "^10.9.4",
-    "@dxos/app-framework": "0.9.0",
-    "@dxos/app-toolkit": "0.9.0",
-    "@dxos/operation": "0.9.0",
-    "@dxos/react-ui-editor": "0.9.0",
-    "@dxos/plugin-markdown": "0.9.0",
-    "@dxos/util": "0.9.0",
-    "@dxos/keys": "0.9.0",
-    "@dxos/ui-editor": "0.9.0"
+    "@dxos/app-framework": "0.9.1-staging.ee54ba693a",
+    "@dxos/keys": "0.9.1-staging.ee54ba693a",
+    "@dxos/operation": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-editor": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-toolkit": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-editor": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-markdown": "0.9.1-staging.ee54ba693a",
+    "@dxos/util": "0.9.1-staging.ee54ba693a"
   },
   "devDependencies": {
-    "@types/react": "~19.2.7",
+    "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
     "vite": "^8.0.16",
-    "@dxos/echo": "0.9.0",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/storybook-utils": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/storybook-utils": "0.9.1-staging.ee54ba693a",
+    "@dxos/echo": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "peerDependencies": {
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "publishConfig": {
     "access": "public"

package/src/MermaidPlugin.test.ts

@@ -12,7 +12,7 @@ import { MermaidPlugin } from '#plugin';
 
 import { meta } from './meta';
 
-const moduleId = (name: string) => `${meta.id}.module.${name}`;
+const moduleId = (name: string) => `${meta.profile.key}.module.${name}`;
 
 describe('MermaidPlugin', () => {
   test('modules activate on the expected events', async ({ expect }) => {

package/src/MermaidPlugin.tsx

@@ -19,7 +19,7 @@ export const MermaidPlugin = Plugin.define(meta).pipe(
     activate: MarkdownExtension,
   }),
   AppPlugin.addPluginAssetModule({
-    asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
+    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
   }),
   Plugin.make,
 );

package/src/extensions/mermaid.stories.tsx

@@ -19,11 +19,11 @@ import { mermaid } from './mermaid-extension';
 
 const str = (...lines: string[]) => lines.join('\n');
 
-type DefaultStoryProps = {
+type StoryArgs = {
   text?: string;
 };
 
-const DefaultStory = ({ text }: DefaultStoryProps) => {
+const DefaultStory = ({ text }: StoryArgs) => {
   const { themeMode } = useThemeContext();
   const { parentRef, focusAttributes } = useTextEditor(
     () => ({

package/src/meta.ts

@@ -3,33 +3,7 @@
 //
 
 import { Plugin } from '@dxos/app-framework';
-import { DXN } from '@dxos/keys';
-import { trim } from '@dxos/util';
 
-export const meta = Plugin.makeMeta({
-  key: DXN.make('org.dxos.plugin.mermaid'),
-  name: 'Mermaid',
-  author: 'DXOS',
-  description: trim`
-    Generate diagrams from simple text-based definitions using Mermaid syntax.
-    Create flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship
-    diagrams, Gantt charts, pie charts, Git graphs, mindmaps, and timelines — all from
-    plain-text source embedded directly in your documents.
+import config from '../dx.config';
 
-    The plugin integrates with the markdown editor as a CodeMirror extension.
-    Any fenced code block tagged with the \`mermaid\` language identifier is automatically
-    detected and replaced with a live SVG preview rendered by the Mermaid JS library.
-    The raw source is revealed for editing whenever the cursor moves inside the block,
-    then the rendered diagram is restored when the cursor moves away, providing a seamless
-    live-preview experience without leaving the editor.
-
-    Diagram rendering adapts to the editor's current color scheme: dark-mode documents
-    use Mermaid's dark theme while light-mode documents use the neutral theme.
-    Parse and render errors are shown inline in place of the diagram so that
-    invalid syntax is immediately visible without disrupting the rest of the document.
-  `,
-  icon: 'ph--anchor-simple--regular',
-  iconHue: 'cyan',
-  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-mermaid',
-  spec: 'PLUGIN.mdl',
-});
+export const meta = Plugin.getMetaFromConfig(config);

package/dist/lib/neutral/chunk-WD2YFG2L.mjs

@@ -1,36 +0,0 @@
-// src/meta.ts
-import { Plugin } from "@dxos/app-framework";
-import { DXN } from "@dxos/keys";
-import { trim } from "@dxos/util";
-var meta = Plugin.makeMeta({
-  key: DXN.make("org.dxos.plugin.mermaid"),
-  name: "Mermaid",
-  author: "DXOS",
-  description: trim`
-    Generate diagrams from simple text-based definitions using Mermaid syntax.
-    Create flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship
-    diagrams, Gantt charts, pie charts, Git graphs, mindmaps, and timelines — all from
-    plain-text source embedded directly in your documents.
-
-    The plugin integrates with the markdown editor as a CodeMirror extension.
-    Any fenced code block tagged with the \`mermaid\` language identifier is automatically
-    detected and replaced with a live SVG preview rendered by the Mermaid JS library.
-    The raw source is revealed for editing whenever the cursor moves inside the block,
-    then the rendered diagram is restored when the cursor moves away, providing a seamless
-    live-preview experience without leaving the editor.
-
-    Diagram rendering adapts to the editor's current color scheme: dark-mode documents
-    use Mermaid's dark theme while light-mode documents use the neutral theme.
-    Parse and render errors are shown inline in place of the diagram so that
-    invalid syntax is immediately visible without disrupting the rest of the document.
-  `,
-  icon: "ph--anchor-simple--regular",
-  iconHue: "cyan",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-mermaid",
-  spec: "PLUGIN.mdl"
-});
-
-export {
-  meta
-};
-//# sourceMappingURL=chunk-WD2YFG2L.mjs.map

package/dist/lib/neutral/chunk-WD2YFG2L.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { DXN } from '@dxos/keys';\nimport { trim } from '@dxos/util';\n\nexport const meta = Plugin.makeMeta({\n  key: DXN.make('org.dxos.plugin.mermaid'),\n  name: 'Mermaid',\n  author: 'DXOS',\n  description: trim`\n    Generate diagrams from simple text-based definitions using Mermaid syntax.\n    Create flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship\n    diagrams, Gantt charts, pie charts, Git graphs, mindmaps, and timelines — all from\n    plain-text source embedded directly in your documents.\n\n    The plugin integrates with the markdown editor as a CodeMirror extension.\n    Any fenced code block tagged with the \\`mermaid\\` language identifier is automatically\n    detected and replaced with a live SVG preview rendered by the Mermaid JS library.\n    The raw source is revealed for editing whenever the cursor moves inside the block,\n    then the rendered diagram is restored when the cursor moves away, providing a seamless\n    live-preview experience without leaving the editor.\n\n    Diagram rendering adapts to the editor's current color scheme: dark-mode documents\n    use Mermaid's dark theme while light-mode documents use the neutral theme.\n    Parse and render errors are shown inline in place of the diagram so that\n    invalid syntax is immediately visible without disrupting the rest of the document.\n  `,\n  icon: 'ph--anchor-simple--regular',\n  iconHue: 'cyan',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-mermaid',\n  spec: 'PLUGIN.mdl',\n});\n"],
-  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,YAAY;AAEd,IAAMC,OAAOH,OAAOI,SAAS;EAClCC,KAAKJ,IAAIK,KAAK,yBAAA;EACdC,MAAM;EACNC,QAAQ;EACRC,aAAaP;;;;;;;;;;;;;;;;;;EAkBbQ,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;AACR,CAAA;",
-  "names": ["Plugin", "DXN", "trim", "meta", "makeMeta", "key", "make", "name", "author", "description", "icon", "iconHue", "source", "spec"]
-}