}
10 |
11 | type ForwardRefFn = (p: React.PropsWithChildren
& React.RefAttributes) => React.ReactNode | null
12 |
13 | // type UndefinedOrNever = undefined
14 | type Actions = {
15 | [U in T as U['action']]: 'data' extends keyof U ? U['data'] : undefined
16 | }
17 |
18 | type WarpPromiseValue = T extends ((...args: infer P) => Promise)
19 | ? ((...args: P) => Promise)
20 | : T extends ((...args: infer P2) => infer R2)
21 | ? ((...args: P2) => Promise)
22 | : Promise
23 |
24 | type WarpPromiseRecord> = {
25 | [K in keyof T]: WarpPromiseValue
26 | }
27 |
--------------------------------------------------------------------------------
/src/app/(tabs)/search/_layout.tsx:
--------------------------------------------------------------------------------
1 | import { StackScreenWithSearchBar } from '@/constants/layout'
2 | import { colors } from '@/constants/tokens'
3 | import { defaultStyles } from '@/styles'
4 | import i18n, { nowLanguage } from '@/utils/i18n'
5 | import { Stack } from 'expo-router'
6 | import { View } from 'react-native'
7 | const PlaylistsScreenLayout = () => {
8 | const language = nowLanguage.useValue()
9 | return (
10 |
11 |
12 |
19 |
20 |
31 |
32 |
33 | )
34 | }
35 |
36 | export default PlaylistsScreenLayout
37 |
--------------------------------------------------------------------------------
/android/settings.gradle:
--------------------------------------------------------------------------------
1 | rootProject.name = 'CyMusic'
2 |
3 | dependencyResolutionManagement {
4 | versionCatalogs {
5 | reactAndroidLibs {
6 | from(files(new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../gradle/libs.versions.toml")))
7 | }
8 | }
9 | }
10 |
11 | apply from: new File(["node", "--print", "require.resolve('expo/package.json')"].execute(null, rootDir).text.trim(), "../scripts/autolinking.gradle");
12 | useExpoModules()
13 |
14 | apply from: new File(["node", "--print", "require.resolve('@react-native-community/cli-platform-android/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim(), "../native_modules.gradle");
15 | applyNativeModulesSettingsGradle(settings)
16 |
17 | include ':app'
18 | includeBuild(new File(["node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile())
19 |
--------------------------------------------------------------------------------
/src/styles/index.ts:
--------------------------------------------------------------------------------
1 | import { colors, fontSize } from '@/constants/tokens'
2 | import { StyleSheet } from 'react-native'
3 |
4 | export const defaultStyles = StyleSheet.create({
5 | container: {
6 | flex: 1,
7 | backgroundColor: colors.background,
8 | },
9 | text: {
10 | fontSize: fontSize.base,
11 | color: colors.text,
12 | },
13 | })
14 |
15 | export const utilsStyles = StyleSheet.create({
16 | centeredRow: {
17 | flexDirection: 'row',
18 | justifyContent: 'center',
19 | alignItems: 'center',
20 | },
21 | rightRow: {
22 | flexDirection: 'row',
23 | justifyContent: 'flex-end',
24 | alignItems: 'center',
25 | },
26 | slider: {
27 | height: 7,
28 | borderRadius: 16,
29 | },
30 | itemSeparator: {
31 | borderColor: colors.textMuted,
32 | borderWidth: StyleSheet.hairlineWidth,
33 | opacity: 0.3,
34 | },
35 | emptyContentText: {
36 | ...defaultStyles.text,
37 | color: colors.textMuted,
38 | textAlign: 'center',
39 | marginTop: 20,
40 | },
41 | emptyContentImage: {
42 | width: 200,
43 | height: 200,
44 | alignSelf: 'center',
45 | marginTop: 40,
46 | opacity: 0.3,
47 | },
48 | })
49 |
--------------------------------------------------------------------------------
/src/components/utils/musicSdk/tx/tipSearch.js:
--------------------------------------------------------------------------------
1 | import { httpFetch } from '../../request'
2 |
3 | export default {
4 | // regExps: {
5 | // relWord: /RELWORD=(.+)/,
6 | // },
7 | requestObj: null,
8 | tipSearch(str) {
9 | this.cancelTipSearch()
10 | this.requestObj = httpFetch(`https://c.y.qq.com/splcloud/fcgi-bin/smartbox_new.fcg?is_xml=0&format=json&key=${encodeURIComponent(str)}&loginUin=0&hostUin=0&format=json&inCharset=utf8&outCharset=utf-8¬ice=0&platform=yqq&needNewCode=0`, {
11 | headers: {
12 | Referer: 'https://y.qq.com/portal/player.html',
13 | },
14 | })
15 | return this.requestObj.promise.then(({ statusCode, body }) => {
16 | if (statusCode != 200 || body.code != 0) return Promise.reject(new Error('请求失败'))
17 | return body.data
18 | })
19 | },
20 | handleResult(rawData) {
21 | return rawData.map(info => `${info.name} - ${info.singer}`)
22 | },
23 | cancelTipSearch() {
24 | if (this.requestObj && this.requestObj.cancelHttp) this.requestObj.cancelHttp()
25 | },
26 | async search(str) {
27 | return this.tipSearch(str).then(result => this.handleResult(result.song.itemlist))
28 | },
29 | }
30 |
--------------------------------------------------------------------------------
/src/components/utils/musicSdk/utils.js:
--------------------------------------------------------------------------------
1 | import { stringMd5 } from 'react-native-quick-md5'
2 | import { decodeName } from '../common'
3 |
4 | /**
5 | * 获取音乐音质
6 | * @param {*} info
7 | * @param {*} type
8 | */
9 |
10 | export const QUALITYS = ['flac24bit', 'flac', 'wav', 'ape', '320k', '192k', '128k']
11 | export const getMusicType = (info, type) => {
12 | const list = global.lx.qualityList[info.source]
13 | if (!list) return '128k'
14 | if (!list.includes(type)) type = list[list.length - 1]
15 | const rangeType = QUALITYS.slice(QUALITYS.indexOf(type))
16 | for (const type of rangeType) {
17 | if (info._types[type]) return type
18 | }
19 | return '128k'
20 | }
21 |
22 | export const toMD5 = str => stringMd5(str)
23 |
24 |
25 | /**
26 | * 格式化歌手
27 | * @param singers 歌手数组
28 | * @param nameKey 歌手名键值
29 | * @param join 歌手分割字符
30 | */
31 | export const formatSingerName = (singers, nameKey = 'name', join = '、') => {
32 | if (Array.isArray(singers)) {
33 | const singer = []
34 | singers.forEach(item => {
35 | let name = item[nameKey]
36 | if (!name) return
37 | singer.push(name)
38 | })
39 | return decodeName(singer.join(join))
40 | }
41 | return decodeName(String(singers ?? ''))
42 | }
43 |
--------------------------------------------------------------------------------
/src/helpers/searchAll.ts:
--------------------------------------------------------------------------------
1 | // helpers/searchAll.ts
2 |
3 | import { searchArtist, searchMusic } from '@/helpers/userApi/xiaoqiu'
4 | import { Track } from 'react-native-track-player'
5 |
6 | const PAGE_SIZE = 20
7 |
8 | type SearchType = 'songs' | 'artists'
9 |
10 | const searchAll = async (
11 | searchText: string,
12 | page: number = 1,
13 | type: SearchType = 'songs',
14 | ): Promise<{ data: Track[]; hasMore: boolean }> => {
15 | console.log('search text+++', searchText, 'page:', page, 'type:', type)
16 |
17 | let result
18 | if (type === 'songs') {
19 | console.log('search song')
20 | result = await searchMusic(searchText, page, PAGE_SIZE)
21 | } else {
22 | console.log('search artist')
23 | result = await searchArtist(searchText, page)
24 | // console.log('search result', result)
25 | // Transform artist results to Track format
26 | result.data = result.data.map((artist) => ({
27 | id: artist.id,
28 | title: artist.name,
29 | artist: artist.name,
30 | artwork: artist.avatar,
31 | isArtist: true,
32 | })) as Track[]
33 | }
34 |
35 | const hasMore = result.data.length === PAGE_SIZE
36 |
37 | return {
38 | data: result.data as Track[],
39 | hasMore,
40 | }
41 | }
42 |
43 | export default searchAll
44 |
--------------------------------------------------------------------------------
/src/app/(modals)/playList.tsx:
--------------------------------------------------------------------------------
1 | import { NowPlayList } from '@/components/NowPlayList'
2 | import { colors, screenPadding } from '@/constants/tokens'
3 | import { usePlayList } from '@/store/playList'
4 | import { defaultStyles } from '@/styles'
5 | import { useHeaderHeight } from '@react-navigation/elements'
6 | import React from 'react'
7 | import { StyleSheet } from 'react-native'
8 | import { SafeAreaView } from 'react-native-safe-area-context'
9 | import { Track } from 'react-native-track-player'
10 |
11 | const PlayListScreen = () => {
12 | const headerHeight = useHeaderHeight()
13 | const tracks = usePlayList()
14 |
15 | return (
16 |
17 |
18 |
19 | )
20 | }
21 |
22 | const styles = StyleSheet.create({
23 | modalContainer: {
24 | flex: 1,
25 | paddingHorizontal: screenPadding.horizontal,
26 | backgroundColor: defaultStyles.container.backgroundColor, // 设置默认背景颜色
27 | },
28 | header: {
29 | fontSize: 28,
30 | fontWeight: 'bold',
31 | padding: 0,
32 | paddingBottom: 20,
33 | paddingTop: 0,
34 | color: colors.text,
35 | },
36 | })
37 |
38 | export default PlayListScreen
39 |
--------------------------------------------------------------------------------
/src/components/utils/musicSdk/tx/api-ikun.js:
--------------------------------------------------------------------------------
1 | import { requestMsg } from '../../message'
2 | import { httpFetch } from '../../request'
3 | import { headers, timeout } from '../options'
4 | import { getMediaSource } from '@/helpers/userApi/xiaoqiu'
5 |
6 | const api_ikun = {
7 | getMusicUrl(songInfo, type) {
8 | console.log('ikun>????s')
9 | const requestObj = httpFetch(`http://110.42.111.49:1314/url/tx/${songInfo.id}/${type}`, {
10 | method: 'get',
11 | timeout,
12 | headers,
13 | family: 4,
14 | })
15 | requestObj.promise = requestObj.promise.then(async ({ body }) => {
16 | // console.log(body.data)
17 | if (!body.data||(typeof body.data === 'string' && body.data.includes('error') ))
18 | {
19 | const resp = await getMediaSource(songInfo, '128k')
20 | console.log('获取成功：' + resp)
21 | return Promise.resolve({ type, url: resp.url })
22 | }
23 | console.log('获取成功：' + body.data)
24 | return body.code === 0
25 | ? Promise.resolve({ type, url: body.data })
26 | : Promise.reject(new Error(requestMsg.fail))
27 | })
28 |
29 | return requestObj.promise
30 | },
31 | getPic(songInfo) {
32 | return {
33 | promise: Promise.resolve(
34 | `https://y.gtimg.cn/music/photo_new/T002R500x500M000${songInfo.albumId}.jpg`,
35 | ),
36 | }
37 | },
38 | }
39 |
40 | export default api_ikun
41 |
--------------------------------------------------------------------------------
/src/utils/mediaIndexMap.ts:
--------------------------------------------------------------------------------
1 | interface IIndexMap {
2 | getIndexMap: () => Record>;
3 | getIndex: (musicItem: ICommon.IMediaBase) => number;
4 | has: (mediaItem: ICommon.IMediaBase) => boolean;
5 | }
6 |
7 | export function createMediaIndexMap(
8 | mediaItems: ICommon.IMediaBase[],
9 | ): IIndexMap {
10 | const indexMap: Record> = {};
11 |
12 | mediaItems.forEach((item, index) => {
13 | // 映射中不存在
14 | if (!indexMap[item.platform]) {
15 | indexMap[item.platform] = {
16 | [item.id]: index,
17 | };
18 | } else {
19 | // 修改映射
20 | indexMap[item.platform][item.id] = index;
21 | }
22 | });
23 |
24 | function getIndexMap() {
25 | return indexMap;
26 | }
27 |
28 | function getIndex(mediaItem: ICommon.IMediaBase) {
29 | if (!mediaItem) {
30 | return -1;
31 | }
32 | return indexMap[mediaItem.platform]?.[mediaItem.id] ?? -1;
33 | }
34 |
35 | function has(mediaItem: ICommon.IMediaBase) {
36 | if (!mediaItem) {
37 | return false;
38 | }
39 |
40 | return indexMap[mediaItem.platform]?.[mediaItem.id] > -1;
41 | }
42 |
43 | return {
44 | getIndexMap,
45 | getIndex,
46 | has,
47 | };
48 | }
49 |
--------------------------------------------------------------------------------
/src/components/PlayerRepeatToggle.tsx:
--------------------------------------------------------------------------------
1 | import { colors } from '@/constants/tokens'
2 | import { useTrackPlayerRepeatMode } from '@/hooks/useTrackPlayerRepeatMode'
3 | import { MaterialCommunityIcons } from '@expo/vector-icons'
4 | import { ComponentProps } from 'react'
5 | import { RepeatMode } from 'react-native-track-player'
6 | import { match } from 'ts-pattern'
7 | import myTrackPlayer, { MusicRepeatMode, repeatModeStore } from '@/helpers/trackPlayerIndex'
8 | import { GlobalState } from '@/utils/stateMapper'
9 |
10 | type IconProps = Omit, 'name'>
11 | type IconName = ComponentProps['name']
12 |
13 | // const repeatOrder = [RepeatMode.Off, RepeatMode.Track, RepeatMode.Queue] as const
14 |
15 | export const PlayerRepeatToggle = ({ ...iconProps }: IconProps) => {
16 |
17 |
18 | const toggleRepeatMode = () => {
19 | myTrackPlayer.toggleRepeatMode()
20 | }
21 |
22 | const icon = match(myTrackPlayer.getRepeatMode())
23 | .returnType()
24 | .with(MusicRepeatMode.SHUFFLE, () => 'shuffle')
25 | .with(MusicRepeatMode.SINGLE, () => 'repeat-once')
26 | .with(MusicRepeatMode.QUEUE, () => 'repeat')
27 | .otherwise(() => 'repeat-off')
28 |
29 | return (
30 |
36 | )
37 | }
38 |
--------------------------------------------------------------------------------
/src/utils/stateMapper.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from 'react'
2 |
3 | export default class StateMapper {
4 | private getFun: () => T
5 | private cbs: Set = new Set([])
6 | constructor(getFun: () => T) {
7 | this.getFun = getFun
8 | }
9 |
10 | notify = () => {
11 | this.cbs.forEach((_) => _?.())
12 | }
13 |
14 | useMappedState = () => {
15 | const [_state, _setState] = useState(this.getFun)
16 | const updateState = () => {
17 | _setState(this.getFun())
18 | }
19 | useEffect(() => {
20 | this.cbs.add(updateState)
21 | return () => {
22 | this.cbs.delete(updateState)
23 | }
24 | }, [])
25 | return _state
26 | }
27 | }
28 |
29 | type UpdateFunc = (prev: T) => T
30 |
31 | export class GlobalState {
32 | private value: T
33 | private stateMapper: StateMapper
34 |
35 | constructor(initValue: T) {
36 | this.value = initValue
37 | this.stateMapper = new StateMapper(this.getValue)
38 | }
39 |
40 | public getValue = () => {
41 | return this.value
42 | }
43 |
44 | public useValue = () => {
45 | return this.stateMapper.useMappedState()
46 | }
47 |
48 | public setValue = (value: T | UpdateFunc) => {
49 | let newValue: T
50 | if (typeof value === 'function') {
51 | newValue = (value as UpdateFunc)(this.value)
52 | } else {
53 | newValue = value
54 | }
55 |
56 | this.value = newValue
57 | this.stateMapper.notify()
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/hooks/useLogTrackPlayerState.tsx:
--------------------------------------------------------------------------------
1 | import { Event, useTrackPlayerEvents } from 'react-native-track-player'
2 |
3 | const events = [
4 | Event.PlaybackState,
5 | Event.PlaybackError,
6 | Event.PlaybackQueueEnded,
7 | Event.PlaybackActiveTrackChanged,
8 | Event.PlaybackPlayWhenReadyChanged,
9 | Event.PlaybackTrackChanged,
10 | Event.PlaybackProgressUpdated,
11 | ]
12 |
13 | export const useLogTrackPlayerState = () => {
14 | useTrackPlayerEvents(events, async (event) => {
15 | if (event.type === Event.PlaybackError) {
16 | console.warn('An error occurred: ', event)
17 | }
18 |
19 | if (event.type === Event.PlaybackState) {
20 | console.log('Playback state: ', event.state)
21 | } else if (event.type === Event.PlaybackQueueEnded) {
22 | console.log(' PlaybackQueueEnded: ', event.track)
23 | } else if (event.type === Event.PlaybackPlayWhenReadyChanged) {
24 | console.log('Ready ?:', event.playWhenReady)
25 | }
26 | // else if (event.type === Event.PlaybackProgressUpdated) {
27 | // const currentPosition = event.position
28 | // const currentLyric =
29 | // LyricManager.getLyricState().lyricParser?.getPosition(currentPosition).lrc
30 | // console.log('PlaybackProgressUpdated: ', currentLyric)
31 | // LyricManager.setCurrentLyric(currentLyric || null)
32 | // // LyricManager.refreshLyric()
33 | // }
34 | else {
35 | // console.log('Track other type:', event.type)
36 | }
37 | })
38 | }
39 |
--------------------------------------------------------------------------------
/src/hooks/useSetupTrackPlayer.tsx:
--------------------------------------------------------------------------------
1 | import myTrackPlayer from '@/helpers/trackPlayerIndex'
2 | import { useEffect, useRef } from 'react'
3 | import TrackPlayer, { Capability, RatingType, RepeatMode } from 'react-native-track-player'
4 |
5 | const setupPlayer = async () => {
6 | await TrackPlayer.setupPlayer({})
7 |
8 | await TrackPlayer.updateOptions({
9 | ratingType: RatingType.Heart,
10 | capabilities: [
11 | Capability.Play,
12 | Capability.Pause,
13 | Capability.SkipToNext,
14 | Capability.SkipToPrevious,
15 | Capability.Stop,
16 | Capability.SeekTo,
17 | ],
18 | progressUpdateEventInterval: 1,
19 | })
20 |
21 | await TrackPlayer.setVolume(1) // 默认音量1
22 | await TrackPlayer.setRepeatMode(RepeatMode.Queue)
23 | }
24 |
25 | export const useSetupTrackPlayer = ({ onLoad }: { onLoad?: () => void }) => {
26 | //useSetupTrackPlayer 这个自定义 Hook 用于初始化音乐播放器，并确保它只初始化一次。
27 | const isInitialized = useRef(false) //是一个 React Hook，用于持有可变的对象，这些对象在组件的生命周期内保持不变。使用 useRef 创建一个引用 isInitialized，初始值为 false。它用于跟踪播放器是否已经初始化。
28 |
29 | useEffect(() => {
30 | //是一个 React Hook，用于在函数组件中执行副作用（如数据获取、订阅等）。
31 | if (isInitialized.current) return
32 |
33 | setupPlayer()
34 | .then(async () => {
35 | await myTrackPlayer.setupTrackPlayer()
36 | isInitialized.current = true
37 | onLoad?.()
38 | })
39 | .catch((error) => {
40 | isInitialized.current = false
41 | console.error(error)
42 | })
43 | }, [onLoad])
44 | }
45 |
--------------------------------------------------------------------------------
/.idea/inspectionProfiles/Project_Default.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/src/app/(tabs)/favorites/favoriteMusic.tsx:
--------------------------------------------------------------------------------
1 | import { PlaylistTracksList } from '@/components/PlaylistTracksList'
2 | import { screenPadding } from '@/constants/tokens'
3 | import { Playlist } from '@/helpers/types'
4 | import { useFavorites } from '@/store/library'
5 | import { defaultStyles } from '@/styles'
6 | import i18n from '@/utils/i18n'
7 | import React, { useMemo } from 'react'
8 | import { ScrollView, View } from 'react-native'
9 | import { Track } from 'react-native-track-player'
10 | const FavoriteMusicScreen = () => {
11 | // const search = useNavigationSearch({
12 | // searchBarOptions: {
13 | // placeholder: 'Find in favorites',
14 | // },
15 | // })
16 |
17 | const { favorites } = useFavorites()
18 | const playListItem = {
19 | name: 'Favorites',
20 | id: 'favorites',
21 | tracks: [],
22 | title: i18n.t('appTab.favoritesSongs'),
23 | coverImg: 'https://y.qq.com/mediastyle/global/img/cover_like.png?max_age=2592000',
24 | description: i18n.t('appTab.favoritesSongs'),
25 | }
26 | const playLists = [playListItem]
27 | const filteredFavoritesTracks = useMemo(() => {
28 | // if (!search) return favorites as Track[]
29 |
30 | return favorites as Track[]
31 | }, [favorites])
32 |
33 | return (
34 |
35 |
39 |
40 |
41 |
42 | )
43 | }
44 | export default FavoriteMusicScreen
45 |
--------------------------------------------------------------------------------
/src/types/user_api.d.ts:
--------------------------------------------------------------------------------
1 | declare namespace LX {
2 | namespace UserApi {
3 | type UserApiSourceInfoType = 'music'
4 | type UserApiSourceInfoActions = 'musicUrl' | 'lyric' | 'pic'
5 |
6 | interface UserApiSourceInfo {
7 | name: string
8 | type: UserApiSourceInfoType
9 | actions: UserApiSourceInfoActions[]
10 | qualitys: LX.Quality[]
11 | }
12 |
13 | type UserApiSources = Record
14 |
15 |
16 | interface UserApiInfo {
17 | id: string
18 | name: string
19 | description: string
20 | // script: string
21 | allowShowUpdateAlert: boolean
22 | author: string
23 | homepage: string
24 | version: string
25 | sources?: UserApiSources
26 | }
27 |
28 | interface UserApiStatus {
29 | status: boolean
30 | message?: string
31 | apiInfo?: UserApiInfo
32 | }
33 |
34 | interface UserApiUpdateInfo {
35 | name: string
36 | description: string
37 | log: string
38 | updateUrl?: string
39 | }
40 |
41 | interface UserApiRequestParams {
42 | requestKey: string
43 | data: any
44 | }
45 | interface UserApiRequestParams {
46 | requestKey: string
47 | data: any
48 | }
49 | type UserApiRequestCancelParams = string
50 | type UserApiSetApiParams = string
51 |
52 | interface UserApiSetAllowUpdateAlertParams {
53 | id: string
54 | enable: boolean
55 | }
56 |
57 | interface ImportUserApi {
58 | apiInfo: UserApiInfo
59 | apiList: UserApiInfo[]
60 | }
61 |
62 | }
63 | }
64 |
--------------------------------------------------------------------------------
/src/hooks/useNavigationSearch.tsx:
--------------------------------------------------------------------------------
1 | import { colors } from '@/constants/tokens'
2 | import { nowLanguage } from '@/utils/i18n'
3 | import { useNavigation } from 'expo-router'
4 | import { debounce } from 'lodash'
5 | import { useCallback, useLayoutEffect, useState } from 'react'
6 | import { SearchBarProps } from 'react-native-screens'
7 |
8 | const defaultSearchOptions: SearchBarProps = {
9 | tintColor: colors.primary,
10 | hideWhenScrolling: false,
11 | }
12 |
13 | export const useNavigationSearch = ({
14 | searchBarOptions,
15 | onFocus,
16 | onBlur,
17 | onCancel,
18 | }: {
19 | searchBarOptions?: SearchBarProps
20 | onFocus?: () => void
21 | onBlur?: () => void
22 | onCancel?: () => void
23 | }) => {
24 | const [search, setSearch] = useState('')
25 |
26 | const navigation = useNavigation()
27 | const language = nowLanguage.useValue()
28 |
29 | const debouncedSetSearch = useCallback(
30 | debounce((text) => {
31 | setSearch(text)
32 | }, 400),
33 | [],
34 | )
35 |
36 | const handleOnChangeText: SearchBarProps['onChangeText'] = ({ nativeEvent: { text } }) => {
37 | debouncedSetSearch(text)
38 | }
39 |
40 | useLayoutEffect(() => {
41 | navigation.setOptions({
42 | headerSearchBarOptions: {
43 | ...defaultSearchOptions,
44 | ...searchBarOptions,
45 | onChangeText: handleOnChangeText,
46 | onFocus: onFocus,
47 | onBlur: onBlur,
48 | onCancelButtonPress: (e) => {
49 | onCancel?.()
50 | searchBarOptions?.onCancelButtonPress?.(e)
51 | },
52 | },
53 | })
54 | }, [navigation, searchBarOptions, onFocus, onBlur, onCancel])
55 |
56 | return search
57 | }
58 |
--------------------------------------------------------------------------------
/src/app/(tabs)/radio/index.tsx:
--------------------------------------------------------------------------------
1 | import { RadioList } from '@/components/RadioList'
2 | import { screenPadding } from '@/constants/tokens'
3 | import { playlistNameFilter } from '@/helpers/filter'
4 | import { Playlist } from '@/helpers/types'
5 | import { useNavigationSearch } from '@/hooks/useNavigationSearch'
6 | import { usePlaylists } from '@/store/library'
7 | import { defaultStyles } from '@/styles'
8 | import i18n from '@/utils/i18n'
9 | import { useRouter } from 'expo-router'
10 | import { useMemo } from 'react'
11 | import { ScrollView, View } from 'react-native'
12 | const RadiolistsScreen = () => {
13 | const router = useRouter()
14 |
15 | const search = useNavigationSearch({
16 | searchBarOptions: {
17 | placeholder: i18n.t('find.inRadio'),
18 | cancelButtonText: i18n.t('find.cancel'),
19 | },
20 | })
21 |
22 | const { playlists, setPlayList } = usePlaylists()
23 | const filteredPlayLists = useMemo(() => {
24 | if (!search) return playlists
25 | return playlists.filter(playlistNameFilter(search))
26 | }, [search, playlists])
27 |
28 | const handlePlaylistPress = (playlist: Playlist) => {
29 | router.push(`/(tabs)/radio/${playlist.title}`)
30 | }
31 |
32 | return (
33 |
34 |
40 |
45 |
46 |
47 | )
48 | }
49 |
50 | export default RadiolistsScreen
51 |
--------------------------------------------------------------------------------
/android/build.gradle:
--------------------------------------------------------------------------------
1 | // Top-level build file where you can add configuration options common to all sub-projects/modules.
2 |
3 | buildscript {
4 | ext {
5 | buildToolsVersion = findProperty('android.buildToolsVersion') ?: '34.0.0'
6 | minSdkVersion = Integer.parseInt(findProperty('android.minSdkVersion') ?: '23')
7 | compileSdkVersion = Integer.parseInt(findProperty('android.compileSdkVersion') ?: '34')
8 | targetSdkVersion = Integer.parseInt(findProperty('android.targetSdkVersion') ?: '34')
9 | kotlinVersion = findProperty('android.kotlinVersion') ?: '1.8.10'
10 |
11 | ndkVersion = "25.1.8937393"
12 | }
13 | repositories {
14 | google()
15 | mavenCentral()
16 | }
17 | dependencies {
18 | classpath('com.android.tools.build:gradle')
19 | classpath('com.facebook.react:react-native-gradle-plugin')
20 | }
21 | }
22 |
23 | apply plugin: "com.facebook.react.rootproject"
24 |
25 | allprojects {
26 | repositories {
27 | maven {
28 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
29 | url(new File(['node', '--print', "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), '../android'))
30 | }
31 | maven {
32 | // Android JSC is installed from npm
33 | url(new File(['node', '--print', "require.resolve('jsc-android/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim(), '../dist'))
34 | }
35 |
36 | google()
37 | mavenCentral()
38 | maven { url 'https://www.jitpack.io' }
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/src/components/utils/musicSdk/xm.js:
--------------------------------------------------------------------------------
1 | // import { apis } from '../api-source'
2 | // import leaderboard from './leaderboard'
3 | // import songList from './songList'
4 | // import musicSearch from './musicSearch'
5 | // import pic from './pic'
6 | // import lyric from './lyric'
7 | // import hotSearch from './hotSearch'
8 | // import comment from './comment'
9 | // import musicInfo from './musicInfo'
10 | // import { closeVerifyModal } from './util'
11 |
12 | const xm = {
13 | // songList,
14 | // musicSearch,
15 | // leaderboard,
16 | // hotSearch,
17 | // closeVerifyModal,
18 | comment: {
19 | getComment() {
20 | return Promise.reject(new Error('fail'))
21 | },
22 | getHotComment() {
23 | return Promise.reject(new Error('fail'))
24 | },
25 | },
26 | getMusicUrl(songInfo, type) {
27 | return {
28 | promise: Promise.reject(new Error('fail')),
29 | }
30 | // return apis('xm').getMusicUrl(songInfo, type)
31 | },
32 | getLyric(songInfo) {
33 | return {
34 | promise: Promise.reject(new Error('fail')),
35 | }
36 | // return lyric.getLyric(songInfo)
37 | },
38 | getPic(songInfo) {
39 | return Promise.reject(new Error('fail'))
40 | // return pic.getPic(songInfo)
41 | },
42 | // getMusicDetailPageUrl(songInfo) {
43 | // if (songInfo.songStringId) return `https://www.xiami.com/song/${songInfo.songStringId}`
44 |
45 | // musicInfo.getMusicInfo(songInfo).then(({ data }) => {
46 | // songInfo.songStringId = data.songStringId
47 | // })
48 | // return `https://www.xiami.com/song/${songInfo.songmid}`
49 | // },
50 | // init() {
51 | // getToken()
52 | // },
53 | }
54 |
55 | export default xm
56 |
--------------------------------------------------------------------------------
/src/components/MovingText.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react'
2 | import Animated, {
3 | Easing,
4 | StyleProps,
5 | cancelAnimation,
6 | useAnimatedStyle,
7 | useSharedValue,
8 | withDelay,
9 | withRepeat,
10 | withTiming,
11 | } from 'react-native-reanimated'
12 |
13 | export type MovingTextProps = {
14 | text: string
15 | animationThreshold: number
16 | style?: StyleProps
17 | }
18 |
19 | export const MovingText = ({ text, animationThreshold, style }: MovingTextProps) => {
20 | const translateX = useSharedValue(0)
21 | const shouldAnimate = text.length >= animationThreshold
22 |
23 | const textWidth = text.length * 3
24 |
25 | useEffect(() => {
26 | if (!shouldAnimate) return
27 |
28 | translateX.value = withDelay(
29 | 1000,
30 | withRepeat(
31 | withTiming(-textWidth, {
32 | duration: 5000,
33 | easing: Easing.linear,
34 | }),
35 | -1,
36 | true,
37 | ),
38 | )
39 |
40 | return () => {
41 | cancelAnimation(translateX)
42 | translateX.value = 0//useEffect 钩子函数的返回值是一个清理函数（cleanup function），它在以下情况下执行：组件卸载时。依赖项（dependency array）中的某个值在重新渲染时发生变化时。
43 | }
44 | }, [translateX, text, animationThreshold, shouldAnimate, textWidth])
45 |
46 | const animatedStyle = useAnimatedStyle(() => {
47 | return {
48 | transform: [{ translateX: translateX.value }],
49 | }
50 | })
51 |
52 | return (
53 |
64 | {text}
65 |
66 | )
67 | }
68 |
--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "expo": {
3 | "name": "CyMusic",
4 | "slug": "CyMusic",
5 | "version": "1.1.7",
6 | "orientation": "portrait",
7 | "icon": "./assets/1024.png",
8 | "userInterfaceStyle": "dark",
9 | "scheme": "cymusic",
10 | "splash": {
11 | "image": "./assets/splash.png",
12 | "resizeMode": "cover",
13 | "backgroundColor": "#000"
14 | },
15 | "assetBundlePatterns": ["**/*"],
16 | "ios": {
17 | "supportsTablet": true,
18 | "bundleIdentifier": "com.music.player.gyc",
19 | "usesIcloudStorage": false,
20 | "infoPlist": {
21 | "UIBackgroundModes": ["audio"],
22 | "UIFileSharingEnabled": true,
23 | "LSSupportsOpeningDocumentsInPlace": true,
24 | "NSAppTransportSecurity": {
25 | "NSAllowsArbitraryLoads": true
26 | },
27 | "CADisableMinimumFrameDurationOnPhone": true
28 | },
29 | "splash": {
30 | "image": "./assets/splash.png",
31 | "resizeMode": "cover",
32 | "backgroundColor": "#000"
33 | }
34 | },
35 | "android": {
36 | "adaptiveIcon": {
37 | "foregroundImage": "./assets/adaptive-icon.png",
38 | "backgroundColor": "#000"
39 | },
40 | "package": "com.music.player.gyc"
41 | },
42 | "web": {
43 | "favicon": "./assets/favicon.png"
44 | },
45 | "plugins": [
46 | "expo-router",
47 | "expo-localization",
48 | [
49 | "expo-share-intent",
50 | {
51 | "iosActivationRules": {
52 | "NSExtensionActivationSupportsFileWithMaxCount": 1,
53 | "NSExtensionActivationSupportsWebURLWithMaxCount": 1,
54 | "NSExtensionActivationSupportsText": 1
55 | }
56 | }
57 | ]
58 | ],
59 | "experiments": {
60 | "typedRoutes": true,
61 | "tsconfigPaths": true
62 | }
63 | }
64 | }
65 |
--------------------------------------------------------------------------------
/src/app/(tabs)/favorites/_layout.tsx:
--------------------------------------------------------------------------------
1 | import AddPlayListButton from '@/components/AddPlayListButton'
2 | import { StackScreenWithSearchBar } from '@/constants/layout'
3 | import { colors } from '@/constants/tokens'
4 | import { defaultStyles } from '@/styles'
5 | import i18n, { nowLanguage } from '@/utils/i18n'
6 | import { Stack } from 'expo-router'
7 | import { View } from 'react-native'
8 | const FavoritesScreenLayout = () => {
9 | const language = nowLanguage.useValue()
10 | return (
11 |
12 |
13 | ,
19 | }}
20 | />
21 |
32 |
43 |
54 |
55 |
56 | )
57 | }
58 |
59 | export default FavoritesScreenLayout
60 |
--------------------------------------------------------------------------------
/src/types/sync.d.ts:
--------------------------------------------------------------------------------
1 | declare global {
2 | namespace LX {
3 | namespace Sync {
4 | interface Status {
5 | status: boolean
6 | message: string
7 | }
8 |
9 | interface KeyInfo {
10 | clientId: string
11 | key: string
12 | serverName: string
13 | }
14 |
15 | interface Socket extends WebSocket {
16 | isReady: boolean
17 | data: {
18 | keyInfo: KeyInfo
19 | urlInfo: UrlInfo
20 | }
21 | moduleReadys: {
22 | list: boolean
23 | dislike: boolean
24 | }
25 |
26 | onClose: (handler: (err: Error) => (void | Promise)) => () => void
27 |
28 | remote: LX.Sync.ServerSyncActions
29 | remoteQueueList: LX.Sync.ServerSyncListActions
30 | remoteQueueDislike: LX.Sync.ServerSyncDislikeActions
31 | }
32 |
33 |
34 | interface ModeTypes {
35 | list: LX.Sync.List.SyncMode
36 | dislike: LX.Sync.Dislike.SyncMode
37 | }
38 |
39 | type ModeType = { [K in keyof ModeTypes]: { type: K, mode: ModeTypes[K] } }[keyof ModeTypes]
40 |
41 | interface UrlInfo {
42 | wsProtocol: string
43 | httpProtocol: string
44 | hostPath: string
45 | href: string
46 | }
47 |
48 | interface ListConfig {
49 | skipSnapshot: boolean
50 | }
51 | interface DislikeConfig {
52 | skipSnapshot: boolean
53 | }
54 | type ServerType = 'desktop-app' | 'server'
55 | interface EnabledFeatures {
56 | list?: false | ListConfig
57 | dislike?: false | DislikeConfig
58 | }
59 | type SupportedFeatures = Partial<{ [k in keyof EnabledFeatures]: number }>
60 | }
61 | }
62 | }
63 |
64 | export {}
65 |
--------------------------------------------------------------------------------
/src/types/list_sync.d.ts:
--------------------------------------------------------------------------------
1 | declare namespace LX {
2 |
3 | namespace Sync {
4 | namespace List {
5 | interface ListInfo {
6 | lastSyncDate?: number
7 | snapshotKey: string
8 | }
9 |
10 | interface SyncActionBase {
11 | action: A
12 | }
13 | interface SyncActionData extends SyncActionBase {
14 | data: D
15 | }
16 | type SyncAction = D extends undefined ? SyncActionBase : SyncActionData
17 | type ActionList = SyncAction<'list_data_overwrite', LX.List.ListActionDataOverwrite>
18 | | SyncAction<'list_create', LX.List.ListActionAdd>
19 | | SyncAction<'list_remove', LX.List.ListActionRemove>
20 | | SyncAction<'list_update', LX.List.ListActionUpdate>
21 | | SyncAction<'list_update_position', LX.List.ListActionUpdatePosition>
22 | | SyncAction<'list_music_add', LX.List.ListActionMusicAdd>
23 | | SyncAction<'list_music_move', LX.List.ListActionMusicMove>
24 | | SyncAction<'list_music_remove', LX.List.ListActionMusicRemove>
25 | | SyncAction<'list_music_update', LX.List.ListActionMusicUpdate>
26 | | SyncAction<'list_music_update_position', LX.List.ListActionMusicUpdatePosition>
27 | | SyncAction<'list_music_overwrite', LX.List.ListActionMusicOverwrite>
28 | | SyncAction<'list_music_clear', LX.List.ListActionMusicClear>
29 |
30 | type ListData = Omit
31 | type SyncMode = 'merge_local_remote'
32 | | 'merge_remote_local'
33 | | 'overwrite_local_remote'
34 | | 'overwrite_remote_local'
35 | | 'overwrite_local_remote_full'
36 | | 'overwrite_remote_local_full'
37 | // | 'none'
38 | | 'cancel'
39 | }
40 |
41 |
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/src/helpers/logger.ts:
--------------------------------------------------------------------------------
1 | import { createStore, useStore } from 'zustand'
2 |
3 | type LogLevel = 'INFO' | 'WARN' | 'ERROR'
4 |
5 | type LogEntry = {
6 | timestamp: string
7 | level: LogLevel
8 | message: string
9 | details?: any[]
10 | }
11 |
12 | interface LoggerState {
13 | logs: LogEntry[]
14 | addLog: (level: LogLevel, ...args: any[]) => void
15 | clearLogs: () => void
16 | }
17 |
18 | const stringifyArg = (arg: any): string => {
19 | if (typeof arg === 'string') return arg
20 | try {
21 | return JSON.stringify(arg, null, 2)
22 | } catch (error) {
23 | return `[Unstringifiable Object]: ${Object.prototype.toString.call(arg)}`
24 | }
25 | }
26 |
27 | export const useLogger = createStore((set) => ({
28 | logs: [],
29 | addLog: (level, ...args) =>
30 | set((state) => {
31 | const message = args.map(stringifyArg).join(' ')
32 | const newLog = {
33 | timestamp: new Date().toISOString(),
34 | level,
35 | message,
36 | details: args.length > 1 ? args : undefined,
37 | }
38 |
39 | // 在控制台打印日志
40 | console.log(`[${newLog.timestamp}] [${level}] ${message}`)
41 |
42 | return {
43 | logs: [
44 | ...state.logs,
45 | {
46 | timestamp: new Date().toISOString(),
47 | level,
48 | message,
49 | details: args.length > 1 ? args : undefined,
50 | },
51 | ],
52 | }
53 | }),
54 | clearLogs: () => set({ logs: [] }),
55 | }))
56 |
57 | const createLogFunction =
58 | (level: LogLevel) =>
59 | (...args: any[]) => {
60 | useLogger.getState().addLog(level, ...args)
61 | }
62 |
63 | export const logInfo = createLogFunction('INFO')
64 | export const logWarn = createLogFunction('WARN')
65 | export const logError = createLogFunction('ERROR')
66 |
67 | export const useLoggerHook = () => useStore(useLogger)
68 |
--------------------------------------------------------------------------------
/src/app/(tabs)/favorites/[name].tsx:
--------------------------------------------------------------------------------
1 | import { PlaylistTracksList } from '@/components/PlaylistTracksList'
2 | import { screenPadding } from '@/constants/tokens'
3 | import myTrackPlayer, { playListsStore } from '@/helpers/trackPlayerIndex'
4 | import { Playlist } from '@/helpers/types'
5 |
6 | import { defaultStyles } from '@/styles'
7 | import { Redirect, useLocalSearchParams } from 'expo-router'
8 | import React, { useCallback, useMemo } from 'react'
9 | import { ScrollView, View } from 'react-native'
10 | import { Track } from 'react-native-track-player'
11 |
12 | const PlaylistScreen = () => {
13 | const { name: playlistID } = useLocalSearchParams<{ name: string }>()
14 | const playlists = playListsStore.useValue() as Playlist[] | null
15 |
16 | const playlist = useMemo(() => {
17 | return playlists?.find((p) => p.id === playlistID)
18 | }, [playlistID, playlists])
19 |
20 | const songs = useMemo(() => {
21 | return playlist?.songs || []
22 | }, [playlist])
23 |
24 | const handleDeleteTrack = useCallback(
25 | (trackId: string) => {
26 | myTrackPlayer.deleteSongFromStoredPlayList(playlist as Playlist, trackId)
27 | },
28 | [playlistID],
29 | )
30 |
31 | if (!playlist) {
32 | console.warn(`Playlist ${playlistID} was not found!`)
33 | return
34 | }
35 |
36 | return (
37 |
38 |
42 |
48 |
49 |
50 | )
51 | }
52 |
53 | export default PlaylistScreen
54 |
--------------------------------------------------------------------------------
/src/components/RadioListItem.tsx:
--------------------------------------------------------------------------------
1 | import { colors } from '@/constants/tokens'
2 | import { Playlist } from '@/helpers/types'
3 | import { defaultStyles } from '@/styles'
4 | import { AntDesign } from '@expo/vector-icons'
5 | import { StyleSheet, Text, TouchableHighlight, TouchableHighlightProps, View } from 'react-native'
6 | import FastImage from 'react-native-fast-image'
7 |
8 | type PlaylistListItemProps = {
9 | playlist: Playlist
10 | } & TouchableHighlightProps
11 |
12 | export const RadioListItem = ({ playlist, ...props }: PlaylistListItemProps) => {
13 | return (
14 |
15 |
16 |
17 |
24 |
25 |
26 |
34 |
35 | {playlist.title}
36 |
37 |
38 |
39 |
40 |
41 |
42 | )
43 | }
44 |
45 | const styles = StyleSheet.create({
46 | playlistItemContainer: {
47 | flexDirection: 'row',
48 | columnGap: 14,
49 | alignItems: 'center',
50 | paddingRight: 90,
51 | },
52 | playlistArtworkImage: {
53 | borderRadius: 8,
54 | width: 70,
55 | height: 70,
56 | },
57 | playlistNameText: {
58 | ...defaultStyles.text,
59 | fontSize: 17,
60 | fontWeight: '600',
61 | maxWidth: '80%',
62 | },
63 | })
64 |
--------------------------------------------------------------------------------
/ios/ShareExtension/MainInterface.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/types/download_list.d.ts:
--------------------------------------------------------------------------------
1 |
2 | // interface DownloadList {
3 |
4 | // }
5 |
6 |
7 | declare namespace LX {
8 | namespace Download {
9 | type DownloadTaskStatus = 'run'
10 | | 'waiting'
11 | | 'pause'
12 | | 'error'
13 | | 'completed'
14 |
15 | type FileExt = 'mp3' | 'flac' | 'wav' | 'ape'
16 |
17 | interface ProgressInfo {
18 | progress: number
19 | speed: string
20 | downloaded: number
21 | total: number
22 | }
23 |
24 | interface DownloadTaskActionBase {
25 | action: A
26 | }
27 | interface DownloadTaskActionData extends DownloadTaskActionBase {
28 | data: D
29 | }
30 | type DownloadTaskAction = D extends undefined ? DownloadTaskActionBase : DownloadTaskActionData
31 |
32 | type DownloadTaskActions = DownloadTaskAction<'start'>
33 | | DownloadTaskAction<'complete'>
34 | | DownloadTaskAction<'refreshUrl'>
35 | | DownloadTaskAction<'statusText', string>
36 | | DownloadTaskAction<'progress', ProgressInfo>
37 | | DownloadTaskAction<'error', {
38 | error?: string
39 | message?: string
40 | }>
41 |
42 | interface ListItem {
43 | id: string
44 | isComplate: boolean
45 | status: DownloadTaskStatus
46 | statusText: string
47 | downloaded: number
48 | total: number
49 | progress: number
50 | speed: string
51 | metadata: {
52 | musicInfo: LX.Music.MusicInfoOnline
53 | url: string | null
54 | quality: LX.Quality
55 | ext: FileExt
56 | fileName: string
57 | filePath: string
58 | }
59 | }
60 |
61 | interface saveDownloadMusicInfo {
62 | list: ListItem[]
63 | addMusicLocationType: LX.AddMusicLocationType
64 | }
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/components/utils/musicSdk/tx/hotSearch.js:
--------------------------------------------------------------------------------
1 | import { httpFetch } from '../../request'
2 |
3 | export default {
4 | _requestObj: null,
5 | async getList(retryNum = 0) {
6 | if (this._requestObj) this._requestObj.cancelHttp()
7 | if (retryNum > 2) return Promise.reject(new Error('try max num'))
8 |
9 | // const _requestObj = httpFetch('https://c.y.qq.com/splcloud/fcgi-bin/gethotkey.fcg', {
10 | // method: 'get',
11 | // headers: {
12 | // Referer: 'https://y.qq.com/portal/player.html',
13 | // },
14 | // })
15 | const _requestObj = httpFetch('https://u.y.qq.com/cgi-bin/musicu.fcg', {
16 | method: 'post',
17 | body: {
18 | comm: {
19 | ct: '19',
20 | cv: '1803',
21 | guid: '0',
22 | patch: '118',
23 | psrf_access_token_expiresAt: 0,
24 | psrf_qqaccess_token: '',
25 | psrf_qqopenid: '',
26 | psrf_qqunionid: '',
27 | tmeAppID: 'qqmusic',
28 | tmeLoginType: 0,
29 | uin: '0',
30 | wid: '0',
31 | },
32 | hotkey: {
33 | method: 'GetHotkeyForQQMusicPC',
34 | module: 'tencent_musicsoso_hotkey.HotkeyService',
35 | param: {
36 | search_id: '',
37 | uin: 0,
38 | },
39 | },
40 | },
41 | headers: {
42 | Referer: 'https://y.qq.com/portal/player.html',
43 | },
44 | })
45 | const { body, statusCode } = await _requestObj.promise
46 | // console.log(body)
47 | if (statusCode != 200 || body.code !== 0) throw new Error('获取热搜词失败')
48 | // console.log(body)
49 | return { source: 'tx', list: this.filterList(body.hotkey.data.vec_hotkey) }
50 | },
51 | filterList(rawList) {
52 | return rawList.map(item => item.query)
53 | },
54 | }
55 |
--------------------------------------------------------------------------------
/src/components/PlaylistListItem.tsx:
--------------------------------------------------------------------------------
1 | import { colors } from '@/constants/tokens'
2 | import { Playlist } from '@/helpers/types'
3 | import { defaultStyles } from '@/styles'
4 | import { AntDesign } from '@expo/vector-icons'
5 | import { StyleSheet, Text, TouchableHighlight, TouchableHighlightProps, View } from 'react-native'
6 | import FastImage from 'react-native-fast-image'
7 |
8 | type PlaylistListItemProps = {
9 | playlist: Playlist
10 | } & TouchableHighlightProps
11 |
12 | export const PlaylistListItem = ({ playlist, ...props }: PlaylistListItemProps) => {
13 | return (
14 |
15 |
16 |
17 |
24 |
25 |
26 |
34 |
35 | {playlist.title}
36 |
37 |
38 |
39 |
40 |
41 |
42 | )
43 | }
44 |
45 | const styles = StyleSheet.create({
46 | playlistItemContainer: {
47 | flexDirection: 'row',
48 | columnGap: 14,
49 | alignItems: 'center',
50 | paddingRight: 90,
51 | },
52 | playlistArtworkImage: {
53 | borderRadius: 8,
54 | width: 70,
55 | height: 70,
56 | },
57 | playlistNameText: {
58 | ...defaultStyles.text,
59 | fontSize: 17,
60 | fontWeight: '600',
61 | maxWidth: '80%',
62 | },
63 | })
64 |
--------------------------------------------------------------------------------
/src/components/utils/musicSdk/api-source.js:
--------------------------------------------------------------------------------
1 | import apiSourceInfo from './api-source-info'
2 |
3 | // import temp_api_kw from './kw/api-temp'
4 | // import test_api_kg from './kg/api-test'
5 | // import test_api_kw from './kw/api-test'
6 | // import test_api_tx from './tx/api-test'
7 | // import test_api_wy from './wy/api-test'
8 | // import test_api_mg from './mg/api-test'
9 |
10 | // import direct_api_kg from './kg/api-direct'
11 | // import direct_api_kw from './kw/api-direct'
12 | // import direct_api_tx from './tx/api-direct'
13 | // import direct_api_wy from './wy/api-direct'
14 | // import direct_api_mg from './mg/api-direct'
15 |
16 |
17 |
18 | const apiList = {
19 | // temp_api_kw,
20 | // // test_api_bd: require('./bd/api-test'),
21 | // test_api_kg,
22 | // test_api_kw,
23 | // test_api_tx,
24 | // test_api_wy,
25 | // test_api_mg,
26 | // direct_api_kg,
27 | // direct_api_kw,
28 | // direct_api_tx,
29 | // direct_api_wy,
30 | // direct_api_mg,
31 | // test_api_tx: require('./tx/api-test'),
32 | // test_api_wy: require('./wy/api-test'),
33 | // test_api_xm: require('./xm/api-test'),
34 | }
35 | const supportQuality = {}
36 |
37 | for (const api of apiSourceInfo) {
38 | supportQuality[api.id] = api.supportQualitys
39 | // for (const source of Object.keys(api.supportQualitys)) {
40 | // const path = `./${source}/api-${api.id}`
41 | // console.log(path)
42 | // apiList[`${api.id}_api_${source}`] = path
43 | // }
44 | }
45 |
46 | // const getAPI = source => apiList[`${settingState.setting['common.apiSource']}_api_${source}`]
47 |
48 | const apis = source => {
49 | // if (/^user_api/.test(settingState.setting['common.apiSource'])) return global.lx.apis[source]
50 | // const api = getAPI(source)
51 | // if (api) return api
52 | // throw new Error('Api is not found')
53 | return global.lx.apis[source]
54 | }
55 |
56 | export { apis, supportQuality }
57 |
--------------------------------------------------------------------------------
/src/components/RadioList.tsx:
--------------------------------------------------------------------------------
1 | import { RadioListItem } from '@/components/RadioListItem'
2 | import { unknownTrackImageUri } from '@/constants/images'
3 | import { Playlist } from '@/helpers/types'
4 | import { useNavigationSearch } from '@/hooks/useNavigationSearch'
5 | import { utilsStyles } from '@/styles'
6 | import i18n from '@/utils/i18n'
7 | import { useMemo } from 'react'
8 | import { FlatList, FlatListProps, Text, View } from 'react-native'
9 | import FastImage from 'react-native-fast-image'
10 | type PlaylistsListProps = {
11 | playlists: Playlist[]
12 | onPlaylistPress: (playlist: Playlist) => void
13 | } & Partial>
14 |
15 | const ItemDivider = () => (
16 |
17 | )
18 |
19 | export const RadioList = ({
20 | playlists,
21 | onPlaylistPress: handlePlaylistPress,
22 | ...flatListProps
23 | }: PlaylistsListProps) => {
24 | const search = useNavigationSearch({
25 | searchBarOptions: {
26 | placeholder: i18n.t('find.inPlaylist'),
27 | cancelButtonText: i18n.t('find.cancel'),
28 | },
29 | })
30 |
31 | const filteredPlaylist = useMemo(() => {
32 | return playlists
33 | }, [playlists, search])
34 |
35 | return (
36 |
42 | No playlist found
43 |
44 |
48 |
49 | }
50 | data={playlists}
51 | renderItem={({ item: playlist }) => (
52 | handlePlaylistPress(playlist)} />
53 | )}
54 | {...flatListProps}
55 | />
56 | )
57 | }
58 |
--------------------------------------------------------------------------------
/android/app/src/main/res/drawable/rn_edit_text_material.xml:
--------------------------------------------------------------------------------
1 |
2 |
16 |
21 |
22 |
23 |
32 |