データのurl変更に対応するために、gen-fontsのスクリプトを修正

[mehm8128]

npm run gen-fontsが失敗するようになっていたため、対応

確認事項としては、npm run gen-fonts実行時にpublic/fonts内にフォントが生成されていることと、プレビュー環境でフォントがちゃんと反映されていることが確認できれば多分大丈夫です

[github-actions]

Preview (prod) → https://4158-prod.traq-preview.trapti.tech/
Preview (dev) → https://4158-dev.traq-preview.trapti.tech/

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (dcb6688) 86.35% compared to head (10e6a03) 86.35%.
Report is 5 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #4158   +/-   ##
=======================================
  Coverage   86.35%   86.35%           
=======================================
  Files          66       66           
  Lines        4719     4719           
  Branches      564      564           
=======================================
  Hits         4075     4075           
  Misses        638      638           
  Partials        6        6           

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

[zer0-star]

フォントが生成されていること、新しいURLのフォントが適用されていることを確認しました
上のレビューで指摘されていること以外は良さそうです！

[ras0q]

まだ動作確認はしてないですが https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap の中だけ見ました

  src: url(https://fonts.gstatic.com/s/mplus1p/v28/e3tmeuShHdiFyPFzBRrQRBEgfivGoOYmg_dUa_BuiDU9F33s7CtHVU4.119.woff2) format('woff2');

  src: url(https://fonts.gstatic.com/s/mplus1p/v28/e3tmeuShHdiFyPFzBRrQRBEQcUnXkvc.woff2) format('woff2');

の両方に対応したくてユニークであればいいなら/\/v\d+\/(.+)\.woff2$とか${family}.${weight}.${url.path}で十分じゃないかなって思いました
できるだけフォント名短くしたいとかなら沿わないけど

pathだと/が入ってだめか

[mehm8128]

↑確かにそれで十分そうなので前者の方針でやってみました

[mehm8128]

生成されたの見るとファイル名長くてちょっと無駄な気もするけど、ロジック簡単になる方がよさそうなのでこれでよさそうですね

[ras0q]

結果として正規表現直すだけになったのでdiffがやや冗長だけど動作自体は問題ないのでdiff減らすのめんどくさかったらマージしちゃってください:+1:

[mehm8128]

これ(.+)のところ/除外した方がいいですかね？

[ras0q]

コメントしましたが意図してたらそのままマージしちゃってください

[ras0q]

/v28/hoge/e3tmeuShHdiFyPFzBRrQRBEQcUnXkvc.woff2みたいなパスにはマッチさせないのは想定してますか？
末尾だけマッチさせるならこうかな

Suggested change

	const fontSrcWithId = getUrlFromSrc(font.src).match(/\/v\d+\/([^/]+)\.woff2/)
	const fontSrcWithId = getUrlFromSrc(font.src).match(/\/v\d+\/(?:[^/]*/)*([^/]+)\.woff2/)

[mehm8128]

そうですね、今のところそれは考えなくていいかなと思っています
またエラー吐くようになったら変えるくらいでいいと思います