chore: more revision fixes

packages/mermaid/package.json

@@ -34,7 +34,7 @@
     "predocs:build": "rimraf docs && pnpm docs:code",
     "docs:build": "ts-node-esm src/docs.mts",
     "docs:verify": "pnpm docs:build --verify",
-    "docs:code": "typedoc --plugin typedoc-plugin-markdown --readme none --hideBreadcrumbs --hideInPageTOC --namedAnchors --out src/docs/config/setup --entryPointStrategy expand src/defaultConfig.ts src/config.ts src/mermaidAPI.ts",
+    "docs:code": "typedoc --plugin typedoc-plugin-markdown --readme none --hideBreadcrumbs --gitRemote disable --hideInPageTOC --namedAnchors --out src/docs/config/setup --entryPointStrategy expand src/defaultConfig.ts src/config.ts src/mermaidAPI.ts",
     "predocs:dev": "pnpm docs:code",
     "docs:dev": "vitepress dev src/docs",
     "predocs:bundle": "pnpm docs:code",
@@ -77,7 +77,8 @@
     "khroma": "^2.0.0",
     "lodash": "^4.17.21",
     "moment-mini": "^2.24.0",
-    "non-layered-tidy-tree-layout": "^2.0.2"
+    "non-layered-tidy-tree-layout": "^2.0.2",
+    "stylis": "^4.1.2"
   },
   "devDependencies": {
     "@applitools/eyes-cypress": "3.27.5",

packages/mermaid/src/defaultConfig.ts

@@ -18,7 +18,7 @@ import { MermaidConfig } from './config.type';
  *
  * ```html
  * <script>
- * var config = {
+ * const config = {
  *   startOnLoad:true,
  *   flowchart:{ useMaxWidth:true, htmlLabels:true, curve:'cardinal'},
  *   securityLevel:'loose',

packages/mermaid/src/docs.mts

@@ -135,19 +135,19 @@ const copyTransformedContents = (filename: string, doCopy = false, transformedCo
 
 const transformAnnotation = (content: string, type: 'warning' | 'tip' | 'note') => {
   let transformed = content;
-  let regex = /::: note\n[\s\S]+?:::/gm;
+  let regex = /```note\n[\s\S]+?```/gm;
   let text = 'Note';
 
   switch (type) {
     case 'note':
-      regex = /::: note\s?\n[\s\S]+?:::/gm;
+      regex = /```note\s?\n[\s\S]+?```/gm;
       break;
     case 'tip':
-      regex = /::: tip\s?\n[\s\S]+?:::/gm;
+      regex = /```tip\s?\n[\s\S]+?```/gm;
       text = 'Note';
       break;
     case 'warning':
-      regex = /::: warning\s?\n[\s\S]+?:::/gm;
+      regex = /```warning\s?\n[\s\S]+?```/gm;
       text = 'Warning';
       break;
     default:
@@ -159,7 +159,11 @@ const transformAnnotation = (content: string, type: 'warning' | 'tip' | 'note')
     console.log(`found ${matches.length} of ${type}`);
 
     const formatted = matches.map((element) =>
-      element.replace(`::: ${type}`, `> **${text}**  `).replace(':::', '>').split('\n').join('\n> ')
+      element
+        .replace(`\`\`\`${type}`, `> **${text}**  `)
+        .replace('```', '>')
+        .split('\n')
+        .join('\n> ')
     );
     let n = 0;
     for (const match of matches) {

packages/mermaid/src/docs/.vitepress/mermaid-markdown-all.ts

@@ -1,22 +1,5 @@
-// import { deflate } from 'pako';
-// import { fromUint8Array } from 'js-base64';
 import shiki from 'shiki';
 
-// const serializeState = (state: State, serde: SerdeType = 'pako'): string => {
-// 	if (serdes[serde] === undefined) {
-// 		throw new Error(`Unknown serde type: ${serde}`);
-// 	}
-// 	const json = JSON.stringify(state);
-// 	const serialized = serdes[serde].serialize(json);
-// 	return `${serde}:${serialized}`;
-// };
-
-// const serialize = (state: string): string => {
-//   const data = new TextEncoder().encode(state);
-//   const compressed = deflate(data, { level: 9 });
-//   return fromUint8Array(compressed, true);
-// };
-
 const MermaidExample = async (md) => {
   const fence = md.renderer.rules.fence.bind(md.renderer.rules);
 
@@ -34,10 +17,6 @@ const MermaidExample = async (md) => {
       code =
         '<h5>Code:</h5>' +
         `<div class="language-mermaid">` +
-        // TODO: compute edit link!
-        // `<a class="edit" href="https://mermaid.live/edit#pako:${serialize(
-        //   token.content
-        // )}"  target=”_blank”>✒️</a>` +
         `<button class="copy"></button><span class="lang">mermaid</span>` +
         code +
         '</div>';