refactor(frontend): router.ts解きほぐし

[samunohito]

What

#12602 の対応の一環です（書いてないけど）
この対応により、大部分のページでリロードなしのHMRが可能となります。

対応内容としては下記となります。

• ①ルーティングの定義を切り出し
  循環参照の巨大な温床となっていたルーティング定義を起動シーケンス（boot/common.ts）でのみ読み込むように切り出し。また、mainRouterの初期化もここで明示的に行うようにした（いままではrouter.tsが評価されたタイミングで初期化していたと思われるので）
• ②mainRouterの保持を切り出し
  ①で作成されたmainRouterのインスタンスを持つためのファイルを切り出し。①を一切参照していないため、mainRouterをimportしても循環参照が発生しないようになっている。
• ③inject経由でのインスタンス取得方法提供
  mainRouterのインスタンスそのものや、Routerを作成するためのファクトリ関数（※）をinject経由で取得するためのユーティリティ。
  ※MkPageWindowsにて都度Routerのインスタンスを作る必要があるため、そこでの使用を想定

Why

フロントエンドの開発効率向上および開発負担軽減

Additional info (optional)

• デフォルト表示中、サイドバーをクリックしてページ遷移が出来ること、アドレスバーのアドレスが変わること
• チャンネルのリンクをコピー→別タブに貼り付け＆移動で該当チャンネルのTLを表示できること
• サイドバーの項目を右クリック→ウィンドウで開くを選択→選択したメニュー項目に相当するウィンドウが表示されること
• デッキ表示中、サイドバーをクリックするとページ遷移せずにウィンドウが表示されること。表示されるウィンドウもメニュー項目に相当するものであること。

Checklist

• Read the contribution guide
• Test working in a local environment
• (If needed) Add story of storybook
• (If needed) Update CHANGELOG.md ※動作そのものには影響がないので記載していません
• (If possible) Add tests

[codecov]

Codecov Report

Attention: 99 lines in your changes are missing coverage. Please review.

Comparison is base (0ed2a22) 80.02% compared to head (ae4d4ea) 79.72%.

Files	Patch %	Lines
packages/frontend/src/global/router/main.ts	44.17%	91 Missing ⚠️
packages/frontend/src/global/router/supplier.ts	73.33%	8 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #12907      +/-   ##
===========================================
- Coverage    80.02%   79.72%   -0.30%     
===========================================
  Files          959      957       -2     
  Lines       109563   109114     -449     
  Branches      8522     8487      -35     
===========================================
- Hits         87676    86995     -681     
- Misses       21887    22119     +232     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[syuilo]

defineというよりdefinition?

[samunohito]

definitionは名詞のようで、"定義"という言葉そのものを示すようです。
一方、defineは動詞のようなので、こちらの方が適していると考えています。

[syuilo]

見た感じdefineを行う関数があるわけでもなくdefinition自体が書かれているように見えた

[samunohito]

特にこだわりは無いので、definitionにしました

[samunohito]

openにしました 🙏

[syuilo]

useRouter.tsの方がいいかも

[syuilo]

🙏🙏🙏