@akanjs/next 0.9.58-canary.0 → 0.9.58-canary.2

package/cjs/bootCsr.js

@@ -71,7 +71,16 @@ const bootCsr = async (context, registerClient) => {
     })
   );
   const getPageState = (csrConfig) => {
-    const { transition, safeArea, topInset, bottomInset, gesture, cache } = csrConfig ?? {};
+    const {
+      transition,
+      safeArea,
+      topInset,
+      bottomInset,
+      gesture,
+      cache,
+      topSafeAreaColor,
+      bottomSafeAreaColor
+    } = csrConfig ?? {};
     const pageState = {
       transition: transition ?? "none",
       topSafeArea: safeArea === false || safeArea === "bottom" || import_client.device.info.platform === "android" ? 0 : import_client.device.topSafeArea,
@@ -79,7 +88,9 @@ const bootCsr = async (context, registerClient) => {
       topInset: topInset === true ? import_client2.DEFAULT_TOP_INSET : topInset === false ? 0 : topInset ?? 0,
       bottomInset: bottomInset === true ? import_client2.DEFAULT_BOTTOM_INSET : bottomInset === false ? 0 : bottomInset ?? 0,
       gesture: gesture ?? true,
-      cache: cache ?? false
+      cache: cache ?? false,
+      topSafeAreaColor,
+      bottomSafeAreaColor
     };
     return pageState;
   };

package/cjs/index.js

@@ -32,7 +32,6 @@ __export(next_exports, {
   useHistory: () => import_useHistory.useHistory,
   useInterval: () => import_useInterval.useInterval,
   useLocation: () => import_useLocation.useLocation,
-  usePurchase: () => import_usePurchase.usePurchase,
   usePushNoti: () => import_usePushNoti.usePushNoti,
   useThrottle: () => import_useThrottle.useThrottle
 });
@@ -47,7 +46,6 @@ var import_useContact = require("./useContact");
 var import_usePushNoti = require("./usePushNoti");
 var import_useGeoLocation = require("./useGeoLocation");
 var import_useCodepush = require("./useCodepush");
-var import_usePurchase = require("./usePurchase");
 var import_useCsrValues = require("./useCsrValues");
 var import_createRobotPage = require("./createRobotPage");
 var import_createSitemapPage = require("./createSitemapPage");

package/cjs/useCodepush.js

@@ -37,7 +37,7 @@ var import_device = require("@capacitor/device");
 var import_capacitor_updater = require("@capgo/capacitor-updater");
 var import_axios = __toESM(require("axios"));
 var import_react = require("react");
-const useCodepush = ({ serverUrl, branch }) => {
+const useCodepush = ({ serverUrl }) => {
   const [update, setUpdate] = (0, import_react.useState)(false);
   const [version, setVersion] = (0, import_react.useState)("");
   const initialize = async () => {
@@ -64,7 +64,7 @@ currennt.native:${native}`
       appName,
       deviceId,
       platform,
-      branch,
+      branch: process.env.NEXT_PUBLIC_ENV ?? "debug",
       isEmulator: info.isVirtual,
       major: parseInt(major),
       minor: parseInt(minor),
@@ -83,10 +83,10 @@ currennt.native:${native}`
     return { release, bundleFile: file };
   };
   const codepush = async () => {
-    const isNewRelease = await checkNewRelease();
-    if (!isNewRelease)
+    const newRelease = await checkNewRelease();
+    if (!newRelease)
       return;
-    const { release, bundleFile } = isNewRelease;
+    const { release, bundleFile } = newRelease;
     setUpdate(true);
     const bundle = await import_capacitor_updater.CapacitorUpdater.download({
       url: bundleFile.url,

package/cjs/useCsrValues.js

@@ -39,11 +39,13 @@ const useNoneTrans = ({ clientHeight, location, prevLocation }) => {
   const csrTranstionStyles = {
     topSafeArea: {
       containerStyle: {
+        backgroundColor: pageState.topSafeAreaColor,
         height: pageState.topSafeArea
       }
     },
     bottomSafeArea: {
       containerStyle: {
+        backgroundColor: pageState.bottomSafeAreaColor,
         top: clientHeight - pageState.bottomSafeArea,
         height: pageState.bottomSafeArea
       }
@@ -638,13 +640,15 @@ const useCsrValues = (rootRouteGuide, pathRoutes) => {
       pageContentRef.current.scrollTop = getScrollTop(location);
     if (prevPageContentRef.current)
       prevPageContentRef.current.scrollTop = prevLocation ? getScrollTop(prevLocation) : 0;
+  }, [location.href]);
+  (0, import_react2.useEffect)(() => {
     void import_app.App.addListener("backButton", () => {
       router2.back();
     });
     return () => {
       void import_app.App.removeAllListeners();
     };
-  }, [location.href]);
+  }, []);
   return {
     ...routeState,
     ...useCsrTransitionMap[location.pathRoute.pageState.transition]

package/cjs/useGeoLocation.js

@@ -21,10 +21,10 @@ __export(useGeoLocation_exports, {
   useGeoLocation: () => useGeoLocation
 });
 module.exports = __toCommonJS(useGeoLocation_exports);
-var import_geolocation = require("@capacitor/geolocation");
 const useGeoLocation = () => {
+  const { Geolocation } = require("@capacitor/geolocation");
   const checkPermission = async () => {
-    const { location: geolocation, coarseLocation } = await import_geolocation.Geolocation.requestPermissions();
+    const { location: geolocation, coarseLocation } = await Geolocation.requestPermissions();
     return { geolocation, coarseLocation };
   };
   const getPosition = async () => {
@@ -33,7 +33,7 @@ const useGeoLocation = () => {
       location.assign("app-settings:");
       return;
     }
-    const coordinates = await import_geolocation.Geolocation.getCurrentPosition();
+    const coordinates = await Geolocation.getCurrentPosition();
     return coordinates;
   };
   return { checkPermission, getPosition };

package/cjs/usePurchase.js

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(usePurchase_exports);
 var import_store = require("cordova-plugin-purchase/www/store");
 var import_app = require("@capacitor/app");
 var import_react = require("react");
+//! deprecated, @revenuecat/purchases-capacitor로 대체 필요
 const usePurchase = ({
   platform,
   productInfo,

package/esm/bootCsr.js

@@ -44,7 +44,16 @@ const bootCsr = async (context, registerClient) => {
     })
   );
   const getPageState = (csrConfig) => {
-    const { transition, safeArea, topInset, bottomInset, gesture, cache } = csrConfig ?? {};
+    const {
+      transition,
+      safeArea,
+      topInset,
+      bottomInset,
+      gesture,
+      cache,
+      topSafeAreaColor,
+      bottomSafeAreaColor
+    } = csrConfig ?? {};
     const pageState = {
       transition: transition ?? "none",
       topSafeArea: safeArea === false || safeArea === "bottom" || device.info.platform === "android" ? 0 : device.topSafeArea,
@@ -52,7 +61,9 @@ const bootCsr = async (context, registerClient) => {
       topInset: topInset === true ? DEFAULT_TOP_INSET : topInset === false ? 0 : topInset ?? 0,
       bottomInset: bottomInset === true ? DEFAULT_BOTTOM_INSET : bottomInset === false ? 0 : bottomInset ?? 0,
       gesture: gesture ?? true,
-      cache: cache ?? false
+      cache: cache ?? false,
+      topSafeAreaColor,
+      bottomSafeAreaColor
     };
     return pageState;
   };

package/esm/index.js

@@ -8,7 +8,6 @@ import { useContact } from "./useContact";
 import { usePushNoti } from "./usePushNoti";
 import { useGeoLocation } from "./useGeoLocation";
 import { useCodepush } from "./useCodepush";
-import { usePurchase } from "./usePurchase";
 import { useCsrValues } from "./useCsrValues";
 import { createRobotPage } from "./createRobotPage";
 import { createSitemapPage } from "./createSitemapPage";
@@ -33,7 +32,6 @@ export {
   useHistory,
   useInterval,
   useLocation,
-  usePurchase,
   usePushNoti,
   useThrottle
 };

package/esm/useCodepush.js

@@ -5,7 +5,7 @@ import { Device } from "@capacitor/device";
 import { CapacitorUpdater } from "@capgo/capacitor-updater";
 import axios from "axios";
 import { useState } from "react";
-const useCodepush = ({ serverUrl, branch }) => {
+const useCodepush = ({ serverUrl }) => {
   const [update, setUpdate] = useState(false);
   const [version, setVersion] = useState("");
   const initialize = async () => {
@@ -32,7 +32,7 @@ currennt.native:${native}`
       appName,
       deviceId,
       platform,
-      branch,
+      branch: process.env.NEXT_PUBLIC_ENV ?? "debug",
       isEmulator: info.isVirtual,
       major: parseInt(major),
       minor: parseInt(minor),
@@ -51,10 +51,10 @@ currennt.native:${native}`
     return { release, bundleFile: file };
   };
   const codepush = async () => {
-    const isNewRelease = await checkNewRelease();
-    if (!isNewRelease)
+    const newRelease = await checkNewRelease();
+    if (!newRelease)
       return;
-    const { release, bundleFile } = isNewRelease;
+    const { release, bundleFile } = newRelease;
     setUpdate(true);
     const bundle = await CapacitorUpdater.download({
       url: bundleFile.url,

package/esm/useCsrValues.js

@@ -21,11 +21,13 @@ const useNoneTrans = ({ clientHeight, location, prevLocation }) => {
   const csrTranstionStyles = {
     topSafeArea: {
       containerStyle: {
+        backgroundColor: pageState.topSafeAreaColor,
         height: pageState.topSafeArea
       }
     },
     bottomSafeArea: {
       containerStyle: {
+        backgroundColor: pageState.bottomSafeAreaColor,
         top: clientHeight - pageState.bottomSafeArea,
         height: pageState.bottomSafeArea
       }
@@ -620,13 +622,15 @@ const useCsrValues = (rootRouteGuide, pathRoutes) => {
       pageContentRef.current.scrollTop = getScrollTop(location);
     if (prevPageContentRef.current)
       prevPageContentRef.current.scrollTop = prevLocation ? getScrollTop(prevLocation) : 0;
+  }, [location.href]);
+  useEffect(() => {
     void App.addListener("backButton", () => {
       router2.back();
     });
     return () => {
       void App.removeAllListeners();
     };
-  }, [location.href]);
+  }, []);
   return {
     ...routeState,
     ...useCsrTransitionMap[location.pathRoute.pageState.transition]

package/esm/useGeoLocation.js

@@ -1,6 +1,6 @@
 "use client";
-import { Geolocation } from "@capacitor/geolocation";
 const useGeoLocation = () => {
+  const { Geolocation } = require("@capacitor/geolocation");
   const checkPermission = async () => {
     const { location: geolocation, coarseLocation } = await Geolocation.requestPermissions();
     return { geolocation, coarseLocation };

package/esm/usePurchase.js

@@ -1,4 +1,5 @@
 "use client";
+//! deprecated, @revenuecat/purchases-capacitor로 대체 필요
 import "cordova-plugin-purchase/www/store";
 import { App } from "@capacitor/app";
 import { useEffect, useRef, useState } from "react";

package/index.d.ts

@@ -9,7 +9,6 @@ export { useContact } from "./useContact";
 export { usePushNoti } from "./usePushNoti";
 export { useGeoLocation } from "./useGeoLocation";
 export { useCodepush } from "./useCodepush";
-export { usePurchase, type PlatformType, type ProductType, type CdvProductType } from "./usePurchase";
 export { useCsrValues } from "./useCsrValues";
 export { createRobotPage } from "./createRobotPage";
 export { createSitemapPage } from "./createSitemapPage";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanjs/next",
-  "version": "0.9.58-canary.0",
+  "version": "0.9.58-canary.2",
   "sourceType": "module",
   "publishConfig": {
     "access": "public"
@@ -29,10 +29,10 @@
     "axios": "^1.7.9",
     "cordova-plugin-purchase": "^13.12.1",
     "negotiator": "^1.0.0",
-    "next": "15.3.2",
-    "react": "19.1.1",
+    "next": "16.0.3",
+    "react": "19.2.0",
     "react-device-detect": "^2.2.3",
-    "react-dom": "19.1.1"
+    "react-dom": "19.2.0"
   },
   "exports": {
     ".": {

package/useCodepush.d.ts

@@ -1,7 +1,6 @@
 import type { ProtoAppInfo, ProtoFile } from "@akanjs/constant";
-export declare const useCodepush: ({ serverUrl, branch }: {
+export declare const useCodepush: ({ serverUrl }: {
     serverUrl: string;
-    branch: "debug" | "develop" | "main";
 }) => {
     update: boolean;
     version: string;