Bug: Growi failed to render drawio diagram about growi

[rary21]

I've tried the latest version but it still failed to render drawio.

• On demo site at https://demo.growi.org/
• On local using https://github.com/weseek/growi-docker-compose

I confirmed that both uses GROWI 6.0.11.

Client

item	version
OS	Windows11 22H2
browser	Google Chrome 111.0.5563.147（Official Build）
browser	Microsoft Edge 111.0.1661.54（Official Build）

[yuki-takei]

Sorry, v6.0.11 has another problem.
We have fixed it in #7518 and released v6.0.12 just now. Please use it.

[rary21]

Thank you. It works now.

[yuki-takei]

I have identified the cause.

Cause

• Due to the breaking specification change of Draw.io v21.1.0 released on 2023.03.24, the data output format has changed so far.
  • Before: compressed data
  • After: uncompressed data
• Since GROWI was designed to write the above output directly to markdown, uncompressed data was written when saving, but compressed data was expected when rendering, and an error occurred.

handle

v6.0.11 to v6.0.13

• Modified to correctly render both compressed and uncompressed data
  • However, there is a problem that uncompressed data cannot be rendered properly → #7537
• Save edited figures as uncompressed data

v6.0.14~

• Modified to render some uncompressed data correctly by #7537
  • However, there is still a problem that can not handle uncompressed data correctly → #7524
    - Since this cannot be reproduced in the development environment and the cause cannot be identified, we give up on solving it.
• jgraph/drawio added an option to compress and save, so modified to save as compressed data again

About other versions

• Scheduled to be fixed in the latest v5 version
• No plans to support the v4 series

原因

• 2023.03.24 にリリースされた Draw.io v21.1.0 の破壊的仕様変更により、これまで出力されていたデータの形式が変わった
  • 具体的には、compressed data から uncompressed data になった
• GROWI は上記出力をそのまま markdown に書き込む仕様になっていたため、保存時に uncompressed data が記述されるようになったが、レンダリング時は compressed data を期待しており、エラーが発生した

対処

v6.0.11～v6.0.13

• compressed data と uncompressed data の両方を正常にレンダリングできるよう改修した
  • ただし、uncompressed data が正常にレンダリングできない問題が存在する → #7537
• 編集した図は uncompressed data で保存する

v6.0.14～

• #7537 により、一部の uncompressed data を正常にレンダリングできるように改修した
  • しかし、別途まだ uncompressed data を正しく扱えない問題が存在する → #7524
    - こちらは開発環境で再現せず原因を特定できないため、解消を諦める
• 本家の対応 により、compress して保存できるオプションが付いたため、 再び compressed data で保存するように改修

その他のバージョンについて

• v5 系最新版は今後改修予定
• v4 系は対応予定なし

Reference URL

• jgraph/drawio#1724
• jgraph/drawio#3106 (comment)

[rary21]

Thank you, we'll upgrade the growi to the latest version.

FYI: I could use an older version of drawio on Chrome.

1. Download an older version of app.min.js
   https://github.com/jgraph/drawio/blob/faa89dfe3cb1fb9a1189c1c6959ecfeff433a82a/src/main/webapp/js/app.min.js
2. Open an drawio editor. From devtool, select app.min.js in Sources tab and click Save for overrides.
   
3. Override app.min.js with the older version downloaded in step1.
   https://www.debugbear.com/blog/devtools-local-overrides