@akanjs/client 0.0.46 → 0.0.48

package/index.js

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,516 +10,8 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/client/index.ts
 var client_exports = {};
-__export(client_exports, {
-  DEFAULT_BOTTOM_INSET: () => DEFAULT_BOTTOM_INSET,
-  DEFAULT_TOP_INSET: () => DEFAULT_TOP_INSET,
-  Nanum_Gothic_Coding: () => Nanum_Gothic_Coding,
-  Noto_Sans_KR: () => Noto_Sans_KR,
-  clsx: () => clsx,
-  cookies: () => cookies,
-  createFont: () => createFont,
-  csrContext: () => csrContext,
-  defaultPageState: () => defaultPageState,
-  device: () => device,
-  getAccount: () => getAccount,
-  getCookie: () => getCookie,
-  getHeader: () => getHeader,
-  getMe: () => getMe,
-  getPathInfo: () => getPathInfo,
-  getSelf: () => getSelf,
-  headers: () => headers,
-  initAuth: () => initAuth,
-  loadFonts: () => loadFonts,
-  pathContext: () => pathContext,
-  removeCookie: () => removeCookie,
-  resetAuth: () => resetAuth,
-  router: () => router,
-  setAuth: () => setAuth,
-  setCookie: () => setCookie,
-  storage: () => storage,
-  useCsr: () => useCsr,
-  usePathCtx: () => usePathCtx
-});
 module.exports = __toCommonJS(client_exports);
-
-// pkgs/@akanjs/client/src/types.ts
-var import_clsx = require("clsx");
-var clsx = (...args) => (0, import_clsx.clsx)(...args);
-var loadFonts = (fonts) => {
-  return fonts.map(({ name, nextFont, paths }) => nextFont ?? { name, paths });
-};
-
-// pkgs/@akanjs/client/src/csrTypes.ts
-var import_react = require("react");
-var DEFAULT_TOP_INSET = 48;
-var DEFAULT_BOTTOM_INSET = 60;
-var defaultPageState = {
-  transition: "none",
-  topSafeArea: 0,
-  bottomSafeArea: 0,
-  topInset: 0,
-  bottomInset: 0,
-  gesture: true,
-  cache: false
-};
-var csrContext = (0, import_react.createContext)({});
-var useCsr = () => {
-  const contextValues = (0, import_react.useContext)(csrContext);
-  return contextValues;
-};
-var pathContext = (0, import_react.createContext)({});
-var usePathCtx = () => {
-  const contextValues = (0, import_react.useContext)(pathContext);
-  return contextValues;
-};
-
-// pkgs/@akanjs/client/src/router.ts
-var import_base = require("@akanjs/base");
-var import_common = require("@akanjs/common");
-var import_navigation = require("next/navigation");
-var getPathInfo = (href, lang, prefix) => {
-  const langLength = lang.length + 1;
-  const pathWithSubRoute = href === `/${lang}` ? "/" : href.startsWith(`/${lang}/`) ? href.slice(langLength) : href;
-  const prefixLength = prefix ? prefix.length + 1 : 0;
-  const path = !prefixLength ? pathWithSubRoute : pathWithSubRoute === `/${prefix}` ? "/" : pathWithSubRoute.startsWith(`/${prefix}`) ? pathWithSubRoute.slice(prefixLength) : pathWithSubRoute;
-  const subRoute = prefix ? `/${prefix}` : "";
-  const pathname = path.startsWith("http") ? path : path === "/" ? `/${lang}${subRoute}` : `/${lang}${subRoute}${path}`;
-  return { path, pathname };
-};
-var Router = class {
-  isInitialized = false;
-  #prefix = "";
-  #lang = "en";
-  #instance = {
-    push: (href) => {
-      const { pathname } = this.#getPathInfo(href);
-      import_common.Logger.log(`push to:${pathname}`);
-      if (import_base.baseClientEnv.side === "server")
-        void (0, import_navigation.redirect)(pathname);
-    },
-    replace: (href) => {
-      const { pathname } = this.#getPathInfo(href);
-      import_common.Logger.log(`replace to:${pathname}`);
-      if (import_base.baseClientEnv.side === "server")
-        void (0, import_navigation.redirect)(pathname);
-    },
-    back: () => {
-      throw new Error("back is only available in client");
-    },
-    refresh: () => {
-      throw new Error("refresh is only available in client");
-    }
-  };
-  init(options) {
-    this.#prefix = options.prefix ?? "";
-    this.#lang = options.lang ?? "en";
-    if (options.type === "csr")
-      this.#initCSRClientRouter(options);
-    else if (options.side === "server")
-      this.#initNextServerRouter(options);
-    else
-      this.#initNextClientRouter(options);
-    this.isInitialized = true;
-    import_common.Logger.verbose("Router initialized");
-  }
-  #initNextServerRouter(options) {
-  }
-  #initNextClientRouter(options) {
-    this.#instance = {
-      push: (href) => {
-        const { path, pathname } = this.#getPathInfo(href);
-        this.#postPathChange({ path, pathname });
-        options.router.push(pathname);
-      },
-      replace: (href) => {
-        const { path, pathname } = this.#getPathInfo(href);
-        this.#postPathChange({ path, pathname });
-        options.router.replace(pathname);
-      },
-      back: () => {
-        const { path, pathname } = this.#getPathInfo(document.referrer);
-        this.#postPathChange({ path, pathname });
-        options.router.back();
-      },
-      refresh: () => {
-        const { path, pathname } = this.#getPathInfo(location.pathname);
-        this.#postPathChange({ path, pathname });
-        options.router.refresh();
-      }
-    };
-  }
-  #initCSRClientRouter(options) {
-    this.#instance = {
-      push: (href) => {
-        const { path, pathname } = this.#getPathInfo(href);
-        if (location.pathname === pathname)
-          return;
-        this.#postPathChange({ path, pathname });
-        options.router.push(pathname);
-      },
-      replace: (href) => {
-        const { path, pathname } = this.#getPathInfo(href);
-        if (location.pathname === pathname)
-          return;
-        this.#postPathChange({ path, pathname });
-        options.router.replace(pathname);
-      },
-      back: () => {
-        const { path, pathname } = this.#getPathInfo(document.referrer);
-        if (location.pathname === pathname)
-          return;
-        this.#postPathChange({ path, pathname });
-        options.router.back();
-      },
-      refresh: () => {
-        const { path, pathname } = this.#getPathInfo(location.pathname);
-        this.#postPathChange({ path, pathname });
-        options.router.refresh();
-      }
-    };
-  }
-  #checkInitialized() {
-    if (!this.isInitialized)
-      throw new Error("Router is not initialized");
-  }
-  #getPathInfo(href, prefix = this.#prefix) {
-    return getPathInfo(href, this.#lang, prefix);
-  }
-  #postPathChange({ path, pathname }) {
-    import_common.Logger.log(`pathChange-start:${path}`);
-    window.parent.postMessage({ type: "pathChange", path, pathname }, "*");
-  }
-  push(href) {
-    this.#checkInitialized();
-    this.#instance.push(href);
-    return void 0;
-  }
-  replace(href) {
-    this.#checkInitialized();
-    this.#instance.replace(href);
-    return void 0;
-  }
-  back() {
-    if (import_base.baseClientEnv.side === "server")
-      throw new Error("back is only available in client side");
-    this.#checkInitialized();
-    this.#instance.back();
-    return void 0;
-  }
-  refresh() {
-    if (import_base.baseClientEnv.side === "server")
-      throw new Error("refresh is only available in client side");
-    this.#checkInitialized();
-    this.#instance.refresh();
-    return void 0;
-  }
-  async redirect(href) {
-    if (import_base.baseClientEnv.side === "server") {
-      const nextHeaders = require("next/headers");
-      const headers2 = await nextHeaders.headers?.() ?? /* @__PURE__ */ new Map();
-      const lang = headers2.get("x-locale") ?? this.#lang;
-      const basePath = headers2.get("x-base-path");
-      const { pathname } = getPathInfo(href, lang, basePath ?? "");
-      import_common.Logger.log(`redirect to:${pathname}`);
-      (0, import_navigation.redirect)(pathname);
-    } else {
-      const { pathname } = getPathInfo(href, this.#lang, this.#prefix);
-      this.#instance.replace(pathname);
-    }
-    return void 0;
-  }
-  notFound() {
-    this.#checkInitialized();
-    if (import_base.baseClientEnv.side === "server") {
-      import_common.Logger.log(`redirect to:/404`);
-      (0, import_navigation.notFound)();
-    } else
-      this.#instance.replace("/404");
-    return void 0;
-  }
-  setLang(lang) {
-    if (import_base.baseClientEnv.side === "server")
-      throw new Error("setLang is only available in client side");
-    this.#checkInitialized();
-    const { path } = getPathInfo(window.location.pathname, this.#lang, this.#prefix);
-    this.#lang = lang;
-    this.#instance.replace(`/${lang}${path}`);
-    return void 0;
-  }
-  getPath(pathname = window.location.pathname) {
-    if (import_base.baseClientEnv.side === "server")
-      throw new Error("getPath is only available in client side");
-    const { path } = getPathInfo(pathname, this.#lang, this.#prefix);
-    return path;
-  }
-  getFullPath(withLang = true) {
-    if (import_base.baseClientEnv.side === "server")
-      throw new Error("getPath is only available in client side");
-    return `${withLang ? `/${this.#lang}` : ""}/${this.#prefix}${this.getPath()}`;
-  }
-  getPrefix() {
-    return this.#prefix;
-  }
-  getPrefixedPath(path) {
-    return this.#prefix ? `${this.#lang ? `/${this.#lang}` : ""}/${this.#prefix}${path}` : path;
-  }
-};
-var router = new Router();
-
-// pkgs/@akanjs/client/src/cookie.ts
-var import_base3 = require("@akanjs/base");
-var import_common2 = require("@akanjs/common");
-var import_signal = require("@akanjs/signal");
-var import_signal2 = require("@akanjs/signal");
-var import_core = require("@capacitor/core");
-var import_js_cookie = __toESM(require("js-cookie"));
-var import_jwt_decode = require("jwt-decode");
-var import_react2 = __toESM(require("react"));
-
-// pkgs/@akanjs/client/src/storage.ts
-var import_base2 = require("@akanjs/base");
-var import_preferences = require("@capacitor/preferences");
-var storage = {
-  getItem: async (key) => {
-    if (import_base2.baseClientEnv.side === "server")
-      return;
-    if (import_base2.baseClientEnv.renderMode === "ssr")
-      return localStorage.getItem(key);
-    else
-      return (await import_preferences.Preferences.get({ key })).value;
-  },
-  setItem: async (key, value) => {
-    if (import_base2.baseClientEnv.side === "server")
-      return;
-    if (import_base2.baseClientEnv.renderMode === "ssr") {
-      localStorage.setItem(key, value);
-      return;
-    } else {
-      await import_preferences.Preferences.set({ key, value });
-      return;
-    }
-  },
-  removeItem: (key) => {
-    if (import_base2.baseClientEnv.side === "server")
-      return;
-    if (import_base2.baseClientEnv.renderMode === "ssr") {
-      localStorage.removeItem(key);
-      return;
-    } else
-      return import_preferences.Preferences.remove({ key });
-  }
-};
-
-// pkgs/@akanjs/client/src/cookie.ts
-var cookies = import_base3.baseClientEnv.side === "server" ? () => {
-  const nextHeaders = require("next/headers");
-  const cookies2 = nextHeaders.cookies();
-  return import_react2.default.use(cookies2);
-} : () => {
-  const cookie = import_js_cookie.default.get();
-  return new Map(
-    Object.entries(cookie).map(([key, value]) => [
-      key,
-      {
-        name: key,
-        value: typeof value === "string" && value.startsWith("j:") ? JSON.parse(value.slice(2)) : value
-      }
-    ])
-  );
-};
-var setCookie = (key, value, options = { path: "/", sameSite: "none", secure: true }) => {
-  if (import_base3.baseClientEnv.side === "server")
-    return;
-  else
-    void import_core.CapacitorCookies.setCookie({ key, value });
-};
-var getCookie = (key) => {
-  if (import_base3.baseClientEnv.side === "server")
-    return cookies().get(key)?.value;
-  else
-    return document.cookie.split(";").find((c) => c.trim().startsWith(`${key}=`))?.split("=")[1];
-};
-var removeCookie = (key, options = { path: "/" }) => {
-  if (import_base3.baseClientEnv.side === "server")
-    return cookies().delete(key);
-  else {
-    document.cookie = `${key}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
-  }
-};
-var headers = import_base3.baseClientEnv.side === "server" ? () => import_react2.default.use(require("next/headers").headers()) : () => /* @__PURE__ */ new Map();
-var getHeader = (key) => {
-  return headers().get(key);
-};
-var getAccount = () => {
-  const jwt = getCookie("jwt") ?? getHeader("jwt");
-  if (!jwt)
-    return import_signal2.defaultAccount;
-  const account = (0, import_jwt_decode.jwtDecode)(jwt);
-  if (account.appName !== import_base3.baseEnv.appName || account.environment !== import_base3.baseEnv.environment)
-    return import_signal2.defaultAccount;
-  return account;
-};
-function getMe(option) {
-  const me = getAccount().me;
-  if (!me && option) {
-    if (option.unauthorize === "notFound")
-      router.notFound();
-    else if (import_base3.baseClientEnv.side === "client")
-      router.replace(option.unauthorize);
-    else
-      import_react2.default.use(router.redirect(option.unauthorize));
-  }
-  return me;
-}
-function getSelf(option) {
-  const self = getAccount().self;
-  if (!self && option) {
-    if (option.unauthorize === "notFound")
-      router.notFound();
-    else if (import_base3.baseClientEnv.side === "client")
-      router.replace(option.unauthorize);
-    else
-      import_react2.default.use(router.redirect(option.unauthorize));
-  }
-  return self;
-}
-var setAuth = ({ jwt }) => {
-  import_signal.client.setJwt(jwt);
-  setCookie("jwt", jwt);
-  void storage.setItem("jwt", jwt);
-};
-var initAuth = ({ jwt } = {}) => {
-  const token = jwt ?? cookies().get("jwt")?.value;
-  if (token)
-    setAuth({ jwt: token });
-  import_signal.client.init();
-  import_common2.Logger.verbose(`JWT set from cookie: ${token}`);
-};
-var resetAuth = () => {
-  import_signal.client.reset();
-  removeCookie("jwt");
-  void storage.removeItem("jwt");
-};
-
-// pkgs/@akanjs/client/src/device.ts
-var import_device = require("@capacitor/device");
-var import_haptics = require("@capacitor/haptics");
-var import_keyboard = require("@capacitor/keyboard");
-var import_capacitor_plugin_safe_area = require("capacitor-plugin-safe-area");
-var import_react_device_detect = require("react-device-detect");
-var Device = class {
-  info;
-  lang;
-  topSafeArea;
-  bottomSafeArea;
-  isMobile = import_react_device_detect.isMobile;
-  #keyboard = import_keyboard.Keyboard;
-  #haptics = import_haptics.Haptics;
-  #pageContentRef = null;
-  async init({ lang, supportLanguages = [] } = {}) {
-    const [
-      info,
-      { value: languageCode },
-      {
-        insets: { top: topSafeArea, bottom: bottomSafeArea }
-      }
-    ] = await Promise.all([import_device.Device.getInfo(), import_device.Device.getLanguageCode(), import_capacitor_plugin_safe_area.SafeArea.getSafeAreaInsets()]);
-    const predefinedLangPath = window.location.pathname.split("/")[1]?.split("?")[0];
-    const predefinedLang = supportLanguages.find((language) => language === predefinedLangPath);
-    this.info = info;
-    this.lang = lang ?? predefinedLang ?? languageCode;
-    this.topSafeArea = topSafeArea;
-    this.bottomSafeArea = bottomSafeArea;
-  }
-  setPageContentRef(pageContentRef) {
-    this.#pageContentRef = pageContentRef;
-  }
-  async showKeyboard() {
-    if (this.info.platform === "web")
-      return;
-    await this.#keyboard.show();
-  }
-  async hideKeyboard() {
-    if (this.info.platform === "web")
-      return;
-    await this.#keyboard.hide();
-  }
-  listenKeyboardChanged(onKeyboardChanged) {
-    if (this.info.platform === "web")
-      return;
-    void this.#keyboard.addListener("keyboardWillShow", (keyboard) => {
-      onKeyboardChanged(keyboard.keyboardHeight);
-    });
-    void this.#keyboard.addListener("keyboardDidShow", (keyboard) => {
-      onKeyboardChanged(keyboard.keyboardHeight);
-    });
-    void this.#keyboard.addListener("keyboardWillHide", () => {
-      onKeyboardChanged(0);
-    });
-    void this.#keyboard.addListener("keyboardDidHide", () => {
-      onKeyboardChanged(0);
-    });
-  }
-  unlistenKeyboardChanged() {
-    if (this.info.platform === "web")
-      return;
-    void this.#keyboard.removeAllListeners();
-  }
-  async vibrate(type = "medium") {
-    if (typeof type === "number") {
-      await this.#haptics.vibrate({ duration: type });
-      return;
-    }
-    const handleImpact = {
-      light: async () => {
-        await this.#haptics.impact({ style: import_haptics.ImpactStyle.Light });
-      },
-      medium: async () => {
-        await this.#haptics.impact({ style: import_haptics.ImpactStyle.Medium });
-      },
-      heavy: async () => {
-        await this.#haptics.impact({ style: import_haptics.ImpactStyle.Heavy });
-      },
-      selectionStart: async () => {
-        await this.#haptics.selectionStart();
-      },
-      selectionChanged: async () => {
-        await this.#haptics.selectionChanged();
-      },
-      selectionEnd: async () => {
-        await this.#haptics.selectionEnd();
-      }
-    };
-    await handleImpact[type]();
-  }
-  getScrollTop() {
-    if (this.info.platform === "web")
-      return window.scrollY;
-    return this.#pageContentRef?.current?.scrollTop ?? 0;
-  }
-  setScrollTop(scrollTop) {
-    if (this.info.platform === "web") {
-      window.scrollTo({ top: scrollTop });
-      return;
-    }
-    return this.#pageContentRef?.current?.scrollTo({ top: scrollTop });
-  }
-};
-var device = new Device();
-
-// pkgs/@akanjs/client/src/createFont.ts
-var createFont = (data) => null;
-var Nanum_Gothic_Coding = createFont;
-var Noto_Sans_KR = createFont;
+__reExport(client_exports, require("./src"), module.exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanjs/client",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "type": "commonjs",
   "publishConfig": {
     "access": "public"

package/src/cookie.js

@@ -0,0 +1,142 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cookie_exports = {};
+__export(cookie_exports, {
+  cookies: () => cookies,
+  getAccount: () => getAccount,
+  getCookie: () => getCookie,
+  getHeader: () => getHeader,
+  getMe: () => getMe,
+  getSelf: () => getSelf,
+  headers: () => headers,
+  initAuth: () => initAuth,
+  removeCookie: () => removeCookie,
+  resetAuth: () => resetAuth,
+  setAuth: () => setAuth,
+  setCookie: () => setCookie
+});
+module.exports = __toCommonJS(cookie_exports);
+var import_base = require("@akanjs/base");
+var import_common = require("@akanjs/common");
+var import_signal = require("@akanjs/signal");
+var import_signal2 = require("@akanjs/signal");
+var import_core = require("@capacitor/core");
+var import_js_cookie = __toESM(require("js-cookie"));
+var import_jwt_decode = require("jwt-decode");
+var import_react = __toESM(require("react"));
+var import_router = require("./router");
+var import_storage = require("./storage");
+const cookies = import_base.baseClientEnv.side === "server" ? () => {
+  const nextHeaders = require("next/headers");
+  const cookies2 = nextHeaders.cookies();
+  return import_react.default.use(cookies2);
+} : () => {
+  const cookie = import_js_cookie.default.get();
+  return new Map(
+    Object.entries(cookie).map(([key, value]) => [
+      key,
+      {
+        name: key,
+        value: typeof value === "string" && value.startsWith("j:") ? JSON.parse(value.slice(2)) : value
+      }
+    ])
+  );
+};
+const setCookie = (key, value, options = { path: "/", sameSite: "none", secure: true }) => {
+  if (import_base.baseClientEnv.side === "server")
+    return;
+  else
+    void import_core.CapacitorCookies.setCookie({ key, value });
+};
+const getCookie = (key) => {
+  if (import_base.baseClientEnv.side === "server")
+    return cookies().get(key)?.value;
+  else
+    return document.cookie.split(";").find((c) => c.trim().startsWith(`${key}=`))?.split("=")[1];
+};
+const removeCookie = (key, options = { path: "/" }) => {
+  if (import_base.baseClientEnv.side === "server")
+    return cookies().delete(key);
+  else {
+    document.cookie = `${key}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
+  }
+};
+const headers = import_base.baseClientEnv.side === "server" ? () => import_react.default.use(require("next/headers").headers()) : () => /* @__PURE__ */ new Map();
+const getHeader = (key) => {
+  return headers().get(key);
+};
+const getAccount = () => {
+  const jwt = getCookie("jwt") ?? getHeader("jwt");
+  if (!jwt)
+    return import_signal2.defaultAccount;
+  const account = (0, import_jwt_decode.jwtDecode)(jwt);
+  if (account.appName !== import_base.baseEnv.appName || account.environment !== import_base.baseEnv.environment)
+    return import_signal2.defaultAccount;
+  return account;
+};
+function getMe(option) {
+  const me = getAccount().me;
+  if (!me && option) {
+    if (option.unauthorize === "notFound")
+      import_router.router.notFound();
+    else if (import_base.baseClientEnv.side === "client")
+      import_router.router.replace(option.unauthorize);
+    else
+      import_react.default.use(import_router.router.redirect(option.unauthorize));
+  }
+  return me;
+}
+function getSelf(option) {
+  const self = getAccount().self;
+  if (!self && option) {
+    if (option.unauthorize === "notFound")
+      import_router.router.notFound();
+    else if (import_base.baseClientEnv.side === "client")
+      import_router.router.replace(option.unauthorize);
+    else
+      import_react.default.use(import_router.router.redirect(option.unauthorize));
+  }
+  return self;
+}
+const setAuth = ({ jwt }) => {
+  import_signal.client.setJwt(jwt);
+  setCookie("jwt", jwt);
+  void import_storage.storage.setItem("jwt", jwt);
+};
+const initAuth = ({ jwt } = {}) => {
+  const token = jwt ?? cookies().get("jwt")?.value;
+  if (token)
+    setAuth({ jwt: token });
+  import_signal.client.init();
+  import_common.Logger.verbose(`JWT set from cookie: ${token}`);
+};
+const resetAuth = () => {
+  import_signal.client.reset();
+  removeCookie("jwt");
+  void import_storage.storage.removeItem("jwt");
+};

package/src/createFont.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createFont_exports = {};
+__export(createFont_exports, {
+  Nanum_Gothic_Coding: () => Nanum_Gothic_Coding,
+  Noto_Sans_KR: () => Noto_Sans_KR,
+  createFont: () => createFont,
+  default: () => createFont_default
+});
+module.exports = __toCommonJS(createFont_exports);
+const createFont = (data) => null;
+var createFont_default = createFont;
+const Nanum_Gothic_Coding = createFont;
+const Noto_Sans_KR = createFont;

package/src/csrTypes.js

@@ -0,0 +1,51 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var csrTypes_exports = {};
+__export(csrTypes_exports, {
+  DEFAULT_BOTTOM_INSET: () => DEFAULT_BOTTOM_INSET,
+  DEFAULT_TOP_INSET: () => DEFAULT_TOP_INSET,
+  csrContext: () => csrContext,
+  defaultPageState: () => defaultPageState,
+  pathContext: () => pathContext,
+  useCsr: () => useCsr,
+  usePathCtx: () => usePathCtx
+});
+module.exports = __toCommonJS(csrTypes_exports);
+var import_react = require("react");
+const DEFAULT_TOP_INSET = 48;
+const DEFAULT_BOTTOM_INSET = 60;
+const defaultPageState = {
+  transition: "none",
+  topSafeArea: 0,
+  bottomSafeArea: 0,
+  topInset: 0,
+  bottomInset: 0,
+  gesture: true,
+  cache: false
+};
+const csrContext = (0, import_react.createContext)({});
+const useCsr = () => {
+  const contextValues = (0, import_react.useContext)(csrContext);
+  return contextValues;
+};
+const pathContext = (0, import_react.createContext)({});
+const usePathCtx = () => {
+  const contextValues = (0, import_react.useContext)(pathContext);
+  return contextValues;
+};

package/src/device.js

@@ -0,0 +1,127 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var device_exports = {};
+__export(device_exports, {
+  device: () => device
+});
+module.exports = __toCommonJS(device_exports);
+var import_device = require("@capacitor/device");
+var import_haptics = require("@capacitor/haptics");
+var import_keyboard = require("@capacitor/keyboard");
+var import_capacitor_plugin_safe_area = require("capacitor-plugin-safe-area");
+var import_react_device_detect = require("react-device-detect");
+class Device {
+  info;
+  lang;
+  topSafeArea;
+  bottomSafeArea;
+  isMobile = import_react_device_detect.isMobile;
+  #keyboard = import_keyboard.Keyboard;
+  #haptics = import_haptics.Haptics;
+  #pageContentRef = null;
+  async init({ lang, supportLanguages = [] } = {}) {
+    const [
+      info,
+      { value: languageCode },
+      {
+        insets: { top: topSafeArea, bottom: bottomSafeArea }
+      }
+    ] = await Promise.all([import_device.Device.getInfo(), import_device.Device.getLanguageCode(), import_capacitor_plugin_safe_area.SafeArea.getSafeAreaInsets()]);
+    const predefinedLangPath = window.location.pathname.split("/")[1]?.split("?")[0];
+    const predefinedLang = supportLanguages.find((language) => language === predefinedLangPath);
+    this.info = info;
+    this.lang = lang ?? predefinedLang ?? languageCode;
+    this.topSafeArea = topSafeArea;
+    this.bottomSafeArea = bottomSafeArea;
+  }
+  setPageContentRef(pageContentRef) {
+    this.#pageContentRef = pageContentRef;
+  }
+  async showKeyboard() {
+    if (this.info.platform === "web")
+      return;
+    await this.#keyboard.show();
+  }
+  async hideKeyboard() {
+    if (this.info.platform === "web")
+      return;
+    await this.#keyboard.hide();
+  }
+  listenKeyboardChanged(onKeyboardChanged) {
+    if (this.info.platform === "web")
+      return;
+    void this.#keyboard.addListener("keyboardWillShow", (keyboard) => {
+      onKeyboardChanged(keyboard.keyboardHeight);
+    });
+    void this.#keyboard.addListener("keyboardDidShow", (keyboard) => {
+      onKeyboardChanged(keyboard.keyboardHeight);
+    });
+    void this.#keyboard.addListener("keyboardWillHide", () => {
+      onKeyboardChanged(0);
+    });
+    void this.#keyboard.addListener("keyboardDidHide", () => {
+      onKeyboardChanged(0);
+    });
+  }
+  unlistenKeyboardChanged() {
+    if (this.info.platform === "web")
+      return;
+    void this.#keyboard.removeAllListeners();
+  }
+  async vibrate(type = "medium") {
+    if (typeof type === "number") {
+      await this.#haptics.vibrate({ duration: type });
+      return;
+    }
+    const handleImpact = {
+      light: async () => {
+        await this.#haptics.impact({ style: import_haptics.ImpactStyle.Light });
+      },
+      medium: async () => {
+        await this.#haptics.impact({ style: import_haptics.ImpactStyle.Medium });
+      },
+      heavy: async () => {
+        await this.#haptics.impact({ style: import_haptics.ImpactStyle.Heavy });
+      },
+      selectionStart: async () => {
+        await this.#haptics.selectionStart();
+      },
+      selectionChanged: async () => {
+        await this.#haptics.selectionChanged();
+      },
+      selectionEnd: async () => {
+        await this.#haptics.selectionEnd();
+      }
+    };
+    await handleImpact[type]();
+  }
+  getScrollTop() {
+    if (this.info.platform === "web")
+      return window.scrollY;
+    return this.#pageContentRef?.current?.scrollTop ?? 0;
+  }
+  setScrollTop(scrollTop) {
+    if (this.info.platform === "web") {
+      window.scrollTo({ top: scrollTop });
+      return;
+    }
+    return this.#pageContentRef?.current?.scrollTo({ top: scrollTop });
+  }
+}
+const device = new Device();

package/src/index.js

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./types"), module.exports);
+__reExport(src_exports, require("./csrTypes"), module.exports);
+__reExport(src_exports, require("./router"), module.exports);
+__reExport(src_exports, require("./cookie"), module.exports);
+__reExport(src_exports, require("./storage"), module.exports);
+__reExport(src_exports, require("./device"), module.exports);
+__reExport(src_exports, require("./createFont"), module.exports);

package/src/navigation.d.ts

@@ -0,0 +1,10 @@
+export declare const notFound: () => never;
+export declare const redirect: (url: string) => void;
+export declare const useParams: () => void;
+export declare const usePathname: () => void;
+export declare const useRouter: () => void;
+export declare const useSearchParams: () => void;
+export declare const NextResponse: {
+    next: () => void;
+    redirect: (url: string) => void;
+};

package/src/navigation.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navigation_exports = {};
+__export(navigation_exports, {
+  NextResponse: () => NextResponse,
+  notFound: () => notFound,
+  redirect: () => redirect,
+  useParams: () => useParams,
+  usePathname: () => usePathname,
+  useRouter: () => useRouter,
+  useSearchParams: () => useSearchParams
+});
+module.exports = __toCommonJS(navigation_exports);
+const notFound = () => {
+  throw new Error("Not found");
+};
+const redirect = (url) => {
+};
+const useParams = () => {
+};
+const usePathname = () => {
+};
+const useRouter = () => {
+};
+const useSearchParams = () => {
+};
+const NextResponse = {
+  next: () => {
+  },
+  redirect: (url) => {
+  }
+};

package/src/router.js

@@ -0,0 +1,214 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var router_exports = {};
+__export(router_exports, {
+  getPathInfo: () => getPathInfo,
+  router: () => router
+});
+module.exports = __toCommonJS(router_exports);
+var import_base = require("@akanjs/base");
+var import_common = require("@akanjs/common");
+var import_navigation = require("next/navigation");
+const getPathInfo = (href, lang, prefix) => {
+  const langLength = lang.length + 1;
+  const pathWithSubRoute = href === `/${lang}` ? "/" : href.startsWith(`/${lang}/`) ? href.slice(langLength) : href;
+  const prefixLength = prefix ? prefix.length + 1 : 0;
+  const path = !prefixLength ? pathWithSubRoute : pathWithSubRoute === `/${prefix}` ? "/" : pathWithSubRoute.startsWith(`/${prefix}`) ? pathWithSubRoute.slice(prefixLength) : pathWithSubRoute;
+  const subRoute = prefix ? `/${prefix}` : "";
+  const pathname = path.startsWith("http") ? path : path === "/" ? `/${lang}${subRoute}` : `/${lang}${subRoute}${path}`;
+  return { path, pathname };
+};
+class Router {
+  isInitialized = false;
+  #prefix = "";
+  #lang = "en";
+  #instance = {
+    push: (href) => {
+      const { pathname } = this.#getPathInfo(href);
+      import_common.Logger.log(`push to:${pathname}`);
+      if (import_base.baseClientEnv.side === "server")
+        void (0, import_navigation.redirect)(pathname);
+    },
+    replace: (href) => {
+      const { pathname } = this.#getPathInfo(href);
+      import_common.Logger.log(`replace to:${pathname}`);
+      if (import_base.baseClientEnv.side === "server")
+        void (0, import_navigation.redirect)(pathname);
+    },
+    back: () => {
+      throw new Error("back is only available in client");
+    },
+    refresh: () => {
+      throw new Error("refresh is only available in client");
+    }
+  };
+  init(options) {
+    this.#prefix = options.prefix ?? "";
+    this.#lang = options.lang ?? "en";
+    if (options.type === "csr")
+      this.#initCSRClientRouter(options);
+    else if (options.side === "server")
+      this.#initNextServerRouter(options);
+    else
+      this.#initNextClientRouter(options);
+    this.isInitialized = true;
+    import_common.Logger.verbose("Router initialized");
+  }
+  #initNextServerRouter(options) {
+  }
+  #initNextClientRouter(options) {
+    this.#instance = {
+      push: (href) => {
+        const { path, pathname } = this.#getPathInfo(href);
+        this.#postPathChange({ path, pathname });
+        options.router.push(pathname);
+      },
+      replace: (href) => {
+        const { path, pathname } = this.#getPathInfo(href);
+        this.#postPathChange({ path, pathname });
+        options.router.replace(pathname);
+      },
+      back: () => {
+        const { path, pathname } = this.#getPathInfo(document.referrer);
+        this.#postPathChange({ path, pathname });
+        options.router.back();
+      },
+      refresh: () => {
+        const { path, pathname } = this.#getPathInfo(location.pathname);
+        this.#postPathChange({ path, pathname });
+        options.router.refresh();
+      }
+    };
+  }
+  #initCSRClientRouter(options) {
+    this.#instance = {
+      push: (href) => {
+        const { path, pathname } = this.#getPathInfo(href);
+        if (location.pathname === pathname)
+          return;
+        this.#postPathChange({ path, pathname });
+        options.router.push(pathname);
+      },
+      replace: (href) => {
+        const { path, pathname } = this.#getPathInfo(href);
+        if (location.pathname === pathname)
+          return;
+        this.#postPathChange({ path, pathname });
+        options.router.replace(pathname);
+      },
+      back: () => {
+        const { path, pathname } = this.#getPathInfo(document.referrer);
+        if (location.pathname === pathname)
+          return;
+        this.#postPathChange({ path, pathname });
+        options.router.back();
+      },
+      refresh: () => {
+        const { path, pathname } = this.#getPathInfo(location.pathname);
+        this.#postPathChange({ path, pathname });
+        options.router.refresh();
+      }
+    };
+  }
+  #checkInitialized() {
+    if (!this.isInitialized)
+      throw new Error("Router is not initialized");
+  }
+  #getPathInfo(href, prefix = this.#prefix) {
+    return getPathInfo(href, this.#lang, prefix);
+  }
+  #postPathChange({ path, pathname }) {
+    import_common.Logger.log(`pathChange-start:${path}`);
+    window.parent.postMessage({ type: "pathChange", path, pathname }, "*");
+  }
+  push(href) {
+    this.#checkInitialized();
+    this.#instance.push(href);
+    return void 0;
+  }
+  replace(href) {
+    this.#checkInitialized();
+    this.#instance.replace(href);
+    return void 0;
+  }
+  back() {
+    if (import_base.baseClientEnv.side === "server")
+      throw new Error("back is only available in client side");
+    this.#checkInitialized();
+    this.#instance.back();
+    return void 0;
+  }
+  refresh() {
+    if (import_base.baseClientEnv.side === "server")
+      throw new Error("refresh is only available in client side");
+    this.#checkInitialized();
+    this.#instance.refresh();
+    return void 0;
+  }
+  async redirect(href) {
+    if (import_base.baseClientEnv.side === "server") {
+      const nextHeaders = require("next/headers");
+      const headers = await nextHeaders.headers?.() ?? /* @__PURE__ */ new Map();
+      const lang = headers.get("x-locale") ?? this.#lang;
+      const basePath = headers.get("x-base-path");
+      const { pathname } = getPathInfo(href, lang, basePath ?? "");
+      import_common.Logger.log(`redirect to:${pathname}`);
+      (0, import_navigation.redirect)(pathname);
+    } else {
+      const { pathname } = getPathInfo(href, this.#lang, this.#prefix);
+      this.#instance.replace(pathname);
+    }
+    return void 0;
+  }
+  notFound() {
+    this.#checkInitialized();
+    if (import_base.baseClientEnv.side === "server") {
+      import_common.Logger.log(`redirect to:/404`);
+      (0, import_navigation.notFound)();
+    } else
+      this.#instance.replace("/404");
+    return void 0;
+  }
+  setLang(lang) {
+    if (import_base.baseClientEnv.side === "server")
+      throw new Error("setLang is only available in client side");
+    this.#checkInitialized();
+    const { path } = getPathInfo(window.location.pathname, this.#lang, this.#prefix);
+    this.#lang = lang;
+    this.#instance.replace(`/${lang}${path}`);
+    return void 0;
+  }
+  getPath(pathname = window.location.pathname) {
+    if (import_base.baseClientEnv.side === "server")
+      throw new Error("getPath is only available in client side");
+    const { path } = getPathInfo(pathname, this.#lang, this.#prefix);
+    return path;
+  }
+  getFullPath(withLang = true) {
+    if (import_base.baseClientEnv.side === "server")
+      throw new Error("getPath is only available in client side");
+    return `${withLang ? `/${this.#lang}` : ""}/${this.#prefix}${this.getPath()}`;
+  }
+  getPrefix() {
+    return this.#prefix;
+  }
+  getPrefixedPath(path) {
+    return this.#prefix ? `${this.#lang ? `/${this.#lang}` : ""}/${this.#prefix}${path}` : path;
+  }
+}
+const router = new Router();

package/src/storage.js

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var storage_exports = {};
+__export(storage_exports, {
+  storage: () => storage
+});
+module.exports = __toCommonJS(storage_exports);
+var import_base = require("@akanjs/base");
+var import_preferences = require("@capacitor/preferences");
+const storage = {
+  getItem: async (key) => {
+    if (import_base.baseClientEnv.side === "server")
+      return;
+    if (import_base.baseClientEnv.renderMode === "ssr")
+      return localStorage.getItem(key);
+    else
+      return (await import_preferences.Preferences.get({ key })).value;
+  },
+  setItem: async (key, value) => {
+    if (import_base.baseClientEnv.side === "server")
+      return;
+    if (import_base.baseClientEnv.renderMode === "ssr") {
+      localStorage.setItem(key, value);
+      return;
+    } else {
+      await import_preferences.Preferences.set({ key, value });
+      return;
+    }
+  },
+  removeItem: (key) => {
+    if (import_base.baseClientEnv.side === "server")
+      return;
+    if (import_base.baseClientEnv.renderMode === "ssr") {
+      localStorage.removeItem(key);
+      return;
+    } else
+      return import_preferences.Preferences.remove({ key });
+  }
+};

package/src/types.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+__export(types_exports, {
+  clsx: () => clsx,
+  loadFonts: () => loadFonts
+});
+module.exports = __toCommonJS(types_exports);
+var import_clsx = require("clsx");
+const clsx = (...args) => (0, import_clsx.clsx)(...args);
+const loadFonts = (fonts) => {
+  return fonts.map(({ name, nextFont, paths }) => nextFont ?? { name, paths });
+};