akanjs 2.2.4 → 2.2.6

package/ui/InfiniteScroll.tsx

@@ -37,7 +37,6 @@ export const InfiniteScroll = ({
     };
   }, []);
 
-  // TODO: 여기 작동구조 이상함. 수정 필요
   const fetchMoreItems = async () => {
     if (isFetching) return;
     const nextPage = page.current + 1;

package/ui/Input.tsx

@@ -66,7 +66,7 @@ export const Input = ({
       : validateResult === false
         ? l("base.invalidValueError")
         : validateResult;
-  // const invalidMessage = l("base.invalidValueError");
+  
   const statusClass =
     inputStyleType === "bordered"
       ? status === "error"
@@ -117,7 +117,6 @@ export const Input = ({
         className={clsx(
           `b-5 text-base-content outline-hidden duration-300 focus:border-primary focus:outline-hidden ${icon && ""}`,
           inputType,
-          // statusClass,
           inputClassName,
         )}
       />
@@ -590,15 +589,9 @@ const Number = ({
           value={formatValue}
           onKeyDown={handleKeyDown}
           onBlur={(e) => {
-            // if (rest.max !== undefined && parsedValue > parseFloat(rest.max as string)) {
-            //   e.target.value = formatter ? formatter(String(rest.max)) : String(rest.max);
-            // } else if (rest.min !== undefined && parsedValue < parseFloat(rest.min as string)) {
-            //   e.target.value = formatter ? formatter(String(rest.min)) : String(rest.min);
-            // }
             if (firstFocus && value) setFirstFocus(false);
           }}
           onChange={(e) => {
-            //string만 허용
             const parsedValue = parser ? parser(e.target.value) : e.target.value;
             setFormatValue(formatter ? formatter(parsedValue) : e.target.value);
             onChange(parser ? parseFloat(parsedValue) : parseFloat(e.target.value), e);

package/ui/Layout/BottomTab.tsx

@@ -21,7 +21,7 @@ export interface BottomTabProps {
 
 export const BottomTab = ({ className, tabs, height = 64 }: BottomTabProps) => {
   const { lang, path } = usePage();
-  //ssr 에러나서 꼼짝없이 쓴거임. 페이지 이동에 대응안됨.
+  
   const [isRendered, setIsRendered] = useState<boolean>(false);
   const isActiveTab = (tabHref: string) => {
     if (!isRendered) return false;
@@ -56,7 +56,7 @@ export const BottomTab = ({ className, tabs, height = 64 }: BottomTabProps) => {
             <div className="indicator">
               {isActiveTab(tab.href) ? (tab.activeIcon ?? tab.icon) : tab.icon}
               {tab.notiCount && tab.notiCount > 0 ? (
-                // <div className="absolute top-1 right-2 bg-error  w-5 h-5 rounded-full flex items-center justify-center text-base-100">
+                
                 <div className="indicator-item flex size-2 items-center justify-center rounded-full bg-secondary text-[10px] text-base-100">
                   {/* {tab.notiCount > 99 ? "99+" : tab.notiCount} */}
                 </div>

package/ui/Link/SsrLink.tsx

@@ -44,8 +44,7 @@ export default function SsrLink({
         [activeClassName ?? ""]: activeExact ? currentPath === path : currentPath.startsWith(path),
       })}
       href={isExternal ? href : href.startsWith("#") ? href : requestHref}
-      // passHref
-      // replace={replace}
+
       {...props}
       onClick={(event) => {
         props.onClick?.(event);

package/ui/Load/Page.tsx

@@ -29,7 +29,7 @@ const Page: <Return>(props: PageProps<Return>) => ReactNode =
                 error instanceof Error ? error.message : typeof error === "string" ? error : "Unknown error";
               if (message === "NEXT_REDIRECT") reject(error);
               else {
-                // eslint-disable-next-line no-console
+                
                 console.error(error);
                 resolve(<div className="text-red-500">{message}</div>);
               }

package/ui/Load/PageCSR.tsx

@@ -31,7 +31,6 @@ export const PageCSR = <Return,>({ of, loader, render, loading, noCache = false
         setFetchState({ fulfilled: true, value: ret });
         setFetchedData(of, ret, location.pathname);
       } catch {
-        // onError?.(content);
       }
     })();
   }, []);

package/ui/Load/Units.tsx

@@ -158,10 +158,9 @@ function Render<RefName extends string, Light extends { id: string }>({
     },
     onPageSelect: (page: number) => {
       void storeDo[namesOfSlice.setPageOfModel](page);
-      // if (scrollToTop) {
+      
       window.parent.postMessage({ type: "pathChange", page }, "*");
       window.scrollTo({ top: 0, behavior: "instant" });
-      // }
     },
     reverse,
   };

package/ui/Load/View.tsx

@@ -78,7 +78,6 @@ function Render<T extends string, Full extends { id: string }>({
   ) : renderModel ? (
     <div className={clsx("w-full", className)}>{renderView(renderModel)}</div>
   ) : null;
-  // <>{loading}</>
 }
 
 export default function View<T extends string, Full extends { id: string }>({
@@ -88,7 +87,7 @@ export default function View<T extends string, Full extends { id: string }>({
   loading,
   renderView,
 }: ViewProps<T, Full>) {
-  //get Props
+  
   const props: ViewProps<T, Full> = {
     className,
     view,

package/ui/Menu.tsx

@@ -45,8 +45,8 @@ export const Menu = ({
   onMouseOver,
   onMouseLeave,
 }: MenuProps) => {
-  const [expandedKey, setExpandedKey] = useState<string>(); // 서브메뉴
-  const [currentKey, setCurrentKey] = useState<string | null>(defaultSelectedKeys?.[0] ?? null); // 선택된 메뉴
+  const [expandedKey, setExpandedKey] = useState<string>(); 
+  const [currentKey, setCurrentKey] = useState<string | null>(defaultSelectedKeys?.[0] ?? null); 
   const modeClassName = mode === "horizontal" ? "menu-horizontal flex-row " : "bg-base-200";
   const menuRef = useRef<HTMLDivElement | null>(null);
   const LiRefs = useRef<HTMLLIElement[]>([]);
@@ -64,7 +64,6 @@ export const Menu = ({
       ? "w-full h-full bg-red-500 btn btn-ghost px-2 m-0 hover:bg-primary/20 btn btn-ghost text-primary-focus font-normal"
       : "w-full text-center duration-300 whitespace-nowrap btn btn-ghost text-primary-focus font-normal";
 
-  // const activeClassName = activeStyle === "active" ? "[&>div]:bg-primary/20 [&>div]:text-primary-focus" : "bordered";
   const activeClassName =
     activeStyle === "active"
       ? "bg-primary text-primary-focus"
@@ -74,7 +73,6 @@ export const Menu = ({
 
   const [overflowMenuItems, setOverflowMenuItems] = useState<MenuItem[]>([]);
 
-  // 초기화. 각각 아이템의 너비를 구함
   useLayoutEffect(() => {
     if (mode !== "horizontal") return;
     const menu = menuRef.current;
@@ -88,7 +86,6 @@ export const Menu = ({
     checkOverflow();
   }, []);
 
-  // 브라우저 너비가 줄어들면, overflowMenuItems에 추가
   useEffect(() => {
     checkOverflow();
   }, [innerWidth]);
@@ -97,7 +94,7 @@ export const Menu = ({
     if (mode !== "horizontal" || !itemWidthsRef.current.length) return;
     const menu = menuRef.current;
     if (!menu) return;
-    // const overflowLiWidth = overflowLiRef?.current?.getBoundingClientRect().width || 0;
+    
     const totalWidth = menu.getBoundingClientRect().width;
     const widths = itemWidthsRef.current;
     const overflowItems: MenuItem[] = [];
@@ -222,7 +219,7 @@ interface OverflowMenuProps {
 
 const OverflowMenu = ({ overflowItems, onClick }: OverflowMenuProps) => {
   const [isOpen, setIsOpen] = useState(false);
-  const [expandedKey, setExpandedKey] = useState<string>(); // 서브메뉴
+  const [expandedKey, setExpandedKey] = useState<string>(); 
   const handleMouseEnter = () => {
     setIsOpen(true);
   };
@@ -260,7 +257,7 @@ const OverflowMenu = ({ overflowItems, onClick }: OverflowMenuProps) => {
                       }}
                       key={child.key}
                       className="btn btn-ghost flex items-center justify-center text-center font-normal text-primary-focus"
-                      // className="block font-normal text-center btn-sm text-primary-focus h-fit btn btn-ghost "
+                      
                     >
                       {child.label}
                     </div>

package/ui/Model/EditModal.tsx

@@ -80,7 +80,6 @@ const EditModel = <Full,>({
           };
   }, []);
 
-  // if (type === "empty") return null;
   return <LoadingWrapper className={clsx("w-full", className)}>{children}</LoadingWrapper>;
 };
 
@@ -181,19 +180,18 @@ export default function EditModal<Full extends { id: string }>({
         [names.modelViewAt]: (modelEdit as any)[names.modelViewAt] as Date,
       });
     } else {
-      // new
+      
       const crystal = new modelRef().set(modelEdit as Full) as unknown as Full;
       void storeDo[names.newModel](crystal, { modal, setDefault: true, sliceName });
     }
     return () => {
-      // st.do[names.resetModel]();
     };
   }, [modelEdit]);
 
   const handleCancel = useCallback(() => {
     const modelForm = (st.get() as any)[names.modelForm] as Full;
     const form = deepObjectify({ ...modelForm });
-    // await st.do[names.resetModel]();
+    
     void storeDo[names.setModelModal](null);
     if (typeof onCancel === "function") onCancel(form);
     else if (onCancel === "back") router.back();
@@ -246,7 +244,6 @@ export default function EditModal<Full extends { id: string }>({
                     await handleSubmit({ onError });
                   }}
                   onSuccess={() => {
-                    //
                   }}
                 >
                   {modelFormId ? <AiOutlineSave /> : <AiOutlinePlus />}

package/ui/Popconfirm.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useSpring } from "@react-spring/web";
-// TODO: 디자인 수정, 테마 적용 안됨
+
 import { clsx, usePage } from "akanjs/client";
 import { type ButtonHTMLAttributes, type ReactNode, useEffect, useState } from "react";
 import { BiMessageRoundedError } from "react-icons/bi";
@@ -56,18 +56,16 @@ export const Popconfirm = ({
     },
   });
 
-  // popconfirm 위치 조정 (x 좌표가 음수인 경우)
   useEffect(() => {
     const popconfirm = document.querySelector(".popconfirm");
     const popconfirmRect = popconfirm?.getBoundingClientRect();
     const popconfirmDeco = document.querySelector(".popconfirm-deco");
 
-    // popconfirmRect.x 가 좌측 화면 밖으로 나가는 경우
     if (popconfirmRect && popconfirmRect.x < 0) {
       popconfirm?.classList.add("left-0", "right-auto");
       popconfirmDeco?.classList.add("left-10", "left-auto");
     }
-    // popconfirmRect.x 가 우측 화면 밖으로 나가는 경우
+    
     if (popconfirmRect && popconfirmRect.x + popconfirmRect.width > window.innerWidth) {
       popconfirm?.classList.add("left-auto", "right-0");
     }

package/ui/ScreenNavigator.tsx

@@ -24,7 +24,7 @@ const ScreenNavigatorContext = createContext<ScreenNavigatorContextType>({
 });
 
 interface ScreenNavigatorProps {
-  // currentMenu: string;
+  
   children: React.ReactNode;
   setMenu?: (menu: string) => void;
   menus: string[];
@@ -33,7 +33,6 @@ interface ScreenNavigatorProps {
 export const ScreenNavigator = ({
   children,
   setMenu = () => {
-    //
   },
   menus,
 }: ScreenNavigatorProps) => {
@@ -51,7 +50,7 @@ export const ScreenNavigator = ({
   const bind = useDrag(
     ({ first, last, offset: [x], velocity: [vx], direction: [dx], movement: [mx], cancel }) => {
       if (!ref.current) return;
-      //! 메뉴가 3개 이상일 경우 고려해야함
+      
       const deviceWidth = ref.current.clientWidth / 2;
       if (x > 0 || x < -deviceWidth) return;
       if (dx < 1) {

package/ui/Signal/Message.tsx

@@ -1,12 +1,11 @@
 "use client";
 import { PrimitiveRegistry } from "akanjs/base";
-// import { isGqlScalar } from "akanjs/base";
+
 import { fetch, usePage } from "akanjs/client";
 import { capitalize } from "akanjs/common";
 import { type ConstantCls, ConstantRegistry } from "akanjs/constant";
 import type { SerializedEndpoint } from "akanjs/signal";
-// import { Cnst, constantInfo } from "akanjs/constant";
-// import { fetch, makeRequestExample, SerializedEndpoint } from "akanjs/signal";
+
 import { useEffect, useMemo, useState } from "react";
 import { AiOutlineDisconnect, AiOutlineFileWord, AiOutlineSend, AiOutlineSwap } from "react-icons/ai";
 import { BiSolidNetworkChart } from "react-icons/bi";

package/ui/Signal/PubSub.tsx

@@ -86,8 +86,6 @@ interface PubSubInterfaceProps {
   refName: string;
   endpointKey: string;
   endpoint: SerializedEndpoint;
-  // gqlArgMetas: ArgMeta[];
-  // uploadArgMetas: ArgMeta[];
 }
 const PubSubInterface = ({ refName, endpointKey, endpoint }: PubSubInterfaceProps) => {
   const returnRef = ConstantRegistry.getModelRef(endpoint.returns.refName, endpoint.returns.modelType);

package/ui/Signal/Response.tsx

@@ -1,4 +1,4 @@
-// import { makeResponseExample, SerializedEndpoint } from "akanjs/signal";
+
 
 import type { SerializedEndpoint } from "akanjs/signal";
 import { useMemo } from "react";

package/ui/Signal/WebSocket.tsx

@@ -14,21 +14,12 @@ interface WebSocketEndpointsProps {
 }
 const WebSocketEndpoints = ({ refName, fetch, openAll }: WebSocketEndpointsProps) => {
   const signal = fetch.serializedSignal[refName];
-  // const tryRoles = st.use.tryRoles();
+  
   const endpointEntries = Object.entries(signal.endpoint)
     .sort(([keyA], [keyB]) => (keyA > keyB ? 1 : -1))
     .filter(([key, endpoint]) => {
       if (endpoint.type === "query" || endpoint.type === "mutation") return false;
-      // if (endpoint.guards?.includes("Public") && tryRoles.includes("Public")) return true;
-      // if ((endpoint.guards?.includes("User") || endpoint.guards?.includes("Every")) && tryRoles.includes("User"))
-      //   return true;
-      // if ((endpoint.guards?.includes("Admin") || endpoint.guards?.includes("Every")) && tryRoles.includes("Admin"))
-      //   return true;
-      // if (
-      //   (endpoint.guards?.includes("SuperAdmin") || endpoint.guards?.includes("Every")) &&
-      //   tryRoles.includes("SuperAdmin")
-      // )
-      //   return true;
+
       return false;
     });
   return (

package/ui/System/Client.tsx

@@ -54,16 +54,10 @@ export const ClientWrapper = ({
   signals = [],
   reconnect = true,
 }: ClientWrapperProps) => {
-  // Seed the active locale into the shared Translator before children render.
-  // SSR provides the active-locale dictionary as a prop (serialized via the RSC Flight payload);
-  // this runs in both the SSR render process and the browser, so the first paint is translated
-  // without shipping every locale in the client JS bundle. CSR seeds via the build-time macro instead.
+
   if (dictionary) {
     Translator.seed(lang, dictionary);
-    // On the browser, record the server-resolved locale as the source of truth for usePage()/l().
-    // This keeps client lookups aligned with the seeded + server-rendered locale (no hydration
-    // mismatch) for base-path / cloud routing where the URL segment is not a reliable locale.
-    // Skipped on the server (typeof window === "undefined") where locale is request-scoped.
+
     if (typeof window !== "undefined") Translator.setActiveLocale(lang);
   }
   useLayoutEffect(() => {
@@ -102,9 +96,9 @@ export const ClientPathWrapper = ({
 }: ClientPathWrapperProps) => {
   const href = location?.href ?? (typeof window !== "undefined" ? window.location.href : "");
   const hash = location?.hash ?? (typeof window !== "undefined" ? window.location.hash : "");
-  const pathname = location?.pathname ?? "/"; // ?? usePathname();
-  const params = location?.params ?? {}; // ?? (useParams() as unknown as Record<string, string>);
-  const searchParams = location?.searchParams ?? {}; //?? Object.fromEntries(useSearchParams());
+  const pathname = location?.pathname ?? "/"; 
+  const params = location?.params ?? {}; 
+  const searchParams = location?.searchParams ?? {}; 
   const search = location?.search ?? (typeof window !== "undefined" ? window.location.search : "");
   const lang = params.lang;
   const firstPath = pathname.split("/")[2];
@@ -117,14 +111,8 @@ export const ClientPathWrapper = ({
     renderLayouts: [],
   };
 
-  // const { initialize, codepush, statManager } = useCodepush({ serverUrl: process.env.AKAN_PUBLIC_SERVER_URL ?? "" });
-
   const [gestureEnabled, setGestureEnabled] = useState(true);
-  // useEffect(() => {
-  //   void initialize();
-  //   void codepush();
-  //   void statManager();
-  // }, []);
+
   return (
     <pathContext.Provider
       value={{
@@ -173,24 +161,10 @@ export const ClientBridge = ({ env, lang, theme, prefix, gaTrackingId }: ClientB
   const searchParams = st.use.searchParams();
   const language = (params.lang as string | undefined) ?? lang;
   const path = `/${pathname.split("/").slice(2).join("/")}`;
-  // const { setTheme, themes, theme: nextTheme } = useTheme();
+  
   useEffect(() => {
     if (uiOperation !== "sleep") return;
-    // const initTheme = async () => {
-    //   console.log("initTheme1", theme);
-    //   if (theme) {
-    //     setTheme(theme);
-    //     return;
-    //   }
-    //   const localTheme = await storage.getItem("theme");
-    //   console.log("localTheme2", localTheme);
-    //   if (typeof localTheme === "string" && themes.includes(localTheme)) {
-    //     console.log("setTheme3", localTheme);
-    //     setTheme(localTheme);
-    //   } else setTheme("system");
-    // };
 
-    // void initTheme();
     setCookie("siteurl", window.location.origin);
     dayjs.locale(language);
     initAuth({ jwt: getBaseSearchParam(searchParams, "jwt") });
@@ -205,15 +179,7 @@ export const ClientBridge = ({ env, lang, theme, prefix, gaTrackingId }: ClientB
     applyThemePolicy(theme ?? "system");
   }, [theme]);
 
-  // useEffect(() => {
-  //   if (storeTheme !== nextTheme) setTheme(storeTheme);
-  // }, [nextTheme]);
-
   useEffect(() => {
-    //theme가 잇으면 theme부터
-    //theme가 있는데 nextTheme가 있으면
-    // if (nextTheme) setTheme(nextTheme);
-    // else if (theme) setTheme(theme);
   }, []);
 
   useEffect(() => {

package/ui/System/Gtag.tsx

@@ -10,12 +10,11 @@ declare const window: {
 export const Gtag = ({ trackingId, debugMode = false }: { trackingId: string; debugMode?: boolean }) => {
   const pathname = st.use.pathname();
   const searchParams = st.use.searchParams();
-  // https://developers.google.com/analytics/devguides/collection/gtagjs/pages
+  
   const pageview = (url: string) => {
     window.gtag?.("config", trackingId, { page_path: url });
   };
 
-  // https://developers.google.com/analytics/devguides/collection/gtagjs/events
   const event = ({
     action,
     category,
@@ -46,15 +45,13 @@ export const Gtag = ({ trackingId, debugMode = false }: { trackingId: string; de
       } else urlSearchParams.set(key, value);
     }
     handleRouteChange(pathname + (urlSearchParams.size ? urlSearchParams.toString() : ""));
-    // const url = pathname + searchParams?.toString();
-    // handleRouteChange(url);
   }, [pathname, searchParams]);
 
   return (
     <>
       <script async src={`https://www.googletagmanager.com/gtag/js?id=${trackingId}`} />
       <script
-        // biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
+        
         dangerouslySetInnerHTML={{
           __html: `
     window.dataLayer = window.dataLayer || [];

package/ui/System/Messages.tsx

@@ -15,7 +15,7 @@ type MessageType = "success" | "error" | "info" | "warning" | "loading";
 interface MessageProps {
   content: ReactNode;
   type?: MessageType;
-  duration: number; // in seconds
+  duration: number; 
   keyForMessage: string;
 }
 
@@ -36,7 +36,7 @@ const Message = ({ content, type = "info" as MessageType, duration, keyForMessag
   const [preBlind, setPreBlind] = useState(false);
   useEffect(() => {
     if (!content) return;
-    // 기존의 timeouts에 key가 있으면, 기존의 timeout을 제거하고 새로운 timeout을 추가한다.
+    
     const existingTimeOut = timeOuts.find((item) => item.key === keyForMessage);
     if (existingTimeOut) {
       clearTimeout(existingTimeOut.timeoutId);

package/ui/System/Reconnect.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { clsx, fetch, usePage } from "akanjs/client";
 import { useInterval } from "akanjs/webkit";
-// import { client } from "akanjs/signal";
+
 import { useCallback, useEffect, useRef, useState } from "react";
 import { TbPlugConnected, TbPlugConnectedX } from "react-icons/tb";
 
@@ -22,7 +22,7 @@ export const Reconnect = () => {
   }, []);
 
   const handleDisconnect = async () => {
-    // 페이지가 백그라운드 상태에서 disconnect가 발생하면 무시
+    
     if (document.hidden) {
       wasHiddenOnDisconnect.current = true;
       return;
@@ -39,14 +39,14 @@ export const Reconnect = () => {
   };
 
   const handleVisibilityChange = useCallback(() => {
-    // 페이지가 다시 보이게 될 때
+    
     if (!document.hidden && wasHiddenOnDisconnect.current) {
-      // socket이 연결되어 있으면 문제없음
+      
       if (fetch.ws.connected) {
         wasHiddenOnDisconnect.current = false;
         setConnectStatus("normal");
       } else {
-        // socket이 끊어져 있으면 실제 서버 문제인지 확인
+        
         void handleDisconnect();
       }
     }
@@ -56,7 +56,6 @@ export const Reconnect = () => {
     fetch.ws.on("connect", handleConnect);
     fetch.ws.on("disconnect", () => handleDisconnect());
 
-    // Page Visibility API 이벤트 리스너 추가
     document.addEventListener("visibilitychange", handleVisibilityChange);
 
     setTimeout(() => {

package/ui/System/Root.tsx

@@ -1,7 +1,6 @@
 "use client";
 import type { ReactNode } from "react";
 
-// TODO: may be deprecated?
 export interface RootProps {
   children: ReactNode;
   st: unknown;

package/ui/System/SSR.tsx

@@ -35,16 +35,10 @@ const SSRProvider = ({
 }: SSRProviderProps) => {
   setRequestTheme(theme);
 
-  // Resolve the active locale exactly like `l()` does (getPageInfo / request), not via `params.lang`,
-  // which is only populated when the matched route pattern contains `:lang` and can otherwise diverge.
   const { lang: activeLocale } = usePage();
 
-  // Server (RSC worker) renders server components: seed every locale into the shared Translator. This is
-  // free on the server (it never reaches the browser bundle) and makes server-component translations
-  // resolve no matter how the locale is routed.
   if (allDictionary) for (const [lng, dict] of Object.entries(allDictionary)) Translator.seed(lng, dict);
 
-  // Only the active locale is serialized to the client (Flight payload) to keep the browser bundle lean.
   const activeDictionary = allDictionary?.[activeLocale] ?? dictionary;
 
   return (
@@ -93,7 +87,7 @@ const ServerFontFace = ({ fonts }: { fonts: ReactFont[] }) => {
         <link key={preload.href} rel="preload" href={preload.href} as="font" type={preload.type} crossOrigin="" />
       ))}
       {css ? (
-        // biome-ignore lint/security/noDangerouslySetInnerHtml: injecting @font-face CSS
+        
         <style data-akan-fonts dangerouslySetInnerHTML={{ __html: css }} />
       ) : null}
     </>

package/ui/ToggleSelect.tsx

@@ -22,8 +22,7 @@ export const ToggleSelect = <I extends string | number | boolean | null>({
 }: ToggleSelectProps<I>) => {
   const { l } = usePage();
   const validateResult = value !== null ? validate(value) : false;
-  // const status: "error" | "warning" | "success" =
-  //   !nullable && !value?.length ? "warning" : validateResult === true ? "success" : "error";
+
   const invalidMessage =
     value === null || (typeof value === "string" && !value.length) || validateResult === true
       ? null
@@ -55,10 +54,7 @@ export const ToggleSelect = <I extends string | number | boolean | null>({
             className={clsx(
               "btn btn-sm",
               { "bg-success/70 text-success-content": isSelected, "btn-disabled cursor-not-allowed": isDisabled },
-              // {
-              //   "btn-error": status === "error",
-              //   "btn-warning": status === "warning",
-              // },
+
               btnClassName,
             )}
             onClick={() => {
@@ -89,8 +85,7 @@ interface MultiProps {
 const Multi = ({ className, btnClassName, items, nullable, validate, value, onChange, disabled }: MultiProps) => {
   const { l } = usePage();
   const validateResult = validate(value);
-  // const status: "error" | "warning" | "success" =
-  //   !nullable && !value.length ? "warning" : validateResult === true ? "success" : "error";
+
   const invalidMessage =
     !value.length || validateResult === true
       ? null

package/ui/Unauthorized.tsx

@@ -1,4 +1,4 @@
-// "use client";
+
 import { clsx, usePage } from "akanjs/client";
 import type { ReactNode } from "react";
 import { AiOutlineBlock } from "react-icons/ai";

package/webkit/bootCsr.tsx

@@ -24,7 +24,7 @@ import {
   parseRouteModuleKey,
   routeSegmentToTreePath,
 } from "akanjs/common";
-import { createElement, memo, type ReactNode, useRef } from "react"; // import React 꼭 필요함. 안그러면 csr에서 에러남
+import { createElement, memo, type ReactNode, useRef } from "react"; 
 import * as ReactDOM from "react-dom/client";
 import { useCsrValues } from "./useCsrValues";
 import { useFetch } from "./useFetch";
@@ -85,7 +85,6 @@ export const bootCsr = async (context: Record<string, CsrRouteModuleEntry>) => {
   const pathname = mobileBasePath && window.location.pathname === "/" ? `/${mobileBasePath}` : window.location.pathname;
   if (pathname === "/404") return;
 
-  // 1. Collect Device Information
   const [device, jwt] = await Promise.all([Device.load({ supportLanguages: i18n.locales }), storage.getItem("jwt")]);
   if (!window.__AKAN_MOBILE_TARGET__ && !pathname.startsWith(`/${device.lang}`))
     window.location.replace(`/${device.lang}${pathname}${window.location.search}${window.location.hash}`);
@@ -93,7 +92,6 @@ export const bootCsr = async (context: Record<string, CsrRouteModuleEntry>) => {
   if (jwt) initAuth({ jwt });
   Logger.verbose(`Set default language: ${device.lang}`);
 
-  // 2. Create Route Map
   const basePaths = process.env.AKAN_PUBLIC_BASE_PATHS ? parseBasePaths(process.env.AKAN_PUBLIC_BASE_PATHS) : null;
   const currentBasePath = basePaths ? pathname.split("/")[2] : undefined;
   if (currentBasePath && basePaths && !basePaths.includes(currentBasePath))
@@ -108,7 +106,7 @@ export const bootCsr = async (context: Record<string, CsrRouteModuleEntry>) => {
       const parsed = parseRouteModuleKey(key);
       if (basePaths) {
         const pageBasePath = parsed.sourceRouteSegments.find((segment) => !/^\(.+\)$/.test(segment));
-        if (pageBasePath && otherBasePaths.includes(pageBasePath)) return; // ignore other base paths
+        if (pageBasePath && otherBasePaths.includes(pageBasePath)) return; 
       }
       const entry = typeof value === "function" ? { loader: value } : value;
       const pageContent = await entry.loader();
@@ -175,8 +173,7 @@ export const bootCsr = async (context: Record<string, CsrRouteModuleEntry>) => {
       resolveError: layoutPage ? () => layoutPage.Error : undefined,
     };
     targetRouteMap.set(targetPath, {
-      // action: pages[path]?.action,
-      // ErrorBoundary: pages[path]?.ErrorBoundary,
+
       ...(targetRouteMap.get(targetPath) ?? { path: targetPath, children: new Map<string, Route>() }),
       ...(parsed.kind === "layout"
         ? { renderLayout: routeRender }

package/webkit/lazy.tsx

@@ -1,12 +1,5 @@
 import type { ComponentType, ReactNode } from "react";
-// `useState` / `useEffect` are NOT exported from `react.react-server.js`
-// (the build Bun resolves `react` to under `--conditions react-server`).
-// Named-importing them here would crash RSC worker evaluation with
-// "Export named 'useEffect' not found". They're only ever called on the
-// browser anyway (the `ssr: false` gate below is the only path that calls
-// them, and it short-circuits on the server), so we dereference them
-// through a namespace import — the namespace itself is always importable,
-// and the lookup only happens when the gated Wrapper actually renders.
+
 import * as React from "react";
 import { forwardRef, lazy as reactLazy } from "react";