@akanjs/next 0.0.52 → 0.0.54

package/bootCsr.js

@@ -0,0 +1,138 @@
+"use client";
+import { device, initAuth, storage } from "@akanjs/client";
+import {
+  csrContext,
+  DEFAULT_BOTTOM_INSET,
+  DEFAULT_TOP_INSET,
+  defaultPageState
+} from "@akanjs/client";
+import { Logger } from "@akanjs/common";
+import React from "react";
+import * as ReactDOM from "react-dom/client";
+import { useCsrValues } from "./useCsrValues";
+const supportLanguages = ["en", "ko"];
+const bootCsr = async (context, rootPath, entryPath = "/route") => {
+  const [, jwt] = await Promise.all([device.init({ supportLanguages }), storage.getItem("jwt")]);
+  if (jwt)
+    initAuth({ jwt });
+  Logger.verbose(`Set default language: ${device.lang}`);
+  const pages = {};
+  await Promise.all(
+    Object.entries(context).map(async ([key, value]) => {
+      pages[key] = await value();
+    })
+  );
+  const getPageState = (csrConfig) => {
+    const { transition, safeArea, topInset, bottomInset, gesture, cache } = csrConfig ?? {};
+    const 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 = /* @__PURE__ */ new Map();
+  routeMap.set("/", { path: "/", children: /* @__PURE__ */ new Map() });
+  for (const filePath of Object.keys(pages)) {
+    const fileName = /\.\/(.*)\.tsx$/.exec(filePath)?.[1];
+    if (!fileName)
+      continue;
+    const fileType = 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, path) => {
+      if (!rMap.has(path))
+        rMap.set(path, { path, children: /* @__PURE__ */ 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: /* @__PURE__ */ new Map() },
+      ...fileType === "layout" ? { Layout: pages[filePath].default } : {
+        Page: pages[filePath].default,
+        pageState: getPageState(pages[filePath].default.csrConfig),
+        csrConfig: pages[filePath].default.csrConfig
+      }
+    });
+  }
+  const pathname = window.location.pathname;
+  const initialPath = device.lang + entryPath;
+  window.document.body.style.overflow = "hidden";
+  const getPathRoutes = (route, parentRootLayouts = [], parentLayouts = [], parentPaths = []) => {
+    const parentPath = parentPaths.filter((path2) => path2 !== "/").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 = { pathSegment: "/", children: {} };
+  pathRoutes.forEach((pathRoute) => {
+    const pathSegments = pathRoute.pathSegments.slice(1);
+    pathSegments.reduce((routeGuide2, pathSegment, index) => {
+      const child = routeGuide2.children[pathSegment];
+      routeGuide2.children[pathSegment] = {
+        ...child ?? {},
+        pathSegment,
+        ...index === pathSegments.length - 1 ? { pathRoute } : {},
+        children: child?.children ?? {}
+      };
+      return routeGuide2.children[pathSegment];
+    }, routeGuide);
+  });
+  const RouterProvider = () => {
+    const csrValues = useCsrValues(routeGuide, pathRoutes);
+    const { location } = csrValues;
+    return /* @__PURE__ */ React.createElement(csrContext.Provider, { value: csrValues }, location.pathRoute.RootLayouts.reduceRight(
+      (children, Layout) => {
+        return /* @__PURE__ */ React.createElement(Layout, { params: location.params, searchParams: location.searchParams }, children);
+      },
+      /* @__PURE__ */ React.createElement(React.Fragment, null)
+    ));
+  };
+  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(/* @__PURE__ */ React.createElement(RouterProvider, null));
+  }
+};
+export {
+  bootCsr
+};

package/{createNextMiddleware.ts → createNextMiddleware.js}

@@ -2,15 +2,14 @@ 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";
-
+import { 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));
+function getLocale(request) {
+  if (!request.headers.get("accept-language"))
+    return i18n.defaultLocale;
+  const negotiatorHeaders = {};
+  request.headers.forEach((value, key) => negotiatorHeaders[key] = value);
   try {
     const languages = new Negotiator({ headers: negotiatorHeaders }).languages();
     return matchLocale(languages, i18n.locales, i18n.defaultLocale);
@@ -18,12 +17,12 @@ function getLocale(request: NextRequest): string | undefined {
     return i18n.defaultLocale;
   }
 }
-export const createNextMiddleware = () => {
+const createNextMiddleware = () => {
   Logger.rawLog(logo, "console");
-  const middleware = (request: NextRequest) => {
+  const middleware = (request) => {
     const pathname = request.nextUrl.pathname;
     const pathnameIsMissingLocale = i18n.locales.every(
-      (locale) => !pathname.startsWith(`/${locale}/`) && pathname !== `/${locale}`
+      (locale2) => !pathname.startsWith(`/${locale2}/`) && pathname !== `/${locale2}`
     );
     if (pathnameIsMissingLocale)
       return NextResponse.redirect(
@@ -37,9 +36,14 @@ export const createNextMiddleware = () => {
     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);
+    if (basePath)
+      headers.set("x-base-path", basePath);
+    if (searchParamJwt)
+      headers.set("jwt", searchParamJwt);
     return NextResponse.next({ request: { headers } });
   };
   return middleware;
 };
+export {
+  createNextMiddleware
+};

package/createRobotPage.js

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

package/createSitemapPage.js

@@ -0,0 +1,7 @@
+const lastModified = /* @__PURE__ */ new Date();
+const createSitemapPage = (clientHttpUri, paths) => {
+  return paths.map((path) => ({ url: `${clientHttpUri}${path}`, lastModified }));
+};
+export {
+  createSitemapPage
+};

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/lazy.js

@@ -0,0 +1,6 @@
+//! next build를 위해서 lint 무시
+import dynamic from "next/dynamic";
+const lazy = (loader, option) => dynamic(loader, { ...option ?? {} });
+export {
+  lazy
+};

package/makePageProto.js

@@ -0,0 +1,114 @@
+import { baseClientEnv } from "@akanjs/base";
+import { getHeader } from "@akanjs/client";
+import { Logger, pathGet } from "@akanjs/common";
+const getPageInfo = () => {
+  if (baseClientEnv.side !== "server") {
+    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 = { en: 0, ko: 1, zhChs: 2, zhCht: 3 };
+const dictionary = {};
+const translator = (lang, key, param) => {
+  const idx = langIdx[lang];
+  try {
+    const msg = pathGet(key, dictionary)?.[idx];
+    if (!msg) {
+      Logger.error(`No translation for ${key}`);
+      return key;
+    }
+    return param ? msg.replace(/{([^}]+)}/g, (_, key2) => param[key2]) : msg;
+  } catch (e) {
+    return key;
+  }
+};
+translator.rich = (lang, key, param) => {
+  const idx = langIdx[lang];
+  const msg = pathGet(key, dictionary)?.[idx];
+  if (!msg) {
+    Logger.error(`No translation for ${key}`);
+    return key;
+  }
+  return param ? msg.replace(/{([^}]+)}/g, (_, key2) => param[key2]) : msg;
+};
+const makePageProto = (locales) => {
+  locales.forEach((locale) => {
+    Object.keys(locale).forEach((key) => dictionary[key] = Object.assign(dictionary[key] ?? {}, locale[key]));
+  });
+  return () => {
+    const { locale, path } = getPageInfo();
+    const lang = locale;
+    const l = (key, param) => translator(lang, key, param);
+    l.rich = (key, param) => /* @__PURE__ */ React.createElement(
+      "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 />`
+          })
+        }
+      }
+    );
+    l.field = (model, field) => {
+      const key = `${model}.${field}`;
+      return l(key);
+    };
+    l.desc = (model, field) => {
+      const key = `${model}.desc-${field}`;
+      return l(key);
+    };
+    l.enum = (model, field, value) => {
+      const key = `${model}.enum-${field}-${value}`;
+      return l(key);
+    };
+    l.enumdesc = (model, field, value) => {
+      const key = `${model}.enumdesc-${field}-${value}`;
+      return l(key);
+    };
+    l.api = (model, endpoint) => {
+      const key = `${model}.api-${endpoint}`;
+      return l(key);
+    };
+    l.apidesc = (model, endpoint) => {
+      const key = `${model}.apidesc-${endpoint}`;
+      return l(key);
+    };
+    l.arg = (model, endpoint, arg) => {
+      const key = `${model}.arg-${endpoint}-${arg}`;
+      return l(key);
+    };
+    l.argdesc = (model, endpoint, arg) => {
+      const key = `${model}.argdesc-${endpoint}-${arg}`;
+      return l(key);
+    };
+    l.qry = (model, queryKey) => {
+      const key = `${model}.qry-${queryKey}`;
+      return l(key);
+    };
+    l.qrydesc = (model, queryKey) => {
+      const key = `${model}.qrydesc-${queryKey}`;
+      return l(key);
+    };
+    l.qarg = (model, queryKey, arg) => {
+      const key = `${model}.qarg-${queryKey}-${arg}`;
+      return l(key);
+    };
+    l.qargdesc = (model, queryKey, arg) => {
+      const key = `${model}.qargdesc-${queryKey}-${arg}`;
+      return l(key);
+    };
+    return { path, l, lang };
+  };
+};
+export {
+  makePageProto
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akanjs/next",
-  "version": "0.0.52",
-  "type": "commonjs",
+  "version": "0.0.54",
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },
@@ -14,23 +14,5 @@
   "engines": {
     "node": ">=22"
   },
-  "dependencies": {
-    "@capacitor-community/contacts": "^6.1.1",
-    "@capacitor-community/fcm": "^7.1.1",
-    "@capacitor/app": "^7.0.1",
-    "@capacitor/camera": "^7.0.1",
-    "@capacitor/device": "^7.0.1",
-    "@capacitor/geolocation": "^7.1.2",
-    "@capacitor/push-notifications": "^7.0.1",
-    "@capgo/capacitor-updater": "^7.0.50",
-    "@formatjs/intl-localematcher": "^0.5.10",
-    "@react-spring/web": "^9.7.5",
-    "@use-gesture/react": "^10.3.1",
-    "axios": "^1.7.9",
-    "cordova-plugin-purchase": "^13.12.1",
-    "negotiator": "^1.0.0",
-    "next": "^15.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  }
+  "dependencies": {}
 }

package/{useCamera.tsx → useCamera.js}

@@ -1,19 +1,10 @@
 "use client";
 import { device } from "@akanjs/client";
-import { Camera, CameraResultType, CameraSource, PermissionStatus } from "@capacitor/camera";
+import { Camera, CameraResultType, CameraSource } 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") => {
+const useCamera = () => {
+  const [permissions, setPermissions] = useState({ camera: "prompt", photos: "prompt" });
+  const checkPermission = async (type) => {
     try {
       if (type === "photos") {
         if (permissions.photos === "prompt") {
@@ -33,27 +24,18 @@ export const useCamera = () => {
         }
       } else {
         if (permissions.camera === "prompt" || permissions.photos === "prompt") {
-          const permissions = await Camera.requestPermissions();
-          setPermissions(permissions);
+          const permissions2 = await Camera.requestPermissions();
+          setPermissions(permissions2);
         } 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 getPhoto = async (src = "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 {
@@ -62,33 +44,34 @@ export const useCamera = () => {
         source,
         allowEditing: false,
         resultType: CameraResultType.DataUrl,
-        promptLabelHeader: "프로필 사진을 올려주세요",
-        promptLabelPhoto: "앨범에서 선택하기",
-        promptLabelPicture: "사진 찍기",
-        promptLabelCancel: "취소",
+        promptLabelHeader: "\uD504\uB85C\uD544 \uC0AC\uC9C4\uC744 \uC62C\uB824\uC8FC\uC138\uC694",
+        promptLabelPhoto: "\uC568\uBC94\uC5D0\uC11C \uC120\uD0DD\uD558\uAE30",
+        promptLabelPicture: "\uC0AC\uC9C4 \uCC0D\uAE30",
+        promptLabelCancel: "\uCDE8\uC18C"
       });
       return photo;
     } catch (e) {
-      if (e === "User cancelled photos app") return;
+      if (e === "User cancelled photos app")
+        return;
     }
   };
-
   const pickImage = async () => {
     void checkPermission("photos");
     const photo = await Camera.pickImages({
-      quality: 90,
+      quality: 90
     });
-
     return photo;
   };
-
   useEffect(() => {
     void (async () => {
       if (device.info.platform !== "web") {
-        const permissions = await Camera.checkPermissions();
-        setPermissions(permissions);
+        const permissions2 = await Camera.checkPermissions();
+        setPermissions(permissions2);
       }
     })();
   }, []);
   return { permissions, getPhoto, pickImage, checkPermission };
 };
+export {
+  useCamera
+};

package/useCodepush.js

@@ -0,0 +1,74 @@
+"use client";
+import { mergeVersion, splitVersion } from "@akanjs/common";
+import { App } from "@capacitor/app";
+import { Device } from "@capacitor/device";
+import { CapacitorUpdater } from "@capgo/capacitor-updater";
+import axios from "axios";
+import { useState } from "react";
+const useCodepush = ({ serverUrl, branch }) => {
+  const [update, setUpdate] = useState(false);
+  const [version, setVersion] = useState("");
+  const initialize = async () => {
+    await CapacitorUpdater.notifyAppReady();
+  };
+  const checkNewRelease = async () => {
+    const info = await Device.getInfo();
+    const app = await App.getInfo();
+    const pluginVersion = await CapacitorUpdater.getPluginVersion();
+    const { deviceId } = await CapacitorUpdater.getDeviceId();
+    const { bundle: version2, native } = await CapacitorUpdater.current();
+    const builtInversion = await CapacitorUpdater.getBuiltinVersion();
+    const appId = app.id;
+    const platform = info.platform;
+    window.alert(
+      `getBuildinVersion:${builtInversion.version}
+current.bundle:${version2.version}
+currennt.native:${native}`
+    );
+    const { major, minor, patch } = splitVersion(version2.version === "builtin" ? app.version : version2.version);
+    const appName = process.env.NEXT_PUBLIC_APP_NAME ?? "";
+    const appInfo = {
+      appId,
+      appName,
+      deviceId,
+      platform,
+      branch,
+      isEmulator: info.isVirtual,
+      major: parseInt(major),
+      minor: parseInt(minor),
+      patch: parseInt(patch),
+      buildNum: app.build,
+      //앱내 빌드시 버전 횟수 모르면 고한테 물어보기
+      versionOs: info.osVersion
+    };
+    const url = serverUrl.replace("lu", "akasys");
+    const release = (await axios.post(`${url}/release/codepush`, {
+      data: { ...appInfo }
+    })).data;
+    if (!release)
+      return;
+    const file = (await axios.get(`${url}/file/file/${release.appBuild}`)).data;
+    return { release, bundleFile: file };
+  };
+  const codepush = async () => {
+    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 };
+};
+export {
+  useCodepush
+};

package/{useContact.tsx → useContact.js}

@@ -1,18 +1,9 @@
 "use client";
 import { device } from "@akanjs/client";
-import { Contacts, PermissionStatus } from "@capacitor-community/contacts";
+import { Contacts } from "@capacitor-community/contacts";
 import { useEffect, useState } from "react";
-
-export const useContact = () => {
-  const [permissions, setPermissions] = useState<PermissionStatus>({ contacts: "prompt" });
-
-  /**
-   * 최초로 킬 경우 권한은 prompt 상태이다.
-   * prompt 상태일 경우 권한을 요청한다.
-   * 권한이 denied 상태일 경우 설정으로 이동한다.
-   * 이후 state의 permission을 업데이트해야한다.
-   *
-   */
+const useContact = () => {
+  const [permissions, setPermissions] = useState({ contacts: "prompt" });
   const checkPermission = async () => {
     try {
       if (permissions.contacts === "prompt") {
@@ -23,23 +14,23 @@ export const useContact = () => {
         return;
       }
     } catch (e) {
-      //
     }
   };
-
   const getContacts = async () => {
     await checkPermission();
     const { contacts } = await Contacts.getContacts({ projection: { name: true, phones: true } });
     return contacts;
   };
-
   useEffect(() => {
     void (async () => {
-      if (device.info.platform === "web") return;
-      const permissions = await Contacts.checkPermissions();
-      setPermissions(permissions);
+      if (device.info.platform === "web")
+        return;
+      const permissions2 = await Contacts.checkPermissions();
+      setPermissions(permissions2);
     })();
   }, []);
-
   return { permissions, getContacts, checkPermission };
 };
+export {
+  useContact
+};