@huaapp001/m-play 0.0.1 → 0.0.3
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.
- package/lib/module/package/hooks/useGetUserToken.js +41 -37
- package/lib/module/package/hooks/useGetUserToken.js.map +1 -1
- package/package.json +2 -8
- package/src/NativeMPlay.ts +8 -0
- package/src/config/index.ts +48 -0
- package/src/index.tsx +3 -0
- package/src/package/assets/loading.png +0 -0
- package/src/package/atoms/global.ts +19 -0
- package/src/package/components/webview/index.tsx +89 -0
- package/src/package/const/storage.ts +10 -0
- package/src/package/hooks/useAppGetUID.ts +52 -0
- package/src/package/hooks/useGetNetwork.ts +15 -0
- package/src/package/hooks/useGetUserToken.ts +50 -0
- package/src/package/hooks/useGoogleAndIosLogin.ts +34 -0
- package/src/package/hooks/useInitAfInfo.ts +213 -0
- package/src/package/request/constants.ts +12 -0
- package/src/package/request/index.ts +99 -0
- package/src/package/request/type.ts +24 -0
- package/src/package/screens/home/index.tsx +100 -0
- package/src/package/screens/middle/components/CustomProgressBar.tsx +152 -0
- package/src/package/screens/middle/index.tsx +94 -0
- package/src/package/utils/extractQueryParams.ts +10 -0
- package/src/package/utils/getUrlFromDevice.ts +32 -0
- package/src/package/utils/optionalDependencies.ts +84 -0
- package/src/package/utils/rwd.ts +18 -0
- package/src/types/global.d.ts +6 -0
- package/src/types/optional-modules.d.ts +9 -0
@@ -1,46 +1,50 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
import { useEffect } from 'react';
|
4
|
-
import
|
5
|
-
import
|
6
|
-
import {
|
7
|
-
import
|
8
|
-
import
|
9
|
-
|
4
|
+
// import DeviceInfo from 'react-native-device-info';
|
5
|
+
// import { NativeModules, Platform } from 'react-native';
|
6
|
+
// import { axiosPost } from '../request';
|
7
|
+
// import AsyncStorage from '@react-native-async-storage/async-storage';
|
8
|
+
// import { STORAGE_USER_TOKEN } from '../const/storage';
|
9
|
+
|
10
10
|
const useGetUserToken = jsbridge => {
|
11
|
-
const {
|
12
|
-
googleLogin
|
13
|
-
} = useGoogleAndIosLogin();
|
11
|
+
// const { googleLogin } = useGoogleAndIosLogin();
|
14
12
|
useEffect(() => {
|
15
13
|
jsbridge.addEventListener('LOG_IN', type => {
|
16
|
-
googleLogin().then(googleCredential => {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
}
|
14
|
+
// googleLogin().then((googleCredential) => {
|
15
|
+
// const params = {
|
16
|
+
// uid: global.GLOBAL_USER_UID,
|
17
|
+
// source: '',
|
18
|
+
// phone_version: DeviceInfo.getBrand(),
|
19
|
+
// system_version: DeviceInfo.getSystemVersion(),
|
20
|
+
// language:
|
21
|
+
// Platform.OS === 'ios'
|
22
|
+
// ? NativeModules.SettingsManager.settings.AppleLocale ||
|
23
|
+
// NativeModules.SettingsManager.settings.AppleLanguages[0]
|
24
|
+
// : NativeModules.I18nManager.localeIdentifier,
|
25
|
+
// app_version: DeviceInfo.getVersion(),
|
26
|
+
// account_type: 'google',
|
27
|
+
// unique_id: '',
|
28
|
+
// ip: DeviceInfo.getIpAddressSync(),
|
29
|
+
// id_token: googleCredential?.token,
|
30
|
+
// };
|
31
|
+
// console.log('params', googleCredential?.token);
|
32
|
+
// axiosPost('/register/', params)
|
33
|
+
// .then((res) => {
|
34
|
+
// console.log('res', res);
|
35
|
+
// AsyncStorage.setItem(STORAGE_USER_TOKEN, res.data.token);
|
36
|
+
// console.log('res.data.token', res.data.token);
|
37
|
+
// jsbridge.postMessage({
|
38
|
+
// type: 'USER_STATUS',
|
39
|
+
// payload: {
|
40
|
+
// token: res.data.token,
|
41
|
+
// },
|
42
|
+
// });
|
43
|
+
// })
|
44
|
+
// .catch((err) => {
|
45
|
+
// console.log('err', err);
|
46
|
+
// });
|
47
|
+
// });
|
44
48
|
});
|
45
49
|
}, []);
|
46
50
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["useEffect","
|
1
|
+
{"version":3,"names":["useEffect","useGetUserToken","jsbridge","addEventListener","type"],"sourceRoot":"../../../../src","sources":["package/hooks/useGetUserToken.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC;AACA;AACA;AACA;AACA;;AAEA,MAAMC,eAAe,GAAIC,QAAa,IAAK;EACzC;EACAF,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACC,gBAAgB,CAAC,QAAQ,EAAGC,IAAY,IAAK;MACpD;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IAAA,CACD,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAED,eAAeH,eAAe","ignoreList":[]}
|
package/package.json
CHANGED
@@ -1,11 +1,10 @@
|
|
1
1
|
{
|
2
2
|
"name": "@huaapp001/m-play",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.3",
|
4
4
|
"description": "m-play",
|
5
5
|
"main": "./lib/module/index.js",
|
6
6
|
"module": "./lib/module/index.js",
|
7
7
|
"types": "./lib/typescript/src/index.d.ts",
|
8
|
-
"private": false,
|
9
8
|
"exports": {
|
10
9
|
".": {
|
11
10
|
"import": "./lib/module/index.js",
|
@@ -17,6 +16,7 @@
|
|
17
16
|
"./package.json": "./package.json"
|
18
17
|
},
|
19
18
|
"files": [
|
19
|
+
"src",
|
20
20
|
"lib",
|
21
21
|
"android",
|
22
22
|
"ios",
|
@@ -73,9 +73,6 @@
|
|
73
73
|
"@react-native-clipboard/clipboard": "^1.16.2",
|
74
74
|
"@react-native-community/cli": "15.0.0-alpha.2",
|
75
75
|
"@react-native-community/netinfo": "^11.4.1",
|
76
|
-
"@react-native-firebase/app": "^22.2.0",
|
77
|
-
"@react-native-firebase/auth": "^22.2.0",
|
78
|
-
"@react-native-google-signin/google-signin": "^14.0.1",
|
79
76
|
"@react-native/babel-preset": "0.79.2",
|
80
77
|
"@react-native/eslint-config": "^0.78.0",
|
81
78
|
"@release-it/conventional-changelog": "^9.0.2",
|
@@ -102,9 +99,6 @@
|
|
102
99
|
"@react-native-async-storage/async-storage": "^2.1.2",
|
103
100
|
"@react-native-clipboard/clipboard": "^1.16.2",
|
104
101
|
"@react-native-community/netinfo": "^11.4.1",
|
105
|
-
"@react-native-firebase/app": "^22.2.0",
|
106
|
-
"@react-native-firebase/auth": "^22.2.0",
|
107
|
-
"@react-native-google-signin/google-signin": "^14.0.1",
|
108
102
|
"jotai": "^2.12.5",
|
109
103
|
"react": ">=17.0.0",
|
110
104
|
"react-native": "*",
|
@@ -0,0 +1,48 @@
|
|
1
|
+
// 定义配置类型
|
2
|
+
export interface ConfigType {
|
3
|
+
header: {
|
4
|
+
apiUrl?: string;
|
5
|
+
appId?: string;
|
6
|
+
PACKAGENAME?: string;
|
7
|
+
};
|
8
|
+
webviewUrl: string;
|
9
|
+
adjustConfig: {
|
10
|
+
devKey: string;
|
11
|
+
appId: string;
|
12
|
+
ADJUST_MAX_DELAY_TIME: number;
|
13
|
+
ONELINK_SHARE_VALUE: string;
|
14
|
+
ONELINK_NO_HTTP_VALUE: string;
|
15
|
+
bgImage: string
|
16
|
+
appName: string;
|
17
|
+
loadingText: string;
|
18
|
+
completePrefixUrl: string;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
|
22
|
+
// 声明全局类型
|
23
|
+
declare global {
|
24
|
+
var __MPLAY_CONFIG__: ConfigType | null;
|
25
|
+
}
|
26
|
+
|
27
|
+
// 初始化全局配置
|
28
|
+
if (!global.__MPLAY_CONFIG__) {
|
29
|
+
global.__MPLAY_CONFIG__ = null;
|
30
|
+
}
|
31
|
+
|
32
|
+
// 设置配置
|
33
|
+
export const initializeConfig = (config: ConfigType) => {
|
34
|
+
global.__MPLAY_CONFIG__ = config;
|
35
|
+
};
|
36
|
+
|
37
|
+
// 获取配置
|
38
|
+
export const getConfig = (): ConfigType => {
|
39
|
+
if (!global.__MPLAY_CONFIG__) {
|
40
|
+
throw new Error('Config not initialized. Please call initializeConfig first.');
|
41
|
+
}
|
42
|
+
return global.__MPLAY_CONFIG__;
|
43
|
+
};
|
44
|
+
|
45
|
+
// 重置配置
|
46
|
+
export const resetConfig = () => {
|
47
|
+
global.__MPLAY_CONFIG__ = null;
|
48
|
+
};
|
package/src/index.tsx
ADDED
Binary file
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { atom } from 'jotai';
|
2
|
+
import { Platform } from 'react-native';
|
3
|
+
|
4
|
+
/** 是否允许att权限访问 */
|
5
|
+
export const isAllowAttAccessAtom = atom<boolean>(
|
6
|
+
Platform.OS === 'android' ? true : false
|
7
|
+
);
|
8
|
+
|
9
|
+
/** 存储的深链后面的参数-临时存储 后期需要清除 */
|
10
|
+
export const schemeDeepLinkParamsAtom = atom<Record<string, string>>({});
|
11
|
+
|
12
|
+
/** 是否第一次初始化af成功 */
|
13
|
+
export const isFirstInitAfSuccessAtom = atom(false);
|
14
|
+
|
15
|
+
/** b包webview是否加载完成 */
|
16
|
+
export const bPackageWebviewLoadingFinishAtom = atom(false);
|
17
|
+
|
18
|
+
/** 中间页是否加载完成 */
|
19
|
+
export const MiddleScreenLoadingFinishAtom = atom(false);
|
@@ -0,0 +1,89 @@
|
|
1
|
+
import React, { useRef, useImperativeHandle, forwardRef } from 'react';
|
2
|
+
import { onMessageForRN } from '@tianzhitong/js-bridge';
|
3
|
+
import { WebView } from 'react-native-webview';
|
4
|
+
|
5
|
+
// 注入初始化代码
|
6
|
+
const injectJavaScriptInit = `
|
7
|
+
(function(){
|
8
|
+
window.ReactNativeJsBridge = {
|
9
|
+
callbackSeq: 1,
|
10
|
+
send: function(data) {
|
11
|
+
return new Promise(function(resolve, reject) {
|
12
|
+
const callbackName = 'ReactNativeWebViewCallback_' + ReactNativeJsBridge.callbackSeq++;
|
13
|
+
|
14
|
+
window[callbackName] = function(result) {
|
15
|
+
resolve(result);
|
16
|
+
delete window[callbackName];
|
17
|
+
};
|
18
|
+
|
19
|
+
window.ReactNativeWebView.postMessage(
|
20
|
+
JSON.stringify({
|
21
|
+
callbackId: callbackName,
|
22
|
+
data,
|
23
|
+
}),
|
24
|
+
);
|
25
|
+
});
|
26
|
+
},
|
27
|
+
};
|
28
|
+
|
29
|
+
window.ReactNativeJsBridge.send({
|
30
|
+
type: 'titleChange',
|
31
|
+
data: document.title,
|
32
|
+
});
|
33
|
+
|
34
|
+
new MutationObserver(function(mutations) {
|
35
|
+
window.ReactNativeJsBridge.send({
|
36
|
+
type: 'titleChange',
|
37
|
+
data: mutations[0].target.nodeValue,
|
38
|
+
});
|
39
|
+
}).observe(
|
40
|
+
document.querySelector('title'),
|
41
|
+
{ subtree: true, characterData: true, childList: true }
|
42
|
+
);
|
43
|
+
})();
|
44
|
+
`;
|
45
|
+
|
46
|
+
export default (props: any) => {
|
47
|
+
const {
|
48
|
+
source = {},
|
49
|
+
ref,
|
50
|
+
onLoad = () => {},
|
51
|
+
onLoadEnd = () => {},
|
52
|
+
onShouldStartLoadWithRequest = null,
|
53
|
+
injectJavaScript = '',
|
54
|
+
...other
|
55
|
+
} = props;
|
56
|
+
|
57
|
+
const handleOnLoad = (e) => {
|
58
|
+
onLoad(e);
|
59
|
+
};
|
60
|
+
|
61
|
+
const handleOnLoadEnd = (e) => {
|
62
|
+
onLoadEnd(e);
|
63
|
+
};
|
64
|
+
|
65
|
+
const hanldeShouldStartLoadWithRequest = (e) => {
|
66
|
+
if (onShouldStartLoadWithRequest) {
|
67
|
+
return onShouldStartLoadWithRequest(e);
|
68
|
+
}
|
69
|
+
return true;
|
70
|
+
};
|
71
|
+
|
72
|
+
return (
|
73
|
+
<WebView
|
74
|
+
ref={ref}
|
75
|
+
source={source}
|
76
|
+
webviewDebuggingEnabled
|
77
|
+
domStorageEnabled={true} // 启用 DOM 存储
|
78
|
+
startInLoadingState={true} // 显示加载指示器
|
79
|
+
javaScriptEnabled={true} // 启用 JavaScript
|
80
|
+
onLoad={handleOnLoad}
|
81
|
+
onMessage={onMessageForRN}
|
82
|
+
onLoadEnd={handleOnLoadEnd}
|
83
|
+
onShouldStartLoadWithRequest={hanldeShouldStartLoadWithRequest}
|
84
|
+
injectedJavaScript={`${injectJavaScriptInit}${injectJavaScript}`}
|
85
|
+
allowsInlineMediaPlayback={true}
|
86
|
+
{...other}
|
87
|
+
/>
|
88
|
+
);
|
89
|
+
};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export const STORAGE_USER_ID = 'STORAGE_USER_ID';
|
2
|
+
|
3
|
+
export const STORAGE_USER_TOKEN = 'STORAGE_USER_TOKEN';
|
4
|
+
|
5
|
+
/** 第一次初始化adjust存储key */
|
6
|
+
export const APP_FIRST_INIT_ADJUST_KEY = 'APP_FIRST_INIT_ADJUST_KEY';
|
7
|
+
/** 不带协议的 */
|
8
|
+
export const ONELINK_NO_HTTP_VALUE = 'com.play.flamshort://';
|
9
|
+
/** TODO 链接需要替换 */
|
10
|
+
export const ONELINK_SHARE_VALUE = 'https://flamshort.onelink.me/';
|
@@ -0,0 +1,52 @@
|
|
1
|
+
import { axiosGet, axiosPost } from '../request';
|
2
|
+
import AsyncStorage from '@react-native-async-storage/async-storage';
|
3
|
+
import { useEffect, useState } from 'react';
|
4
|
+
import { NativeModules, Platform } from 'react-native';
|
5
|
+
import deviceInfo from 'react-native-device-info';
|
6
|
+
import { STORAGE_USER_ID } from '../const/storage';
|
7
|
+
import useGetNetwork from './useGetNetwork';
|
8
|
+
|
9
|
+
const useAppGetUID = () => {
|
10
|
+
const [isLoading, setIsLoading] = useState(false);
|
11
|
+
const [isAPackage, setIsAPackage] = useState(false);
|
12
|
+
const [isConnectNetwork] = useGetNetwork();
|
13
|
+
useEffect(() => {
|
14
|
+
if(!isConnectNetwork) return;
|
15
|
+
const getUserId = async () => {
|
16
|
+
try {
|
17
|
+
// 获取ip地址
|
18
|
+
const ipRes = await axiosGet('/get_ip_info/');
|
19
|
+
console.log('ipRes', ipRes);
|
20
|
+
// 获取版本信息
|
21
|
+
const res = await axiosPost('/get_version/', {
|
22
|
+
phone_version: deviceInfo.getBrand(),
|
23
|
+
system_version: deviceInfo.getSystemVersion(),
|
24
|
+
language:
|
25
|
+
Platform.OS === 'ios'
|
26
|
+
? NativeModules.SettingsManager?.settings?.AppleLocale ||
|
27
|
+
NativeModules.SettingsManager?.settings?.AppleLanguages[0]
|
28
|
+
: NativeModules?.I18nManager?.localeIdentifier,
|
29
|
+
app_version: deviceInfo.getVersion(),
|
30
|
+
unique_id: deviceInfo.getUniqueIdSync() + '1112',
|
31
|
+
ip: ipRes.data.ip,
|
32
|
+
});
|
33
|
+
|
34
|
+
console.log('resresres',res)
|
35
|
+
setIsAPackage(res.data.publishStatus !== '1');
|
36
|
+
global.GLOBAL_USER_UID = res.data.user_id;
|
37
|
+
AsyncStorage.setItem(STORAGE_USER_ID, String(res.data.user_id));
|
38
|
+
setIsLoading(true);
|
39
|
+
} catch (ex) {
|
40
|
+
console.log('ex111', ex);
|
41
|
+
}
|
42
|
+
};
|
43
|
+
getUserId();
|
44
|
+
}, [isConnectNetwork]);
|
45
|
+
|
46
|
+
return {
|
47
|
+
isLoading,
|
48
|
+
isAPackage,
|
49
|
+
};
|
50
|
+
};
|
51
|
+
|
52
|
+
export default useAppGetUID;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { useEffect, useState } from 'react';
|
2
|
+
import { useNetInfo } from '@react-native-community/netinfo';
|
3
|
+
|
4
|
+
const useGetNetwork = () => {
|
5
|
+
/** 启动app时是否有网络 */
|
6
|
+
const [isConnectNetwork, setIsConnectNetwork] = useState(false);
|
7
|
+
const { isConnected } = useNetInfo();
|
8
|
+
useEffect(() => {
|
9
|
+
if (isConnected) {
|
10
|
+
setIsConnectNetwork(true);
|
11
|
+
}
|
12
|
+
}, [isConnected, setIsConnectNetwork]);
|
13
|
+
return [isConnectNetwork];
|
14
|
+
};
|
15
|
+
export default useGetNetwork;
|
@@ -0,0 +1,50 @@
|
|
1
|
+
import { useEffect } from 'react';
|
2
|
+
// import DeviceInfo from 'react-native-device-info';
|
3
|
+
// import { NativeModules, Platform } from 'react-native';
|
4
|
+
// import { axiosPost } from '../request';
|
5
|
+
// import AsyncStorage from '@react-native-async-storage/async-storage';
|
6
|
+
// import { STORAGE_USER_TOKEN } from '../const/storage';
|
7
|
+
|
8
|
+
const useGetUserToken = (jsbridge: any) => {
|
9
|
+
// const { googleLogin } = useGoogleAndIosLogin();
|
10
|
+
useEffect(() => {
|
11
|
+
jsbridge.addEventListener('LOG_IN', (type: string) => {
|
12
|
+
// googleLogin().then((googleCredential) => {
|
13
|
+
// const params = {
|
14
|
+
// uid: global.GLOBAL_USER_UID,
|
15
|
+
// source: '',
|
16
|
+
// phone_version: DeviceInfo.getBrand(),
|
17
|
+
// system_version: DeviceInfo.getSystemVersion(),
|
18
|
+
// language:
|
19
|
+
// Platform.OS === 'ios'
|
20
|
+
// ? NativeModules.SettingsManager.settings.AppleLocale ||
|
21
|
+
// NativeModules.SettingsManager.settings.AppleLanguages[0]
|
22
|
+
// : NativeModules.I18nManager.localeIdentifier,
|
23
|
+
// app_version: DeviceInfo.getVersion(),
|
24
|
+
// account_type: 'google',
|
25
|
+
// unique_id: '',
|
26
|
+
// ip: DeviceInfo.getIpAddressSync(),
|
27
|
+
// id_token: googleCredential?.token,
|
28
|
+
// };
|
29
|
+
// console.log('params', googleCredential?.token);
|
30
|
+
// axiosPost('/register/', params)
|
31
|
+
// .then((res) => {
|
32
|
+
// console.log('res', res);
|
33
|
+
// AsyncStorage.setItem(STORAGE_USER_TOKEN, res.data.token);
|
34
|
+
// console.log('res.data.token', res.data.token);
|
35
|
+
// jsbridge.postMessage({
|
36
|
+
// type: 'USER_STATUS',
|
37
|
+
// payload: {
|
38
|
+
// token: res.data.token,
|
39
|
+
// },
|
40
|
+
// });
|
41
|
+
// })
|
42
|
+
// .catch((err) => {
|
43
|
+
// console.log('err', err);
|
44
|
+
// });
|
45
|
+
// });
|
46
|
+
});
|
47
|
+
}, []);
|
48
|
+
};
|
49
|
+
|
50
|
+
export default useGetUserToken;
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { useEffect } from 'react';
|
2
|
+
import { GoogleSignin } from '@react-native-google-signin/google-signin';
|
3
|
+
import auth from '@react-native-firebase/auth';
|
4
|
+
|
5
|
+
const useGoogleAndIosLogin = () => {
|
6
|
+
useEffect(() => {
|
7
|
+
GoogleSignin.configure({
|
8
|
+
webClientId:
|
9
|
+
'964229154053-r3o5j6c6fpq7r35eia03mpfnr5r8frgm.apps.googleusercontent.com',
|
10
|
+
iosClientId:
|
11
|
+
'964229154053-kv218k58e53un307mu8d2i7lrr2ok1kt.apps.googleusercontent.com',
|
12
|
+
});
|
13
|
+
}, []);
|
14
|
+
|
15
|
+
const googleLogin = async () => {
|
16
|
+
try {
|
17
|
+
await GoogleSignin.hasPlayServices({
|
18
|
+
showPlayServicesUpdateDialog: true,
|
19
|
+
});
|
20
|
+
await GoogleSignin.signOut();
|
21
|
+
const { data }: any = await GoogleSignin.signIn();
|
22
|
+
let googleCredential = auth.GoogleAuthProvider.credential(data.idToken);
|
23
|
+
return googleCredential;
|
24
|
+
} catch (error) {
|
25
|
+
// Toast.info('Login failed, please try again later');
|
26
|
+
console.log('谷歌catch错误', error);
|
27
|
+
}
|
28
|
+
};
|
29
|
+
|
30
|
+
return {
|
31
|
+
googleLogin,
|
32
|
+
};
|
33
|
+
};
|
34
|
+
export default useGoogleAndIosLogin;
|