Add: UtaFormatixを導入してインポートできる対応形式を増やす (#2104)

* Add: @sevenc-nanashi/utaformatix-tsを入れる

* Change: ImportExternalProjectDialogにする

* Change: IMPORT_MIDI_FILEをIMPORT_EXTERNAL_PROJECT_FILEに

* Add: 歌詞を変換する

* Delete: midi-fileを依存から消す

* Add: parseFailedのメッセージを追加

* Change: convertVowelConnectionsを有効にする

* Add: vvprojを読み込めるように

* Change: externalSongProjectにする

* Change: 残っていたmidiを変える

* Change: 0.2.3に更新

* Fix: ファイル名を修正

* Fix: 型エラーを修正

* Code: フォーマット

* Add: 拡張子一覧を追加

* Update: DIの方を更新

* Change: プロジェクトファイルの順番を変える

Co-authored-by: Hiroshiba <[email protected]>

* Change: CeVIO AI -> CeVIO

* Refactor: projectFileErrorを良い感じにする

* Change: SMFの表記を変える

* Change: details-summaryで囲む

* Change: Project -> UfProject

* Change: PARSE_PROJECT_FILEに移動

* Change: ufDataの変換を別ファイルに移動

* Add: テストを追加

* Change: midi -> ufProjectToSongState

* Fix: Add忘れ

* Change: log.errorの引数を変える

* Update: パスを更新

* Code: コメントを追加

* Change: プロジェクトファイルのインポート -> インポート

* Refactor: 整理

* Fix: パスを更新

* Add: vvprojの読み込みお変える

* Update: Update utaformatix-ts

* Update: 本家の色々に追従

* Delete: 不要なフォールバックを削除

* Fix: 変換を修正

* Update: テスＴを更新

* Change: uuidv4 -> crypto.randomUUID

* Change: コンバーターの名前を変える

* Change: SongState -> VoicevoxScore

* Code: npm run fmt

* Add: TODOを追加

* Code: TODOを追加

Co-Authored-By: Hiroshiba <[email protected]>

* Code: TODOを削除

* Code: コメントの解釈を一つに

* Code: TODOを追加

* Refactor: 良い感じにする

* Add: エクスポートのテストを追加

* 改変してみた

* Delete: 不要なroundを削除

* Delete: 不要なimportを削除

---------

Co-authored-by: Hiroshiba <[email protected]>
Co-authored-by: Hiroshiba <[email protected]>

.npmrc

@@ -1,2 +1,3 @@
 engine-strict=true
 save-exact=true
+@jsr:registry=https://npm.jsr.io

package.json

@@ -35,6 +35,7 @@
   "dependencies": {
     "@gtm-support/vue-gtm": "1.2.3",
     "@quasar/extras": "1.10.10",
+    "@sevenc-nanashi/utaformatix-ts": "npm:@jsr/[email protected]",
     "async-lock": "1.4.0",
     "dayjs": "1.10.7",
     "electron-log": "5.1.2",
@@ -46,7 +47,6 @@
     "hotkeys-js": "3.13.6",
     "immer": "9.0.21",
     "markdown-it": "13.0.2",
-    "midi-file": "1.2.4",
     "move-file": "3.0.0",
     "multistream": "4.1.0",
     "pixi.js": "7.4.0",

src/components/Dialog/AllDialog.vue

@@ -22,7 +22,7 @@
   <UpdateNotificationDialogContainer
     :canOpenDialog="canOpenNotificationDialog"
   />
-  <ImportMidiDialog v-model="isImportMidiDialogOpenComputed" />
+  <ImportSongProjectDialog v-model="isImportSongProjectDialogOpenComputed" />
 </template>
 
 <script setup lang="ts">
@@ -38,7 +38,7 @@ import AcceptTermsDialog from "@/components/Dialog/AcceptTermsDialog.vue";
 import DictionaryManageDialog from "@/components/Dialog/DictionaryManageDialog.vue";
 import EngineManageDialog from "@/components/Dialog/EngineManageDialog.vue";
 import UpdateNotificationDialogContainer from "@/components/Dialog/UpdateNotificationDialog/Container.vue";
-import ImportMidiDialog from "@/components/Dialog/ImportMidiDialog.vue";
+import ImportSongProjectDialog from "@/components/Dialog/ImportSongProjectDialog.vue";
 import { useStore } from "@/store";
 import { filterCharacterInfosByStyleType } from "@/store/utility";
 
@@ -159,12 +159,12 @@ const canOpenNotificationDialog = computed(() => {
   );
 });
 
-// MIDIインポート時の設定ダイアログ
-const isImportMidiDialogOpenComputed = computed({
-  get: () => store.state.isImportMidiDialogOpen,
+// ソングのプロジェクトファイルのインポート時の設定ダイアログ
+const isImportSongProjectDialogOpenComputed = computed({
+  get: () => store.state.isImportSongProjectDialogOpen,
   set: (val) =>
     store.dispatch("SET_DIALOG_OPEN", {
-      isImportMidiDialogOpen: val,
+      isImportSongProjectDialogOpen: val,
     }),
 });
 </script>