@akanjs/ui 0.9.48 → 0.9.50

package/esm/Input.js

@@ -1,8 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
+import { clsx, usePage } from "@akanjs/client";
 import { isEmail } from "@akanjs/common";
-import { usePage } from "@akanjs/next";
 import {
   useEffect,
   useRef,
@@ -30,7 +29,7 @@ const Input = ({
   const [firstFocus, setFirstFocus] = useState(true);
   const validateResult = validate ? validate(value) : void 0;
   const status = !nullable && !value ? null : !value.length ? "warning" : validateResult === true ? "success" : "error";
-  const invalidMessage = value && !value.length || validateResult === true || firstFocus ? null : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const invalidMessage = value && !value.length || validateResult === true || firstFocus ? null : validateResult === false ? l("base.invalidValueError") : validateResult;
   const statusClass = inputStyleType === "bordered" ? status === "error" ? "input-error" : !firstFocus && status === "warning" ? "input-warning" : status === "success" ? "input-success" : "" : "";
   const inputType = inputStyleType === "bordered" ? "input" : inputStyleType === "borderless" ? "input-ghost" : "border-0  border-b rounded-none";
   const handleKeyDown = (e) => {
@@ -101,7 +100,7 @@ const TextArea = ({
   const validateResult = validate(value);
   const [firstFocus, setFirstFocus] = useState(true);
   const status = !nullable && !value.length ? "warning" : validateResult === true ? "success" : "error";
-  const invalidMessage = !value.length || validateResult === true || firstFocus ? null : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const invalidMessage = !value.length || validateResult === true || firstFocus ? null : validateResult === false ? l("base.invalidValueError") : validateResult;
   const statusClass = status === "error" ? "textarea-error" : !firstFocus && status === "warning" ? "textarea-warning" : status === "success" ? "textarea-success" : "";
   const handleKeyDown = (e) => {
     if (onPressEnter && e.key === "Enter")
@@ -165,7 +164,7 @@ const Password = ({
   const [firstFocus, setFirstFocus] = useState(true);
   const [showPassword, setShowPassword] = useState(false);
   const status = !nullable && !value.length ? "warning" : validateResult === true ? "success" : "error";
-  const invalidMessage = !value.length || validateResult === true || firstFocus ? "" : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const invalidMessage = !value.length || validateResult === true || firstFocus ? "" : validateResult === false ? l("base.invalidValueError") : validateResult;
   const statusClass = status === "error" ? "input-error" : !firstFocus && status === "warning" ? "input-warning" : status === "success" ? "input-success" : "";
   const handleKeyDown = (e) => {
     if (onPressEnter && e.key === "Enter")
@@ -250,9 +249,9 @@ const Email = ({
   const inputRef = useRef(null);
   const isValidEmail = isEmail(value);
   const [firstFocus, setFirstFocus] = useState(true);
-  const validateResult = !isValidEmail ? l("util.emailInvalidError") : validate(value);
+  const validateResult = !isValidEmail ? l("base.emailInvalidError") : validate(value);
   const status = !nullable && !value.length ? "warning" : !isValidEmail ? "error" : validateResult === true ? "success" : "error";
-  const invalidMessage = !value.length || validateResult === true || firstFocus ? null : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const invalidMessage = !value.length || validateResult === true || firstFocus ? null : validateResult === false ? l("base.invalidValueError") : validateResult;
   const statusClass = status === "error" ? "input-error" : !firstFocus && status === "warning" ? "input-warning" : status === "success" ? "input-success" : "";
   const inputType = inputStyleType === "bordered" ? "input-bordered" : inputStyleType === "borderless" ? "input" : "input-bordered rounded-none";
   const handleKeyDown = (e) => {
@@ -332,7 +331,7 @@ const Number = ({
   const [firstFocus, setFirstFocus] = useState(true);
   const [formatValue, setFormatValue] = useState(generateFormat());
   const status = validate !== void 0 ? validateResult === true ? "success" : "error" : !nullable && value === null ? "warning" : "";
-  const invalidMessage = value === null || validateResult === true ? null : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const invalidMessage = value === null || validateResult === true ? null : validateResult === false ? l("base.invalidValueError") : validateResult;
   const statusClass = validate !== void 0 ? status === "error" ? "input-error" : !firstFocus && status === "warning" ? "input-warning" : status === "success" ? "input-success" : "input" : "input";
   const handleKeyDown = (e) => {
     const numberValue = parseFloat(e.currentTarget.value.replace(/[^\d-]/g, ""));

package/esm/Layout/BottomTab.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
-import { usePage } from "@akanjs/next";
+import { clsx, usePage } from "@akanjs/client";
 import { useEffect, useState } from "react";
 import { Link } from "../Link";
 import { BottomInset } from "./BottomInset";

package/esm/Link/CsrLink.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { clsx, getPathInfo, router } from "@akanjs/client";
-import { usePage } from "@akanjs/next";
+import { clsx, getPathInfo, router, usePage } from "@akanjs/client";
 import { st } from "@akanjs/store";
 import { Browser } from "@capacitor/browser";
 function CsrLink({

package/esm/Link/NextLink.js

@@ -1,8 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { clsx, getPathInfo } from "@akanjs/client";
+import { clsx, getPathInfo, usePage } from "@akanjs/client";
 import { Logger } from "@akanjs/common";
-import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import NextjsLink from "next/link";
 function NextLink({

package/esm/Load/Page.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { baseClientEnv } from "@akanjs/base";
 import { PageCSR } from "./PageCSR";
 const Page = baseClientEnv.renderMode === "csr" ? PageCSR : ({ loader, render }) => {
-  const promise = new Promise((resolve, reject) => {
+  return new Promise((resolve, reject) => {
     loader().then((data) => {
       resolve(render(data));
     }).catch((error) => {
@@ -13,7 +13,6 @@ const Page = baseClientEnv.renderMode === "csr" ? PageCSR : ({ loader, render })
         resolve(/* @__PURE__ */ jsx("div", { className: "text-red-500", children: message }));
     });
   });
-  return promise;
 };
 var Page_default = Page;
 export {

package/esm/Load/Units.js

@@ -3,8 +3,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DataList } from "@akanjs/base";
 import { clsx } from "@akanjs/client";
 import { capitalize, isQueryEqual, lowerlize } from "@akanjs/common";
+import { constantInfo } from "@akanjs/constant";
 import { useFetch } from "@akanjs/next";
-import { fetch } from "@akanjs/signal";
 import { st } from "@akanjs/store";
 import { useEffect, useMemo, useRef } from "react";
 import { Empty } from "../Empty";
@@ -33,6 +33,7 @@ function Render({
   const storeGet = st.get;
   const { refName, sliceName } = init;
   const [modelName, ModelName] = [lowerlize(refName), capitalize(refName)];
+  const cnst = constantInfo.getDatabase(refName);
   const names = {
     model: modelName,
     modelList: `${modelName}List`,
@@ -80,14 +81,14 @@ function Render({
     if (loaded.current)
       return modelList;
     const initModelObjList = init[names.modelObjList];
-    const lightCrystalizeModel = fetch[names.lightCrystalizeModel];
+    const lightCrystalizeModel = cnst.lightCrystalize;
     return new DataList(initModelObjList.map((model) => lightCrystalizeModel(model)));
   }, []);
   useEffect(() => {
     if (loaded.current)
       return;
     const modelObjInsight = init[names.modelObjInsight];
-    const crystalizeModelInsight = fetch[names.crystalizeModelInsight];
+    const crystalizeModelInsight = cnst.crystalizeInsight;
     const insight2 = crystalizeModelInsight(modelObjInsight);
     const initPageOfModel2 = init[names.pageOfModel];
     const initLastPageOfModel = init[names.lastPageOfModel];

package/esm/Load/View.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { clsx } from "@akanjs/client";
-import { capitalize } from "@akanjs/common";
+import { constantInfo } from "@akanjs/constant";
 import { useFetch } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { useEffect, useMemo, useRef } from "react";
@@ -20,6 +20,7 @@ function Render({
   const storeGet = st.get;
   const { refName } = view;
   const model = storeUse[refName]();
+  const cnst = constantInfo.getDatabase(refName);
   const modelLoading = storeUse[`${refName}Loading`]();
   const modelObj = view[`${refName}Obj`];
   const modelViewAt = view[`${refName}ViewAt`];
@@ -29,7 +30,7 @@ function Render({
     if (loaded.current)
       return model;
     const modelObj2 = view[`${refName}Obj`];
-    const crystalizeModel = fetch[`crystalize${capitalize(refName)}`];
+    const crystalizeModel = cnst.crystalize;
     const crystal = crystalizeModel(modelObj2);
     return crystal;
   }, []);

package/esm/Model/Edit.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
-import { usePage } from "@akanjs/next";
+import { clsx, usePage } from "@akanjs/client";
 import { AiOutlineEdit } from "react-icons/ai";
 import EditModal from "./EditModal";
 import EditWrapper from "./EditWrapper";
@@ -26,7 +25,7 @@ function Edit({
         children: [
           /* @__PURE__ */ jsx(AiOutlineEdit, {}),
           " ",
-          type === "button" ? l("shared.edit") : null
+          type === "button" ? l("base.edit") : null
         ]
       }
     ),

package/esm/Model/EditModal.js

@@ -1,10 +1,10 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { clsx, router } from "@akanjs/client";
+import { clsx, router, usePage } from "@akanjs/client";
 import { capitalize, deepObjectify, lowerlize } from "@akanjs/common";
-import { getFullModelRef } from "@akanjs/constant";
-import { useDebounce, usePage } from "@akanjs/next";
-import { fetch, immerify } from "@akanjs/signal";
+import { constantInfo } from "@akanjs/constant";
+import { useDebounce } from "@akanjs/next";
+import { immerify } from "@akanjs/signal";
 import { st } from "@akanjs/store";
 import { use, useCallback, useEffect, useMemo } from "react";
 import { AiOutlinePlus, AiOutlineSave } from "react-icons/ai";
@@ -109,8 +109,9 @@ function EditModal({
       return;
     const refName2 = modelEdit.refName;
     const editType = refName2 && modelEdit[names.modelObj] ? "edit" : "new";
-    const crystalizeModel = fetch[names.crystalizeModel];
-    const modelRef = getFullModelRef(modelName);
+    const cnst = constantInfo.getDatabase(modelName);
+    const crystalizeModel = cnst.crystalize;
+    const modelRef = cnst.full;
     if (editType === "edit") {
       const crystal = crystalizeModel(modelEdit[names.modelObj]);
       st.set({
@@ -175,7 +176,7 @@ function EditModal({
           },
           children: [
             modelFormId ? /* @__PURE__ */ jsx(AiOutlineSave, {}) : /* @__PURE__ */ jsx(AiOutlinePlus, {}),
-            l(modelFormId ? "shared.updateModel" : "shared.createModel", {
+            l(modelFormId ? "base.updateModel" : "base.createModel", {
               model: l.field(names.model, "modelName")
             })
           ]

package/esm/Model/New.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
-import { usePage } from "@akanjs/next";
+import { clsx, usePage } from "@akanjs/client";
 import { AiOutlinePlus } from "react-icons/ai";
 import EditModal from "./EditModal";
 import NewWrapper from "./NewWrapper";
@@ -26,7 +25,7 @@ function New({
         children: [
           /* @__PURE__ */ jsx(AiOutlinePlus, {}),
           " ",
-          type === "button" ? l("shared.new") : null
+          type === "button" ? l("base.new") : null
         ]
       }
     ),

package/esm/Model/NewWrapper_Client.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "@akanjs/client";
 import { capitalize } from "@akanjs/common";
-import { fetch } from "@akanjs/signal";
+import { constantInfo } from "@akanjs/constant";
 import { st } from "@akanjs/store";
 const NewWrapper_Client = ({
   children,
@@ -22,7 +22,8 @@ const NewWrapper_Client = ({
   };
   const storeDo = st.do;
   const storeUse = st.use;
-  const crystalizeModel = fetch[names.crystalizeModel];
+  const cnst = constantInfo.getDatabase(modelName);
+  const crystalizeModel = cnst.crystalize;
   const modelModal = storeUse[names.modelModal]();
   const disabled = modelModal === "edit";
   return /* @__PURE__ */ jsx(

package/esm/Model/Remove.js

@@ -1,9 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx, router } from "@akanjs/client";
+import { clsx, msg, router, usePage } from "@akanjs/client";
 import { capitalize } from "@akanjs/common";
-import { msg } from "@akanjs/dictionary";
-import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { useMemo, useState } from "react";
 import { AiOutlineDelete } from "react-icons/ai";
@@ -33,7 +31,7 @@ function Remove({ className, name, modelId, sliceName, modal, redirect }) {
         children: [
           /* @__PURE__ */ jsx(AiOutlineDelete, {}),
           " ",
-          l("shared.remove")
+          l("base.remove")
         ]
       }
     ),
@@ -44,14 +42,14 @@ function Remove({ className, name, modelId, sliceName, modal, redirect }) {
         onCancel: () => {
           setModalOpen(false);
         },
-        title: /* @__PURE__ */ jsx("div", { className: "text-error text-lg font-bold", children: l("shared.removeModel", { model: l(`${modelName}.modelName`) }) }),
+        title: /* @__PURE__ */ jsx("div", { className: "text-error text-lg font-bold", children: l("base.removeModel", { model: l(`${modelName}.modelName`) }) }),
         action: /* @__PURE__ */ jsx(
           Button,
           {
             className: "btn btn-warning w-full",
             onClick: async (e, { onError }) => {
               await storeDo[names.removeModel](modelId, { onError, modal });
-              msg.success("shared.removeSuccess", { data: { model: l(`${modelName}.modelName`) } });
+              msg.success("base.removeSuccess", { data: { model: l(`${modelName}.modelName`) } });
               setModalOpen(false);
               if (!redirect)
                 return;
@@ -60,10 +58,10 @@ function Remove({ className, name, modelId, sliceName, modal, redirect }) {
               else
                 router.push(redirect);
             },
-            children: l("shared.yesRemove", { model: l(`${modelName}.modelName`) })
+            children: l("base.yesRemove", { model: l(`${modelName}.modelName`) })
           }
         ),
-        children: /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-center", children: l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name: name ?? "" }) })
+        children: /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-center", children: l("base.sureToRemove", { model: l(`${modelName}.modelName`), name: name ?? "" }) })
       }
     )
   ] });

package/esm/Model/RemoveWrapper.js

@@ -1,8 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
+import { clsx, usePage } from "@akanjs/client";
 import { capitalize } from "@akanjs/common";
-import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { Popconfirm } from "../Popconfirm";
 function RemoveWrapper({ children, sliceName, name, modelId, className, modal }) {
@@ -16,8 +15,8 @@ function RemoveWrapper({ children, sliceName, name, modelId, className, modal })
   return /* @__PURE__ */ jsx(
     Popconfirm,
     {
-      title: l("shared.removeModel", { model: l(`${modelName}.modelName`) }),
-      description: /* @__PURE__ */ jsx("div", { children: l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name }) }),
+      title: l("base.removeModel", { model: l(`${modelName}.modelName`) }),
+      description: /* @__PURE__ */ jsx("div", { children: l("base.sureToRemove", { model: l(`${modelName}.modelName`), name }) }),
       onConfirm: () => {
         void storeDo[names.removeModel](modelId, { modal });
       },

package/esm/Model/SureToRemove.js

@@ -1,9 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { clsx, router } from "@akanjs/client";
+import { clsx, msg, router, usePage } from "@akanjs/client";
 import { capitalize } from "@akanjs/common";
-import { msg } from "@akanjs/dictionary";
-import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { useMemo, useState } from "react";
 import { AiOutlineDelete } from "react-icons/ai";
@@ -47,7 +45,7 @@ function SureToRemove({
             children: [
               /* @__PURE__ */ jsx(AiOutlineDelete, {}),
               " ",
-              l("shared.remove")
+              l("base.remove")
             ]
           }
         ),
@@ -58,7 +56,7 @@ function SureToRemove({
             onCancel: () => {
               setModalOpen(false);
             },
-            title: /* @__PURE__ */ jsx("div", { className: "text-error text-lg font-bold", children: l("shared.removeModel", { model: l(`${modelName}.modelName`) }) }),
+            title: /* @__PURE__ */ jsx("div", { className: "text-error text-lg font-bold", children: l("base.removeModel", { model: l(`${modelName}.modelName`) }) }),
             bodyClassName: "border-error",
             action: /* @__PURE__ */ jsx(
               "button",
@@ -67,7 +65,7 @@ function SureToRemove({
                 disabled: typeNameToRemove && repeatName !== name,
                 onClick: async () => {
                   await storeDo[names.removeModel](modelId);
-                  msg.success("shared.removeSuccess", { data: { model: l(`${modelName}.modelName`) } });
+                  msg.success("base.removeSuccess", { data: { model: l(`${modelName}.modelName`) } });
                   setModalOpen(false);
                   if (!redirect)
                     return;
@@ -76,17 +74,17 @@ function SureToRemove({
                   else
                     router.push(redirect);
                 },
-                children: l("shared.removeModel", { model: l(`${modelName}.modelName`) })
+                children: l("base.removeModel", { model: l(`${modelName}.modelName`) })
               }
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "py-4", children: [
-                l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name }),
+                l("base.sureToRemove", { model: l(`${modelName}.modelName`), name }),
                 /* @__PURE__ */ jsx("br", {}),
-                l("shared.irreversibleOps"),
+                l("base.irreversibleOps"),
                 typeNameToRemove ? /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx("br", {}),
-                  l("shared.typeNameToRemove", { model: l(`${modelName}.modelName`), name })
+                  l("base.typeNameToRemove", { model: l(`${modelName}.modelName`), name })
                 ] }) : null
               ] }),
               typeNameToRemove ? /* @__PURE__ */ jsx(

package/esm/Model/ViewEditModal.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { usePage } from "@akanjs/client";
 import { capitalize } from "@akanjs/common";
-import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { AiOutlineEdit, AiOutlineSave } from "react-icons/ai";
 import { BiDotsVertical } from "react-icons/bi";
@@ -76,7 +76,7 @@ function ViewEditModal({
           children: [
             /* @__PURE__ */ jsx(AiOutlineEdit, {}),
             " ",
-            l("shared.edit")
+            l("base.edit")
           ]
         }
       ) : /* @__PURE__ */ jsxs(
@@ -89,7 +89,7 @@ function ViewEditModal({
           children: [
             /* @__PURE__ */ jsx(AiOutlineSave, {}),
             " ",
-            l("shared.save")
+            l("base.save")
           ]
         }
       ),

package/esm/Popconfirm.js

@@ -1,8 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //! 디자인 수정, 테마 적용 안됨
-import { clsx } from "@akanjs/client";
-import { usePage } from "@akanjs/next";
+import { clsx, usePage } from "@akanjs/client";
 import { useSpring } from "@react-spring/web";
 import { useEffect, useState } from "react";
 import { BiMessageRoundedError } from "react-icons/bi";
@@ -83,8 +82,8 @@ const Popconfirm = ({
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ jsx("button", { className: "btn btn-xs btn-outline", onClick: handleCancel, ...cancelButtonProps, children: cancelText ?? l("util.cancel") }),
-              /* @__PURE__ */ jsx("button", { className: "btn btn-xs", onClick: handleConfirm, ...okButtonProps, children: okText ?? l("util.ok") })
+              /* @__PURE__ */ jsx("button", { className: "btn btn-xs btn-outline", onClick: handleCancel, ...cancelButtonProps, children: cancelText ?? l("base.cancel") }),
+              /* @__PURE__ */ jsx("button", { className: "btn btn-xs", onClick: handleConfirm, ...okButtonProps, children: okText ?? l("base.ok") })
             ] })
           ]
         }

package/esm/RecentTime.js

@@ -1,7 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { dayjs } from "@akanjs/base";
-import { clsx } from "@akanjs/client";
-import { usePage } from "@akanjs/next";
+import { clsx, usePage } from "@akanjs/client";
 import relativeTime from "dayjs/plugin/relativeTime";
 dayjs.extend(relativeTime);
 const RecentTime = ({

package/esm/Select.js

@@ -1,8 +1,8 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Enum } from "@akanjs/base";
-import { clsx } from "@akanjs/client";
-import { useDebounce, usePage } from "@akanjs/next";
+import { clsx, usePage } from "@akanjs/client";
+import { useDebounce } from "@akanjs/next";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { BiCheck, BiChevronDown, BiX } from "react-icons/bi";
 import { BsQuestionCircleFill } from "react-icons/bs";
@@ -257,7 +257,7 @@ const Select = ({
             ] }, index);
           }) }) : /* @__PURE__ */ jsxs("div", { className: "text-base-content/50 flex size-full flex-col items-center justify-center gap-2 p-2 text-center text-5xl", children: [
             /* @__PURE__ */ jsx(BsQuestionCircleFill, {}),
-            /* @__PURE__ */ jsx("div", { className: "text-sm", children: l("shared.noOptions") })
+            /* @__PURE__ */ jsx("div", { className: "text-sm", children: l("base.noOptions") })
           ] })
         ]
       }

package/esm/Signal/Arg.js

@@ -1,8 +1,8 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getNonArrayModel, isGqlScalar } from "@akanjs/base";
+import { usePage } from "@akanjs/client";
 import { getGqlTypeStr, getScalarExample } from "@akanjs/constant";
-import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { AiOutlineDelete } from "react-icons/ai";
 import { DatePicker } from "../DatePicker";

package/esm/Signal/Doc.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { usePage } from "@akanjs/client";
 import { lowerlize } from "@akanjs/common";
-import { usePage } from "@akanjs/next";
 import { client, defaultAccount, getAllSignalRefs, getSigMeta, roleTypes } from "@akanjs/signal";
 import { st } from "@akanjs/store";
 import decode from "jsonwebtoken/decode";

package/esm/Signal/GraphQL.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getNonArrayModel, isGqlScalar } from "@akanjs/base";
-import { getLightModelRef } from "@akanjs/constant";
-import { usePage } from "@akanjs/next";
+import { usePage } from "@akanjs/client";
+import { constantInfo } from "@akanjs/constant";
 import {
   fetch,
   getArgMetas,
@@ -159,11 +159,11 @@ const GraphQLTry = ({ sigRef, gqlMeta, gqlArgMetas, uploadArgMetas }) => {
   const tryJwt = st.use.tryJwt();
   const [modelRef, arrDepth] = getNonArrayModel(gqlMeta.returns());
   const isScalar = isGqlScalar(modelRef);
-  const returnRef = isScalar || !arrDepth ? modelRef : getLightModelRef(modelRef);
+  const returnRef = isScalar || arrDepth === 0 ? modelRef : constantInfo.isFull(modelRef) ? constantInfo.getDatabase(constantInfo.getRefName(modelRef)).light : modelRef;
   const gqlStr = useMemo(
     () => getGqlStr(
       modelRef,
-      gqlMeta,
+      gqlMeta.key,
       [...gqlArgMetas, ...uploadArgMetas].sort((a, b) => a.idx - b.idx),
       returnRef
     ),

package/esm/Signal/Message.js

@@ -1,9 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getNonArrayModel, isGqlScalar } from "@akanjs/base";
+import { usePage } from "@akanjs/client";
 import { capitalize } from "@akanjs/common";
-import { getLightModelRef } from "@akanjs/constant";
-import { usePage } from "@akanjs/next";
 import { fetch, getArgMetas, getSigMeta, makeRequestExample } from "@akanjs/signal";
 import { st } from "@akanjs/store";
 import { useEffect, useMemo, useState } from "react";
@@ -130,7 +129,6 @@ const MessageTry = ({ sigRef, gqlMeta, gqlArgMetas, uploadArgMetas }) => {
   const tryJwt = st.use.tryJwt();
   const [modelRef, arrDepth] = getNonArrayModel(gqlMeta.returns());
   const isScalar = isGqlScalar(modelRef);
-  const returnRef = isScalar || !arrDepth ? modelRef : getLightModelRef(modelRef);
   const requestExample = useMemo(() => JSON.stringify(makeRequestExample(sigRef, gqlMeta.key), null, 2), []);
   const [gqlRequest, setGqlRequest] = useState(requestExample);
   const [uploadRequest, setUploadRequest] = useState({});

package/esm/Signal/Object.js

@@ -1,17 +1,17 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getNonArrayModel, isGqlClass, isGqlScalar, scalarNameMap } from "@akanjs/base";
-import { lowerlize } from "@akanjs/common";
-import { getClassMeta, getFieldMetas, getGqlTypeStr } from "@akanjs/constant";
-import { usePage } from "@akanjs/next";
-import { useMemo, useState } from "react";
+import { usePage } from "@akanjs/client";
+import { capitalize } from "@akanjs/common";
+import { constantInfo, getFieldMetas, getGqlTypeStr } from "@akanjs/constant";
+import { useState } from "react";
 import { Modal } from "../Modal";
 function Object() {
   return /* @__PURE__ */ jsx("div", {});
 }
 const ObjectType = ({ objRef, arrDepth, nullable }) => {
   const isModelType = !isGqlScalar(objRef);
-  const refName = getGqlTypeStr(objRef);
+  const gqlName = getGqlTypeStr(objRef);
   const [openDetail, setOpenDetail] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
@@ -24,7 +24,7 @@ const ObjectType = ({ objRef, arrDepth, nullable }) => {
         },
         children: [
           "[".repeat(arrDepth),
-          refName,
+          gqlName,
           "]".repeat(arrDepth),
           nullable ? "" : "!"
         ]
@@ -33,7 +33,7 @@ const ObjectType = ({ objRef, arrDepth, nullable }) => {
     isModelType ? /* @__PURE__ */ jsx(
       Modal,
       {
-        title: `Model Type - ${refName}`,
+        title: `Model Type - ${gqlName}`,
         open: openDetail,
         onCancel: () => {
           setOpenDetail(false);
@@ -45,12 +45,7 @@ const ObjectType = ({ objRef, arrDepth, nullable }) => {
 };
 Object.Type = ObjectType;
 const ObjectDetail = ({ objRef }) => {
-  const classMeta = getClassMeta(objRef);
-  const refName = lowerlize(getGqlTypeStr(objRef));
-  const modelRefName = useMemo(
-    () => classMeta.type === "light" ? lowerlize(refName.replace("light", "")) : refName.startsWith("summary") ? refName : refName.replace("Summary", "").replace("Insight", "").replace("Input", ""),
-    []
-  );
+  const modelRefName = constantInfo.getRefName(objRef);
   const fieldMetas = getFieldMetas(objRef);
   const { l } = usePage();
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("table", { className: "table", children: [
@@ -61,10 +56,10 @@ const ObjectDetail = ({ objRef }) => {
       /* @__PURE__ */ jsx("th", { className: "text-center text-base", children: "Description" }),
       /* @__PURE__ */ jsx("th", { className: "text-center text-base", children: "Enum" })
     ] }) }),
-    fieldMetas.map(({ key, arrDepth, name, nullable, modelRef, isClass, enum: enumOpt, isMap, of }, idx) => /* @__PURE__ */ jsx("tbody", { className: "font-normal", children: /* @__PURE__ */ jsxs("tr", { children: [
+    fieldMetas.map(({ key, arrDepth, nullable, modelRef, isClass, enum: enumOpt, isMap, of }, idx) => /* @__PURE__ */ jsx("tbody", { className: "font-normal", children: /* @__PURE__ */ jsxs("tr", { children: [
       /* @__PURE__ */ jsx("td", { className: "", children: key }),
       /* @__PURE__ */ jsxs("td", { className: "text-center", children: [
-        isClass ? /* @__PURE__ */ jsx(ObjectType, { objRef: modelRef, arrDepth }) : `${"[".repeat(arrDepth)}${name}${"]".repeat(arrDepth)}${nullable ? "" : "!"}`,
+        isClass ? /* @__PURE__ */ jsx(ObjectType, { objRef: modelRef, arrDepth }) : `${"[".repeat(arrDepth)}${getGqlTypeStr(modelRef)}${"]".repeat(arrDepth)}${nullable ? "" : "!"}`,
         isMap ? /* @__PURE__ */ jsxs(Fragment, { children: [
           " => ",
           (() => {
@@ -93,11 +88,11 @@ const ObjectDetail = ({ objRef }) => {
 Object.Detail = ObjectDetail;
 const ObjectSchema = ({ objRef }) => {
   const { l } = usePage();
-  const classMeta = getClassMeta(objRef);
-  const refName = lowerlize(classMeta.refName);
+  const refName = capitalize(constantInfo.getRefName(objRef));
+  const gqlName = `${constantInfo.isLight(objRef) ? "Light" : ""}${refName}${constantInfo.isInsight(objRef) ? "Insight" : ""}`;
   return /* @__PURE__ */ jsxs("div", { className: "flex break-after-page flex-col gap-4", children: [
     /* @__PURE__ */ jsx("div", { className: "mt-24" }),
-    /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold", children: refName }),
+    /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold", children: gqlName }),
     /* @__PURE__ */ jsxs("div", { className: "mb-5", children: [
       " - ",
       l.field(refName, "modelDesc")