プレビューモードのときにlocalhost以外からのアクセスも許可したい

[thaim]

提案内容

npx zenn preview でプレビューするときlocalhostからしかアクセスすることができません。
これは、sshして別のサーバ上で開発・記事執筆する場合(自分のユースケース)にプレビューが利用できず不便です。
需要あるか不明ですが、コンテナ化したい場合にも現状ではコンテナ外からアクセスできません。

--portオプションで待ち受けポートが変更できるように、--hostオプションなどを追加してバイディングアドレスを指定できるようにして欲しいです。
具体的には、 npx zenn preview --host 0.0.0.0 と実行することで、zenn previewを実行しているサーバ外からアクセスしてもプレビュー表示できるようにして欲しいです。

実装方法

zenn-cli の server/lib/server.tsにてサーバを起動するときに、port引数に加えてhost引数も追加します。

zenn-editor/packages/zenn-cli/src/server/lib/server.ts

Line 17 in f46822c

.listen(port)

懸念点

--openオプションを同時に指定している場合、どのIPアドレスにアクセスすればよいか不明なので接続エラーになります。
また、プレビュー実行時に標準出力に表示する接続先URLも正しく動作しません。

あくまでバインディングアレスの変更なので、--openオプションやプレビュー接続先URLまでは対応しなくてもよいかもしれませんが。

[uttk-dev]

@thaim

こちらのIssue、対応しました！

npm i zenn-cli@latest を実行してパッケージを最新にすると、zenn preview --host xxxx のような形でホスト名を指定できると思います。

提案していただき、ありがとうございました！