[Bug]: ja.react.devだとハイフンが消える

[yurisukonbu]

Summary

マークダウンは --save-dev となっているが

ja.react.dev/src/content/learn/typescript.md

Line 35 in 68d58f7

npm install --save-dev @types/react @types/react-dom

https://ja.react.dev/learn/typescript だとハイフンが1つ消えている

また https://react.dev/learn/typescript も同じようにハイフンが1つ消えています

環境
Windows11 Chrome 最新版
Pixel8 Chrome 最新版

Page

https://ja.react.dev/learn/typescript

Details

No response

[smikitky]

おお全然気付いていませんでした、報告ありがとうございます。

これは SmartyPantsと呼ばれる、Markdownコード内の引用符とかダッシュとかの見た目をよくするための機能が誤作動しているのが原因ですね。コードはこちらにあります。

https://github.com/reactjs/react.dev/blob/b440d6698f6e21d56a78b10f625bd23191183588/plugins/remark-smartypants.js#L9

あらゆる Markdown 内の（コードフェンス外の）プレーンテキストノードを置換対象としており、かつその <TerminalBlock> というのは見た目は <pre> っぽい癖に実際には単なる独特な見た目の通常段落みたいなものなので、意図せず SmartyPants が働いてしまっているという状況です。

…が、これは日本語版だけの問題ではありません。英語版 react.dev でも同じ問題が発生しています。

https://react.dev/learn/typescript#adding-typescript-to-an-existing-react-project

なので、英語版の方で問題を報告して修正してもらい、それから日本語版にとりこむ、という手順になります。ぱっと見た感じ、まだ誰もissueを報告していないかもしれないので、その場合は私がそのうち対応します。しばらくお待ちください。

[smikitky]

直近の微妙に関連している issue: reactjs/react.dev#6523

[smikitky]

報告だけしておきました

reactjs/react.dev#8140

修正PRはそのうち…

[yurisukonbu]

英語版への報告ありがとうございます。
英語が得意ではないので助かります！

[smikitky]

こちらで修正PRも出しておきました。

reactjs/react.dev#8146

このページ とかは一見問題が出ていないのですが、代わりにMarkdownレベルで変な構文を使うことで問題を回避しています。翻訳しながら「なんでこんな書き方しているんだろう」とちょっと引っかかっていたので、今後はこれで解決すると思います。

[smikitky]

Danさんが速攻でマージしてくれたので来週以降に日本語版でもこちらは修正されます。
ありがとうございました！（一旦openのままにしておきます）