@ledvance/group-ui-biz-bundle 1.0.37 → 1.0.39

package/src/modules/music/MusicManager.ts

@@ -0,0 +1,206 @@
+/* eslint-disable consistent-return */
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable @typescript-eslint/ban-types */
+// @ts-nocheck
+import { NativeModules } from 'react-native';
+import { TYSdk } from 'tuya-panel-kit';
+import _ from 'lodash';
+import { ColorUtils } from '@tuya/tuya-panel-lamp-sdk/lib/utils';
+import { AppleMusicDataType, AppMusicListItemType } from './MusicDataBean';
+
+interface OpenMusicOptions {
+  isColourExist?: boolean;
+  isTempExist?: boolean;
+}
+type MusicCallback = (data: AppleMusicDataType, i: number) => void;
+type Type = 'checking' | 'failure' | 'success' | 'close';
+
+const { native: TYNative, DeviceEventEmitter: DeviceEvent } = TYSdk;
+const { TYRCTMusicManager: TYPublicNative } = NativeModules;
+let isListening = false;
+let isSendEnabled = true;
+let timeOutTimer: number;
+const listeners: {
+  checking?: Function[];
+  failure?: Function[];
+  success?: Function[];
+  close?: Function[];
+} = {};
+
+const startVoice = async () =>
+  new Promise((resolve, reject) => {
+    TYPublicNative.startVoice(d => {
+      TYNative.screenAlwaysOn(true);
+      resolve(d);
+    }, reject);
+  });
+
+const stopVoice = async () =>
+  new Promise((resolve, reject) => {
+    TYPublicNative.stopVoice(d => {
+      TYNative.screenAlwaysOn(false);
+      resolve(d);
+    }, reject);
+  });
+
+const fireEvent = (type: Type) => {
+  listeners[type]?.forEach((cb: Function) => {
+    cb?.();
+  });
+};
+
+const handleTimeOut = () => {
+  return setTimeout(() => {
+    // If there is no audio input within 10 seconds, call the detection event
+    fireEvent('checking');
+    // If there is no audio input within 30 seconds, call the missing event and actively stop monitoring
+    timeOutTimer = setTimeout(() => {
+      close(false);
+      fireEvent('failure');
+    }, 30000);
+  }, 10000);
+};
+
+const handleSuccess = _.throttle(() => {
+  fireEvent('success');
+}, 1000);
+
+export const addListener = (type: Type, cb: Function) => {
+  if (!listeners[type]) {
+    listeners[type] = [];
+  }
+  listeners[type].push(cb);
+};
+export const removeListener = (type: Type, cb: Function) => {
+  if (listeners[type]) {
+    const index = listeners[type].indexOf(cb);
+    if (index >= 0) {
+      listeners[type].splice(index, 1);
+    }
+  }
+};
+
+export const handleAudioRgbChange = _.throttle(
+  (
+    { R, G, B, C: temp, L: bright, index }: any,
+    musicOption: AppMusicListItemType,
+    musicCallback: MusicCallback,
+    onMusicDataPut: (data: AppleMusicDataType) => void,
+    options: OpenMusicOptions
+  ) => {
+    if (!isListening) return;
+    const { isColourExist, isTempExist } = options;
+
+    clearTimeout(timeOutTimer);
+    timeOutTimer = handleTimeOut();
+    handleSuccess();
+    let hue = 0;
+    let saturation = 0;
+    let value = 0;
+    let brightness = 0;
+    let temperature = 0;
+
+    const { mode, colorArea } = musicOption;
+    if (isColourExist) {
+      [hue, saturation, value] = ColorUtils.rgb2hsb(R, G, B).map((v, i) => (i > 0 ? v * 10 : v));
+    } else {
+      // 是否支持白光音乐功能
+      if (typeof bright === 'undefined' || typeof temp === 'undefined') return;
+
+      brightness = bright * 10;
+      temperature = temp * 10;
+      if (!isTempExist) temperature = 1000;
+    }
+
+    if (colorArea) {
+      colorArea.forEach(({ area, hue: h, saturation: s, value: v }) => {
+        const [left, right] = area;
+        if (index >= left && index <= right) {
+          hue = h;
+          saturation = s;
+          value = v;
+        }
+      });
+    }
+
+    const musicData: AppleMusicDataType = {
+      mode,
+      hue: Math.round(hue),
+      saturation: Math.round(saturation),
+      value: Math.round(value),
+      brightness,
+      temperature,
+    };
+
+    musicCallback(musicData, index || 5);
+
+    if (isListening && isSendEnabled) onMusicDataPut?.(musicData);
+  },
+  300
+);
+
+/**
+ * Turn on the microphone and start monitoring
+ */
+export const open = async (
+  musicOption: AppMusicListItemType,
+  musicCallback: MusicCallback,
+  onMusicDataPut: (data: AppleMusicDataType) => void,
+  options: OpenMusicOptions
+) => {
+  if (isListening) return Promise.resolve();
+
+  if (!isSendEnabled) {
+    resume();
+  } else {
+    try {
+      DeviceEvent.addListener('audioRgbChange', (musicData: any) => {
+        handleAudioRgbChange(musicData, musicOption, musicCallback, onMusicDataPut, options);
+      });
+      // Turn on the microphone
+      await startVoice();
+      isListening = true;
+      isSendEnabled = true;
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+};
+
+/**
+ * Turn off the microphone
+ */
+export const close = async (needFire = true) => {
+  if (!isListening) return Promise.resolve();
+
+  handleSuccess.cancel();
+  clearTimeout(timeOutTimer);
+  needFire && fireEvent('close');
+  isListening = false;
+  isSendEnabled = true;
+  try {
+    DeviceEvent.removeAllListeners('audioRgbChange');
+
+    // Turn off the microphone
+    await stopVoice();
+    // Turn off keep screen
+    TYNative.screenAlwaysOn(false);
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+
+/**
+ * Suspend sending
+ */
+export const pause = () => {
+  handleSuccess.cancel();
+  isSendEnabled = false;
+};
+
+/**
+ * Continue to send
+ */
+export const resume = () => {
+  isSendEnabled = true;
+};

package/src/modules/music/MusicPage.tsx

@@ -0,0 +1,206 @@
+import React from 'react'
+import { StyleSheet, View, Text, Image } from 'react-native'
+import { useNavigation } from '@react-navigation/core'
+import Page from '@ledvance/base/src/components/Page'
+import { useDeviceInfo, useGroupConfig } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import I18n from '@ledvance/base/src/i18n'
+import Img from './res'
+import { useDreamMusicData, useMusciData } from './MusicActions'
+import { useReactive, useUpdateEffect } from 'ahooks'
+import { musicTabs } from './MusicDataBean'
+import { SwitchButton, TabBar, Utils } from 'tuya-panel-kit'
+import * as MusicManager from './MusicManager'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import LdvSlider from '@ledvance/base/src/components/ldvSlider'
+import TextFieldStyleButton from '@ledvance/base/src/components/TextFieldStyleButton'
+import { SelectPageParams } from '@ledvance/group-ui-biz-bundle/src/modules/select/SelectPage'
+import { ui_biz_routerKey } from '../../navigation/Routers'
+import { cloneDeep } from 'lodash'
+import { useParams } from '@ledvance/base/src/hooks/Hooks'
+import { ColorParser } from '@ledvance/base/src/utils/ColorParser'
+import { WorkMode } from '@ledvance/base/src/utils/interface'
+const { convertX: cx } = Utils.RatioUtils
+
+export interface MusicPageParams {
+  switchLedDp: string 
+  workModeDp: string 
+  musicDataDp: string
+  dreamMusicDp?: string
+  isMixLight?: boolean
+}
+
+const MusicPage = () => {
+  const deviceInfo = useDeviceInfo()
+  const parmas = useParams<MusicPageParams>()
+  const navigation = useNavigation()
+  const [musicData, setMusicData] = useDreamMusicData(parmas)
+  const [, setMusic] = useMusciData()
+  const [config] = useGroupConfig<any>()
+  const state = useReactive({
+    musicData: cloneDeep(musicData),
+  })
+
+  useUpdateEffect(() =>{
+    state.musicData = cloneDeep(musicData)
+  }, [musicData])
+  
+  const openMusic = () =>{
+    if(config['workMode'] !== WorkMode.Music) state.musicData.lastWorkMode = config['workMode']
+    state.musicData.musicSwitch = true
+    if (parmas.dreamMusicDp && state.musicData.musicType === 0){
+      setMusicData(cloneDeep(state.musicData))
+    }else{
+      // setMusicData({
+      //   ...cloneDeep(state.musicData),
+      //   phoneDpData: ''
+      // }).then()
+      MusicManager.open(
+        state.musicData.phoneMusicData[state.musicData.phoneGenreMode],
+        () => {},
+        async (v) =>{
+          const musicDpData = ColorParser.encodeControlData(
+            v.mode, 
+            v.hue,
+            v.saturation,
+            v.value,
+            v.brightness,
+            v.temperature
+          );
+          // await setMusic(musicDpData)
+          await setMusicData({
+            ...cloneDeep(state.musicData),
+            phoneDpData: musicDpData
+          })
+        },
+        { isColourExist: true, isTempExist: true }
+      )
+    }
+  }
+
+  const closeMusic = () =>{
+    MusicManager.close()
+    state.musicData.musicSwitch = false
+    setMusicData(cloneDeep(state.musicData))
+  }
+
+  const getSelectModeData = (): [string | undefined, any[]] => {
+    const genreModeData = parmas.dreamMusicDp && state.musicData.musicType === 0 ? state.musicData.deviceMusicData : state.musicData.phoneMusicData
+    const genreMode = parmas.dreamMusicDp && state.musicData.musicType === 0 ? state.musicData.deviceGenreMode : state.musicData.phoneGenreMode
+    const title = genreModeData.find(mode => mode.id === genreMode)?.title
+    const selectModeData = genreModeData.map(music => {
+      return {
+        text: music.title,
+        selected: music.id === genreMode,
+        value: music.id,
+      }
+    })
+    return [title, selectModeData]
+  }
+  return (
+    <Page
+      backText={deviceInfo.name}
+      headlineText={I18n.getLang('devicemusic_headline_text')}
+    >
+      <View style={styles.content}>
+        <SwitchButton
+          style={styles.headSwitch}
+          value={state.musicData.musicSwitch}
+          thumbStyle={{ elevation: 0 }}
+          onValueChange={async v => {
+            if(v) {
+              openMusic()
+            }else{
+              closeMusic()
+            }
+          }} />
+        {parmas.dreamMusicDp && <TabBar
+          type='radio'
+          tabs={musicTabs}
+          style={{ borderRadius: cx(8), backgroundColor: '#f6f6f6', height: cx(36) }}
+          tabTextStyle={{ color: '#000' }}
+          tabActiveTextStyle={{ color: '#000', fontWeight: 'bold' }}
+          activeKey={state.musicData.musicType}
+          onChange={async (v) => {
+            state.musicData.musicType = Number(v)
+            if(state.musicData.musicSwitch) openMusic()
+          }}
+        />}
+        <Spacer />
+        <Text style={styles.tiptext}>{I18n.getLang(state.musicData.musicType === 0 ? 'devicemusic_devicemic_description_text' : 'devicemusic_description_text')}</Text>
+        <View style={{ alignItems: 'center', marginVertical: cx(38) }}>
+          <Image
+            style={{ width: cx(200), height: cx(204) }}
+            source={state.musicData.musicSwitch ? Img.app_music_center_on : Img.app_music_center_off}
+            resizeMode="contain"
+          />
+        </View>
+        {
+          state.musicData.musicSwitch &&
+          <>
+            {parmas.dreamMusicDp && state.musicData.musicType === 0 &&
+              <LdvSlider
+                title={I18n.getLang('devicemusic_switch_tab_device_sensitivity')}
+                value={state.musicData.deviceMusicData[state.musicData.deviceGenreMode]?.sensitivity || 50}
+                min={1}
+                max={100}
+                onValueChange={() => { }}
+                onSlidingComplete={(v: number) => {
+                  state.musicData.deviceMusicData = state.musicData.deviceMusicData.map(m => {
+                    if(m.id === state.musicData.deviceGenreMode){
+                      return {
+                        ...m,
+                        sensitivity: v
+                      }
+                    }
+                    return m
+                  })
+                  openMusic()
+                }}
+                subTitleStr={''} />
+            }
+            <TextFieldStyleButton
+              text={getSelectModeData()[0] || I18n.getLang('devicemusic_music_text')}
+              placeholder={I18n.getLang('devicemusic_subheadline_text')}
+              onPress={() => {
+                const paramsSelect: SelectPageParams<number> = {
+                  title: I18n.getLang('devicemusic_subheadline_text'),
+                  data: getSelectModeData()[1],
+                  onSelect: selectPageData => {
+                    if (parmas.dreamMusicDp && state.musicData.musicType === 0) {
+                      state.musicData.deviceGenreMode = selectPageData.value
+                    } else {
+                      state.musicData.phoneGenreMode = selectPageData.value
+                    }
+                    openMusic()
+                  },
+                }
+                navigation.navigate(ui_biz_routerKey.group_ui_biz_select_page, paramsSelect)
+              }}
+            />
+          </>
+        }
+      </View>
+    </Page>
+  )
+}
+
+const styles = StyleSheet.create({
+  content: {
+    flex: 1,
+    marginHorizontal: cx(18)
+  },
+  headSwitch: {
+    position: 'absolute',
+    right: 0,
+    top: - cx(40),
+    zIndex: 2,
+    marginBottom: cx(24)
+  },
+  tiptext: {
+    color: '#000',
+    fontSize: cx(14),
+    lineHeight: cx(14),
+  }
+})
+
+export default MusicPage

package/src/modules/music/res/index.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    app_music_music: any;
+    app_music_ball: any;
+    app_music_game: any;
+    app_music_romantic: any;
+    app_music_check: any;
+    app_music_center_off: any;
+    app_music_center_on: any;
+};
+export default _default;

package/src/modules/music/res/index.ts

@@ -0,0 +1,9 @@
+export default {
+    app_music_music: require('./app_music_music.png'),
+    app_music_ball: require('./app_music_ball.png'),
+    app_music_game: require('./app_music_game.png'),
+    app_music_romantic: require('./app_music_romantic.png'),
+    app_music_check: require('./iconsMaterialOutlinedArrowsNavCheck.png'),
+    app_music_center_off: require('./illustrationsFeaturesMusicDisabled.png'),
+    app_music_center_on: require('./illustrationsFeaturesMusic.png'),
+}

package/src/navigation/Routers.ts

@@ -15,6 +15,10 @@ import RandomTimeForPlugPage from "../modules/randomTimeForPlug/RandomTimeForPlu
 import RandomTimeForPlugDetailPage from "../modules/randomTimeForPlug/RandomTimeForPlugDetailPage";
 import RandomTimeForLightPage from "../modules/randomTimingForLight/RandomTimingForLightPage";
 import RandomTimingForLightDetailPage from "../modules/randomTimingForLight/RandomTimingForLightDetailPage";
+import BiorhythmPage from '../modules/biorhythm/BiorhythmPage'
+import BiorhythmEditPage from '../modules/biorhythm/BiorhythmDetailPage'
+import IconSelectPage from '../modules/biorhythm/IconSelect'
+import MusicPage from '../modules/music/MusicPage'
 
 export const ui_biz_routerKey = {
   'group_ui_biz_timer': 'group_ui_biz_timer',
@@ -33,6 +37,10 @@ export const ui_biz_routerKey = {
   'group_ui_biz_random_time_plug_detail': 'group_ui_biz_random_time_plug_detail',
   'group_ui_biz_random_timing_light': 'group_ui_biz_random_timing_light',
   'group_ui_biz_random_timing_light_detail': 'group_ui_biz_random_timing_light_detail',
+  'group_ui_biz_biological': 'group_ui_biz_biological',
+  'group_ui_biz_biological_detail': 'group_ui_biz_biological_detail',
+  'group_ui_biz_biological_icon_select': 'group_ui_biz_biological_icon_select',
+  'group_ui_biz_music': 'group_ui_biz_music'
 }
 
 export const TimerRouters: NavigationRoute[] = [
@@ -190,3 +198,41 @@ export const RandomTimingForLightRouters: NavigationRoute[] = [
     },
   },
 ]
+
+export const BiologicalRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_biological,
+    component: BiorhythmPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+  {
+    name: ui_biz_routerKey.group_ui_biz_biological_detail,
+    component: BiorhythmEditPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+  {
+    name: ui_biz_routerKey.group_ui_biz_biological_icon_select,
+    component: IconSelectPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+]
+
+export const MusicPageRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.group_ui_biz_music,
+    component: MusicPage,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    },
+  },
+]