chore: ESModuleにする

[sevenc-nanashi]

内容

Voicevox全体をESModuleに移行します。
electron-builder周りはまだ辛そうだったのでcjsのままです。

関連 Issue

（なし）

スクリーンショット・動画など

（なし）

その他

#2581 が先。

[voicevox-preview-pages]

🚀 プレビュー用ページを作成しました 🚀

• 📝 エディタ
• 📖 Storybook

更新時点でのコミットハッシュ：7c787b3

[Hiroshiba]

.ts書かないといけないの悲しいですね。。。

と思ったけどvoicevox_blogの方は書いてないんですよね。
ちょっと調べた感じ、moduleResolutionを設定してあげるとこういうこともなさそう･･･？
https://speakerdeck.com/uhyo/tsconfig-dot-jsonnoshe-ding-wojian-zhi-sou-hurontoendoxiang-ke-2024xia?slide=32

[sevenc-nanashi]

.ts書かないといけないの悲しいですね。。。

正直書いてない方が気持ち悪い気持ちがあります（個人の気持ち）

[Hiroshiba]

結構書かない派が多そう？

vue
https://github.com/vuejs/core/blob/main/packages/runtime-core/src/components/BaseTransition.ts

vite
https://github.com/vitejs/vite/blob/main/packages/vite/src/shared/hmr.ts

実益もあって、
src/store/audio.tsとsrc/store/audio/index.txを等価に扱えるから便利なんですよね～

[sevenc-nanashi]

結構書かない派が多そう

それはどちらもCommonJS（昔のNode式）を使っているからだと思います

[Hiroshiba]

それはどちらもCommonJS（昔のNode式）を使っているからだと思います

CommonJSだと.tsなどを書けない感じでしょうか？
書けるけど書かないなら、まあ省略派が多いということなのかなーと。

実利もあるので！（二度目）

[Hiroshiba]

いろいろ調べた感じ、少なくとも今はまだ拡張子を書かないのが主流な気がしました。

tsconfigのbaseを考えてるコミュニティ的には、moduleResolutionにbundler指定したらええんちゃうって雰囲気でした。
https://github.com/tsconfig/bases#what-about-tsconfigesm

vueのtsconfig.jsonも↑だった。まあこれはesmではないですが。
https://github.com/vuejs/tsconfig/blob/main/tsconfig.json

あと半年とか１年経ってくると変わってくるかもだけど、少なくとも今じゃなさそうな直感。

[sevenc-nanashi]

とりあえず戻しました。
拡張子を増やすときのために自分が使ったスクリプトを置いておきます：

Details

log = File.read("./__gi_log.log")

current_file = ""
file_lines = []
[*log.lines, "/dev/null"].each do |line|
  if line.start_with?("/")
    File.write(current_file, file_lines.join) unless file_lines.empty?

    current_file = line.strip
    file_lines = File.read(current_file).lines
  elsif line.include?("import/extensions")
    line, column = line.match(/ (\d+):(\d+)/).captures
    column = column.to_i - 1
    quoted = file_lines[line.to_i - 1][column..].match(/^"(.+?)"/)
    content = quoted.captures.first
    file =
      if content.start_with?("@")
        "#{__dir__}/src/#{content[2..]}.ts"
      else
        "#{File.dirname(current_file)}/#{content}.ts"
      end
    if File.exist?(file)
      file_lines[line.to_i - 1] = file_lines[line.to_i - 1].gsub(
        content,
        "#{content}.ts"
      )
    elsif File.exist?(file.gsub(/\.ts$/, "/index.ts"))
      file_lines[line.to_i - 1] = file_lines[line.to_i - 1].gsub(
        content,
        "#{content}/index.ts"
      )
    else
      warn "File not found: #{file}"
    end
  end
end

[Hiroshiba]

良い感じ！！！

electron-builder周りもいつかtsにできると嬉しいなぁ。

[Hiroshiba]

LGTM！！

シンプル！！！