Add Japanese -> Romaji support

LauraWebdev · Jan 12, 2025 · 36aa712 · 36aa712
1 parent 41a915b
commit 36aa712
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 8 deletions.
diff --git a/server/modules/sanitizeFilename.js b/server/modules/sanitizeFilename.js
@@ -1,4 +1,8 @@
+const wanakana = require('wanakana');
+
 function sanitizeFilename(title) {
+    title = wanakana.toRomaji(title, { upcaseKatakana: true });
+
     return title.replace(/\s+/g, '_').replace(/[^\w\-_]/g, '');
 }
 

diff --git a/server/package-lock.json b/server/package-lock.json
diff --git a/server/package.json b/server/package.json
@@ -18,7 +18,8 @@
     "ffmetadata": "^1.7.0",
     "ffmpeg-static": "^5.2.0",
     "jsdom": "^26.0.0",
-    "music-metadata": "^10.6.5"
+    "music-metadata": "^10.6.5",
+    "wanakana": "^5.3.1"
   },
   "devDependencies": {
     "cross-env": "^7.0.3",

diff --git a/ui/env.js b/ui/env.js
@@ -0,0 +1,5 @@
+const API_BASE_URL = process.env.NODE_ENV === "production" ? "" : "http://localhost:8080";
+
+export {
+    API_BASE_URL
+};
diff --git a/ui/src/App.vue b/ui/src/App.vue
@@ -23,6 +23,7 @@ import {ref} from "vue";
 import SoundtrackMetadataForm from "@/components/SoundtrackMetadataForm.vue";
 import SoundtrackMetadata from "@/components/SoundtrackMetadata.vue";
 import SoundtrackQueue from "@/components/SoundtrackQueue.vue";
+import {API_BASE_URL} from "../env.js";
 
 const soundtrack = ref(null);
 
@@ -37,7 +38,7 @@ function onSoundtrackLoaded(loadedSoundtrack) {
 async function onSoundtrackAddToQueue(queueItem) {
     soundtrack.value = null;
 
-    let response = await fetch('/api/queue/add', {
+    let response = await fetch(API_BASE_URL + '/api/queue/add', {
         method: "POST",
         headers: {
             'Content-Type': 'application/json'

diff --git a/ui/src/components/SoundtrackQueue.vue b/ui/src/components/SoundtrackQueue.vue
@@ -66,6 +66,7 @@ import {Badge} from "@/components/ui/badge/index.js";
 import {onMounted, ref} from "vue";
 import {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from "@/components/ui/table/index.js";
 import {Progress} from "@/components/ui/progress/index.js";
+import {API_BASE_URL} from "../../env.js";
 
 const countTotal = ref(0);
 const countQueued = ref(0);
@@ -83,21 +84,21 @@ onMounted(() => {
 });
 
 async function clearDone() {
-    let response = await fetch('/api/queue/clearDone');
+    let response = await fetch(API_BASE_URL + '/api/queue/clearDone');
     let json = await response.json();
 
     checkQueue();
 }
 
 async function retryFailed() {
-    let response = await fetch('/api/queue/retryFailed');
+    let response = await fetch(API_BASE_URL + '/api/queue/retryFailed');
     let json = await response.json();
 
     checkQueue();
 }
 
 async function checkQueue() {
-    let response = await fetch('/api/queue');
+    let response = await fetch(API_BASE_URL + '/api/queue');
     let json = await response.json();
     let data = json.data;
 

diff --git a/ui/src/lib/getSoundtrackMeta.js b/ui/src/lib/getSoundtrackMeta.js
@@ -1,6 +1,8 @@
+import {API_BASE_URL} from "../../env.js";
+
 async function getSoundtrackMeta(urlOrSlug) {
-    let response = await fetch("/api/soundtrack/", {
-        method: "POST",
+    let response = await fetch(API_BASE_URL + '/api/soundtrack/', {
+        method: 'POST',
         headers: {
             'Content-Type': 'application/json'
         },