20240125232338-publish_org_roam_ui.org

publish-org-roam-ui

GitHub上で管理しているorg-roamのファイルからorg-roam-uiの静的サイトを生成するGitHub Action.

GitHub Pagesへのデプロイもできる

• リポジトリ: https://github.com/ikoamu/publish-org-roam-ui
• Marketplace: https://github.com/marketplace/actions/publish-org-roam-ui

以下を参考に作成した org-roam/org-roam-ui#109 (comment)

もろもろまとめて記事にした https://zenn.dev/ikoamu/articles/7193dbcf62fff8

テスト環境を作りたい

forkしたリポジトリ

https://github.com/ikoamu/org-roam-ui

publish-org-roam-uiのissue

追加機能

インラインコードのスタイルもう少しかっこよくしたい

検索して選択したノードにフォーカスする

ノードにhash linkを作る

ikoamu/publish-org-roam-ui#13 -> 一度やってみたが、GitHub Pagesにデプロイすると余計なリロードが入っていまう。 そろそろNext.jsのバージョンをあげてApp Routerに移行してみてうまくいくか試してみたい

-> 今回、一度開発ブランチを publish-org-roam-ui マージしてしまったが、実際にデプロイしたらうまくいかなかった -> まず、開発中のブランチでGitHub Actionsを動かせるようにしたい -> できた

publish-org-roam-uiで画像のATTR_HTMLをサポート

開発者ツールを見るとエラーが出ているからそれが原因か？

• processOrgのsecction部分かな？
  • コメントアウトしたら治った

org-citeサポート

org-roam-uiのgraphdataでorg-citeとorg-refをサポートしていなかったためサポートする

ファビコン設定

ノードに特定のURLをつける

ikoamu/publish-org-roam-ui#13

ローカルだとうまくいくからそこら辺かも? => ホスティングしてるURLが https://ikoamu.github.io/zettelkasten/ になってるからっぽい router.replace でうまいことできないか？ -> history APIを直で叩くことで解決した

Error: Failed to lookup route: /zettelkasten

Uncaught (in promise) Error: Invariant: attempted to hard navigate to the same URL /zettelkasten#HASH https://ikoamu.github.io/zettelkasten/#HASH

handleHardNavigation errorが発生してる

シンタックスハイライト

ikoamu/publish-org-roam-ui#3

• org-roam-uiはuniorgでorg-modeからhtmlに変換している
• さらに、rehypeを使ってreactの要素に変換している

publish-org-roamで検索機能を実装する

検索結果をフォーカスしたい

ikoamu/publish-org-roam-ui#10 -> フォーカス後にノードを画面の中央に持っていけないか？

codeのフォントサイズを変更したい

ikoamu/publish-org-roam-ui#8 https://zenn.dev/tak_dcxi/articles/f464f90a24f754b15dd9

バグ修正

publish-org-roam-uiのヘッダーに設定している値でActionが失敗する

publish-org-roam-uiでタイムスタンプがないファイルに対応

issue

publish-org-roam-uiのissue