@norcy/react-native-toolkit 0.1.16 → 0.1.18

package/lib/typescript/index.d.ts

@@ -4,12 +4,18 @@ type ReactNativeToolkitType = {
 declare const _default: ReactNativeToolkitType;
 export default _default;
 export * from './AppleLoginUtil';
+export * from './ConfigDataModel';
 export * from './DevConfig';
+export * from './Frequence';
 export * from './LoginManager';
+export * from './MessageModel';
 export * from './Notification';
 export * from './PrefData';
 export * from './ReportUtil';
 export * from './SentryManager';
 export * from './SyncPrefData';
+export * from './Tool';
+export * from './VipAndroidManager';
+export * from './VipManager';
 export * from './WeChatLoginUtil';
 export * from './constant';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norcy/react-native-toolkit",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "My Toolkit",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -67,7 +67,8 @@
     "leancloud-storage": "^4.10.1",
     "@react-native-community/async-storage": "^1.12.0",
     "i18n-js": "^4.2.2",
-    "react-native-wechat-lib": "^1.1.26"
+    "react-native-wechat-lib": "^1.1.26",
+    "react-native-purchases": "5.6.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -78,7 +79,8 @@
     "leancloud-storage": "*",
     "@react-native-community/async-storage": "*",
     "i18n-js": "*",
-    "react-native-wechat-lib": "*"
+    "react-native-wechat-lib": "*",
+    "react-native-purchases": "*"
   },
   "jest": {
     "preset": "react-native",

package/src/ConfigDataModel.ts

@@ -0,0 +1,146 @@
+import { Object } from 'leancloud-storage';
+import { Platform } from 'react-native';
+import { getReadableVersion } from 'react-native-device-info';
+import { DevConfig } from './DevConfig';
+import { BuildInPrefs } from './PrefData';
+import { VipManager } from './VipManager';
+
+const EventEmitter = require('events').EventEmitter;
+const eventEmitter = new EventEmitter();
+const semverGt = require('semver/functions/gt');
+const semverGte = require('semver/functions/gte');
+const semverCoerce = require('semver/functions/coerce');
+
+export interface ConfigsType {
+  [key: string]: any;
+}
+let MyItems: ConfigsType = {};
+let VersionInfo = {
+  currentVersion: semverCoerce(getReadableVersion()).version,
+  latestVersion: semverCoerce(getReadableVersion()).version,
+  isDanger: true,
+  hasNewVersion: false,
+};
+
+const AV = require('leancloud-storage');
+
+const _filterByVersion = (items: Object[]) => {
+  let ret = [];
+  const curVer = semverCoerce(getReadableVersion()).version;
+  for (const item of items) {
+    const minVer = item.get('minVer')?.trim();
+    const maxVer = item.get('maxVer')?.trim();
+    //  确保 cur 处于 [minVer, maxVer)
+    if (minVer?.length && semverGt(semverCoerce(minVer).version, curVer)) {
+      continue;
+    }
+    if (maxVer?.length && semverGte(curVer, semverCoerce(maxVer).version)) {
+      continue;
+    }
+
+    ret.push(item);
+  }
+  return ret;
+};
+
+const _filterByVip = (items: Object[]) => {
+  let ret = [];
+  const isVip = VipManager.isVip();
+  const isForeverVip = VipManager.isForeverVip();
+  for (const item of items) {
+    const vipFilter = item.get('vipFilter');
+    if (
+      vipFilter === 0 ||
+      (vipFilter === 1 && !isVip) ||
+      (vipFilter === 2 && !isForeverVip)
+    ) {
+      ret.push(item);
+    }
+  }
+  return ret;
+};
+
+const _updateKeyValues = (items: Object[]) => {
+  for (const item of items) {
+    let value = item.get('value');
+    if (typeof value === 'string') {
+      // 因为 leancloud 无法配置空白内容，所以 trim 下，这样就能以空格代替空白{
+      value = value.trim();
+    }
+    MyItems[item.get('key')] = value;
+  }
+};
+
+const handleVersionInfo = () => {
+  // online > current，则更新 latestVersion
+  let key = 'ov';
+  if (Platform.OS === 'android') {
+    key = 'aov';
+  }
+  const configVersion = ConfigDataModel.get(key);
+  if (configVersion) {
+    if (
+      semverGt(semverCoerce(configVersion).version, VersionInfo.latestVersion)
+    ) {
+      VersionInfo.latestVersion = semverCoerce(configVersion).version;
+
+      VersionInfo.hasNewVersion = true;
+    }
+    // current <= online，才安全 ，防止忘记修改 online
+    if (
+      !semverGt(VersionInfo.currentVersion, semverCoerce(configVersion).version)
+    ) {
+      VersionInfo.isDanger = false;
+    }
+  }
+
+  if (__DEV__) {
+    if (DevConfig.hasValue(BuildInPrefs.DevDanger)) {
+      VersionInfo.isDanger = DevConfig.getValue(BuildInPrefs.DevDanger);
+    }
+  }
+};
+
+const ConfigDataModel = {
+  init: (defaultValues: ConfigsType) => {
+    MyItems = defaultValues;
+  },
+  fetch: () => {
+    const query = new AV.Query('Configs');
+    query.equalTo('valid', true).equalTo(Platform.OS, true);
+    query
+      .find()
+      .then((items: Object[]) => {
+        // 根据版本过滤
+        items = _filterByVersion(items);
+        // 根据 VIP 状态过滤
+        items = _filterByVip(items);
+        _updateKeyValues(items);
+        // 处理 Version 信息
+        handleVersionInfo();
+        console.log('Config 抓取完毕');
+        ConfigDataModel.emitChange();
+      })
+      .catch((e: any) => {
+        console.error(e);
+      });
+  },
+
+  getVersionConfig: () => {
+    return VersionInfo;
+  },
+
+  get: (key: string) => {
+    return MyItems[key];
+  },
+
+  emitChange: () => {
+    eventEmitter.emit('change');
+  },
+
+  addListenerOnce: (callback: Function) => {
+    eventEmitter.once('change', callback);
+  },
+};
+
+export { ConfigDataModel };

package/src/DevConfig.ts

@@ -1,4 +1,4 @@
-import { BuildInPrefs, PrefData, PrefType } from '@norcy/react-native-toolkit';
+import { BuildInPrefs, PrefData, PrefType } from './PrefData';
 
 export interface DevConfigType {
   label: string;
@@ -46,6 +46,9 @@ export const DevConfig = {
   },
 
   getConfig: (pref: PrefType) => {
+    if (pref?.key?.length === 0) {
+      return [];
+    }
     return DevConfigs[pref.key];
   },
 };

package/src/Frequence.ts

@@ -0,0 +1,70 @@
+import { BuildInPrefs, PrefData } from './PrefData';
+
+export interface FreConfigType {
+  key: string;
+  limit?: number; // 0 表示无限次提示
+  gap?: number; // 单位：秒；0 表示不间断提示
+}
+
+class FreConfigValueType {
+  lastTimestamp: number; // 上一次展示的时间，配合 gap 计算
+  count: number; // 实际展示的次数，配合 limit 计算
+  constructor() {
+    this.count = 0;
+    this.lastTimestamp = 0;
+  }
+}
+
+const now = () => {
+  return new Date().getTime() / 1000;
+};
+
+export const FrequenceManager = {
+  canRun: (config: FreConfigType) => {
+    const configs: { [key: string]: FreConfigValueType } =
+      PrefData.getValue(BuildInPrefs.FrequenceConfig) ?? {};
+    if (!configs[config.key]) {
+      configs[config.key] = new FreConfigValueType();
+    }
+    const configValue: FreConfigValueType = configs[config.key];
+
+    // 优先判断 Count
+    if ((config.limit ?? 0) > 0 && configValue.count >= (config.limit ?? 0)) {
+      console.log('[Frequence] 次数限制', configValue, config);
+      return false;
+    }
+    // 再判断 Time
+    if (
+      (config.gap ?? 0) > 0 &&
+      now() - configValue.lastTimestamp < (config.gap ?? 0)
+    ) {
+      console.log('[Frequence] 时间限制', configValue, config);
+      return false;
+    }
+
+    console.log('[Frequence] 无限制', configValue, config);
+    return true;
+  },
+
+  markFinishForCount: (config: FreConfigType) => {
+    const configs: { [key: string]: FreConfigValueType } =
+      PrefData.getValue(BuildInPrefs.FrequenceConfig) ?? {};
+    if (!configs[config.key]) {
+      configs[config.key] = new FreConfigValueType();
+    }
+    configs[config.key].count++;
+    // console.log('[Frequence] mark finish', configs[config.key]);
+    PrefData.setValue(BuildInPrefs.FrequenceConfig, configs);
+  },
+
+  markFinishForTime: (configKey: string) => {
+    const configs: { [key: string]: FreConfigValueType } =
+      PrefData.getValue(BuildInPrefs.FrequenceConfig) ?? {};
+    if (!configs[configKey]) {
+      configs[configKey] = new FreConfigValueType();
+    }
+    configs[configKey].lastTimestamp = now();
+    // console.log('[Frequence] mark finish', configs[config.key]);
+    PrefData.setValue(BuildInPrefs.FrequenceConfig, configs);
+  },
+};

package/src/LoginManager.ts

@@ -1,17 +1,14 @@
-import {
-  AppleLoginUtil,
-  BuildInPrefs,
-  LoginType,
-  Notification,
-  PrefData,
-  WeChatLoginUtil,
-} from '@norcy/react-native-toolkit';
 import { User } from 'leancloud-storage';
 import { Platform } from 'react-native';
 import { getUniqueIdSync } from 'react-native-device-info';
+import { AppleLoginUtil } from './AppleLoginUtil';
+import { Notification } from './Notification';
+import { BuildInPrefs, PrefData } from './PrefData';
+import { WeChatLoginUtil } from './WeChatLoginUtil';
 import {
   LoginAuthDataType,
   LoginState,
+  LoginType,
   LoginUserDataType,
   UserType,
 } from './constant';
@@ -288,7 +285,7 @@ export const LoginManager = {
 
   batchUpdateUser: async (
     keys: string[],
-    values: string[],
+    values: (string | Date)[],
     callback?: Function
   ) => {
     console.log('Batch Update User Begin: ' + keys + ' ' + values);

package/src/MessageModel.ts

@@ -0,0 +1,191 @@
+import { Platform } from 'react-native';
+import { getReadableVersion } from 'react-native-device-info';
+import { ConfigDataModel } from './ConfigDataModel';
+import { FreConfigType, FrequenceManager } from './Frequence';
+import { LoginManager } from './LoginManager';
+import { BuildInPrefs, PrefData } from './PrefData';
+import { Tool } from './Tool';
+import { VipManager } from './VipManager';
+
+const AV = require('leancloud-storage');
+const EventEmitter = require('events').EventEmitter;
+const eventEmitter = new EventEmitter();
+const semverGt = require('semver/functions/gt');
+const semverGte = require('semver/functions/gte');
+const semverCoerce = require('semver/functions/coerce');
+
+interface Message {
+  objectId: string;
+  android: boolean;
+  ios: boolean;
+  title?: string;
+  content?: string;
+  maxVer?: string;
+  minVer?: string;
+  key?: string;
+  updatedAt: string;
+  valid: boolean;
+  vipFilter?: number;
+  isRead: boolean;
+  users?: string[];
+  limit?: number;
+  gap?: number;
+}
+
+let MyMessages: Message[] = [];
+
+const _filterByVersion = (items: Message[]): Message[] => {
+  let ret: Message[] = [];
+  const curVer = semverCoerce(getReadableVersion()).version;
+  for (const item of items) {
+    const minVer = item.minVer?.trim();
+    const maxVer = item.maxVer?.trim();
+    //  确保 cur 处于 [minVer, maxVer)
+    if (minVer?.length && semverGt(semverCoerce(minVer).version, curVer)) {
+      continue;
+    }
+    if (maxVer?.length && semverGte(curVer, semverCoerce(maxVer).version)) {
+      continue;
+    }
+
+    ret.push(item);
+  }
+  return ret;
+};
+
+const _filterByVip = (items: Message[]): Message[] => {
+  let ret: Message[] = [];
+  const isVip = VipManager.isVip();
+  const isForeverVip = VipManager.isForeverVip();
+  for (const item of items) {
+    const vipFilter = item.vipFilter;
+    if (
+      vipFilter === 0 ||
+      (vipFilter === 1 && !isVip) ||
+      (vipFilter === 2 && !isForeverVip)
+    ) {
+      ret.push(item);
+    }
+  }
+  return ret;
+};
+
+const _filterByUser = (items: Message[]): Message[] => {
+  let ret: Message[] = [];
+  for (const item of items) {
+    const users = item.users;
+    if (users?.length) {
+      if (LoginManager.isLogin()) {
+        if (
+          users?.includes(LoginManager.currentUser()?.AVUser.get('objectId'))
+        ) {
+          ret.push(item);
+        }
+      }
+    } else {
+      ret.push(item);
+    }
+  }
+  return ret;
+};
+
+const _handleReadMessages = (items: Message[]): Message[] => {
+  if (__DEV__) {
+    // return items;
+  }
+
+  // 根据已读状态标为已读
+  const readMsgs = PrefData.getValue(BuildInPrefs.Messages);
+  for (const item of items) {
+    if (readMsgs.includes(item.objectId)) {
+      item.isRead = true;
+    }
+  }
+
+  // 挑选需要强制未读
+  for (const item of items) {
+    if (!item.isRead) {
+      continue;
+    }
+    if (item.key === 'changeLog') {
+      // 强制升级弹窗
+      // Message 是在 Config 回包之后再请求的，因此此时 Config 的值一定是准确的
+      const config = ConfigDataModel.getVersionConfig();
+      if (ConfigDataModel.get('upgrade_alert') && config.hasNewVersion) {
+        item.isRead = false;
+        item.updatedAt = new Date().toString();
+      }
+    } else if (item.key?.length) {
+      const freConfig: FreConfigType = {
+        key: item.key,
+        limit: item.limit,
+        gap: item.gap,
+      };
+      if (FrequenceManager.canRun(freConfig)) {
+        FrequenceManager.markFinishForTime(freConfig.key);
+        item.isRead = false;
+        item.updatedAt = new Date().toString();
+      }
+    }
+  }
+
+  return items;
+};
+
+export const MessageModel = {
+  fetch: () => {
+    const query = new AV.Query('Message');
+    query
+      .equalTo('valid', true)
+      .equalTo(Platform.OS, true)
+      .descending('updatedAt');
+    query
+      .find()
+      .then(async (items: any[]) => {
+        console.log('Message 抓取完毕');
+        MyMessages = items.map((item) => Tool.jsonify(item));
+        MyMessages = _filterByVersion(MyMessages);
+        MyMessages = _filterByVip(MyMessages);
+        MyMessages = _filterByUser(MyMessages);
+        MyMessages = _handleReadMessages(MyMessages);
+
+        // 由于强制插入的未读消息更改了时间，因此需要重新排序
+        MyMessages = MyMessages.sort((a: Message, b: Message) => {
+          let dateA = new Date(a.updatedAt).getTime();
+          let dateB = new Date(b.updatedAt).getTime();
+          return dateB - dateA;
+        });
+        MessageModel.emitChange();
+      })
+      .catch((e: any) => {
+        console.error(e);
+      });
+  },
+
+  getUnreadMessages: (): Message[] => {
+    return MyMessages.filter((item) => !item.isRead);
+  },
+
+  getAllMessages: (): Message[] => {
+    return MyMessages;
+  },
+
+  markMessageRead: async (message: Message) => {
+    if (message.isRead || !message.objectId) {
+      return;
+    }
+    message.isRead = true;
+    const readMsgs = PrefData.getValue(BuildInPrefs.Messages);
+    readMsgs.push(message.objectId);
+    await PrefData.setValue(BuildInPrefs.Messages, readMsgs);
+    MessageModel.emitChange();
+  },
+
+  emitChange: () => {
+    eventEmitter.emit('change', MyMessages.slice());
+  },
+
+  addListenerOnce: (callback: Function) => {
+    eventEmitter.once('change', callback);
+  },
+};

package/src/PrefData.ts

@@ -33,6 +33,16 @@ export const BuildInPrefs: PrefsType = {
     type: 'int',
     default: 0,
   },
+  FrequenceConfig: {
+    key: 'FrequenceConfig_Key',
+    type: 'object',
+    default: {},
+  },
+  Messages: {
+    key: 'Message_Key5',
+    type: 'array',
+    default: [],
+  },
 };
 
 const getPrefByKey = (Prefs: PrefsType, key: string) => {

package/src/SentryManager.ts

@@ -1,5 +1,6 @@
-import { Notification, UserType } from '@norcy/react-native-toolkit';
 import * as Sentry from '@sentry/react-native';
+import { Notification } from './Notification';
+import { UserType } from './constant';
 
 export const SentryManager = {
   init: () => {

package/src/Tool.ts

@@ -0,0 +1,64 @@
+export const Tool = {
+  sleep: (delay: number) =>
+    new Promise((resolve) => setTimeout(resolve, delay)),
+
+  formatDate(date: Date, fmt: string): string {
+    fmt = fmt ? fmt : 'yyyy-MM-dd';
+    var o: { [key: string]: number } = {
+      'M+': date.getMonth() + 1, //月份
+      'd+': date.getDate(), //日
+      'h+': date.getHours(), //小时
+      'm+': date.getMinutes(), //分
+      's+': date.getSeconds(), //秒
+      'q+': Math.floor((date.getMonth() + 3) / 3), //季度
+      'S': date.getMilliseconds(), //毫秒
+    };
+
+    //  获取年份
+    if (/(y+)/i.test(fmt)) {
+      fmt = fmt.replace(
+        RegExp.$1,
+        (date.getFullYear() + '').substr(4 - RegExp.$1.length)
+      );
+    }
+
+    for (var k in o) {
+      if (new RegExp('(' + k + ')', 'i').test(fmt)) {
+        fmt = fmt.replace(
+          RegExp.$1,
+          (RegExp.$1.length === 1
+            ? o[k]
+            : ('00' + o[k]).substr(('' + o[k]).length)
+          ).toString()
+        );
+      }
+    }
+    return fmt;
+  },
+
+  isPlainObject: (target: any) => {
+    return (
+      target &&
+      target.toString() === '[object Object]' &&
+      Object.getPrototypeOf(target) === Object.prototype
+    );
+  },
+
+  _jsonify: (target: any): any => {
+    if (target && typeof target.toJSON === 'function') return target.toJSON();
+    // map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一次提供的函数后的返回值
+    if (Array.isArray(target)) return target.map(Tool._jsonify);
+    return target;
+  },
+
+  jsonify: (target: any) =>
+    Tool.isPlainObject(target)
+      ? Object.keys(target).reduce(
+          (result, key) => ({
+            ...result,
+            [key]: Tool._jsonify(target[key]),
+          }),
+          {}
+        )
+      : Tool._jsonify(target),
+};