--engine ./engine.js doesn't render code blocks well

[exKAZUu]

I have the following files.

• engine.js

  const { Marp } = require('@marp-team/marp-core');
  module.exports = opts => new Marp(opts);
  

  Note: I've also tested module.exports = opts => new Marp();, but there seems no difference.

• sample.md

  # test
  
  ` ` ` <- We cannot use triple backquoations in clode blocks so I use ` ` ` here instead
  console.log('Hello World!');
  ` ` `
  

• package.json

  ...
  "devDependencies": {
    "@marp-team/marp-cli": "0.14.1",
    "@marp-team/marp-core": "0.13.1",
    "@marp-team/marpit": "1.4.0",
  ...
  

When I use --engine @marp-team/marp-core, it works well.
Interestingly, when I use --engine ./engine.js, it doesn't render the code block well as follows.

[exKAZUu]

I upload the generated html file as .txt file here.

sample.html.txt

[yhatt]

Thanks for feedback. Perhaps it's not triggered Marp.ready() on the browser context.

Marp Core package has defined path to JS for bundling with HTML, but it's cannot in functional engine. We should consider a way to add browser script by custom engine.

As a workaround, load Marp Core's browser script manually in Markdown. (require --html option)

# Your contents

...

<script defer src="https://cdn.jsdelivr.net/npm/@marp-team/marp-core/lib/browser.js"></script>

[exKAZUu]

Thank you for your quick response. I confirm the workaround solves this issue!