@diplodoc/cli-tests 5.2.1 → 5.3.0

package/e2e/__snapshots__/regression.test.ts.snap

@@ -2,6 +2,7 @@
 
 exports[`Regression > internal > filelist 1`] = `
 "[
+  ".yfm",
   "1.md",
   "_assets/1.png",
   "_assets/2.png",
@@ -37,6 +38,7 @@ exports[`Regression > internal > filelist 1`] = `
 
 exports[`Regression > internal > filelist 2`] = `
 "[
+  ".yfm",
   "1.html",
   "_assets/1.png",
   "_assets/2.png",
@@ -85,6 +87,12 @@ exports[`Regression > internal > filelist 2`] = `
 `;
 
 exports[`Regression > internal 1`] = `
+"preprocess:
+  mergeAutotitles: true
+"
+`;
+
+exports[`Regression > internal 2`] = `
 "---
 metadata:
   - name: generator
@@ -110,11 +118,11 @@ default-var-value
 
 ## Subtitle {#subtitle}
 
-[{#T}](./mermaid.md)
+[Mermaid usage](./mermaid.md)
 
-[{#T}](./mermaid.md#info)
+[Mermaid info](./mermaid.md#info)
 
-[](./latex.md)
+[Latex usage](./latex.md)
 
 [noext-link](./includes)
 
@@ -122,7 +130,7 @@ default-var-value
 "
 `;
 
-exports[`Regression > internal 2`] = `
+exports[`Regression > internal 3`] = `
 "---
 metadata:
   - name: generator
@@ -131,22 +139,22 @@ metadata:
 # Autotitles
 
 Empty title
-[](./1.md)
+[Title](./1.md)
 
 Empty subtitle
-[](./1.md#subtitle)
+[Subtitle](./1.md#subtitle)
 
 Special title
-[{#T}](./1.md)
+[Title](./1.md)
 
 Special subtitle
-[{#T}](./1.md#subtitle)
+[Subtitle](./1.md#subtitle)
 
 Empty local title
-[](#header)
+[Header](#header)
 
 Special local title
-[{#T}](#header)
+[Header](#header)
 
 ## Header {#header}
 
@@ -154,7 +162,7 @@ Content
 "
 `;
 
-exports[`Regression > internal 3`] = `
+exports[`Regression > internal 4`] = `
 "---
 metadata:
   - name: generator
@@ -166,7 +174,7 @@ Note content 1
 "
 `;
 
-exports[`Regression > internal 4`] = `
+exports[`Regression > internal 5`] = `
 "---
 metadata:
   - name: generator
@@ -178,7 +186,7 @@ Note content 1
 "
 `;
 
-exports[`Regression > internal 5`] = `
+exports[`Regression > internal 6`] = `
 "---
 metadata:
   - name: generator
@@ -188,7 +196,7 @@ Note content 1
 "
 `;
 
-exports[`Regression > internal 6`] = `
+exports[`Regression > internal 7`] = `
 "---
 metadata:
   - name: generator
@@ -200,7 +208,7 @@ Note content 1
 "
 `;
 
-exports[`Regression > internal 7`] = `
+exports[`Regression > internal 8`] = `
 "---
 metadata:
   - name: generator
@@ -212,7 +220,7 @@ Note content 2
 "
 `;
 
-exports[`Regression > internal 8`] = `
+exports[`Regression > internal 9`] = `
 "---
 metadata:
   - name: generator
@@ -232,7 +240,7 @@ metadata:
 "
 `;
 
-exports[`Regression > internal 9`] = `
+exports[`Regression > internal 10`] = `
 "---
 metadata:
   - name: generator
@@ -254,7 +262,7 @@ Included item text
 "
 `;
 
-exports[`Regression > internal 10`] = `
+exports[`Regression > internal 11`] = `
 "---
 metadata:
   - name: generator
@@ -268,25 +276,30 @@ Text
 
 <!--{% include [For includes/deep.md](includes/deep.md) %}-->
 {% include [For includes/deep-hash.md](includes/deep-hash.md) %}
+
+Link after include
+[Subtitle](./1.md#subtitle)
+
+Link after include
 "
 `;
 
-exports[`Regression > internal 11`] = `
+exports[`Regression > internal 12`] = `
 "{% include [user](./user-hash.md) %}
 "
 `;
 
-exports[`Regression > internal 12`] = `
+exports[`Regression > internal 13`] = `
 "Test
 "
 `;
 
-exports[`Regression > internal 13`] = `
+exports[`Regression > internal 14`] = `
 "Bob
 "
 `;
 
-exports[`Regression > internal 14`] = `
+exports[`Regression > internal 15`] = `
 "description:
   - Some text
 links:
@@ -301,7 +314,7 @@ meta:
 "
 `;
 
-exports[`Regression > internal 15`] = `
+exports[`Regression > internal 16`] = `
 "---
 metadata:
   - name: generator
@@ -313,7 +326,7 @@ $/sqrt{3x-1}+(1+x)^2$
 "
 `;
 
-exports[`Regression > internal 16`] = `
+exports[`Regression > internal 17`] = `
 "---
 metadata:
   - name: generator
@@ -325,7 +338,7 @@ metadata:
 "
 `;
 
-exports[`Regression > internal 17`] = `
+exports[`Regression > internal 18`] = `
 "---
 metadata:
   - name: generator
@@ -337,7 +350,7 @@ Should be linked in toc.yaml
 "
 `;
 
-exports[`Regression > internal 18`] = `
+exports[`Regression > internal 19`] = `
 "items:
   - name: Use merged
     href: merge.md
@@ -347,7 +360,7 @@ path: merge/toc.yaml
 "
 `;
 
-exports[`Regression > internal 19`] = `
+exports[`Regression > internal 20`] = `
 "---
 metadata:
   - name: generator
@@ -369,7 +382,7 @@ Some mermaid info
 "
 `;
 
-exports[`Regression > internal 20`] = `
+exports[`Regression > internal 21`] = `
 "---
 metadata:
   - name: generator
@@ -468,7 +481,7 @@ metadata:
 <!-- markdownlint-disable-file -->"
 `;
 
-exports[`Regression > internal 21`] = `
+exports[`Regression > internal 22`] = `
 "---
 metadata:
   - name: generator
@@ -552,7 +565,7 @@ Generated server url
 [*Deprecated]: No longer supported, please use an alternative and newer version."
 `;
 
-exports[`Regression > internal 22`] = `
+exports[`Regression > internal 23`] = `
 "---
 metadata:
   - name: generator
@@ -567,7 +580,7 @@ metadata:
 <!-- markdownlint-disable-file -->"
 `;
 
-exports[`Regression > internal 23`] = `
+exports[`Regression > internal 24`] = `
 "files:
   - from: c.md
     to: d.md
@@ -577,7 +590,7 @@ common:
 "
 `;
 
-exports[`Regression > internal 24`] = `
+exports[`Regression > internal 25`] = `
 "---
 metadata:
   - name: generator
@@ -587,11 +600,11 @@ metadata:
 
 Item 1 text
 
-[{#T}](../../images.md)
+[Images](../../images.md)
 "
 `;
 
-exports[`Regression > internal 25`] = `
+exports[`Regression > internal 26`] = `
 "items:
   - name: Verbose root (index.yaml) will be transformed to index.html
     href: index.yaml
@@ -646,7 +659,13 @@ path: toc.yaml
 "
 `;
 
-exports[`Regression > internal 26`] = `
+exports[`Regression > internal 27`] = `
+"preprocess:
+  mergeAutotitles: true
+"
+`;
+
+exports[`Regression > internal 28`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -683,7 +702,7 @@ exports[`Regression > internal 26`] = `
 </html>"
 `;
 
-exports[`Regression > internal 27`] = `
+exports[`Regression > internal 29`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -720,7 +739,7 @@ exports[`Regression > internal 27`] = `
 </html>"
 `;
 
-exports[`Regression > internal 28`] = `
+exports[`Regression > internal 30`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -746,7 +765,7 @@ exports[`Regression > internal 28`] = `
 </html>"
 `;
 
-exports[`Regression > internal 29`] = `
+exports[`Regression > internal 31`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -783,7 +802,7 @@ exports[`Regression > internal 29`] = `
 </html>"
 `;
 
-exports[`Regression > internal 30`] = `
+exports[`Regression > internal 32`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -820,7 +839,7 @@ exports[`Regression > internal 30`] = `
 </html>"
 `;
 
-exports[`Regression > internal 31`] = `
+exports[`Regression > internal 33`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -857,7 +876,7 @@ exports[`Regression > internal 31`] = `
 </html>"
 `;
 
-exports[`Regression > internal 32`] = `
+exports[`Regression > internal 34`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -894,7 +913,7 @@ exports[`Regression > internal 32`] = `
 </html>"
 `;
 
-exports[`Regression > internal 33`] = `
+exports[`Regression > internal 35`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -931,7 +950,7 @@ exports[`Regression > internal 33`] = `
 </html>"
 `;
 
-exports[`Regression > internal 34`] = `
+exports[`Regression > internal 36`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -968,7 +987,7 @@ exports[`Regression > internal 34`] = `
 </html>"
 `;
 
-exports[`Regression > internal 35`] = `
+exports[`Regression > internal 37`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1005,7 +1024,7 @@ exports[`Regression > internal 35`] = `
 </html>"
 `;
 
-exports[`Regression > internal 36`] = `
+exports[`Regression > internal 38`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1024,7 +1043,7 @@ exports[`Regression > internal 36`] = `
     <body class="g-root g-root_theme_light">
         <div id="root"></div>
         <script type="application/json" id="diplodoc-state">
-            {"data":{"leading":false,"html":"&lt;p&gt;Text&lt;/p&gt;/n&lt;p&gt;Bob&lt;/p&gt;/n&lt;p&gt;Test&lt;/p&gt;/n/n&lt;p&gt;Bob&lt;/p&gt;/n","meta":{"metadata":[{"name":"generator","content":"Diplodoc Platform vDIPLODOC-VERSION"}]},"headings":[],"title":""},"router":{"pathname":"includes","depth":1,"base":"./"},"lang":"ru","langs":["ru"],"viewerInterface":{}}
+            {"data":{"leading":false,"html":"&lt;p&gt;Text&lt;/p&gt;/n&lt;p&gt;Bob&lt;/p&gt;/n&lt;p&gt;Test&lt;/p&gt;/n/n&lt;p&gt;Bob&lt;/p&gt;/n&lt;p&gt;Link after include&lt;br /&gt;/n&lt;a href=\\"1.html#subtitle\\"&gt;Subtitle&lt;/a&gt;&lt;/p&gt;/n&lt;p&gt;Link after include&lt;/p&gt;/n","meta":{"metadata":[{"name":"generator","content":"Diplodoc Platform vDIPLODOC-VERSION"}]},"headings":[],"title":""},"router":{"pathname":"includes","depth":1,"base":"./"},"lang":"ru","langs":["ru"],"viewerInterface":{}}
         </script>
         <script type="application/javascript">
             const data = document.querySelector('script#diplodoc-state');
@@ -1042,7 +1061,7 @@ exports[`Regression > internal 36`] = `
 </html>"
 `;
 
-exports[`Regression > internal 37`] = `
+exports[`Regression > internal 39`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1079,7 +1098,7 @@ exports[`Regression > internal 37`] = `
 </html>"
 `;
 
-exports[`Regression > internal 38`] = `
+exports[`Regression > internal 40`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1118,7 +1137,7 @@ exports[`Regression > internal 38`] = `
 </html>"
 `;
 
-exports[`Regression > internal 39`] = `
+exports[`Regression > internal 41`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1155,7 +1174,7 @@ exports[`Regression > internal 39`] = `
 </html>"
 `;
 
-exports[`Regression > internal 40`] = `
+exports[`Regression > internal 42`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1192,9 +1211,9 @@ exports[`Regression > internal 40`] = `
 </html>"
 `;
 
-exports[`Regression > internal 41`] = `"window.__DATA__.data.toc = {"items":[{"name":"Use merged","href":"merge/merge.html","id":"UUID"},{"name":"Merged item","href":"merge/merged.html","id":"UUID"}],"path":"merge/toc.yaml","id":"UUID"};"`;
+exports[`Regression > internal 43`] = `"window.__DATA__.data.toc = {"items":[{"name":"Use merged","href":"merge/merge.html","id":"UUID"},{"name":"Merged item","href":"merge/merged.html","id":"UUID"}],"path":"merge/toc.yaml","id":"UUID"};"`;
 
-exports[`Regression > internal 42`] = `
+exports[`Regression > internal 44`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1232,7 +1251,7 @@ exports[`Regression > internal 42`] = `
 </html>"
 `;
 
-exports[`Regression > internal 43`] = `
+exports[`Regression > internal 45`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1271,7 +1290,7 @@ exports[`Regression > internal 43`] = `
 </html>"
 `;
 
-exports[`Regression > internal 44`] = `
+exports[`Regression > internal 46`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1310,7 +1329,7 @@ exports[`Regression > internal 44`] = `
 </html>"
 `;
 
-exports[`Regression > internal 45`] = `
+exports[`Regression > internal 47`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1347,7 +1366,7 @@ exports[`Regression > internal 45`] = `
 </html>"
 `;
 
-exports[`Regression > internal 46`] = `
+exports[`Regression > internal 48`] = `
 "<!DOCTYPE html>
 <html lang="ru" dir="ltr">
     <head>
@@ -1384,4 +1403,4 @@ exports[`Regression > internal 46`] = `
 </html>"
 `;
 
-exports[`Regression > internal 47`] = `"window.__DATA__.data.toc = {"items":[{"name":"Verbose root (index.yaml) will be transformed to index.html","href":"index.html","id":"UUID"},{"name":"Root will be transformed to index.html","href":"index.html","id":"UUID"},{"name":"Md item with not_var syntax","href":"1.html","id":"UUID"},{"name":"Md item named without extension","href":"1.html","id":"UUID"},{"name":"Item with empty href","id":"UUID"},{"name":"Included Item","href":"included-item.html","id":"UUID"},{"name":"Named include (items is Object here - this is not an error)","items":[{"name":"Item 1","href":"sub/folder/item-1.html","id":"UUID"}],"id":"UUID"},{"href":"mermaid.html","name":"Mermaid usage","id":"UUID"},{"name":"Latex usage","href":"latex.html","id":"UUID"},{"name":"Images","href":"images.html","id":"UUID"},{"name":"Autotitle","href":"autotitle.html","id":"UUID"},{"name":"includes","href":"includes.html","id":"UUID"},{"name":"generic","items":[{"name":"Note 1","href":"generic/1.html","id":"UUID"},{"name":"Note 1","href":"generic/2.html","id":"UUID"},{"name":"3","href":"generic/3.html","id":"UUID"},{"name":"Sub notes","items":[{"name":"Sub note 1","href":"generic/Sub notes/1.html","id":"UUID"},{"name":"Sub note 2","href":"generic/Sub notes/2.html","id":"UUID"}],"id":"UUID"}],"id":"UUID"},{"name":"openapi","items":[{"name":"Overview","href":"openapi/index.html","id":"UUID"},{"name":"test-controller","items":[{"name":"Overview","href":"openapi/test-controller/index.html","id":"UUID"},{"href":"openapi/test-controller/getWithPayloadResponse.html","name":"Simple get operation. тест новой верстки 3","id":"UUID"}],"id":"UUID"}],"id":"UUID"}],"path":"toc.yaml","id":"UUID"};"`;
+exports[`Regression > internal 49`] = `"window.__DATA__.data.toc = {"items":[{"name":"Verbose root (index.yaml) will be transformed to index.html","href":"index.html","id":"UUID"},{"name":"Root will be transformed to index.html","href":"index.html","id":"UUID"},{"name":"Md item with not_var syntax","href":"1.html","id":"UUID"},{"name":"Md item named without extension","href":"1.html","id":"UUID"},{"name":"Item with empty href","id":"UUID"},{"name":"Included Item","href":"included-item.html","id":"UUID"},{"name":"Named include (items is Object here - this is not an error)","items":[{"name":"Item 1","href":"sub/folder/item-1.html","id":"UUID"}],"id":"UUID"},{"href":"mermaid.html","name":"Mermaid usage","id":"UUID"},{"name":"Latex usage","href":"latex.html","id":"UUID"},{"name":"Images","href":"images.html","id":"UUID"},{"name":"Autotitle","href":"autotitle.html","id":"UUID"},{"name":"includes","href":"includes.html","id":"UUID"},{"name":"generic","items":[{"name":"Note 1","href":"generic/1.html","id":"UUID"},{"name":"Note 1","href":"generic/2.html","id":"UUID"},{"name":"3","href":"generic/3.html","id":"UUID"},{"name":"Sub notes","items":[{"name":"Sub note 1","href":"generic/Sub notes/1.html","id":"UUID"},{"name":"Sub note 2","href":"generic/Sub notes/2.html","id":"UUID"}],"id":"UUID"}],"id":"UUID"},{"name":"openapi","items":[{"name":"Overview","href":"openapi/index.html","id":"UUID"},{"name":"test-controller","items":[{"name":"Overview","href":"openapi/test-controller/index.html","id":"UUID"},{"href":"openapi/test-controller/getWithPayloadResponse.html","name":"Simple get operation. тест новой верстки 3","id":"UUID"}],"id":"UUID"}],"id":"UUID"}],"path":"toc.yaml","id":"UUID"};"`;

package/e2e/generate-map.spec.ts

@@ -1,6 +1,7 @@
 import {describe, expect, test} from 'vitest';
 import {TestAdapter, bundleless, getFileContent, getTestPaths} from '../fixtures';
-import {join} from 'path';
+import {join} from 'node:path';
+import {readFile} from 'node:fs/promises';
 
 const generateMapTestTemplate = (
     testTitle: string,
@@ -11,11 +12,17 @@ const generateMapTestTemplate = (
     test(testTitle, async () => {
         const {inputPath, outputPath} = getTestPaths(testRootPath);
 
-        await TestAdapter.testBuildPass(inputPath, outputPath, {md2md, md2html, args: '--add-map-file'});
+        await TestAdapter.testBuildPass(inputPath, outputPath, {
+            md2md,
+            md2html,
+            args: '--add-map-file --build-manifest',
+        });
 
         const content = getFileContent(join(outputPath, 'files.json'));
+        const manifestContent = await readFile(join(outputPath, 'yfm-build-manifest.json'), 'utf-8');
 
         expect(bundleless(content)).toMatchSnapshot();
+        expect(JSON.parse(manifestContent)).toMatchSnapshot();
     });
 };
 
@@ -28,7 +35,6 @@ describe('Generate map for', () => {
     generateMapTestTemplate(
         'project with single language and toc include - only md2html',
         'mocks/generate-map/test1',
-        false,
     );
 
     generateMapTestTemplate('project with multiple language', 'mocks/generate-map/test2');

package/e2e/preprocess.test.ts

@@ -0,0 +1,21 @@
+import {describe, test} from 'vitest';
+import {TestAdapter, compareDirectories, getTestPaths} from '../fixtures';
+
+const generateFilesYamlTestTemplate = (
+    testTitle: string,
+    testRootPath: string
+) => {
+    test(testTitle, async () => {
+        const {inputPath, outputPath} = getTestPaths(testRootPath);
+        await TestAdapter.testBuildPass(inputPath, outputPath, {md2md:true});
+        await compareDirectories(outputPath);
+    });
+};
+
+describe('Preprocess', () => {
+    generateFilesYamlTestTemplate('HashIncludes=true,Autotitles=false', 'mocks/preprocess/test1');
+
+    generateFilesYamlTestTemplate('HashIncludes=true,Autotitles=true', 'mocks/preprocess/test2');
+
+    // generateFilesYamlTestTemplate('Nested toc restricted access', 'mocks/preprocess/test3');
+});

package/mocks/preprocess/test1/input/.yfm

@@ -0,0 +1,2 @@
+preprocess:
+  mergeAutotitles: false

package/mocks/preprocess/test1/input/1.md

@@ -0,0 +1,29 @@
+# Title
+
+Text not_var{{not-var}} not_var{{skip()}} {{default-var}}
+
+Text `not_var{{not-var}}` `not_var{{skip()}}` `{{default-var}}`
+
+Text
+```
+not_var{{not-var}}
+
+not_var{{skip()}}
+
+{{default-var}}
+```
+
+
+`[not a link](./path/to/relative/file.md)`
+
+## Subtitle {#subtitle}
+
+[{#T}](./mermaid.md)
+
+[{#T}](./mermaid.md#info)
+
+[](./latex.md)
+
+[noext-link](./includes)
+
+{% include [user](includes/user.md) %}

package/mocks/preprocess/test1/input/autotitle.md

@@ -0,0 +1,23 @@
+# Autotitles
+
+Empty title
+[](./1.md)
+
+Empty subtitle
+[](./1.md#subtitle)
+
+Special title
+[{#T}](./1.md)
+
+Special subtitle
+[{#T}](./1.md#subtitle)
+
+Empty local title
+[](#header)
+
+Special local title
+[{#T}](#header)
+
+## Header {#header}
+
+Content

package/mocks/preprocess/test1/input/commented-include.md

@@ -0,0 +1,3 @@
+![](./missed-asset.png)
+
+[](./missed-link.md)

package/mocks/preprocess/test1/input/images.md

@@ -0,0 +1,5 @@
+# Images
+
+![simple image](_assets/1.png)
+
+

package/mocks/preprocess/test1/input/included-item.md

@@ -0,0 +1,12 @@
+# Included item
+
+Included item text
+
+<!-- :   {% include [rec-off](./commented-include.md) %} -->
+
+{% note alert "Alert!" %}
+
+  <!-- content -->
+
+{% endnote %}
+

package/mocks/preprocess/test1/input/includes/deep.md

@@ -0,0 +1 @@
+{% include [user](./sub/user.md) %}

package/mocks/preprocess/test1/input/includes/presets.yaml

@@ -0,0 +1,2 @@
+default:
+  user: Alice

package/mocks/preprocess/test1/input/includes/sub/user.md

@@ -0,0 +1 @@
+{{user}}

package/mocks/preprocess/test1/input/includes/test.md

@@ -0,0 +1 @@
+Test

package/mocks/preprocess/test1/input/includes/user.md

@@ -0,0 +1 @@
+{{user}}

package/mocks/preprocess/test1/input/includes.md

@@ -0,0 +1,14 @@
+Text
+
+{% include [user](includes/user.md) %}
+
+{% include [test](includes/test.md) %}
+
+Link after include
+[{#T}](./1.md)
+
+<!--{% include [For includes/deep.md](includes/deep.md) %}-->
+{% include [For includes/deep.md](includes/deep.md) %}
+
+Link after include
+[{#T}](./1.md#subtitle)

package/mocks/preprocess/test1/input/latex.md

@@ -0,0 +1,3 @@
+# Latex usage
+
+$\sqrt{3x-1}+(1+x)^2$

package/mocks/preprocess/test1/input/mermaid.md

@@ -0,0 +1,13 @@
+# Mermaid usage
+
+```mermaid
+
+  sequenceDiagram
+        rect rgba(251, 243, 232, 0.2)
+            Alice ->> Bob:
+        end
+  ```
+
+## Mermaid info {#info}
+
+Some mermaid info