akanjs 2.2.4-rc.4 → 2.2.4

package/webkit/useCodepush.tsx

@@ -4,6 +4,7 @@ import { HttpClient, mergeVersion, splitVersion } from "akanjs/common";
 import type { ProtoAppInfo, ProtoFile } from "akanjs/constant";
 import { useState } from "react";
 
+// export const useCodepush = ({ serverUrl, branch }: { serverUrl: string; branch: "debug" | "develop" | "main" }) => {
 export const useCodepush = ({ serverUrl }: { serverUrl: string }) => {
   const [update, setUpdate] = useState(false);
   const [version, setVersion] = useState("");
@@ -18,7 +19,7 @@ export const useCodepush = ({ serverUrl }: { serverUrl: string }) => {
       loadCapacitorDevice(),
       loadCapacitorUpdater(),
     ]);
-    
+    //*appInfo 정의
     const info = await Device.getInfo();
     const app = await App.getInfo();
     const pluginVersion = await CapacitorUpdater.getPluginVersion();
@@ -61,7 +62,8 @@ export const useCodepush = ({ serverUrl }: { serverUrl: string }) => {
       buildNum: app.build, //앱내 빌드시 버전 횟수 모르면 고한테 물어보기
       versionOs: info.osVersion,
     };
-
+    //fix lu to akasys
+    // ! NEED TO FIX
     const url = serverUrl.replace("lu", "akasys");
     const httpClient = new HttpClient(url);
     const release = await httpClient.post<(ProtoAppInfo & { appBuild: string }) | null>("/release/codepush", {
@@ -71,10 +73,12 @@ export const useCodepush = ({ serverUrl }: { serverUrl: string }) => {
     const file = await httpClient.get<ProtoFile>(`/file/file/${release.appBuild}`);
 
     return { release: release, bundleFile: file };
+    //* fetch로 서버에게 내 AppInfo 전달.
+    // return await fetch.requestRelease();
   };
 
   const codepush = async () => {
-    
+    //* isNeedUpdate로 업데이트 필요한지 확인
     const newRelease = await checkNewRelease();
     if (!newRelease) return;
     const { release, bundleFile } = newRelease;
@@ -84,7 +88,7 @@ export const useCodepush = ({ serverUrl }: { serverUrl: string }) => {
       url: bundleFile.url,
       version: mergeVersion(release.major, release.minor, release.patch),
     });
-    
+    //* 해제한 파일로 업데이트
     await CapacitorUpdater.set(bundle);
   };
   const getVersion = async () => {
@@ -93,6 +97,7 @@ export const useCodepush = ({ serverUrl }: { serverUrl: string }) => {
   };
 
   const statManager = async () => {
+    // 업데이트 통계 서버에 전달
   };
 
   return { update, version, initialize, checkNewRelease, codepush, statManager };

package/webkit/useContact.tsx

@@ -29,6 +29,7 @@ export const useContact = () => {
         return;
       }
     } catch {
+      //
     }
   };
 

package/webkit/useCsrValues.ts

@@ -196,14 +196,15 @@ const useFadeTrans = ({ clientHeight, location, prevLocation, onBack, history }:
           [
             0,
             0,
+            // -(pageState.bottomInset - prevPageState.bottomInset) * 2
           ],
         ),
         opacity: transProgress.to((progress) => progress),
-        
+        //animate origin from top to bottom
         transformOrigin: "top",
       },
       prevContentStyle: {
-        
+        // top: transProgress.to([0, 1], [0, -(pageState.bottomInset - prevPageState.bottomInset) * 2]),
         height: transProgress.to(
           [0, 1],
           [
@@ -580,9 +581,11 @@ const useBottomUpTrans = ({
       },
       contentStyle: {
         opacity: transProgress.to((progress) => progress),
+        // translateX: transProgress.to([0, 1], [clientWidth / 5, 0]),
       },
       prevContentStyle: {
         opacity: transProgress.to((progress) => 1 - progress),
+        // translateX: transProgress.to([0, 1], [0, -clientWidth / 5]),
       },
     },
     topLeftAction: {
@@ -605,6 +608,7 @@ const useBottomUpTrans = ({
           [
             clientHeight - prevPageState.bottomInset - prevPageState.bottomSafeArea,
             clientHeight - pageState.bottomInset - pageState.bottomSafeArea,
+            // prevPageState.bottomInset ? clientHeight - pageState.bottomInset - pageState.bottomSafeArea : 0,
           ],
         ),
       },
@@ -695,7 +699,7 @@ export const useCsrValues = (rootRouteGuide: RouteGuide, pathRoutes: PathRoute[]
     window.onpopstate = async (ev: PopStateEvent) => {
       const href = window.location.href.replace(window.location.origin, "");
       const routeType =
-        href === getNextLocation()?.href 
+        href === getNextLocation()?.href // && history.current.type !== "back"
           ? "forward"
           : href === getPrevLocation()?.href
             ? "back"
@@ -707,7 +711,7 @@ export const useCsrValues = (rootRouteGuide: RouteGuide, pathRoutes: PathRoute[]
         setHistoryForward({ type: "popForward", location, scrollTop });
         setLocationState({ location: getCurrentLocation(), prevLocation: location });
       } else {
-        
+        // back
         const location = getCurrentLocation();
         await onBack.current[location.pathRoute.pageState.transition]?.();
         setHistoryBack({ type: "popBack", location, scrollTop });
@@ -753,10 +757,10 @@ export const useCsrValues = (rootRouteGuide: RouteGuide, pathRoutes: PathRoute[]
 
   useEffect(() => {
     if (Device.getDevice().info.platform === "web") return;
-    
+    //back 버튼 누르면 뒤로가기
     void loadCapacitorApp().then(({ App }) =>
       App.addListener("backButton", () => {
-        
+        //router 뒤가 없으면 앱
         router.back();
       }),
     );

package/webkit/useDebounce.ts

@@ -2,11 +2,11 @@
 import { useCallback } from "react";
 
 const debounce = <Args extends unknown[], Return>(callback: (...args: Args) => Return, wait = 500) => {
-  
+  // 실행한 함수(setTimeout())를 취소
   let timer: NodeJS.Timeout;
   return (...args: Args) => {
     clearTimeout(timer);
-    
+    // delay가 지나면 callback 함수를 실행
     timer = setTimeout(() => {
       callback(...args);
     }, wait);

package/webkit/usePurchase.tsx

@@ -1,5 +1,7 @@
 "use client";
-
+//! deprecated, @revenuecat/purchases-capacitor로 대체 필요
+// import { fetch } from "@libs/shared";
+// import "cordova-plugin-purchase/www/store.js";
 import "cordova-plugin-purchase/www/store";
 
 import { loadCapacitorApp } from "akanjs/client/capacitor";
@@ -28,6 +30,7 @@ export const usePurchase = ({
 }) => {
   const [isLoading, setIsLoading] = useState(true);
   const billingRef = useRef<any>(null);
+  // const purchase = new Purchase();
 
   useEffect(() => {
     const init = async () => {
@@ -66,7 +69,7 @@ export const usePurchase = ({
       ]);
       await CdvPurchase.store.update();
       await CdvPurchase.store.restorePurchases();
-      
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       CdvPurchase.store.validator = (async (
         request: { id: string; transaction: { id: string; purchaseToken: string; appStoreReceipt: string } },
         callback: (result: {
@@ -74,7 +77,7 @@ export const usePurchase = ({
           data: { id: string; latest_receipt: boolean; transaction: CdvPurchase.Transaction };
         }) => void,
       ) => {
-        const transactionId = request.transaction.id; 
+        const transactionId = request.transaction.id; // 트랜잭션 ID
         const transactions = CdvPurchase.store.localTransactions;
         const verifingTransaction = transactions.find((transaction) => transaction.transactionId === transactionId);
 
@@ -101,10 +104,11 @@ export const usePurchase = ({
 
         billingRef.current = billing.json();
 
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
         callback({
-          
+          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
           ok: !!billing,
-          
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
           data: { id: request.id, latest_receipt: true, transaction: request.transaction } as any,
         });
       }) as any;

package/webkit/usePushNoti.tsx

@@ -32,6 +32,7 @@ export const usePushNoti = () => {
     const device = await Device.getInfo();
     if (device.platform === "web") return;
     const { receive } = await PushNotifications.checkPermissions();
+    //푸시알림이 거절됐으면 앱 세팅으로 넘어감
 
     if (receive === "denied") location.assign("app-settings:");
     else await PushNotifications.register();