MermaidJSを11.4.1へアップグレード

特徴
1

Mermaidライブラリを最新バージョンにアップグレードすることは可能でしょうか？ 現在は10.6.1です。

完全な変更履歴

破壊的変更

  • refactor!(git): useMaxWidth をデフォルトで true に設定 (#5723) @aloisklink
  • refactor!(sankey): useMaxWidth をデフォルトで true に設定 (#5724) @aloisklink
  • ESBuild を使用 (UMD を IIFE バンドルに置き換え) @sidharthv96 による #4729

カンバン図

The image shows a task management board with columns labeled "Todo," "In progress," "Ready for deploy," "Ready for test," "Done," and "Can't reproduce," listing various tasks related to sport data processing and testing. (Captioned by AI)
The image shows a task management board with columns labeled "Todo," "In progress," "Ready for deploy," "Ready for test," "Done," and "Can't reproduce," listing various tasks related to sport data processing and testing. (Captioned by AI)1856×442 119 KB

アーキテクチャ図

The image depicts a system architecture showing interaction between an API, server, database, and two storage components connected through lines, indicating a flow or relationship between each element. (Captioned by AI)
The image depicts a system architecture showing interaction between an API, server, database, and two storage components connected through lines, indicating a flow or relationship between each element. (Captioned by AI)628×708 20.7 KB

新しいフローチャート形状

The image displays a variety of black and white icons and objects arranged in rows, each labeled with "a label." (Captioned by AI)
The image displays a variety of black and white icons and objects arranged in rows, each labeled with "a label." (Captioned by AI)1798×838 76.5 KB

「いいね！」 2
3

私もこれが見たいです！Mermaid.jsやFont Awesome（Font Awesome Proへ）などのいくつかのコンポーネントをアップグレードすると良いでしょう。サイトがバージョンなどを選択できるような、管理コンソール内のページにすることは可能でしょうか？

「いいね！」 2
4

Discourse FontAwesome Pro があります

「いいね！」 3
5

それ自体が少し時代遅れのように見えます。

「いいね！」 1
6

Mermaid が 11.4.1 にアップデートされました :tada:

新しい「kanban」図の種類の例です。

kanban
  Todo
    [Create Documentation]
    docs[Create Blog about the new diagram]
  [In progress]
    id6[Create renderer so that it works in all cases. We also add som extra text here for testing purposes. And some more just for the extra flare.]
  id9[Ready for deploy]
    id8[Design grammar]@{ assigned: 'knsv' }
  id10[Ready for test]
    id4[Create parsing tests]@{ ticket: MC-2038, assigned: 'K.Sveidqvist', priority: 'High' }
    id66[last item]@{ priority: 'Very Low', assigned: 'knsv' }
  id11[Done]
    id5[define getData]
    id2[Title of diagram is more than 100 chars when user duplicates diagram with 100 char]@{ ticket: MC-2036, priority: 'Very High'}
    id3[Update DB function]@{ ticket: MC-2037, assigned: knsv, priority: 'High' }

  id12[Can't reproduce]
    id3[Weird flickering in Firefox]
「いいね！」 8
7

このトピックは3日後に自動的に閉じられました。返信はもう許可されていません。