Mermaid.jsのバージョンを上げてほしい
https://gyazo.com/b95b25de0db44933e4441e8f3270a33d
フローチャート内でKaTeXの数式がかけるようになったらしいのでScrapboxでも使えると嬉しいです。
v11で使えるようになったKanban図がとても素敵なのでつかいたいですyuki_minoh.icon
Kanban図の例:
https://gyazo.com/efe9289d74657d22ae75eac9f03933a0/thumb/600#.jpg
ScrapboxでTodo管理するのが捗りそう
★
メジャーバージョンだけでも公式サイトに合わせてもらえると助かります
公式サイトのバージョン
https://img.shields.io/npm/v/mermaid.svg?color=ff3670&label=
Cosenseのバージョン
code:mermaid
info
+1 yuki_minoh.iconbsahd.iconkzmi.icon
mermaid 11にはSafari 15をクラッシュさせるbugがあるので、10から更新できませんshokai.icon
😭yuki_minoh.icon
それはそれとして番号がすごい
fixを待ちます
railroad 記法が使えるようになったので、バージョン上げてほしいです。bugbearr.icon
issues に紐づいている不具合が起こるらしきソース(同様のケースと思われる)を見ると、正規表現のパース([{]のところ)で失敗しているように見えます。バックスラッシュでエスケープ入れるだけで直りそうな気が。ただ再現できる環境がないので試すことができず。
古いSafariに実装されていない機能をmermaidがnull checkなしで呼び出している為、mermaidをロードした瞬間にクラッシュしてしまうのですshokai.icon
古いSafariかどうかを User-Agent で判定してフォールバックさせるのではだめなんでしょうかね? BugbearR.icon
mermaidインスタンスをUserScriptから差し替えられるようにする、というのはどうでしょうかyuki_minoh.icon
おそらく依存が深くならないように設計されてらっしゃることと思いますし…
setterだけ公開してほしいです
これはバージョンアップに向けた要望なのですが、Mermaidの配色テーマをCosenseのダークテーマに追従させてほしいと思っていますNrem.icon 補足:v.8.7.0 以降には配色テーマが導入されているようです
Dynamic and integrated theme configuration was introduced in Mermaid version 8.7.0.
Available Themes
default - This is the default theme for all diagrams.
neutral - This theme is great for black and white documents that will be printed.
dark - This theme goes well with dark-colored elements or dark-mode.
forest - This theme contains shades of green.
base - This is the only theme that can be modified. Use this theme as the base for customizations.
Mermaidの配色指定構文が有効になりません
以下は上記のヘルプページにあるサンプルですが、意図通りに表示されません。構文エラーを吐きます
1.
code:mermaid
mermaid.initialize({
securityLevel: 'loose',
theme: 'base',
});
2.
code:mermaid
---
config:
theme: 'base'
themeVariables:
primaryColor: '#BB2528'
primaryTextColor: '#fff'
primaryBorderColor: '#7C0000'
lineColor: '#F8B229'
secondaryColor: '#006100'
tertiaryColor: '#fff'
---
graph TD
B --> C{Let me think}
subgraph section
C
D
E
F
G
end
ユーザー側での強引な解決手段として、現状でもUserCSSで個別に !important 指定を入れることで配色を強制的に上書き可能です。しかし、この方法だとCosense側のバージョンアップ後の互換性の懸念があります。サービス側で対応していただけるのであれば、そちらを利用する方がよいと考えます。
配色テーマ指定構文が有効になっていないようにみえますが、今後のバージョンアップでどうなるのかまでは分かりません