超軽量なScrapboxクライアントのダークテーマ版
表示サンプル
https://gyazo.com/f524a1be1b1c6168a2fd9f81256f0519
使い方
ブラウザでhttps://scrapbox-reader-dark.vercel.app/<プロジェクト名>/<ページ名>にアクセスする
変更点
入れ子にした分少し見やすくなったはず……多分
そのうちyarnにまとめる可能性はある
その場合、package-lock.jsonは削除するかも
うまくreact-domモジュールを読み込んでくれなかったので
今後やるかもしれないこと
未解決
上に行くほどMijinko_SD.iconの関心度が高い
気が向いたらやる程度
OGP実装
拡張子がないタイトルのコードブロックのタイトルもリンク化する
箇条書きのドットを表示する
そこまで困らないので優先度低め
ブラケット内のアイコン記法がリンクとして認識されてしまうバグ
多分誰かが直してくれることでしょう…( ˘ω˘)
難しいのでちょっと後回しになるかも
解決済み
修正した
Scrapboxのアセットを直接持ってくるのはナシで
読み込み元のページへのリンクの追加
スマホでの表示を想定されていないので直す
やるかもしれない
コードブロックの行番号の表示
昨今のWebサイト上で行番号が実装されていないほうが珍しい
行番号がないとソースコードが見づらい
KaTeX実装
個人的にあんまり使っていないので後回し
詳しくないからというのもある
多分やらないこと
UserCSS対応
ブラケット記法のCSSだけでも適応させられたらいいかもしれないけれど…
特定のセレクタのスタイルだけ持ってくることができない
本家Scrapboxとは構造も微妙なデザインも違うので、そのまま持ってきても表示がバグる可能性がある
本家ScrapboxほどDOMを細かくすると軽量化から程遠くなるので難しい
せっかくダークテーマにしたのに、UserCSSに対応させたらプロジェクトによっては意味がなくなる
ページの詳細情報の表示（テロメア含む）
他の改良点が全部終わったら考えるかも
あまり重要視していないので優先度が低い
埋め込み対応
ページが重くなりかねないのでボツ