esoftplay 0.0.126-e → 0.0.126-g

package/bin/build.js

@@ -120,7 +120,12 @@ if (fs.existsSync(packjson)) {
 				"associatedDomains": [
 					"applinks:*.domain.com",
 					"applinks:domain.com"
-				]
+				],
+				"infoPlist": {
+					"LSApplicationQueriesSchemes": [
+						"itms-apps"
+					]
+				}
 			}
 
 			fs.writeFile(appjson, JSON.stringify($appjson, null, 2), (err) => {
@@ -313,6 +318,7 @@ export default function App() {
 			'react-native-safe-area-context',
 			'react-native-screens',
 			'react-native-webview',
+			'sp-react-native-in-app-updates',
 			'shorthash',
 			'usestable'
 		]
@@ -369,22 +375,24 @@ export default function App() {
 			// 	fs.writeFileSync('../@firebase/app/dist/index.rn.cjs.js', firebaseText)
 			// }
 			// /* end AsyncStorage @firebase section */
-			if (fs.existsSync('../@expo/vector-icons')) {
-				let esoftplayIcon = ''
-				fs.readdir('../@expo/vector-icons/build', (err, files) => {
-					const dfiles = files.filter((file) => file.includes('d.ts'))
-					dfiles.map((dfile, i) => {
-						const rdfile = fs.readFileSync('../@expo/vector-icons/build/' + dfile, { encoding: 'utf8' })
-						const names = (/import\("\.\/createIconSet"\)\.Icon<((.*))\,.*>/g).exec(rdfile);
-						if (names && names[1].includes('|')) {
-							esoftplayIcon += 'export type ' + dfile.replace('.d.ts', 'Types') + ' = ' + names[1] + '\n';
-						}
+			if (appjson)
+
+				if (fs.existsSync('../@expo/vector-icons')) {
+					let esoftplayIcon = ''
+					fs.readdir('../@expo/vector-icons/build', (err, files) => {
+						const dfiles = files.filter((file) => file.includes('d.ts'))
+						dfiles.map((dfile, i) => {
+							const rdfile = fs.readFileSync('../@expo/vector-icons/build/' + dfile, { encoding: 'utf8' })
+							const names = (/import\("\.\/createIconSet"\)\.Icon<((.*))\,.*>/g).exec(rdfile);
+							if (names && names[1].includes('|')) {
+								esoftplayIcon += 'export type ' + dfile.replace('.d.ts', 'Types') + ' = ' + names[1] + '\n';
+							}
+						})
+						fs.writeFileSync('../@expo/vector-icons/build/esoftplay_icons.ts', esoftplayIcon)
 					})
-					fs.writeFileSync('../@expo/vector-icons/build/esoftplay_icons.ts', esoftplayIcon)
-				})
-			} else {
-				console.log("@expo/vector-icons not installed")
-			}
+				} else {
+					console.log("@expo/vector-icons not installed")
+				}
 			console.log('Please wait until processes has finished...');
 		});
 	}

package/modules/lib/auto_update.tsx

@@ -0,0 +1,75 @@
+// withHooks
+
+import useGlobalState from 'esoftplay/global';
+import { useEffect } from 'react';
+import { Platform } from 'react-native';
+import SpInAppUpdates, { IAUInstallStatus, IAUUpdateKind, NeedsUpdateResponse, StartUpdateOptions, StatusUpdateEvent } from 'sp-react-native-in-app-updates';
+
+
+export interface LibAuto_updateArgs {
+
+}
+export interface LibAuto_updateProps {
+
+}
+
+
+const HIGH_PRIORITY_UPDATE = 5;
+const stateOtherData = useGlobalState<any>(null)
+const stateNeedsUpdate = useGlobalState<boolean>(false)
+const stateError = useGlobalState('')
+
+
+export function startUpdating() {
+  checkForUpdates()
+}
+
+export function checkForUpdates() {
+  const inAppUpdates = new SpInAppUpdates(true)
+  inAppUpdates.checkNeedsUpdate().then((result: NeedsUpdateResponse) => {
+    stateNeedsUpdate.set(result.shouldUpdate)
+    stateOtherData.set(result)
+    if (result.shouldUpdate) {
+      doUpdate()
+    }
+  }).catch((e) => {
+    stateError.set(e)
+  })
+}
+
+function doUpdate() {
+  const inAppUpdates = new SpInAppUpdates(true)
+
+  const onStatusUpdate = (status: StatusUpdateEvent) => {
+    if (status.status === IAUInstallStatus.DOWNLOADED) {
+      inAppUpdates.installUpdate();
+      inAppUpdates.removeStatusUpdateListener(finalStatus => { });
+    }
+  }
+
+  if (!!stateNeedsUpdate?.get()) {
+    let updateOptions: StartUpdateOptions = {};
+    if (Platform.OS === 'android' && stateOtherData.get()) {
+      if (stateOtherData.get()?.updatePriority >= HIGH_PRIORITY_UPDATE) {
+        updateOptions = {
+          updateType: IAUUpdateKind.IMMEDIATE,
+        };
+      } else {
+        updateOptions = {
+          updateType: IAUUpdateKind.FLEXIBLE,
+        };
+      }
+    }
+    inAppUpdates.addStatusUpdateListener(onStatusUpdate);
+    inAppUpdates.startUpdate(updateOptions)
+  }
+}
+
+export default function m(props: LibAuto_updateProps): any {
+
+  useEffect(() => {
+    checkForUpdates()
+  }, [])
+
+  return null
+}

package/modules/lib/collaps.tsx

@@ -3,9 +3,9 @@
 import { useSafeState } from 'esoftplay';
 
 
-import React, { useCallback } from 'react';
+import React, { useEffect } from 'react';
 import { Pressable } from 'react-native';
-import Animated, { interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 
 
 export interface LibCollapsArgs {
@@ -17,42 +17,51 @@ export interface LibCollapsProps {
   style?: any
 }
 export default function m(props: LibCollapsProps): any {
-  const animHeight = useSharedValue(-1)
-  const bodyHeight = useSharedValue(1)
   const [expand, setExpand] = useSafeState(props.show)
+  const opacity = useSharedValue(0);
+  const translateY = useSharedValue(-10);
 
-  const heightStyle = useAnimatedStyle(() => {
+  const animatedStyle = useAnimatedStyle(() => {
     return {
-      overflow: 'hidden',
-      height: interpolate(animHeight.value,
-        [0, 1, 2],
-        [0, bodyHeight.value, bodyHeight.value * 2]),
-      opacity: interpolate(animHeight.value,
-        [-1, 0],
-        [0, 1])
+      opacity: opacity.value,
+      transform: [{ translateY: translateY.value }],
+    };
+  });
+
+  useEffect(() => {
+    if (expand) {
+      toggleAnimation()
     }
-  })
+  }, [expand])
+
+  const toggleAnimation = () => {
+    opacity.value = withTiming(opacity.value === 0 ? 1 : 0, { duration: 300 }, (status) => {
+      if (opacity.value == 0 && status) {
+        runOnJS(setExpand)(false)
+      }
+    });
+    translateY.value = withTiming(opacity.value !== 0 ? -10 : 0, { duration: 300})
+  };
 
-  const toggle = useCallback(() => {
-    animHeight.value = animHeight.value == 0 ? withSpring(1) : withTiming(0)
-    setExpand(animHeight.value != 1)
-  }, [])
+  function toggle() {
+    if (!expand) {
+      setExpand(true)
+    } else {
+      toggleAnimation()
+    }
+  }
 
   return (
-    <Animated.View style={{ overflow: 'hidden' }} >
-      <Pressable onPress={toggle} >
+    <Animated.View>
+       <Pressable onPress={toggle} style={{zIndex:11}} >
         {props.header(expand)}
       </Pressable>
-      <Animated.View
-        onLayout={({ nativeEvent: { layout: { height } } }) => {
-          if (height && animHeight.value == -1) {
-            bodyHeight.value = height + 5
-            animHeight.value = props.show ? 1 : 0
-          }
-        }}
-        style={[heightStyle]}>
-        {props.children}
-      </Animated.View>
+      {expand &&
+        <Animated.View
+          style={[{ paddingBottom: expand ? 10 : 0, zIndex:10 }, animatedStyle]}>
+          {props.children}
+        </Animated.View>
+      }
     </Animated.View>
   )
 }

package/modules/user/hook.tsx

@@ -1,5 +1,6 @@
 // noPage
 
+import { LibAuto_update } from 'esoftplay/cache/lib/auto_update/import';
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 
 
@@ -16,6 +17,10 @@ export default class m extends LibComponent<UserMainProps, UserMainState> {
   }
 
   render(): any {
-    return null
+    return (
+      <>
+        <LibAuto_update />
+      </>
+    )
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay",
-  "version": "0.0.126-e",
+  "version": "0.0.126-g",
   "description": "embedding data from esoftplay framework (web based) into mobile app",
   "main": "cache/index.js",
   "types": "../../index.d.ts",