revert(dev): フロントエンド・バックエンドを分離する開発モードを廃止

[kakkokari-gtyih]

This reverts commit b0039f0.

What

書いてあるとおり
（とりあえず動きはしたけど何かおかしくなっているかもしれないのでよく確認してからマージすること）

Why

#15255 によりHMRが効かない問題が解消されたため

Fix #15186
Fix #12641

（その他、開発モード導入に伴って提出されたissueがすべて解決される）

Additional info (optional)

• 分離した開発モードを使用している間にアップロードしたドライブファイルなどが読み込めなくなる可能性がある
• アクセスするポート番号が変わるためconfigファイルを変更する必要がある場合がある

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: Patch coverage is 0% with 6 lines in your changes missing coverage. Please review.

Project coverage is 38.78%. Comparing base (0a41e36) to head (9e5407c).
Report is 1 commits behind head on develop.

Files with missing lines	Patch %	Lines
...ages/backend/src/server/web/ClientServerService.ts	0.00%	5 Missing ⚠️
packages/frontend/src/pages/welcome.entrance.a.vue	0.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #15284      +/-   ##
===========================================
+ Coverage    38.77%   38.78%   +0.01%     
===========================================
  Files         1601     1600       -1     
  Lines       203902   203816      -86     
  Branches      4011     4007       -4     
===========================================
- Hits         79065    79058       -7     
+ Misses      124201   124155      -46     
+ Partials       636      603      -33     

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

[syuilo]

フロントにアクセスするとなんか勝手に無限にリロードが行われるわね

[anatawa12]

devcontainer向けの設定のforwardPortsに追加する必要があるかも

[kakkokari-gtyih]

フロントにアクセスするとなんか勝手に無限にリロードが行われるわね

WSLでは起こらなかった（たしか開発環境Windowsでしたよね）

[syuilo]

おま環なのか

[syuilo]

なんか5173に接続しに行こうとしてる

[syuilo]

TASUKETE

[kakkokari-gtyih]

なんか5173に接続しに行こうとしてる

Viteのアセットは3000を経由するけどViteサーバー自体は5173/5174で生きているのでViteのHMR用WebSocketがそっちにつながるのは正常なはず
（もしくは、.config/default.ymlのhostを:5173から:3000に戻してないとか）

[syuilo]

configは3000になってるわね

[syuilo]

WebSocket connection to 'ws://127.0.0.1:5173/vite/' failed
が出てる

[anatawa12]

devcontainer向けの設定のforwardPortsに追加する必要があるかも

devcontainer使ってるならこれではないでしょうか

[syuilo]

devcontainerとやらは使ってないと思う

[anatawa12]

ではどんな環境で実行してる感じですか？特に misskey backend がどんな環境にいるかが知りたいです

[anatawa12]

あと念の為ログの上ではどのポートにvite起動してるか確認してください。strictPortがないので場合によってはviteのポートが別ポートになってるかもしれないです。

[syuilo]

backendは単にpnpm devしてるだけですね
viteはこういうログになっています

[anatawa12]

backendは単にpnpm devしてるだけですね

どのような環境(ターミナル)からですか？

viteのログは問題なさそう。

[syuilo]

vscodeの下に出てくるところからpnpm devをやってます

[anatawa12]

なるほどです。 PowerShell っぽいので Windows ネイティブですね。手元の環境で試してみます。

[anatawa12]

試してみましたが、無限リロード再現しませんでした。

[syuilo]

むむむ

[anatawa12]

普段の開発環境じゃないので起動したあとほぼ何もやってないので、なにかトリガがある可能性はあるかもしれないです。

トップページをログインしたデフォルトUIで見るだけで再現するはずですか？(手元ではこれくらいしか試していないので別の操作であれば合わせたいです)

[syuilo]

net::ERR_CONNECTION_REFUSED 以外の情報はなさそう

[anatawa12]

ERR_CONNECTION_REFUSED、ポートが空いてないとか繋がらないのたぐいなのでファイヤーウォール系を私は疑いますね

[kakkokari-gtyih]

これまだ動いてない感じかしら

[syuilo]

そうね

[kakkokari-gtyih]

localhostと127.0.0.1って別のアドレスとして取り扱われたっけ
別物ならviteの起動アドレスを127.0.0.1:5173/5174にあわせるなりするといけるかも

[kakkokari-gtyih]

@syuilo 修正したのでもう一度試していただけるかしら

[tai-cha]

localhostと127.0.0.1って別のアドレスとして取り扱われたっけ

yes

[syuilo]

うーむ

[kakkokari-gtyih]

うーむ

試したけど再現しなかった（WSL2）

[kakkokari-gtyih]

あーわかった

[syuilo]

あーなんか直った

[kakkokari-gtyih]

多分 9e5407c でちゃんとなおるはず

[github-actions]

このPRによるapi.jsonの差分
差分はありません。
Get diff files from Workflow Page

[syuilo]

🙏🏻

[syuilo]

Ctrl+C しても一見終了するけど、nodemonが生きててファイルを保存したりするとMisskeyプロセスが再始動する問題があるわね

[kakkokari-gtyih]

Ctrl+C しても一見終了するけど、nodemonが生きててファイルを保存したりするとMisskeyプロセスが再始動する問題があるわね

再現したことがないのと、おそらくこれとは関係がない（フロントエンドでnodemonは使ってないので）

[syuilo]

再始動するのはバックエンドだわね

[kakkokari-gtyih]

再始動するのはバックエンドだわね

なおさらこのPRと関係無さそう

[syuilo]

ほむん

[syuilo]

これの影響だったかもしれない
#15311