Vitalik
10 months ago
50 changed files with 492 additions and 249 deletions
@ -1,47 +1,47 @@
@@ -1,47 +1,47 @@
|
||||
{ |
||||
"project_info": { |
||||
"project_number": "552568521005", |
||||
"firebase_url": "https://truthordare-6493e-default-rtdb.europe-west1.firebasedatabase.app", |
||||
"project_id": "truth-or-dare-fcc54", |
||||
"storage_bucket": "truthordare-6493e.appspot.com" |
||||
}, |
||||
"client": [ |
||||
{ |
||||
"client_info": { |
||||
"mobilesdk_app_id": "1:180425292880:android:8690e5274abb413c7da555", |
||||
"android_client_info": { |
||||
"package_name": "com.truth" |
||||
} |
||||
}, |
||||
"oauth_client": [ |
||||
{ |
||||
"client_id": "180425292880-1pfj1drhgqc9j19jit1ahfu7jouodjej.apps.googleusercontent.com", |
||||
"client_type": 3 |
||||
} |
||||
], |
||||
"api_key": [ |
||||
{ |
||||
"current_key": "AIzaSyBXoidUFjbE84RZ8PqIP0IGAsTYU28PEO8" |
||||
} |
||||
], |
||||
"services": { |
||||
"appinvite_service": { |
||||
"other_platform_oauth_client": [ |
||||
{ |
||||
"client_id": "180425292880-1pfj1drhgqc9j19jit1ahfu7jouodjej.apps.googleusercontent.com", |
||||
"client_type": 3 |
||||
}, |
||||
{ |
||||
"client_id": "180425292880-bfueoq3p0oq0b0lf2qviebio2q338eu8.apps.googleusercontent.com", |
||||
"client_type": 2, |
||||
"ios_info": { |
||||
"bundle_id": "org.reactjs.native.example.Truth" |
||||
} |
||||
} |
||||
] |
||||
} |
||||
} |
||||
} |
||||
], |
||||
"configuration_version": "1" |
||||
} |
||||
"project_info": { |
||||
"project_number": "552568521005", |
||||
"firebase_url": "https://truthordare-6493e-default-rtdb.europe-west1.firebasedatabase.app", |
||||
"project_id": "truth-or-dare-fcc54", |
||||
"storage_bucket": "truthordare-6493e.appspot.com" |
||||
}, |
||||
"client": [ |
||||
{ |
||||
"client_info": { |
||||
"mobilesdk_app_id": "1:180425292880:android:8690e5274abb413c7da555", |
||||
"android_client_info": { |
||||
"package_name": "com.truthoraction.jetup" |
||||
} |
||||
}, |
||||
"oauth_client": [ |
||||
{ |
||||
"client_id": "180425292880-1pfj1drhgqc9j19jit1ahfu7jouodjej.apps.googleusercontent.com", |
||||
"client_type": 3 |
||||
} |
||||
], |
||||
"api_key": [ |
||||
{ |
||||
"current_key": "AIzaSyBXoidUFjbE84RZ8PqIP0IGAsTYU28PEO8" |
||||
} |
||||
], |
||||
"services": { |
||||
"appinvite_service": { |
||||
"other_platform_oauth_client": [ |
||||
{ |
||||
"client_id": "180425292880-1pfj1drhgqc9j19jit1ahfu7jouodjej.apps.googleusercontent.com", |
||||
"client_type": 3 |
||||
}, |
||||
{ |
||||
"client_id": "180425292880-bfueoq3p0oq0b0lf2qviebio2q338eu8.apps.googleusercontent.com", |
||||
"client_type": 2, |
||||
"ios_info": { |
||||
"bundle_id": "org.reactjs.native.example.Truth" |
||||
} |
||||
} |
||||
] |
||||
} |
||||
} |
||||
} |
||||
], |
||||
"configuration_version": "1" |
||||
} |
||||
|
||||
Binary file not shown.
@ -1,4 +1,4 @@
@@ -1,4 +1,4 @@
|
||||
package com.truth; |
||||
package com.truthoraction.jetup; |
||||
|
||||
import android.os.Bundle; |
||||
import com.facebook.react.ReactActivity; |
||||
@ -1,4 +1,4 @@
@@ -1,4 +1,4 @@
|
||||
package com.truth; |
||||
package com.truthoraction.jetup; |
||||
|
||||
import android.app.Application; |
||||
import com.facebook.react.PackageList; |
||||
Binary file not shown.
@ -1,3 +1,3 @@
@@ -1,3 +1,3 @@
|
||||
export enum ProductsEnum { |
||||
Crazy = 'Crz', |
||||
Crazy = 'crz', |
||||
} |
||||
|
||||
@ -1,2 +1,2 @@
@@ -1,2 +1,2 @@
|
||||
export * from './truth-or-dare-view' |
||||
export * from './truth-or-dare' |
||||
export * from './player-field.component'; |
||||
|
||||
@ -1,53 +0,0 @@
@@ -1,53 +0,0 @@
|
||||
import React, { useEffect } from 'react' |
||||
import { Font, Icon, colors } from '../../common' |
||||
import { Animated, StyleSheet } from 'react-native' |
||||
import { useAnimationTruthOrDare } from '../animations' |
||||
|
||||
interface IProps { |
||||
item: string |
||||
} |
||||
|
||||
export const TruthOrDareView: React.FC<IProps> = ({ item }) => { |
||||
const { animStyle, startAnimation } = useAnimationTruthOrDare() |
||||
|
||||
useEffect(() => { |
||||
startAnimation() |
||||
}, []) |
||||
return ( |
||||
<Animated.View style={[styles.container, animStyle]}> |
||||
<Icon |
||||
name="magic-star" |
||||
size={24} |
||||
color={colors.turquoise} |
||||
style={styles.starIcon} |
||||
/> |
||||
<Animated.Text style={[styles.text]}>{item}</Animated.Text> |
||||
</Animated.View> |
||||
) |
||||
} |
||||
|
||||
const styles = StyleSheet.create({ |
||||
container: { |
||||
paddingHorizontal: 16, |
||||
paddingVertical: 32, |
||||
backgroundColor: colors.darkPurple, |
||||
borderRadius: 20, |
||||
alignItems: 'center', |
||||
shadowColor: '#190f42', |
||||
shadowOffset: { width: 0, height: 2 }, |
||||
shadowOpacity: 1, |
||||
shadowRadius: 4, |
||||
elevation: 5, |
||||
marginTop: 88, |
||||
}, |
||||
starIcon: { |
||||
marginBottom: 14, |
||||
}, |
||||
text: { |
||||
color: colors.purple, |
||||
fontSize: 22, |
||||
lineHeight: 32, |
||||
textAlign: 'center', |
||||
fontFamily: Font.Roboto400, |
||||
}, |
||||
}) |
||||
@ -0,0 +1,104 @@
@@ -0,0 +1,104 @@
|
||||
import React, { useEffect, useState } from 'react' |
||||
import { Font, Icon, StorageKey, colors, storageService } from '../../common' |
||||
import { Animated, StyleSheet, View } from 'react-native' |
||||
import { useAnimationTruthOrDare } from '../animations' |
||||
import Tts from 'react-native-tts' |
||||
|
||||
interface IProps { |
||||
item: string |
||||
} |
||||
|
||||
export const TruthOrDare: React.FC<IProps> = ({ item }) => { |
||||
const wordsArr = item.trim().split(' ') |
||||
const [voiceover, setVoiceover] = useState(true) |
||||
|
||||
const { animStyle, animValues, startAnimationCard, startAnimTextByVoice } = |
||||
useAnimationTruthOrDare(wordsArr) |
||||
|
||||
useEffect(() => { |
||||
startAnimationCard() |
||||
|
||||
checkAndStartVoiceover() |
||||
}, [item]) |
||||
|
||||
const checkAndStartVoiceover = async () => { |
||||
const isVoicer = await storageService.get(StorageKey.Voiceover) |
||||
|
||||
setVoiceover(isVoicer) |
||||
|
||||
if (isVoicer) { |
||||
Tts.stop() |
||||
Tts.speak(item) |
||||
Tts.addEventListener('tts-start', startAnimTextByVoice) |
||||
} |
||||
} |
||||
|
||||
return ( |
||||
<Animated.View style={[styles.container, animStyle]}> |
||||
<Icon |
||||
name="magic-star" |
||||
size={24} |
||||
color={colors.turquoise} |
||||
style={styles.starIcon} |
||||
/> |
||||
<View style={styles.textWrap}> |
||||
{wordsArr?.map((word, index) => { |
||||
return ( |
||||
<Animated.Text |
||||
key={`${word} + ${index * word.length}`} |
||||
style={[ |
||||
styles.text, |
||||
{ |
||||
opacity: voiceover ? animValues[index] : 1, |
||||
transform: [ |
||||
{ |
||||
translateX: voiceover |
||||
? Animated.multiply( |
||||
animValues[index], |
||||
new Animated.Value(-5), |
||||
) |
||||
: 0, |
||||
}, |
||||
], |
||||
}, |
||||
]}> |
||||
{word + ' '} |
||||
</Animated.Text> |
||||
) |
||||
})} |
||||
</View> |
||||
</Animated.View> |
||||
) |
||||
} |
||||
|
||||
const styles = StyleSheet.create({ |
||||
container: { |
||||
paddingLeft: 21, |
||||
paddingRight: 11, |
||||
paddingVertical: 32, |
||||
backgroundColor: colors.darkPurple, |
||||
borderRadius: 20, |
||||
alignItems: 'center', |
||||
shadowColor: '#190f42', |
||||
shadowOffset: { width: 0, height: 2 }, |
||||
shadowOpacity: 1, |
||||
shadowRadius: 4, |
||||
elevation: 5, |
||||
marginTop: 88, |
||||
}, |
||||
textWrap: { |
||||
flexDirection: 'row', |
||||
flexWrap: 'wrap', |
||||
justifyContent: 'center', |
||||
}, |
||||
starIcon: { |
||||
marginBottom: 14, |
||||
}, |
||||
text: { |
||||
color: colors.purple, |
||||
fontSize: 22, |
||||
lineHeight: 32, |
||||
textAlign: 'center', |
||||
fontFamily: Font.Roboto400, |
||||
}, |
||||
}) |
||||
@ -1 +1,2 @@
@@ -1 +1,2 @@
|
||||
export * from './package-name.config'; |
||||
export * from './voice.config'; |
||||
|
||||
@ -0,0 +1,12 @@
@@ -0,0 +1,12 @@
|
||||
import { Language } from '~module/common' |
||||
|
||||
export const voiceConfig: any = { |
||||
[Language.UA]: { |
||||
language: 'uk-UA', |
||||
voice: 'com.apple.voice.compact.uk-UA.Lesya', |
||||
}, |
||||
[Language.EN]: { |
||||
language: 'en-US', |
||||
voice: 'com.apple.ttsbundle.Samantha-compact', |
||||
}, |
||||
} |
||||
@ -1,2 +1,3 @@
@@ -1,2 +1,3 @@
|
||||
export * from './get-current-truth-dares.hook' |
||||
export * from './use-set-steps-by-package'; |
||||
export * from './use-voice.hook'; |
||||
|
||||
@ -0,0 +1,42 @@
@@ -0,0 +1,42 @@
|
||||
import { useEffect, useState } from 'react' |
||||
import Tts from 'react-native-tts' |
||||
import { voiceConfig } from '../config' |
||||
import { useTranslation } from 'react-i18next' |
||||
|
||||
export const useVoice = () => { |
||||
const { i18n } = useTranslation() |
||||
const [ttsStatus, setTtsStatus] = useState('initiliazing') |
||||
|
||||
useEffect(() => { |
||||
Tts.addEventListener('tts-finish', _event => setTtsStatus('finished')) |
||||
Tts.addEventListener('tts-cancel', _event => setTtsStatus('cancelled')) |
||||
Tts.getInitStatus().then(initTts) |
||||
|
||||
return () => { |
||||
if (ttsStatus === 'finished') { |
||||
Tts.removeEventListener('tts-start', _event => |
||||
setTtsStatus('started'), |
||||
) |
||||
} |
||||
|
||||
Tts.removeEventListener('tts-finish', _event => |
||||
setTtsStatus('finished'), |
||||
) |
||||
Tts.removeEventListener('tts-cancel', _event => |
||||
setTtsStatus('cancelled'), |
||||
) |
||||
} |
||||
}, []) |
||||
|
||||
const initTts = async () => { |
||||
try { |
||||
await Tts.setDefaultLanguage(voiceConfig[i18n.language].language) |
||||
await Tts.setDefaultVoice(voiceConfig[i18n.language].voice) |
||||
await Tts.setDefaultRate(0.5) |
||||
} catch (err) { |
||||
//Samsung S9 has always this error:
|
||||
//"Language is not supported"
|
||||
console.log(`setDefaultLanguage error `, err) |
||||
} |
||||
} |
||||
} |
||||
@ -1,3 +1,4 @@
@@ -1,3 +1,4 @@
|
||||
export * from './selected-language-in-settings.atom' |
||||
export * from './switch-notifications.atom' |
||||
export * from './purchases.atom' |
||||
export * from './switch-voiceover.atom'; |
||||
|
||||
@ -0,0 +1,33 @@
@@ -0,0 +1,33 @@
|
||||
import React, { useEffect, useState } from 'react' |
||||
import { Switch } from 'react-native' |
||||
import { StorageKey, colors, storageService } from '../../common' |
||||
|
||||
export const SwitchVoiceoverAtom = () => { |
||||
const [voiceover, setVoiceover] = useState(true) |
||||
|
||||
const toggleSwitch = async () => { |
||||
setVoiceover(!voiceover) |
||||
await storageService.set(StorageKey.Voiceover, !voiceover) |
||||
} |
||||
|
||||
const getIsVoiceover = async () => { |
||||
const isVoiceover = await storageService.get(StorageKey.Voiceover) |
||||
|
||||
setVoiceover(isVoiceover) |
||||
} |
||||
|
||||
useEffect(() => { |
||||
getIsVoiceover() |
||||
}, []) |
||||
|
||||
return ( |
||||
<Switch |
||||
trackColor={{ true: colors.purple }} |
||||
thumbColor={voiceover ? colors.turquoise : colors.darkPurple} |
||||
ios_backgroundColor={colors.purple} |
||||
onValueChange={toggleSwitch} |
||||
style={{ width: 51 }} |
||||
value={voiceover} |
||||
/> |
||||
) |
||||
} |
||||
Loading…
Reference in new issue