UI Enhancements for Cognitive-Speech-TTS Datasets

Author: brandonkovacs

recorder/public/assets/setting.json

@@ -20,7 +20,6 @@ export type CorpusTextSetting = {
     "title": string,
     "wavPrefix": string,
     "file": string,
-    "file_hira": string
 }
 
 export const InitialApplicationSetting = require("../../public/assets/setting.json")

recorder/src/001_clients_and_managers/000_ApplicationSettingLoader.ts

@@ -6,9 +6,7 @@ export type CorpusTextData = {
     "title": string,
     "wavPrefix": string,
     "file": string,
-    "file_hira": string,
     "text": string[]
-    "text_hira": string[]
 }
 
 export type CorpusDataState = {
@@ -32,17 +30,16 @@ export const useCorpusData = (): CorpusDataStateAndMethod => {
             const newCorpusTextData: { [title: string]: CorpusTextData } = {}
             for (const x of textSettings) {
                 const text = await fetchTextResource(x.file)
-                const textHira = await fetchTextResource(x.file_hira)
-                const splitText = text.split("\n").filter(x => { return x.length > 0 })
-                const splitTextHira = textHira.split("\n").filter(x => { return x.length > 0 })
+                const splitText = text.split("\n").map(function (x) {
+                    return x.trim()
+                  })
+
 
                 const data: CorpusTextData = {
                     title: x.title,
                     wavPrefix: x.wavPrefix,
                     file: x.file,
-                    file_hira: x.file_hira,
                     text: splitText,
-                    text_hira: splitTextHira,
                 }
                 newCorpusTextData[data.title] = data
             }

recorder/src/002_hooks/003_useCorpusData.ts

@@ -328,11 +328,6 @@ body {
     padding: 4px 10px 4px 10px;
     color: #c44;
 }
-.recorder-card-text_hira {
-    font-size: 1.7rem;
-    padding: 4px 10px 4px 10px;
-    color: #477;
-}
 
 /*  */
 /*  */

recorder/src/100_components/001_css/001_App__.css

@@ -43,7 +43,6 @@ export const ExportController = () => {
                 const fileName = generateWavFileName(prefix, j);
                 const textFileName = generateTextFileName(prefix, j)
                 const textData = targetCorpus.text[j]
-                const textHiraData = targetCorpus.text_hira[j]
                 // 生データ
                 zip.file(`00_myvoice/raw/${fileName}`, userData.micWavBlob);
 
@@ -73,7 +72,6 @@ export const ExportController = () => {
                 zip.file(`00_myvoice/wav/${fileName}`, vfWav24KhzTrim);
 
                 // TXT
-                zip.file(`00_myvoice/text/${textFileName}`, textHiraData);
                 zip.file(`00_myvoice/readable_text/${textFileName}`, textData);
             }
 

recorder/src/100_components/002_parts/204_ExportController.tsx

@@ -6,11 +6,10 @@ import { useAppState } from "../../003_provider/AppStateProvider";
 export const CorpusTextArea = () => {
     const { applicationSetting } = useAppSetting()
     const { corpusDataState } = useAppState();
-    const { text, text_hira } = useMemo(() => {
+    const { text } = useMemo(() => {
         const corpus = corpusDataState.corpusTextData[applicationSetting.applicationSetting.current_text];
         const text = corpus?.text[applicationSetting.applicationSetting.current_text_index] || "";
-        const text_hira = corpus?.text_hira[applicationSetting.applicationSetting.current_text_index] || "";
-        return { text, text_hira };
+        return { text };
     }, [corpusDataState.corpusTextData, applicationSetting.applicationSetting.current_text, applicationSetting.applicationSetting.current_text_index]);
 
     return (
@@ -20,9 +19,7 @@ export const CorpusTextArea = () => {
             <div className="text">
                 <div className="tag">Text</div>
                 <div>{text}</div></div>
-            <div className="text">
-                <div className="tag">Text</div>
-                <div>{text_hira}</div></div>
+
         </div >
     );
 };