Update to mermaid-isomorphic 3

Notably this updated to Mermaid 11 and adds an optional peer dependency on `playwright`. See https://github.com/remcohaszing/mermaid-isomorphic/releases/tag/v3.0.0 for more details.
remcohaszing · Oct 8, 2024 · 9292063 · 9292063
1 parent 7938138
commit 9292063
Show file tree

Hide file tree

Showing 74 changed files with 2,109 additions and 1,800 deletions.
diff --git a/README.md b/README.md
@@ -17,16 +17,6 @@ A [rehype](https://rehype.js.org) plugin to render [mermaid](https://mermaid-js.
   - [`'pre-mermaid'`](#pre-mermaid)
 - [API](#api)
   - [`unified().use(rehypeMermaid, options?)`](#unifieduserehypemermaid-options)
-    - [`options`](#options)
-      - [`browser`](#browser)
-      - [`colorScheme`](#colorscheme)
-      - [`css`](#css)
-      - [`dark`](#dark)
-      - [`errorFallback`](#errorfallback)
-      - [`launchOptions`](#launchoptions)
-      - [`mermaidConfig`](#mermaidconfig)
-      - [`prefix`](#prefix)
-      - [`strategy`](#strategy)
 - [Examples](#examples)
   - [remark](#remark)
   - [MDX](#mdx)
@@ -42,11 +32,12 @@ A [rehype](https://rehype.js.org) plugin to render [mermaid](https://mermaid-js.
 npm install rehype-mermaid
 ```
 
-In Node.js this package uses [playwright](https://playwright.dev) under the hood. To use it, you may
-need to install additional dependencies. These can be installed with:
+Outside of browsers `rehype-mermaid` uses [Playwright](https://playwright.dev). If you use this
+outside of a browser, you need to install Playwright and a Playwright browser.
 
 ```sh
-npx playwright-core install --with-deps chromium
+npm install playwright
+npx playwright install --with-deps chromium
 ```
 
 See the Playwright [Browsers](https://playwright.dev/docs/browsers) documentation for more

diff --git a/fixtures/code.lang-mermaid/img-png-dark-custom.html b/fixtures/code.lang-mermaid/img-png-dark-custom.html
@@ -6,19 +6,19 @@
     </p>
     <picture
       ><source
-        height="49"
+        height="70"
         id="mermaid-dark-0"
         media="(prefers-color-scheme: dark)"
         srcset="
-          data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAAXNSR0IArs4c6QAAAiZJREFUaIHtmF9IU2EYh5/NQRiu/130D8opYdBGLmhdKCNXlM2bsosQvCu6CIIg6CLoJoIuhYiu68KkjclQy0WlaLqy1SqJoE0jw0qwMc42NoedropE26DzLhZ+z+37nt/7wPk+vu8cUCgUirLEVKi4prXKbQb3vxCZm+dGKpCa+VPdUuhhM7gdNbbLdlt1SeR+EhgcymnprA/4O1EAe42N9sOHxOV+JzQ2ltPS2YI95pIaCKJEpVGi0ihRaZan6OP7UZxbz3Cu/bpkLEiL9vrD2HZuZnTwLV8/JySj5USTiTTDD8c5fd6LdVUlwa4RqWiQFA0Fn2MygauxDo/XSbBrBF3XpeLlRHt8YRqadlNlraT5+D6mp2Z5OvROKl5G9OPkDOMvJzna6gLAsdfGtu0b6e4clogHKdGeu6NYV6/E7qxGS2bQkhmamusZ6H9F4ltKYkTx+2gxdF3nXuAZWjKDx3FhUb3PH6btlMfoGOOikfB7pqdmuXj1JDtqNy2odVzx0935pDxEe31h1m2wcqytgYqKhSup5cR+rl26w+vIBHansc8ZQ2s0n5/nUd8LDhzZs0gS4GCLE4vFLLKpDIl+iH0hpWXxeOuXrK9db8XVuItQMMJcLm9klLFXX1u3hcinmwV7Om6dNTLiF8vz9lRKlKg0SlQaJSrNfyNa9GR6E4tzu/9BSSXSmeyKYj0FRb/DQDQWJxqLi4otRb7AT1yFQqEoY34Aiu6gIS6A+b0AAAAASUVORK5CYII=
+          data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABGCAYAAAC5QghSAAAAAXNSR0IArs4c6QAAApJJREFUeJzt3E9Ik3Ecx/HPZllBlIfsDxmIG2uYqOW0rIgVKM0SNL14qHOHugcFEXQJ79m9QwUz/zQptcNMqtlabESM2FYdXKOoYOy/4eos1bMhfvf8Hvu8YJf9NvjszcNz2RhARERERDoxaR3WDG51mgFn5eYYy9IybqfH0l//db5B681mwNlitVxvtjSIjDOysbn5QiqTdwNYXVwAaLZacOF095qPM7oZv7+QyuQ1X2Ou2Jr/EOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKMkzcoe6baKu7iHfBT3pPKZsh4kbCcUTCcTTY9mD83nO955TNEHE97pewNdahb+gYpif8yGULek8qi/Jxl5eLeDLuR6ezEd29DuSyBcw+Cug9qyzKx114Fsa3L0m4+jtQu7sGHcfthrk1KB93atQHe9M+WO17AQBnBo8g9DqGj5GE3tNKUjpuJp2HdzqEk66DSCWzSCWzaD+6H5u3VBvi6i35ixs9PfUEkM8tYWR4EiPDkyvOPG4fLl3pw8ZqdT+CussATI0uoKm1Hpevnlvx/If3n3Hr2n14Z0LoOtum275SlL0tJOI/8MYXQc/AYTg6bSseA+dPYMfObcrfGpSNO+X2wWQCTvUc+uOsqsqMrl4HXs2HkVj8rsu+cigb9/HDBbS0W1C7a/tfz139HSgWf2HiwYuKbyuXsvfc0bkbmucHWusRWLxTsT2roeyVux4wriDGFcS4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKYlxBjCuIcQUxriDGFcS4gkp+Qfk2GsPd6dnKrDGQTDa/qdRrNOMWAW8wGkMwGlvTYevFT41/ZiIiIiIiXf0GBWiii5aCnM8AAAAASUVORK5CYII=
         "
-        width="41.671875" />
+        width="86.671875" />
       <img
         alt=""
-        height="49"
+        height="70"
         id="mermaid-0"
-        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAAXNSR0IArs4c6QAAAhhJREFUaIHtmMFLk3EYxz/rFWNswexgINkyvKhhhwUKujHaVCw6hAcPeQ46SB27SAdv0UXCLv4LHYwcbfNlbDQWjSUkIUYQLQXZhHBzc2ytXm+h2DbofRYLf5/r93m/zwfe9+X98YJCoVC0JJZ64bOHn72A91+ItLVZnt9/2putmTe43tvptD7uvGSVNzvCp+ReuVwyXgB/LcoFp5WrnvPickf58iFfLpd+1p0501QDQZSoNEpUGiUqzekUTSSiTExcZ27ugWQtSIuurq7gdF4hlXrL7m5GslpONJ/PkUzGmZm5h91+jnD4lVQ1SIrGYmEsFgsu1zBut59Q6CWGYUjVy4nqeoChITc2mx2f7yaZzA5ra++k6mVEt7e/sbn5Eb//FgADA9fo6rpIMLgsUQ9Sorq+gs1mp69vkEJhn0Jhn9FRH4lElFxuT2JF4/NoIwzDIBJ5TbFYYHp67ESu6wGmpu6aXWNedH39PZnMDrOzj+juvnwsW1paIBhcbg1RXQ/gcHQwOXkHTdOOZePjt1lcfMLGxjr9/YOm9ph6RqvVKvF4hJGRGyckATyeMTRNE3mpTIlubX3l4KCIx+P/Y+5wdOByDROLhalUKmZWmbv1PT29hEKpujPz8wtmVvzmdJ6emokSlUaJSqNEpflvRBt+mTLpErz53lSJH+VfZxvNNBKNZtMlsumSnFUN2tstNX/iKhQKRQtzCGNtnFnfo13VAAAAAElFTkSuQmCC"
-        width="41.671875"
+        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABGCAYAAAC5QghSAAAAAXNSR0IArs4c6QAAAoFJREFUeJzt3MFrknEcx/GPOZdetdbNIZM8GLiBdZAhOq1ZuwSdOo6dhIL+g+7RLRa77OJ5QcFERbc5O2yLEBIayEJxl1JCotkeJczOUvN5GPv6PE99XuDF3yN8ePPwXBQBIiIiItKJZdThiydHEQCR8c0xl4kJy8vkc2/rzHOVz0emph1Pp9yOi19mctV333o9ZbAB4NxxcW3agRth54WPM7vah++9ntIfec2lsa35DzGuIMYVxLiCGFcQ4wpiXEGMK4hxBTGuIMYVxLiCGFcQ4wpiXEGMK4hxBTGuINPETSYfYnExiGr1o95TNDNF3Hr9E2q1I7jdHmQyr/Weo5kp4ubzm5iZuY5E4j6KxRwURdF7kiaGj9vv97Gzk0UwGEIkcgfdroJSKa/3LE0MH7dcPkC7/RXRaAIu11XMzd1CNmuOR4Ph4xYKaXi9Png8XgBAPL6Ew8MKjo/rek9TZei4p6c/sL+/i1Aoik7nBJ3OCWZnb8Jut5vi7lX9xY2eSqUCut0uUqk1pFJrQ2eFQhrLy49gs9l026fG0HG3ttLw+fxYWXk89H6jUcPq6jPs7e0iHI7rtk+NYR8LrdYXVCplxGL3EAgEh15LSw/gdLoM/2gwbNx8fhMWiwXz87E/zqxWK8Lh2yiXD9BsftZlnxaGjbu9nYHfH4DLdeWv5wsLdzEYDJDLvRn7Nq0M+8xdX3818tzn8yOXez+2Pedh2Dv3X8C4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKUv2CstlQgLft8awxkZ+9X5fVrlGLW2w1FLQa5vg97LhNTlrO/GcmIiIiItLVb3i1nsU5OdnpAAAAAElFTkSuQmCC"
+        width="86.671875"
     /></picture>
   </body>
 </html>
diff --git a/fixtures/code.lang-mermaid/img-png-dark.html b/fixtures/code.lang-mermaid/img-png-dark.html
@@ -6,19 +6,19 @@
     </p>
     <picture
       ><source
-        height="49"
+        height="70"
         id="mermaid-dark-0"
         media="(prefers-color-scheme: dark)"
         srcset="
-          data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAAXNSR0IArs4c6QAAAglJREFUaIHtmLFvEmEYhx9AJOaDiQRCGSsYQ8LFGq8mVO6gmLiqXXHir6iDXeyf4MBQEzcbjIuNgx1gkEJTY2ADmS42NE6E5EJqEJw0Nm2h8T4Mpt+z/r77vU9yd7k3BwqFQjGXuCaFG2+/mC435r8QGf9wvdh4dP3befmVSRe73JjdTvPZUacxE7lf3Ew/PPYFAiXg70QBjjoNPr9/JV3uTxbv3D/2BQITz7hnaiARJSobJSobJSqbyymq6zpvSiWerq/LrAXZooZhYFkWmqYRDAZlVssT9fv93F5a4vX2NrZtk8lkZFWDTNGVVIox0Gg02KvVyGazsqpBpqhhmnw6OGAwGFCpVAiHQiSTSVn1ckQjkQjxWIxypQJAq9Wi2+2SW12VUQ+yRE3DwLZt2u02QgiEENTqdXRdJzBlfbsoU/fRi3AvnUYIwcutrVOZkU7zbmfH8QzHoolEgnAoRLFY5Ovh4YnsST5PLpebD1HDMOj1enzY3WU0Gp3IyuUyhUKBG/E4rXbb0RxHz6jH4+Hu8jL1/f1TkgAfq1WGwyFZCS+VI9FoNIoQgr1q9cy83+/TbDZZSaXwer1ORjm79ZZl8XhtbeKZ55ubTkb85nJuT7NEicpGicpGicrmvxGd+mUKLya59SA/U4mr1/y+aWcmio5HlBdiGgsxTarYmbO+n/8TV6FQKOaYn9QkiJHSc8gjAAAAAElFTkSuQmCC
+          data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABGCAYAAAC5QghSAAAAAXNSR0IArs4c6QAAAnNJREFUeJzt3DFrGnEcxvGnRzkjNwlxSmMyOMgd5CZLmkbvEp3SsSHFzNnzEvoGnPsK6hLSF9CQIVGiBhfhuBBCsAG3LucqiHYObbwj5Of/Ln0+4OJf4eGLnIOHABEREREp8mbeYa/XcwG4i5uTLLquf7Nt+/dT529D3u/6Nzdffd9/+WUJ92lvbwzgFMCz48L3fZycnLz4uKRzHWdsGMbc12gLW/MfYlxBjCuIcQUxriDGFcS4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKYlxBiYlbr9fx4/QU+Xxe9ZTIEhE3l8thfW0Nw+EQld1d1XMiS0TcHdfFr4cHnJ+fY3t7G6lUSvWkSGIfV9M0lEol9Pt9XLXbWFpawsetLdWzIol9XNu2kclk0Gw2EQQBPM9DpVJRPSuS2Md1HAeDwQDD4RAAcHF5iUKhgHcrK6qnhYp13HQ6jffFIrrX1zAMA4ZhwPM8jMdjVKpV1fNChd5xo9KHzU2kUikc1mo4rNUenbmOg0ajgclkomxfmFjHdVwXd3d3+N5oPHo+t7qKo6MjFItFdDodZfvCxPaysLy8DMs0cdlswvf9R4+fZ2cIggDVmH+xxTau4ziYzWbodrt/nU2nU1y129jY2EA2m1WyL4rYxi2Xy7i9vcVoNPrneavVgqZp2N3ZWfi2qGJ7zT0+Pp57fn9/j8/7+wvb8xyx/eS+BowriHEFMa4gxhXEuIIYVxDjCmJcQYwriHEFMa4gxhXEuIIYVxDjCmJcQYwriHEFMa6g0B8oLcvCl4ODxaxJEMMwQu9jDYt7YZkmLNN8uVWviK7rT/4zExEREREp9QdDdIj92Jd76wAAAABJRU5ErkJggg==
         "
-        width="41.671875" />
+        width="86.671875" />
       <img
         alt=""
-        height="49"
+        height="70"
         id="mermaid-0"
-        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAAXNSR0IArs4c6QAAAhhJREFUaIHtmMFLk3EYxz/rFWNswexgINkyvKhhhwUKujHaVCw6hAcPeQ46SB27SAdv0UXCLv4LHYwcbfNlbDQWjSUkIUYQLQXZhHBzc2ytXm+h2DbofRYLf5/r93m/zwfe9+X98YJCoVC0JJZ64bOHn72A91+ItLVZnt9/2putmTe43tvptD7uvGSVNzvCp+ReuVwyXgB/LcoFp5WrnvPickf58iFfLpd+1p0501QDQZSoNEpUGiUqzekUTSSiTExcZ27ugWQtSIuurq7gdF4hlXrL7m5GslpONJ/PkUzGmZm5h91+jnD4lVQ1SIrGYmEsFgsu1zBut59Q6CWGYUjVy4nqeoChITc2mx2f7yaZzA5ra++k6mVEt7e/sbn5Eb//FgADA9fo6rpIMLgsUQ9Sorq+gs1mp69vkEJhn0Jhn9FRH4lElFxuT2JF4/NoIwzDIBJ5TbFYYHp67ESu6wGmpu6aXWNedH39PZnMDrOzj+juvnwsW1paIBhcbg1RXQ/gcHQwOXkHTdOOZePjt1lcfMLGxjr9/YOm9ph6RqvVKvF4hJGRGyckATyeMTRNE3mpTIlubX3l4KCIx+P/Y+5wdOByDROLhalUKmZWmbv1PT29hEKpujPz8wtmVvzmdJ6emokSlUaJSqNEpflvRBt+mTLpErz53lSJH+VfZxvNNBKNZtMlsumSnFUN2tstNX/iKhQKRQtzCGNtnFnfo13VAAAAAElFTkSuQmCC"
-        width="41.671875"
+        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABGCAYAAAC5QghSAAAAAXNSR0IArs4c6QAAAoFJREFUeJzt3MFrknEcx/GPOZdetdbNIZM8GLiBdZAhOq1ZuwSdOo6dhIL+g+7RLRa77OJ5QcFERbc5O2yLEBIayEJxl1JCotkeJczOUvN5GPv6PE99XuDF3yN8ePPwXBQBIiIiItKJZdThiydHEQCR8c0xl4kJy8vkc2/rzHOVz0emph1Pp9yOi19mctV333o9ZbAB4NxxcW3agRth54WPM7vah++9ntIfec2lsa35DzGuIMYVxLiCGFcQ4wpiXEGMK4hxBTGuIMYVxLiCGFcQ4wpiXEGMK4hxBTGuINPETSYfYnExiGr1o95TNDNF3Hr9E2q1I7jdHmQyr/Weo5kp4ubzm5iZuY5E4j6KxRwURdF7kiaGj9vv97Gzk0UwGEIkcgfdroJSKa/3LE0MH7dcPkC7/RXRaAIu11XMzd1CNmuOR4Ph4xYKaXi9Png8XgBAPL6Ew8MKjo/rek9TZei4p6c/sL+/i1Aoik7nBJ3OCWZnb8Jut5vi7lX9xY2eSqUCut0uUqk1pFJrQ2eFQhrLy49gs9l026fG0HG3ttLw+fxYWXk89H6jUcPq6jPs7e0iHI7rtk+NYR8LrdYXVCplxGL3EAgEh15LSw/gdLoM/2gwbNx8fhMWiwXz87E/zqxWK8Lh2yiXD9BsftZlnxaGjbu9nYHfH4DLdeWv5wsLdzEYDJDLvRn7Nq0M+8xdX3818tzn8yOXez+2Pedh2Dv3X8C4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKUv2CstlQgLft8awxkZ+9X5fVrlGLW2w1FLQa5vg97LhNTlrO/GcmIiIiItLVb3i1nsU5OdnpAAAAAElFTkSuQmCC"
+        width="86.671875"
     /></picture>
   </body>
 </html>
diff --git a/fixtures/code.lang-mermaid/img-png.html b/fixtures/code.lang-mermaid/img-png.html
@@ -6,10 +6,10 @@
     </p>
     <img
       alt=""
-      height="49"
+      height="70"
       id="mermaid-0"
-      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAAXNSR0IArs4c6QAAAhhJREFUaIHtmMFLk3EYxz/rFWNswexgINkyvKhhhwUKujHaVCw6hAcPeQ46SB27SAdv0UXCLv4LHYwcbfNlbDQWjSUkIUYQLQXZhHBzc2ytXm+h2DbofRYLf5/r93m/zwfe9+X98YJCoVC0JJZ64bOHn72A91+ItLVZnt9/2putmTe43tvptD7uvGSVNzvCp+ReuVwyXgB/LcoFp5WrnvPickf58iFfLpd+1p0501QDQZSoNEpUGiUqzekUTSSiTExcZ27ugWQtSIuurq7gdF4hlXrL7m5GslpONJ/PkUzGmZm5h91+jnD4lVQ1SIrGYmEsFgsu1zBut59Q6CWGYUjVy4nqeoChITc2mx2f7yaZzA5ra++k6mVEt7e/sbn5Eb//FgADA9fo6rpIMLgsUQ9Sorq+gs1mp69vkEJhn0Jhn9FRH4lElFxuT2JF4/NoIwzDIBJ5TbFYYHp67ESu6wGmpu6aXWNedH39PZnMDrOzj+juvnwsW1paIBhcbg1RXQ/gcHQwOXkHTdOOZePjt1lcfMLGxjr9/YOm9ph6RqvVKvF4hJGRGyckATyeMTRNE3mpTIlubX3l4KCIx+P/Y+5wdOByDROLhalUKmZWmbv1PT29hEKpujPz8wtmVvzmdJ6emokSlUaJSqNEpflvRBt+mTLpErz53lSJH+VfZxvNNBKNZtMlsumSnFUN2tstNX/iKhQKRQtzCGNtnFnfo13VAAAAAElFTkSuQmCC"
-      width="41.671875"
+      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABGCAYAAAC5QghSAAAAAXNSR0IArs4c6QAAAoFJREFUeJzt3MFrknEcx/GPOZdetdbNIZM8GLiBdZAhOq1ZuwSdOo6dhIL+g+7RLRa77OJ5QcFERbc5O2yLEBIayEJxl1JCotkeJczOUvN5GPv6PE99XuDF3yN8ePPwXBQBIiIiItKJZdThiydHEQCR8c0xl4kJy8vkc2/rzHOVz0emph1Pp9yOi19mctV333o9ZbAB4NxxcW3agRth54WPM7vah++9ntIfec2lsa35DzGuIMYVxLiCGFcQ4wpiXEGMK4hxBTGuIMYVxLiCGFcQ4wpiXEGMK4hxBTGuINPETSYfYnExiGr1o95TNDNF3Hr9E2q1I7jdHmQyr/Weo5kp4ubzm5iZuY5E4j6KxRwURdF7kiaGj9vv97Gzk0UwGEIkcgfdroJSKa/3LE0MH7dcPkC7/RXRaAIu11XMzd1CNmuOR4Ph4xYKaXi9Png8XgBAPL6Ew8MKjo/rek9TZei4p6c/sL+/i1Aoik7nBJ3OCWZnb8Jut5vi7lX9xY2eSqUCut0uUqk1pFJrQ2eFQhrLy49gs9l026fG0HG3ttLw+fxYWXk89H6jUcPq6jPs7e0iHI7rtk+NYR8LrdYXVCplxGL3EAgEh15LSw/gdLoM/2gwbNx8fhMWiwXz87E/zqxWK8Lh2yiXD9BsftZlnxaGjbu9nYHfH4DLdeWv5wsLdzEYDJDLvRn7Nq0M+8xdX3818tzn8yOXez+2Pedh2Dv3X8C4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKYlxBjCuIcQUxriDGFcS4ghhXEOMKUv2CstlQgLft8awxkZ+9X5fVrlGLW2w1FLQa5vg97LhNTlrO/GcmIiIiItLVb3i1nsU5OdnpAAAAAElFTkSuQmCC"
+      width="86.671875"
     />
   </body>
 </html>