marp-cli error when using markdown-it-graphiz

[alanlivio]

Hello. I followed this guide to use plantuml from @yhatt to use a graphiz. But I get the error bellow.
Any suggestions?
Thank you in advance.
Best,
Alan

engine.js file

const { Marp } = require('@marp-team/marp-core')
module.exports = {
    engine: opts => new Marp(opts).use(require('markdown-it-graphviz'))
}

package.json file

{
  "dependencies": {
    "@marp-team/marp-cli": "^2.5.0",
    "@marp-team/marp-core": "0.13.1",
    "@marp-team/marpit": "1.4.0",
    "markdown-it-graphviz": "^1.1.2"
  }
}

graphviz.md file

---
marp: true
---

```graphviz
strict graph {
  a -- b
  a -- y
  b -- a [color=blue]
}
```

command line

npx marp --engine ./engine.js graphviz.md

[yhatt]

Multipost: See #433

[alanlivio]

Thanks @yhatt. I tried the guide from #433, but it didn't work. Please take a look at the code below.

package.json

{
  "dependencies": {
    "@marp-team/marp-cli": "^2.5.0",
    "@marp-team/marp-core": "^3.6.0",
    "@marp-team/marpit": "^2.4.2",
    "markdown-it-graphviz": "latest"
  }
}

marp.config.js

const { Marp } = require('@marp-team/marp-core')

module.exports = {
    engine: opts => new Marp(opts).use(require('markdown-it-graphviz'))
}

I used the same graphviz.md then ran marp graphviz.md.

[yhatt]

A (probably not maintained) markdown-it plugin markdown-it-graphviz you are trying to use is broken: aiyoudiao/markdown-it-graphviz#2 (Chinese)

It tries to load a script written in ES Module ./common/viz.es-changed.js from CommonJS script index.js, but Node.js cannot import ESM script from CJS through require().

In regards to this, there is no way to do in user-side. Try another markdown-it plugin that supports graphviz correctly.

[alanlivio]

Thanks @yhatt. It worked with this other package.
I put my used code below.

package.json

{
  "dependencies": {
    "@marp-team/marp-cli": "^2.5.0",
    "@marp-team/marp-core": "^3.6.0",
    "@marp-team/marpit": "^2.4.2",
    "markdown-it-graphviz-exec": "latest"
  }
}

marp.config.js

const { Marp } = require('@marp-team/marp-core')

module.exports = {
    engine: opts => new Marp(opts).use(require('markdown-it-graphviz-exec'))
}

But I used a slightly different markdown following the package.

---
marp: true
---

@graphviz_open
strict graph {
  a -- b
  a -- y
  b -- a [color=blue]
}
@graphviz_close