@akanjs/next 0.0.51 → 0.0.53

package/index.js

@@ -0,0 +1,41 @@
+import { useFetch } from "./useFetch";
+import { lazy } from "./lazy";
+import { makePageProto } from "./makePageProto";
+import { useDebounce } from "./useDebounce";
+import { useInterval } from "./useInterval";
+import { bootCsr } from "./bootCsr";
+import { useCamera } from "./useCamera";
+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";
+import { createNextMiddleware } from "./createNextMiddleware";
+//! PageAgent csr에서 말썽 일으킨다
+import { useThrottle } from "./useThrottle";
+import { useHistory } from "./useHistory";
+import { useLocation } from "./useLocation";
+export {
+  bootCsr,
+  createNextMiddleware,
+  createRobotPage,
+  createSitemapPage,
+  lazy,
+  makePageProto,
+  useCamera,
+  useCodepush,
+  useContact,
+  useCsrValues,
+  useDebounce,
+  useFetch,
+  useGeoLocation,
+  useHistory,
+  useInterval,
+  useLocation,
+  usePurchase,
+  usePushNoti,
+  useThrottle
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanjs/next",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "type": "commonjs",
   "publishConfig": {
     "access": "public"

package/bootCsr.tsx

@@ -1,180 +0,0 @@
-"use client";
-import { device, initAuth, storage } from "@akanjs/client";
-import {
-  type CsrConfig,
-  csrContext,
-  DEFAULT_BOTTOM_INSET,
-  DEFAULT_TOP_INSET,
-  defaultPageState,
-  type PageState,
-  type PathRoute,
-  type Route,
-  type RouteGuide,
-} from "@akanjs/client";
-import { Logger } from "@akanjs/common";
-import React, { ReactNode } from "react"; // import React 꼭 필요함. 안그러면 csr에서 에러남
-import * as ReactDOM from "react-dom/client";
-
-import { useCsrValues } from "./useCsrValues";
-
-const supportLanguages = ["en", "ko"] as const;
-
-export const bootCsr = async (
-  context: Record<string, () => Promise<unknown>>,
-  rootPath: string,
-  entryPath = "/route"
-) => {
-  // 1. Collect Device Information
-  const [, jwt] = await Promise.all([device.init({ supportLanguages }), storage.getItem("jwt")]);
-  if (jwt) initAuth({ jwt });
-  Logger.verbose(`Set default language: ${device.lang}`);
-
-  // 2. Create Route Map
-  const pages: { [key: string]: { default: { csrConfig?: CsrConfig } } } = {};
-  await Promise.all(
-    Object.entries(context).map(async ([key, value]) => {
-      pages[key] = (await value()) as { default: { csrConfig?: CsrConfig } };
-    })
-  );
-  const getPageState = (csrConfig?: CsrConfig) => {
-    const { transition, safeArea, topInset, bottomInset, gesture, cache }: CsrConfig = csrConfig ?? {};
-    const pageState: PageState = {
-      transition: transition ?? "none",
-      topSafeArea: safeArea === false ? 0 : device.topSafeArea,
-      bottomSafeArea: safeArea === false ? 0 : device.bottomSafeArea,
-      // topSafeArea: safeArea === false || device.info.platform === "android" ? 0 : device.topSafeArea,
-      // bottomSafeArea: safeArea === false || device.info.platform === "android" ? 0 : device.bottomSafeArea,
-      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,
-    };
-    return pageState;
-  };
-
-  const routeMap = new Map<string, Route>();
-  routeMap.set("/", { path: "/", children: new Map() });
-  for (const filePath of Object.keys(pages)) {
-    const fileName = /\.\/(.*)\.tsx$/.exec(filePath)?.[1];
-
-    if (!fileName) continue;
-    const fileType: "page" | "layout" | null = fileName.endsWith("page")
-      ? "page"
-      : fileName.endsWith("layout")
-        ? "layout"
-        : null;
-    if (!fileType) continue;
-    const pathSegments = [
-      "/",
-      ...fileName
-        .split("/")
-        .slice(0, -1)
-        .map((segment) => `/${segment.replace(/\[(.*?)\]/g, ":$1")}`),
-    ];
-
-    const targetRouteMap = pathSegments.slice(0, -1).reduce((rMap: Map<string, Route>, path: string) => {
-      if (!rMap.has(path)) rMap.set(path, { path, children: new Map() });
-      return rMap.get(path)?.children;
-    }, routeMap);
-    if (!targetRouteMap) continue;
-    const targetPath = pathSegments[pathSegments.length - 1];
-
-    targetRouteMap.set(targetPath, {
-      // action: pages[path]?.action,
-      // ErrorBoundary: pages[path]?.ErrorBoundary,
-      ...(targetRouteMap.get(targetPath) ?? { path: targetPath, children: new Map<string, Route>() }),
-      ...(fileType === "layout"
-        ? { Layout: pages[filePath].default }
-        : {
-            Page: pages[filePath].default,
-            pageState: getPageState(pages[filePath].default.csrConfig),
-            csrConfig: pages[filePath].default.csrConfig,
-          }),
-    } as Route);
-  }
-  const pathname = window.location.pathname;
-  const initialPath = device.lang + entryPath;
-  window.document.body.style.overflow = "hidden";
-
-  const getPathRoutes = (
-    route: Route,
-    parentRootLayouts: (
-      | (({ children, params, searchParams }) => ReactNode)
-      | (({ children, params, searchParams }) => Promise<ReactNode>)
-    )[] = [],
-    parentLayouts: (
-      | (({ children, params, searchParams }) => ReactNode)
-      | (({ children, params, searchParams }) => Promise<ReactNode>)
-    )[] = [],
-    parentPaths: string[] = []
-  ): PathRoute[] => {
-    const parentPath = parentPaths.filter((path) => path !== "/").join("");
-    const currentPathSegment = /^\/\(.*\)$/.test(route.path) ? "" : route.path;
-    const isRoot = ["/", "/:lang"].includes(parentPath + currentPathSegment) && parentRootLayouts.length < 2;
-    const path = parentPath + currentPathSegment;
-    const pathSegments = [...parentPaths, ...(currentPathSegment ? [currentPathSegment] : [])];
-    const RootLayouts = [...parentRootLayouts, ...(isRoot && route.Layout ? [route.Layout] : [])];
-    const Layouts = [...parentLayouts, ...(!isRoot && route.Layout ? [route.Layout] : [])];
-    return [
-      ...(route.Page
-        ? [
-            {
-              path,
-              pathSegments,
-              Page: route.Page,
-              RootLayouts,
-              Layouts,
-              pageState: route.pageState ?? defaultPageState,
-            },
-          ]
-        : []),
-      ...(route.children.size
-        ? [...route.children.values()].flatMap((child) => getPathRoutes(child, RootLayouts, Layouts, pathSegments))
-        : []),
-    ];
-  };
-  const rootRoute = routeMap.get("/");
-  if (!rootRoute) throw new Error("No root route");
-  const pathRoutes = getPathRoutes(rootRoute);
-  const routeGuide: RouteGuide = { pathSegment: "/", children: {} };
-  pathRoutes.forEach((pathRoute) => {
-    const pathSegments = pathRoute.pathSegments.slice(1);
-    pathSegments.reduce((routeGuide, pathSegment, index) => {
-      const child = routeGuide.children[pathSegment] as RouteGuide | undefined;
-      routeGuide.children[pathSegment] = {
-        ...(child ?? {}),
-        pathSegment,
-        ...(index === pathSegments.length - 1 ? { pathRoute } : {}),
-        children: (child?.children as { [key: string]: RouteGuide } | undefined) ?? {},
-      } as RouteGuide;
-      return routeGuide.children[pathSegment];
-    }, routeGuide);
-  });
-  const RouterProvider = () => {
-    const csrValues = useCsrValues(routeGuide, pathRoutes);
-    const { location } = csrValues;
-    return (
-      <csrContext.Provider value={csrValues}>
-        {location.pathRoute.RootLayouts.reduceRight(
-          (children, Layout: any) => {
-            return (
-              <Layout params={location.params} searchParams={location.searchParams}>
-                {children}
-              </Layout>
-            );
-          },
-          <></>
-        )}
-      </csrContext.Provider>
-    );
-  };
-  if (pathname !== `/${initialPath}`) {
-    window.location.replace(initialPath);
-    return;
-  } else {
-    const el = document.getElementById("root");
-    if (!el) throw new Error("No root element");
-    const root = ReactDOM.createRoot(el);
-    root.render(<RouterProvider />);
-  }
-};

package/createNextMiddleware.ts

@@ -1,45 +0,0 @@
-import { logo } from "@akanjs/base";
-import { Logger } from "@akanjs/common";
-import { match as matchLocale } from "@formatjs/intl-localematcher";
-import Negotiator from "negotiator";
-import { NextRequest, NextResponse } from "next/server";
-
-const i18n = { defaultLocale: "en", locales: ["en", "ko"] };
-const basePaths = process.env.basePaths ? process.env.basePaths.split(",") : [];
-
-function getLocale(request: NextRequest): string | undefined {
-  if (!request.headers.get("accept-language")) return i18n.defaultLocale;
-  const negotiatorHeaders: Record<string, string> = {};
-  request.headers.forEach((value, key) => (negotiatorHeaders[key] = value));
-  try {
-    const languages = new Negotiator({ headers: negotiatorHeaders }).languages();
-    return matchLocale(languages, i18n.locales, i18n.defaultLocale);
-  } catch (e) {
-    return i18n.defaultLocale;
-  }
-}
-export const createNextMiddleware = () => {
-  Logger.rawLog(logo, "console");
-  const middleware = (request: NextRequest) => {
-    const pathname = request.nextUrl.pathname;
-    const pathnameIsMissingLocale = i18n.locales.every(
-      (locale) => !pathname.startsWith(`/${locale}/`) && pathname !== `/${locale}`
-    );
-    if (pathnameIsMissingLocale)
-      return NextResponse.redirect(
-        new URL(`/${getLocale(request)}/${request.nextUrl.href.split("/").slice(3).join("/")}`, request.url)
-      );
-    const splits = pathname.split("/");
-    const locale = splits[1];
-    const basePath = basePaths.includes(splits[2]) ? splits[2] : null;
-    const headers = new Headers(request.headers);
-    const searchParams = new URLSearchParams(request.nextUrl.search);
-    const searchParamJwt = searchParams.get("jwt");
-    headers.set("x-locale", locale);
-    headers.set("x-path", "/" + splits.slice(2).join("/"));
-    if (basePath) headers.set("x-base-path", basePath);
-    if (searchParamJwt) headers.set("jwt", searchParamJwt);
-    return NextResponse.next({ request: { headers } });
-  };
-  return middleware;
-};

package/createRobotPage.ts

@@ -1,14 +0,0 @@
-import { MetadataRoute } from "next";
-
-export const createRobotPage = (clientHttpUri: string, config?: MetadataRoute.Robots): MetadataRoute.Robots => {
-  return {
-    ...(config ?? {}),
-    rules: {
-      userAgent: "*",
-      allow: "/",
-      disallow: "/admin/",
-      ...(config?.rules ?? {}),
-    },
-    sitemap: `${clientHttpUri}/sitemap.xml`,
-  };
-};

package/createSitemapPage.ts

@@ -1,6 +0,0 @@
-import { MetadataRoute } from "next";
-
-const lastModified = new Date();
-export const createSitemapPage = (clientHttpUri: string, paths: string[]): MetadataRoute.Sitemap => {
-  return paths.map((path) => ({ url: `${clientHttpUri}${path}`, lastModified }));
-};

package/index.ts

@@ -1,23 +0,0 @@
-export type * from "./types";
-export { useFetch } from "./useFetch";
-export { lazy } from "./lazy";
-export { makePageProto } from "./makePageProto";
-export { useDebounce } from "./useDebounce";
-export { useInterval } from "./useInterval";
-export { bootCsr } from "./bootCsr";
-export { useCamera } from "./useCamera";
-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";
-export { createNextMiddleware } from "./createNextMiddleware";
-//! PageAgent csr에서 말썽 일으킨다
-// export { PageAgent } from "./PageAgent";
-
-export { useThrottle } from "./useThrottle";
-export { useHistory } from "./useHistory";
-export { useLocation } from "./useLocation";

package/lazy.ts

@@ -1,9 +0,0 @@
-//! next build를 위해서 lint 무시
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import dynamic, { DynamicOptions } from "next/dynamic";
-import { ComponentType } from "react";
-
-export const lazy = <T extends ComponentType<any>>(
-  loader: (x?: string) => Promise<{ default: T } | T>,
-  option?: DynamicOptions<T>
-) => (dynamic as any)(loader, option ?? {}) as unknown as T;

package/makePageProto.tsx

@@ -1,117 +0,0 @@
-import { baseClientEnv } from "@akanjs/base";
-import { getHeader } from "@akanjs/client";
-import { Logger, pathGet } from "@akanjs/common";
-import { type Translation, type TransMessage } from "@akanjs/dictionary";
-import type { ReactNode } from "react";
-
-const getPageInfo = (): { locale: string; path: string } => {
-  if (baseClientEnv.side !== "server") {
-    // client side, has window object
-    return {
-      locale: window.location.pathname.split("/")[1] ?? "en",
-      path: "/" + window.location.pathname.split("/").slice(2).join("/"),
-    };
-  }
-  const locale = getHeader("x-locale") ?? "en";
-  const path = getHeader("x-path") ?? "/";
-  return { locale, path };
-};
-
-const langIdx: Record<string, number> = { en: 0, ko: 1, zhChs: 2, zhCht: 3 };
-const dictionary: { [key: string]: { [key: string]: string } } = {};
-const translator = (lang: string, key: string, param?: Record<string, string | number>) => {
-  const idx = langIdx[lang];
-  try {
-    const msg = pathGet(key, dictionary)?.[idx] as string | undefined;
-    if (!msg) {
-      Logger.error(`No translation for ${key}`);
-      return key;
-    }
-    return param ? msg.replace(/{([^}]+)}/g, (_, key: string) => param[key] as string) : msg;
-  } catch (e) {
-    return key;
-  }
-};
-translator.rich = (lang: string, key: string, param?: Record<string, string>) => {
-  const idx = langIdx[lang];
-  const msg = pathGet(key, dictionary)?.[idx] as string | undefined;
-  if (!msg) {
-    Logger.error(`No translation for ${key}`);
-    return key;
-  }
-  return param ? msg.replace(/{([^}]+)}/g, (_, key: string) => param[key]) : msg;
-};
-
-export const makePageProto = <Locale extends { [key: string]: { [key: string]: Translation } }>(locales: Locale[]) => {
-  locales.forEach((locale) => {
-    Object.keys(locale).forEach((key: string) => (dictionary[key] = Object.assign(dictionary[key] ?? {}, locale[key])));
-  });
-  return () => {
-    const { locale, path } = getPageInfo();
-    const lang = locale;
-    const l = (key: TransMessage<Locale>, param?: { [key: string]: string | number }) => translator(lang, key, param);
-    l.rich = (key: TransMessage<Locale>, param?: { [key: string]: string | number }) =>
-      (
-        <span
-          dangerouslySetInnerHTML={{
-            __html: translator.rich(lang, key, {
-              ...param,
-              // strong: (chunks: string) => `<b>${chunks}</b>`,
-              // "bg-primary": (chunks: string) => `<span className="bg-primary text-base-100">${chunks}</span>`,
-              // primary: (chunks: string) => `<span className="bg-base-100 text-primary">${chunks}</span>`,
-              br: `<br />`,
-            }),
-          }}
-        />
-      ) as ReactNode;
-    l.field = <ModelKey extends keyof Locale>(model: ModelKey, field: keyof Locale[ModelKey]) => {
-      const key = `${model as string}.${field as string}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.desc = <ModelKey extends keyof Locale>(model: ModelKey, field: keyof Locale[ModelKey]) => {
-      const key = `${model as string}.desc-${field as string}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.enum = <ModelKey extends keyof Locale>(model: ModelKey, field: keyof Locale[ModelKey], value: string) => {
-      const key = `${model as string}.enum-${field as string}-${value}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.enumdesc = <ModelKey extends keyof Locale>(model: ModelKey, field: keyof Locale[ModelKey], value: string) => {
-      const key = `${model as string}.enumdesc-${field as string}-${value}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.api = <ModelKey extends keyof Locale>(model: ModelKey, endpoint: keyof Locale[ModelKey]) => {
-      const key = `${model as string}.api-${endpoint as string}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.apidesc = <ModelKey extends keyof Locale>(model: ModelKey, endpoint: keyof Locale[ModelKey]) => {
-      const key = `${model as string}.apidesc-${endpoint as string}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.arg = <ModelKey extends keyof Locale>(model: ModelKey, endpoint: keyof Locale[ModelKey], arg: string) => {
-      const key = `${model as string}.arg-${endpoint as string}-${arg}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.argdesc = <ModelKey extends keyof Locale>(model: ModelKey, endpoint: keyof Locale[ModelKey], arg: string) => {
-      const key = `${model as string}.argdesc-${endpoint as string}-${arg}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.qry = <ModelKey extends keyof Locale>(model: ModelKey, queryKey: keyof Locale[ModelKey]) => {
-      const key = `${model as string}.qry-${queryKey as string}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.qrydesc = <ModelKey extends keyof Locale>(model: ModelKey, queryKey: keyof Locale[ModelKey]) => {
-      const key = `${model as string}.qrydesc-${queryKey as string}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.qarg = <ModelKey extends keyof Locale>(model: ModelKey, queryKey: keyof Locale[ModelKey], arg: string) => {
-      const key = `${model as string}.qarg-${queryKey as string}-${arg}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    l.qargdesc = <ModelKey extends keyof Locale>(model: ModelKey, queryKey: keyof Locale[ModelKey], arg: string) => {
-      const key = `${model as string}.qargdesc-${queryKey as string}-${arg}` as unknown as TransMessage<Locale>;
-      return l(key);
-    };
-    return { path, l, lang };
-  };
-};

package/types.ts

@@ -1,7 +0,0 @@
-export type LoginAuth = "user" | "admin" | "public";
-export interface LoginForm {
-  auth: LoginAuth;
-  redirect?: string;
-  unauthorize?: string;
-  jwt?: string | null;
-}

package/useCamera.tsx

@@ -1,94 +0,0 @@
-"use client";
-import { device } from "@akanjs/client";
-import { Camera, CameraResultType, CameraSource, PermissionStatus } from "@capacitor/camera";
-import { useEffect, useState } from "react";
-
-export const useCamera = () => {
-  const [permissions, setPermissions] = useState<PermissionStatus>({ camera: "prompt", photos: "prompt" });
-
-  /**
-   * 최초로 킬 경우 권한은 prompt 상태이다.
-   * prompt 상태일 경우 권한을 요청한다.
-   * 권한이 denied 상태일 경우 설정으로 이동한다.
-   * 이후 state의 permission을 업데이트해야한다.
-   *
-   */
-  const checkPermission = async (type: "photos" | "camera" | "all") => {
-    try {
-      if (type === "photos") {
-        if (permissions.photos === "prompt") {
-          const { photos } = await Camera.requestPermissions();
-          setPermissions((prev) => ({ ...prev, photos }));
-        } else if (permissions.photos === "denied") {
-          location.assign("app-settings:");
-          return;
-        }
-      } else if (type === "camera") {
-        if (permissions.camera === "prompt") {
-          const { camera } = await Camera.requestPermissions();
-          setPermissions((prev) => ({ ...prev, camera }));
-        } else if (permissions.camera === "denied") {
-          location.assign("app-settings:");
-          return;
-        }
-      } else {
-        if (permissions.camera === "prompt" || permissions.photos === "prompt") {
-          const permissions = await Camera.requestPermissions();
-          setPermissions(permissions);
-        } else if (permissions.camera === "denied" || permissions.photos === "denied") {
-          location.assign("app-settings:");
-          return;
-        }
-      }
-    } catch (e) {
-      //
-    }
-  };
-
-  const getPhoto = async (src: "prompt" | "camera" | "photos" = "prompt") => {
-    const source =
-      device.info.platform !== "web"
-        ? src === "prompt"
-          ? CameraSource.Prompt
-          : src === "camera"
-            ? CameraSource.Camera
-            : CameraSource.Photos
-        : CameraSource.Photos;
-    const permission = src === "prompt" ? "all" : src === "camera" ? "camera" : "photos";
-    void checkPermission(permission);
-    try {
-      const photo = await Camera.getPhoto({
-        quality: 100,
-        source,
-        allowEditing: false,
-        resultType: CameraResultType.DataUrl,
-        promptLabelHeader: "프로필 사진을 올려주세요",
-        promptLabelPhoto: "앨범에서 선택하기",
-        promptLabelPicture: "사진 찍기",
-        promptLabelCancel: "취소",
-      });
-      return photo;
-    } catch (e) {
-      if (e === "User cancelled photos app") return;
-    }
-  };
-
-  const pickImage = async () => {
-    void checkPermission("photos");
-    const photo = await Camera.pickImages({
-      quality: 90,
-    });
-
-    return photo;
-  };
-
-  useEffect(() => {
-    void (async () => {
-      if (device.info.platform !== "web") {
-        const permissions = await Camera.checkPermissions();
-        setPermissions(permissions);
-      }
-    })();
-  }, []);
-  return { permissions, getPhoto, pickImage, checkPermission };
-};

package/useCodepush.tsx

@@ -1,98 +0,0 @@
-"use client";
-import { mergeVersion, splitVersion } from "@akanjs/common";
-import type { ProtoAppInfo, ProtoFile } from "@akanjs/constant";
-import { App } from "@capacitor/app";
-import { Device } from "@capacitor/device";
-import { CapacitorUpdater } from "@capgo/capacitor-updater";
-import axios from "axios";
-import { useState } from "react";
-
-export const useCodepush = ({ serverUrl, branch }: { serverUrl: string; branch: "debug" | "develop" | "main" }) => {
-  const [update, setUpdate] = useState(false);
-  const [version, setVersion] = useState("");
-
-  const initialize = async () => {
-    await CapacitorUpdater.notifyAppReady();
-  };
-  const checkNewRelease = async () => {
-    //*appInfo 정의
-    const info = await Device.getInfo();
-    const app = await App.getInfo();
-    const pluginVersion = await CapacitorUpdater.getPluginVersion();
-    const { deviceId } = await CapacitorUpdater.getDeviceId();
-    const { bundle: version, native } = await CapacitorUpdater.current();
-    const builtInversion = await CapacitorUpdater.getBuiltinVersion();
-    const appId = app.id;
-    const platform = info.platform;
-
-    window.alert(
-      `getBuildinVersion:${builtInversion.version}\ncurrent.bundle:${version.version}\ncurrennt.native:${native}`
-    );
-    /**
-     *  "version_name": "builtin",
-     *   "version_code": "1",
-     *   "app_id": "com.lu.app",
-     *   "plugin_version": "5.6.9",
-     *   "version_build": "1.0",
-     *   "is_prod": true,
-     *   "version_os": "17.0.1",
-     *   "is_emulator": true,
-     *   "custom_id": "",
-     *   "device_id": "C77000B1-7D28-4697-ADE0-74452F47C350",
-     *   "platform": "ios",
-     *   "defaultChannel": ""
-     */
-    const { major, minor, patch } = splitVersion(version.version === "builtin" ? app.version : version.version);
-    const appName = process.env.NEXT_PUBLIC_APP_NAME ?? "";
-
-    const appInfo: ProtoAppInfo = {
-      appId,
-      appName,
-      deviceId: deviceId,
-      platform: platform as "ios" | "android",
-      branch,
-      isEmulator: info.isVirtual,
-      major: parseInt(major),
-      minor: parseInt(minor),
-      patch: parseInt(patch),
-      buildNum: app.build, //앱내 빌드시 버전 횟수 모르면 고한테 물어보기
-      versionOs: info.osVersion,
-    };
-    //fix lu to akasys
-    const url = serverUrl.replace("lu", "akasys");
-    const release = (
-      await axios.post<(ProtoAppInfo & { appBuild: string }) | null>(`${url}/release/codepush`, {
-        data: { ...appInfo },
-      })
-    ).data;
-    if (!release) return;
-    const file = (await axios.get<ProtoFile>(`${url}/file/file/${release.appBuild}`)).data;
-
-    return { release: release, bundleFile: file };
-    //* fetch로 서버에게 내 AppInfo 전달.
-    // return await fetch.requestRelease();
-  };
-
-  const codepush = async () => {
-    //* isNeedUpdate로 업데이트 필요한지 확인
-    const isNewRelease = await checkNewRelease();
-    if (!isNewRelease) return;
-    const { release, bundleFile } = isNewRelease;
-    setUpdate(true);
-    const bundle = await CapacitorUpdater.download({
-      url: bundleFile.url,
-      version: mergeVersion(release.major, release.minor, release.patch),
-    });
-    //* 해제한 파일로 업데이트
-    await CapacitorUpdater.set(bundle);
-  };
-  const getVersion = async () => {
-    return await CapacitorUpdater.getBuiltinVersion();
-  };
-
-  const statManager = async () => {
-    // 업데이트 통계 서버에 전달
-  };
-
-  return { update, version, initialize, checkNewRelease, codepush, statManager };
-};