feat: a lot of wip stuff

Author: hexadecimal233

README.md

@@ -72,6 +72,6 @@ Pull Requests: [Pull Requests](https://github.com/hexadecimal233/cloudie/pulls)
 - [ ] Proxy support
 - [ ] Scrobbling support
 - [ ] DJ Support
-- [ ] OEmbed Support 
+- [ ] Watch Router updates on dynamic views 
 - [ ] Lyrics service
 -->

src/App.vue

@@ -81,7 +81,7 @@
               <i-mdi-chevron-left />
             </button>
             <input type="text" :placeholder="$t('cloudie.main.searchBar')"
-              class="input input-bordered join-item w-1/4" />
+              class="input input-bordered join-item w-1/4" v-model="searchQuery" @keyup.enter="handleSearch" />
           </div>
           <div class="flex flex-col py-8">
             <span class="mb-4 text-3xl font-bold">
@@ -106,7 +106,7 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from "vue"
-import { useRoute } from "vue-router"
+import { useRoute, useRouter } from "vue-router"
 import { useI18n } from "vue-i18n"
 import { BasicUserInfo, updateUserInfo, userInfo } from "@/utils/api"
 import { Toaster } from "vue-sonner"
@@ -116,6 +116,7 @@ import "vue-final-modal/style.css"
 import AudioPlayer from "./components/AudioPlayer.vue"
 
 const route = useRoute()
+const router = useRouter()
 const i18n = useI18n()
 const user = ref<BasicUserInfo>()
 const loading = ref(true)
@@ -134,4 +135,12 @@ function getPageTitle() {
   const firstSegment = pathSegments[0]
   return i18n.t(`cloudie.main.${firstSegment}`)
 }
+
+const searchQuery = ref("")
+
+function handleSearch() {
+  if (searchQuery.value.trim()) {
+    router.push(`/search/${searchQuery.value}`)
+  }
+}
 </script>

src/assets/i18n/en.json

@@ -5,13 +5,41 @@
       "searchBar": "Search (unimplemented yet)",
       "likes": "Likes",
       "playlists": "Playlists & Albums",
-      "playlist": "Playlist",
       "radio": "Radio",
       "history": "Play History",
       "downloads": "Downloads",
       "settings": "Settings",
       "feeds": "Feeds",
-      "following": "Following"
+      "following": "Following",
+      "track": "Track",
+      "search": "Search",
+      "user": "User",
+      "playlist": "Playlist"
+    },
+    "search": {
+      "result": "Found {playlists} playlists, {tracks} tracks, {users} people",
+      "filters": {
+        "created_at": "Created At",
+        "last_hour": "Past hour",
+        "last_day": "Past day",
+        "last_week": "Past week",
+        "last_month": "Past month",
+        "last_year": "Past year",
+        "any_time": "Any time",
+        "length": "Length",
+        "short": "Short",
+        "medium": "Medium",
+        "long": "Long",
+        "epic": "Epic",
+        "any_length": "Any length",
+        "license": "License",
+        "to_modify_commercially": "To Modify Commercially",
+        "to_use_commercially": "To Use Commercially",
+        "to_share": "To Share",
+        "any_license": "Any License",
+        "location": "Location",
+        "genre": "Genre"
+      } 
     },
     "following": {
       "title": "Following",
@@ -97,7 +125,8 @@
       "loadMore": "Load More",
       "loadFail": "Failed to load data...",
       "empty": "Nothing Here (。・ω・。)",
-      "emptyDesc": "Please try refreshing or adjusting your query."
+      "emptyDesc": "Please try refreshing or adjusting your query.",
+      "play": "Play"
     },
     "toasts": {
       "playlistOpenFailed": "Failed to open playlist",
@@ -111,7 +140,18 @@
       "cancel": "Cancel",
       "close": "Close",
       "userInfoErr": "Failed to Update User Info.",
-      "loadFailed": "Failed to load track. Will try next track in 5 seconds."
+      "loadFailed": "Failed to load track. Will try next track in 5 seconds.",
+      "clearCacheSuccess": "Cache cleared successfully",
+      "clearCacheFailed": "Failed to clear cache"
+    },
+    "trackView": {
+      "description": "Description",
+      "playCount": "Play Count",
+      "likes": "Likes",
+      "reposts": "Reposts",
+      "comments": "Comments",
+      "relatedTracks": "Related Tracks",
+      "noComments": "No comments found"
     },
     "settings": {
       "config": {
@@ -122,7 +162,6 @@
         "mp3ConvertExts": "Convert following extensions to MP3 (WARNING: Lossy)",
         "fileNaming": "File Naming",
         "addCover": "Embed Cover",
-        "analyzeBpmAndKey": "Analyze BPM and Key Locally",
         "virtualDjSupport": "VirtualDJ Support",
         "clientId": "Soundcloud Client ID",
         "oauthToken": "Soundcloud OAuth Token",
@@ -152,7 +191,8 @@
         "issue": "Report Issue"
       },
       "etc": {
-        "loginSoundcloud": "Login to Soundcloud"
+        "loginSoundcloud": "Login to Soundcloud",
+        "clearCache": "Clear Cache"
       }
     }
   }

src/assets/i18n/zh-CN.json

@@ -104,13 +104,25 @@
       "userInfoErr": "更新用户信息失败",
       "loadFailed": "加载曲目失败, 将在5秒后播放下一单曲"
     },
+    "trackView": {
+      "description": "描述",
+      "playCount": "播放次数",
+      "likes": "喜欢",
+      "reposts": "转发",
+      "comments": "评论",
+      "relatedTracks": "相关曲目",
+      "relatedAlbums": "相关专辑",
+      "relatedPlaylists": "相关播单",
+      "noComments": "暂无评论"
+    },
     "common": {
       "loading": "加载中...",
       "noMore": "没有更多了",
       "loadMore": "加载更多",
       "loadFail": "加载失败...",
       "empty": "这里空空如也 (。・ω・。)",
-      "emptyDesc": "请尝试刷新或者调整搜索条件"
+      "emptyDesc": "请尝试刷新或者调整搜索条件",
+      "play": "播放"
     },
     "settings": {
       "config": {
@@ -121,7 +133,6 @@
         "mp3ConvertExts": "转换以下扩展名到 MP3 (警告: 有损压缩)",
         "fileNaming": "文件命名方式",
         "addCover": "嵌入封面",
-        "analyzeBpmAndKey": "将 BPM 和调性保存到本地",
         "virtualDjSupport": "VirtualDJ 助手",
         "clientId": "Soundcloud 客户端 ID",
         "oauthToken": "Soundcloud OAuth 令牌",