@plusscommunities/pluss-core-app 1.5.0 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,7 +6,7 @@ import * as ScreenOrientation from 'expo-screen-orientation';
|
|
|
6
6
|
import { StatusBarHeight, getCompressed, imageExists } from '../helper';
|
|
7
7
|
import { Pl60Icon } from '../fonts';
|
|
8
8
|
import { SharingTools } from './SharingTools';
|
|
9
|
-
import
|
|
9
|
+
import MediaPlayer from './MediaPlayer';
|
|
10
10
|
|
|
11
11
|
class VideoPopup extends Component {
|
|
12
12
|
constructor(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["VideoPopup.js"],"names":["React","Component","Platform","View","Modal","TouchableOpacity","StyleSheet","ScreenOrientation","StatusBarHeight","getCompressed","imageExists","Pl60Icon","SharingTools","MediaPlayer","VideoPopup","constructor","props","checkCompressed","uri","lockAsync","OS","OrientationLock","DEFAULT","ALL","PORTRAIT_UP","url","compressedUri","then","compressedExists","setState","state","isFullScreen","UNSAFE_componentWillReceiveProps","nextProps","renderClose","styles","menuIconContainer","onClose","menuIcon","renderPlayer","playerContainer","render","visible","animationType","style","container","create","backgroundColor","position","top","right","width","height","zIndex","fontSize","padding","textAlign","color","flex","alignItems","justifyContent"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,KAAzB,EAAgCC,gBAAhC,EAAkDC,UAAlD,QAAoE,cAApE;AACA,OAAO,KAAKC,iBAAZ,MAAmC,yBAAnC;AACA,SAASC,eAAT,EAA0BC,aAA1B,EAAyCC,WAAzC,QAA4D,WAA5D;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,
|
|
1
|
+
{"version":3,"sources":["VideoPopup.js"],"names":["React","Component","Platform","View","Modal","TouchableOpacity","StyleSheet","ScreenOrientation","StatusBarHeight","getCompressed","imageExists","Pl60Icon","SharingTools","MediaPlayer","VideoPopup","constructor","props","checkCompressed","uri","lockAsync","OS","OrientationLock","DEFAULT","ALL","PORTRAIT_UP","url","compressedUri","then","compressedExists","setState","state","isFullScreen","UNSAFE_componentWillReceiveProps","nextProps","renderClose","styles","menuIconContainer","onClose","menuIcon","renderPlayer","playerContainer","render","visible","animationType","style","container","create","backgroundColor","position","top","right","width","height","zIndex","fontSize","padding","textAlign","color","flex","alignItems","justifyContent"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,KAAzB,EAAgCC,gBAAhC,EAAkDC,UAAlD,QAAoE,cAApE;AACA,OAAO,KAAKC,iBAAZ,MAAmC,yBAAnC;AACA,SAASC,eAAT,EAA0BC,aAA1B,EAAyCC,WAAzC,QAA4D,WAA5D;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,OAAOC,WAAP,MAAwB,eAAxB;;AAEA,MAAMC,UAAN,SAAyBb,SAAzB,CAAmC;AACjCc,EAAAA,WAAW,CAACC,KAAD,EAAQ;AACjB,UAAMA,KAAN;;AADiB,uDASS,YAAY;AACtC,WAAKC,eAAL,CAAqB,KAAKD,KAAL,CAAWE,GAAhC;AACA,YAAMX,iBAAiB,CAACY,SAAlB,CACJjB,QAAQ,CAACkB,EAAT,KAAgB,KAAhB,GAAwBb,iBAAiB,CAACc,eAAlB,CAAkCC,OAA1D,GAAoEf,iBAAiB,CAACc,eAAlB,CAAkCE,GADlG,CAAN;AAGD,KAdkB;;AAAA,kDAqBI,YAAY;AACjC,YAAMhB,iBAAiB,CAACY,SAAlB,CAA4BZ,iBAAiB,CAACc,eAAlB,CAAkCG,WAA9D,CAAN;AACD,KAvBkB;;AAAA,6CAyBDC,GAAG,IAAI;AACvB,YAAMC,aAAa,GAAGjB,aAAa,CAACgB,GAAD,CAAnC;AACAf,MAAAA,WAAW,CAACgB,aAAD,CAAX,CAA2BC,IAA3B,CAAgCC,gBAAgB,IAAI;AAClD,aAAKC,QAAL,CAAc;AAAEX,UAAAA,GAAG,EAAEU,gBAAgB,GAAGF,aAAH,GAAmBD;AAA1C,SAAd;AACD,OAFD;AAGD,KA9BkB;;AAGjB,SAAKK,KAAL,GAAa;AACXZ,MAAAA,GAAG,EAAE,EADM;AAEXa,MAAAA,YAAY,EAAE;AAFH,KAAb;AAID;;AASDC,EAAAA,gCAAgC,CAACC,SAAD,EAAY;AAC1C,QAAI,KAAKjB,KAAL,CAAWE,GAAX,KAAmBe,SAAS,CAACf,GAAjC,EAAsC;AACtC,SAAKD,eAAL,CAAqBgB,SAAS,CAACf,GAA/B;AACD;;AAaDgB,EAAAA,WAAW,GAAG;AACZ,wBACE,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAEC,MAAM,CAACC,iBAAhC;AAAmD,MAAA,OAAO,EAAE,KAAKpB,KAAL,CAAWqB,OAAvE;AAAgF,MAAA,aAAa,EAAE;AAA/F,oBACE,oBAAC,QAAD;AAAU,MAAA,IAAI,EAAC,OAAf;AAAuB,MAAA,KAAK,EAAEF,MAAM,CAACG;AAArC,MADF,CADF;AAKD;;AAEDC,EAAAA,YAAY,GAAG;AACb,UAAM;AAAErB,MAAAA;AAAF,QAAU,KAAKY,KAArB;AACA,QAAI,CAACZ,GAAL,EAAU,OAAO,IAAP;AAEV,wBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEiB,MAAM,CAACK;AAApB,oBACE,oBAAC,WAAD;AACE,MAAA,MAAM,EAAEtB,GADV;AAEE,MAAA,cAAc,EAAE,IAFlB;AAGE,MAAA,QAAQ,EAAE,IAHZ;AAIE,MAAA,kBAAkB,EAAEa,YAAY,IAAI,KAAKF,QAAL,CAAc;AAAEE,QAAAA;AAAF,OAAd;AAJtC,MADF,CADF;AAUD;;AAEDU,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEV,MAAAA;AAAF,QAAmB,KAAKD,KAA9B;AACA,UAAM;AAAEY,MAAAA,OAAF;AAAWL,MAAAA,OAAX;AAAoBM,MAAAA,aAApB;AAAmCC,MAAAA;AAAnC,QAA6C,KAAK5B,KAAxD;AAEA,wBACE,oBAAC,KAAD;AACE,MAAA,OAAO,EAAE0B,OADX;AAEE,MAAA,aAAa,EAAEC,aAAa,IAAI,MAFlC;AAGE,MAAA,cAAc,EAAEN,OAHlB;AAIE,MAAA,KAAK,EAAE,CAACF,MAAM,CAACU,SAAR,EAAmBD,KAAnB,CAJT;AAKE,MAAA,qBAAqB,EAAE,CAAC,UAAD,EAAa,WAAb;AALzB,OAOG,KAAKL,YAAL,EAPH,EAQG,CAACR,YAAD,IAAiB,KAAKG,WAAL,EARpB,EASG,CAACH,YAAD,iBAAiB,oBAAC,YAAD;AAAc,MAAA,GAAG,EAAE,KAAKf,KAAL,CAAWE;AAA9B,MATpB,CADF;AAaD;;AA1EgC;;AA6EnC,MAAMiB,MAAM,GAAG7B,UAAU,CAACwC,MAAX,CAAkB;AAC/BD,EAAAA,SAAS,EAAE;AACTE,IAAAA,eAAe,EAAE;AADR,GADoB;AAI/BX,EAAAA,iBAAiB,EAAE;AACjBY,IAAAA,QAAQ,EAAE,UADO;AAEjBC,IAAAA,GAAG,EAAEzC,eAAe,CAAC,CAAD,CAFH;AAGjB0C,IAAAA,KAAK,EAAE,CAHU;AAIjBC,IAAAA,KAAK,EAAE,EAJU;AAKjBC,IAAAA,MAAM,EAAE,EALS;AAMjBC,IAAAA,MAAM,EAAE;AANS,GAJY;AAY/Bf,EAAAA,QAAQ,EAAE;AACRgB,IAAAA,QAAQ,EAAE,EADF;AAERC,IAAAA,OAAO,EAAE,EAFD;AAGRJ,IAAAA,KAAK,EAAE,EAHC;AAIRK,IAAAA,SAAS,EAAE,QAJH;AAKRC,IAAAA,KAAK,EAAE,MALC;AAMRJ,IAAAA,MAAM,EAAE;AANA,GAZqB;AAoB/Bb,EAAAA,eAAe,EAAE;AACfkB,IAAAA,IAAI,EAAE,CADS;AAEfX,IAAAA,eAAe,EAAE,MAFF;AAGfY,IAAAA,UAAU,EAAE,QAHG;AAIfC,IAAAA,cAAc,EAAE;AAJD;AApBc,CAAlB,CAAf;AA4BA,SAAS9C,UAAT","sourcesContent":["import React, { Component } from 'react';\nimport { Platform, View, Modal, TouchableOpacity, StyleSheet } from 'react-native';\nimport * as ScreenOrientation from 'expo-screen-orientation';\nimport { StatusBarHeight, getCompressed, imageExists } from '../helper';\nimport { Pl60Icon } from '../fonts';\nimport { SharingTools } from './SharingTools';\nimport MediaPlayer from './MediaPlayer';\n\nclass VideoPopup extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n uri: '',\n isFullScreen: false,\n };\n }\n\n UNSAFE_componentWillMount = async () => {\n this.checkCompressed(this.props.uri);\n await ScreenOrientation.lockAsync(\n Platform.OS === 'ios' ? ScreenOrientation.OrientationLock.DEFAULT : ScreenOrientation.OrientationLock.ALL,\n );\n };\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (this.props.uri === nextProps.uri) return;\n this.checkCompressed(nextProps.uri);\n }\n\n componentWillUnmount = async () => {\n await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);\n };\n\n checkCompressed = url => {\n const compressedUri = getCompressed(url);\n imageExists(compressedUri).then(compressedExists => {\n this.setState({ uri: compressedExists ? compressedUri : url });\n });\n };\n\n renderClose() {\n return (\n <TouchableOpacity style={styles.menuIconContainer} onPress={this.props.onClose} activeOpacity={0.6}>\n <Pl60Icon name=\"close\" style={styles.menuIcon} />\n </TouchableOpacity>\n );\n }\n\n renderPlayer() {\n const { uri } = this.state;\n if (!uri) return null;\n\n return (\n <View style={styles.playerContainer}>\n <MediaPlayer\n source={uri}\n useVideoPlayer={true}\n autoPlay={true}\n orientationChanged={isFullScreen => this.setState({ isFullScreen })}\n />\n </View>\n );\n }\n\n render() {\n const { isFullScreen } = this.state;\n const { visible, onClose, animationType, style } = this.props;\n\n return (\n <Modal\n visible={visible}\n animationType={animationType || 'fade'}\n onRequestClose={onClose}\n style={[styles.container, style]}\n supportedOrientations={['portrait', 'landscape']}\n >\n {this.renderPlayer()}\n {!isFullScreen && this.renderClose()}\n {!isFullScreen && <SharingTools uri={this.props.uri} />}\n </Modal>\n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: '#000',\n },\n menuIconContainer: {\n position: 'absolute',\n top: StatusBarHeight(0),\n right: 0,\n width: 55,\n height: 55,\n zIndex: 3,\n },\n menuIcon: {\n fontSize: 25,\n padding: 15,\n width: 55,\n textAlign: 'center',\n color: '#fff',\n zIndex: 3,\n },\n playerContainer: {\n flex: 1,\n backgroundColor: '#000',\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n\nexport { VideoPopup };\n"]}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@ import * as ScreenOrientation from 'expo-screen-orientation';
|
|
|
4
4
|
import { StatusBarHeight, getCompressed, imageExists } from '../helper';
|
|
5
5
|
import { Pl60Icon } from '../fonts';
|
|
6
6
|
import { SharingTools } from './SharingTools';
|
|
7
|
-
import
|
|
7
|
+
import MediaPlayer from './MediaPlayer';
|
|
8
8
|
|
|
9
9
|
class VideoPopup extends Component {
|
|
10
10
|
constructor(props) {
|