@akanjs/next 0.0.51 → 0.0.53

package/useContact.tsx

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

package/useCsrValues.ts

@@ -1,613 +0,0 @@
-"use client";
-import {
-  type CsrContextType,
-  type CsrTransitionStyles,
-  defaultPageState,
-  device,
-  LocationState,
-  PathRoute,
-  type RouteGuide,
-  router,
-  type RouterInstance,
-  type RouteState,
-  type TransitionType,
-  type UseCsrTransition,
-} from "@akanjs/client";
-import { App } from "@capacitor/app";
-import { useSpringValue } from "@react-spring/web";
-import { useDrag } from "@use-gesture/react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-
-import { useHistory } from "./useHistory";
-import { useLocation } from "./useLocation";
-
-const useNoneTrans = ({ clientHeight, location, prevLocation }: RouteState): UseCsrTransition => {
-  const transDirection = "none";
-  const transUnit = useSpringValue(0, { config: { clamp: true } });
-  const transUnitRange = useMemo(() => [0, 0], []);
-  const transProgress = transUnit.to((unit) => 1);
-  const transPercent = transUnit.to((unit) => 100);
-  const pageState = location.pathRoute.pageState;
-  const prevPageState = prevLocation?.pathRoute.pageState ?? defaultPageState;
-  const csrTranstionStyles: CsrTransitionStyles = {
-    topSafeArea: {
-      containerStyle: {
-        height: pageState.topSafeArea,
-      },
-    },
-    bottomSafeArea: {
-      containerStyle: {
-        top: clientHeight - pageState.bottomSafeArea,
-        height: pageState.bottomSafeArea,
-      },
-    },
-    page: {
-      containerStyle: {},
-      contentStyle: {
-        paddingTop: pageState.topSafeArea + pageState.topInset,
-        paddingBottom: pageState.bottomInset + pageState.bottomSafeArea,
-        height: clientHeight,
-      },
-    },
-    prevPage: {
-      containerStyle: {
-        paddingTop: prevPageState.topSafeArea + prevPageState.topInset,
-      },
-      contentStyle: { opacity: 0 },
-    },
-    topInset: {
-      containerStyle: {
-        top: pageState.topSafeArea,
-        height: pageState.topInset,
-      },
-      contentStyle: { opacity: 1 },
-      prevContentStyle: { opacity: 0 },
-    },
-    topLeftAction: {
-      containerStyle: {
-        top: pageState.topSafeArea,
-        height: pageState.topInset,
-      },
-      contentStyle: { opacity: 1 },
-      prevContentStyle: { opacity: 0 },
-    },
-    bottomInset: {
-      containerStyle: {
-        height: pageState.bottomInset,
-        top: clientHeight - pageState.bottomInset - pageState.bottomSafeArea,
-      },
-      contentStyle: { opacity: 1 },
-      prevContentStyle: { opacity: 0 },
-    },
-  };
-
-  const useCsrTransition: UseCsrTransition = {
-    ...csrTranstionStyles,
-    pageBind: () => ({}),
-    pageClassName: "touch-pan-y",
-    transDirection,
-    transUnitRange,
-    transUnit,
-    transPercent,
-    transProgress,
-  };
-  return useCsrTransition;
-};
-
-const useFadeTrans = ({ clientHeight, location, prevLocation, onBack, history }: RouteState): UseCsrTransition => {
-  const transDirection = "none";
-  const transUnit = useSpringValue(1, { config: { clamp: true } });
-  const transUnitRange = useMemo(() => [0, 1], []);
-  const transProgress = transUnit.to((unit) => unit);
-  const transPercent = transUnit.to([0, 1], [0, 100], "clamp");
-  const pageState = location.pathRoute.pageState;
-  const prevPageState = prevLocation?.pathRoute.pageState ?? defaultPageState;
-
-  useEffect(() => {
-    onBack.current.fade = async () => {
-      await transUnit.start(transUnitRange[0]);
-    };
-  }, []);
-  useEffect(() => {
-    if (history.current.type === "forward") {
-      void transUnit.start(transUnitRange[0], { immediate: true });
-      void transUnit.start(transUnitRange[1], { config: { duration: 150 } });
-    } else {
-      void transUnit.start(transUnitRange[1], { immediate: true });
-      return;
-    }
-  }, [location.pathname]);
-
-  const csrTranstionStyles: CsrTransitionStyles = {
-    topSafeArea: {
-      containerStyle: {
-        height: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-      },
-    },
-    bottomSafeArea: {
-      containerStyle: {
-        top: transProgress.to(
-          [0, 1],
-          [clientHeight - prevPageState.bottomSafeArea, clientHeight - pageState.bottomSafeArea]
-        ),
-        height: transProgress.to([0, 1], [prevPageState.bottomSafeArea, pageState.bottomSafeArea]),
-      },
-    },
-    page: {
-      containerStyle: {},
-      contentStyle: {
-        paddingTop: pageState.topSafeArea + pageState.topInset,
-        paddingBottom: pageState.bottomInset + pageState.bottomSafeArea,
-        opacity: transUnit,
-        height: clientHeight,
-      },
-    },
-    prevPage: {
-      containerStyle: {
-        paddingTop: prevPageState.topSafeArea + prevPageState.topInset,
-        opacity: transProgress.to((progress) => 1 - progress),
-      },
-      contentStyle: {},
-    },
-    topInset: {
-      containerStyle: {
-        top: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-        height: transProgress.to([0, 1], [prevPageState.topInset, pageState.topInset]),
-      },
-      contentStyle: {
-        opacity: transProgress,
-      },
-      prevContentStyle: {
-        opacity: transProgress.to((progress) => 1 - progress),
-      },
-    },
-    topLeftAction: {
-      containerStyle: {
-        top: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-        height: transProgress.to([0, 1], [prevPageState.topInset, pageState.topInset]),
-      },
-      contentStyle: {
-        opacity: transProgress.to((progress) => progress),
-      },
-      prevContentStyle: {
-        opacity: transProgress.to((progress) => 1 - progress),
-      },
-    },
-    bottomInset: {
-      containerStyle: {
-        height: transProgress.to([0, 1], [prevPageState.bottomInset, pageState.bottomInset]),
-        top: transProgress.to(
-          [0, 1],
-          [
-            clientHeight - prevPageState.bottomInset - prevPageState.bottomSafeArea,
-            clientHeight - pageState.bottomInset - pageState.bottomSafeArea,
-          ]
-        ),
-      },
-      contentStyle: {
-        top: transProgress.to([0, 1], [0, -(pageState.bottomInset - prevPageState.bottomInset) * 2]),
-        opacity: transProgress.to((progress) => progress),
-      },
-      prevContentStyle: {
-        top: transProgress.to([0, 1], [0, -(pageState.bottomInset - prevPageState.bottomInset) * 2]),
-        opacity: transProgress.to((progress) => 1 - progress),
-      },
-    },
-  };
-
-  const useCsrTransition: UseCsrTransition = {
-    ...csrTranstionStyles,
-    pageBind: () => ({}),
-    pageClassName: "",
-    transDirection,
-    transUnitRange,
-    transUnit,
-    transPercent,
-    transProgress,
-  };
-  return useCsrTransition;
-};
-
-const useStackTrans = ({
-  clientWidth,
-  clientHeight,
-  location,
-  prevLocation,
-  history,
-  onBack,
-}: RouteState): UseCsrTransition => {
-  const transDirection = "horizontal";
-  const transUnit = useSpringValue(0, { config: { clamp: true } });
-  const transUnitRange = useMemo(() => [clientWidth, 0], []);
-  const transUnitReversed = transUnit.to((unit) => transUnitRange[0] - unit);
-  const transUnitRangeReversed = useMemo(() => [0, clientWidth], []);
-  const transProgress = transUnitReversed.to(transUnitRangeReversed, [0, 1], "clamp");
-  const transPercent = transUnitReversed.to(transUnitRangeReversed, [0, 100], "clamp");
-  const initThreshold = useMemo(() => Math.floor(clientWidth), []);
-  const threshold = useMemo(() => Math.floor(clientWidth / 3), []);
-  const pageState = location.pathRoute.pageState;
-  const prevPageState = prevLocation?.pathRoute.pageState ?? defaultPageState;
-  const pageClassName = "touch-pan-y";
-  useEffect(() => {
-    onBack.current.stack = async () => {
-      await transUnit.start(transUnitRange[0]);
-    };
-  }, []);
-  useEffect(() => {
-    if (history.current.type === "forward") {
-      void transUnit.start(transUnitRange[0], { immediate: true });
-      void transUnit.start(transUnitRange[1], { config: { duration: 150 } });
-    } else {
-      void transUnit.start(transUnitRange[1], { immediate: true });
-      return;
-    }
-  }, [location.pathname]);
-
-  const pageBind = useDrag(
-    ({ first, down, last, movement: [mx], initial: [ix], cancel }) => {
-      if (first) void device.hideKeyboard();
-      if (ix > initThreshold) {
-        cancel();
-        return;
-      }
-      if (mx < transUnitRange[1]) void transUnit.start(transUnitRange[1], { immediate: true });
-      else if (mx > transUnitRange[0]) void transUnit.start(transUnitRange[0], { immediate: true });
-      else if (!last) void transUnit.start(mx, { immediate: true });
-      else if (mx < threshold) void transUnit.start(transUnitRange[1]);
-      if (last && mx > threshold) router.back();
-    },
-    { axis: "x", filterTaps: true }
-  );
-
-  const csrTranstionStyles: CsrTransitionStyles = {
-    topSafeArea: {
-      containerStyle: {
-        height: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-      },
-    },
-    bottomSafeArea: {
-      containerStyle: {
-        top: transProgress.to(
-          [0, 1],
-          [clientHeight - prevPageState.bottomSafeArea, clientHeight - pageState.bottomSafeArea]
-        ),
-        height: transProgress.to([0, 1], [prevPageState.bottomSafeArea, pageState.bottomSafeArea]),
-      },
-    },
-    page: {
-      containerStyle: {},
-      contentStyle: {
-        paddingTop: pageState.topSafeArea + pageState.topInset,
-        paddingBottom: pageState.bottomInset + pageState.bottomSafeArea,
-        translateX: transUnit,
-        height: clientHeight,
-      },
-    },
-    prevPage: {
-      containerStyle: {
-        paddingTop: prevPageState.topSafeArea + prevPageState.topInset,
-        translateX: transUnit.to((unit) => (unit - clientWidth) / 5),
-      },
-      contentStyle: {
-        opacity: transProgress.to((progress) => 1 - progress / 2),
-      },
-    },
-    topInset: {
-      containerStyle: {
-        top: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-        height: transProgress.to([0, 1], [prevPageState.topInset, pageState.topInset]),
-      },
-      contentStyle: {
-        opacity: transProgress.to((progress) => progress),
-        translateX: transProgress.to([0, 1], [clientWidth / 5, 0]),
-      },
-      prevContentStyle: {
-        opacity: transProgress.to((progress) => 1 - progress),
-        translateX: transProgress.to([0, 1], [0, -clientWidth / 5]),
-      },
-    },
-    topLeftAction: {
-      containerStyle: {
-        top: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-        height: transProgress.to([0, 1], [prevPageState.topInset, pageState.topInset]),
-        minWidth: transProgress.to([0, 1], [prevPageState.topInset, pageState.topInset]),
-      },
-      contentStyle: {
-        opacity: transProgress.to((progress) => progress),
-      },
-      prevContentStyle: {
-        opacity: transProgress.to((progress) => 1 - progress),
-      },
-    },
-    bottomInset: {
-      containerStyle: {
-        height: transProgress.to([0, 1], [prevPageState.bottomInset, pageState.bottomInset]),
-        top: transProgress.to(
-          [0, 1],
-          [
-            clientHeight - prevPageState.bottomInset - prevPageState.bottomSafeArea,
-            clientHeight - pageState.bottomInset - pageState.bottomSafeArea,
-          ]
-        ),
-      },
-      contentStyle: {
-        top: transProgress.to([0, 1], [0, -(pageState.bottomInset - prevPageState.bottomInset) * 2]),
-        opacity: transProgress.to((progress) => progress),
-      },
-      prevContentStyle: {
-        top: transProgress.to([0, 1], [0, -(pageState.bottomInset - prevPageState.bottomInset) * 2]),
-        opacity: transProgress.to((progress) => 1 - progress),
-      },
-    },
-  };
-
-  const useCsrTransition: UseCsrTransition = {
-    ...csrTranstionStyles,
-    pageBind,
-    pageClassName,
-    transDirection,
-    transUnitRange,
-    transUnit,
-    transPercent,
-    transProgress,
-  };
-  return useCsrTransition;
-};
-
-const useBottomUpTrans = ({
-  clientWidth,
-  clientHeight,
-  history,
-  location,
-  prevLocation,
-  onBack,
-}: RouteState): UseCsrTransition => {
-  const transDirection = "vertical";
-  const transUnit = useSpringValue(0, { config: { clamp: true } });
-  const transUnitRange = useMemo(() => [clientHeight, 0], []);
-  const transUnitReversed = transUnit.to((unit) => transUnitRange[0] - unit);
-  const transUnitRangeReversed = useMemo(() => [0, clientWidth], []);
-  const transProgress = transUnitReversed.to(transUnitRangeReversed, [0, 1], "clamp");
-  const transPercent = transUnitReversed.to(transUnitRangeReversed, [0, 100], "clamp");
-  const initThreshold = useMemo(() => Math.floor(clientWidth / 3), []);
-  const threshold = useMemo(() => Math.floor(clientWidth / 2), []);
-  const pageState = location.pathRoute.pageState;
-  const prevPageState = prevLocation?.pathRoute.pageState ?? defaultPageState;
-  useEffect(() => {
-    onBack.current.bottomUp = async () => {
-      await transUnit.start(transUnitRange[0]);
-    };
-  }, []);
-  useEffect(() => {
-    if (history.current.type === "forward") {
-      void transUnit.start(transUnitRange[0], { immediate: true });
-      void transUnit.start(transUnitRange[1], { config: { duration: 150 } });
-    } else {
-      void transUnit.start(transUnitRange[1], { immediate: true });
-      return;
-    }
-  }, [location.pathname]);
-
-  const pageBind = useDrag(
-    ({ first, last, movement: [, my], initial: [, iy], cancel }) => {
-      if (first) void device.hideKeyboard();
-      if (iy > initThreshold) {
-        cancel();
-        return;
-      }
-      if (my < transUnitRange[1]) void transUnit.start(transUnitRange[1], { immediate: true });
-      else if (my > transUnitRange[0]) void transUnit.start(transUnitRange[0], { immediate: true });
-      else if (!last) void transUnit.start(my, { immediate: true });
-      else if (my < threshold) void transUnit.start(transUnitRange[1]);
-      if (last && my > threshold) router.back();
-    },
-    { axis: "y", filterTaps: true, threshold: 10 }
-  );
-
-  const csrTranstionStyles: CsrTransitionStyles = {
-    topSafeArea: {
-      containerStyle: {
-        height: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-      },
-    },
-    bottomSafeArea: {
-      containerStyle: {
-        top: transProgress.to(
-          [0, 1],
-          [clientHeight - prevPageState.bottomSafeArea, clientHeight - pageState.bottomSafeArea]
-        ),
-        height: transProgress.to([0, 1], [prevPageState.bottomSafeArea, pageState.bottomSafeArea]),
-      },
-    },
-    page: {
-      containerStyle: {},
-      contentStyle: {
-        paddingTop: pageState.topSafeArea + pageState.topInset,
-        paddingBottom: pageState.bottomInset + pageState.bottomSafeArea,
-        translateY: transUnit,
-        height: clientHeight,
-      },
-    },
-    prevPage: {
-      containerStyle: {
-        paddingTop: prevPageState.topSafeArea + prevPageState.topInset,
-        translateY: 0,
-      },
-      contentStyle: {
-        opacity: transProgress.to((progress) => 1 - progress / 2),
-      },
-    },
-    topInset: {
-      containerStyle: {
-        top: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-        height: transProgress.to([0, 1], [prevPageState.topInset, pageState.topInset]),
-      },
-      contentStyle: {
-        opacity: transProgress.to((progress) => progress),
-        // translateX: transProgress.to([0, 1], [clientWidth / 5, 0]),
-      },
-      prevContentStyle: {
-        opacity: transProgress.to((progress) => 1 - progress),
-        // translateX: transProgress.to([0, 1], [0, -clientWidth / 5]),
-      },
-    },
-    topLeftAction: {
-      containerStyle: {
-        top: transProgress.to([0, 1], [prevPageState.topSafeArea, pageState.topSafeArea]),
-        height: transProgress.to([0, 1], [prevPageState.topInset, pageState.topInset]),
-      },
-      contentStyle: {
-        opacity: transProgress.to((progress) => progress),
-      },
-      prevContentStyle: {
-        opacity: transProgress.to((progress) => 1 - progress),
-      },
-    },
-    bottomInset: {
-      containerStyle: {
-        height: transProgress.to([0, 1], [prevPageState.bottomInset, pageState.bottomInset]),
-        top: transProgress.to(
-          [0, 1],
-          [
-            clientHeight - prevPageState.bottomInset - prevPageState.bottomSafeArea,
-            clientHeight - pageState.bottomInset - pageState.bottomSafeArea,
-          ]
-        ),
-      },
-      contentStyle: {
-        top: transProgress.to([0, 1], [0, -(pageState.bottomInset - prevPageState.bottomInset) * 2]),
-        opacity: transProgress.to((progress) => progress),
-      },
-      prevContentStyle: {
-        top: transProgress.to([0, 1], [0, -(pageState.bottomInset - prevPageState.bottomInset) * 2]),
-        opacity: transProgress.to((progress) => 1 - progress),
-      },
-    },
-  };
-
-  const useCsrTransition: UseCsrTransition = {
-    ...csrTranstionStyles,
-    pageBind,
-    pageClassName: "touch-pan-x",
-    transDirection,
-    transUnitRange,
-    transUnit,
-    transPercent,
-    transProgress,
-  };
-  return useCsrTransition;
-};
-
-export const useCsrValues = (rootRouteGuide: RouteGuide, pathRoutes: PathRoute[]) => {
-  const clientWidth = useRef(window.innerWidth);
-  const clientHeight = useRef(window.innerHeight);
-  const topSafeAreaRef = useRef<HTMLDivElement>(null);
-  const bottomSafeAreaRef = useRef<HTMLDivElement>(null);
-  const pageContentRef = useRef<HTMLDivElement>(null);
-  const prevPageContentRef = useRef<HTMLDivElement>(null);
-  const onBack = useRef<{ [K in TransitionType]?: () => Promise<void> }>({});
-  const frameRootRef = useRef<HTMLDivElement>(null);
-
-  const { getLocation } = useLocation({ rootRouteGuide });
-  const { history, setHistoryForward, setHistoryBack, getCurrentLocation, getPrevLocation, getScrollTop } = useHistory([
-    getLocation(window.location.pathname),
-  ]);
-  const [{ location, prevLocation }, setLocationState] = useState<LocationState>({
-    location: getCurrentLocation(),
-    prevLocation: getPrevLocation(),
-  });
-  const getRouter = useCallback((): RouterInstance => {
-    const router = {
-      push: (href: string) => {
-        const location = getCurrentLocation();
-        const scrollTop = pageContentRef.current?.scrollTop ?? 0;
-        setHistoryForward({ type: "push", location: getLocation(href), scrollTop });
-        setLocationState({ location: getCurrentLocation(), prevLocation: location });
-        window.history.pushState({}, "", href);
-      },
-      replace: (href: string) => {
-        const scrollTop = pageContentRef.current?.scrollTop ?? 0;
-        setHistoryForward({ type: "replace", location: getLocation(href), scrollTop });
-        setLocationState({ location: getCurrentLocation(), prevLocation });
-        window.history.replaceState({}, "", href);
-      },
-      refresh: () => {
-        window.location.reload();
-      },
-      back: async () => {
-        const location = getCurrentLocation();
-        await onBack.current[location.pathRoute.pageState.transition]?.();
-        const scrollTop = pageContentRef.current?.scrollTop ?? 0;
-        setHistoryBack({ type: "back", location, scrollTop });
-        setLocationState({ location: getCurrentLocation(), prevLocation: getPrevLocation() });
-        window.history.back();
-      },
-    };
-    window.onpopstate = async (ev: PopStateEvent) => {
-      const routeType =
-        window.location.pathname === getCurrentLocation().pathname && history.current.type !== "back"
-          ? "forward"
-          : window.location.pathname === getPrevLocation()?.pathname
-            ? "back"
-            : null;
-      const scrollTop = pageContentRef.current?.scrollTop ?? 0;
-      if (!routeType) return;
-      if (routeType === "forward") {
-        const location = getCurrentLocation();
-        setHistoryForward({ type: "popForward", location, scrollTop });
-        setLocationState({ location: getCurrentLocation(), prevLocation: location });
-      } else {
-        // back
-        const location = getCurrentLocation();
-        await onBack.current[location.pathRoute.pageState.transition]?.();
-        setHistoryBack({ type: "popBack", location, scrollTop });
-        setLocationState({ location: getCurrentLocation(), prevLocation: getPrevLocation() });
-      }
-    };
-    return router;
-  }, [location]);
-  const router = getRouter();
-  const routeState: RouteState = {
-    clientWidth: clientWidth.current,
-    clientHeight: clientHeight.current,
-    location,
-    prevLocation,
-    history,
-    topSafeAreaRef,
-    bottomSafeAreaRef,
-    prevPageContentRef,
-    pageContentRef,
-    frameRootRef,
-    onBack,
-    router,
-    pathRoutes,
-  };
-  const useNonTransition = useNoneTrans(routeState);
-  const useFadeTransition = useFadeTrans(routeState);
-  const useStackTransition = useStackTrans(routeState);
-  const useBottomUpTransition = useBottomUpTrans(routeState);
-  const useCsrTransitionMap: { [key in TransitionType]: UseCsrTransition } = {
-    none: useNonTransition,
-    fade: useFadeTransition,
-    stack: useStackTransition,
-    bottomUp: useBottomUpTransition,
-    scaleOut: useNonTransition,
-  };
-
-  useEffect(() => {
-    if (pageContentRef.current) pageContentRef.current.scrollTop = getScrollTop(location.pathname);
-    if (prevPageContentRef.current)
-      prevPageContentRef.current.scrollTop = prevLocation ? getScrollTop(prevLocation.pathname) : 0;
-    void App.addListener("backButton", () => {
-      router.back();
-    });
-    return () => {
-      void App.removeAllListeners();
-    };
-  }, [location.pathname]);
-
-  return {
-    ...routeState,
-    ...useCsrTransitionMap[location.pathRoute.pageState.transition],
-  } satisfies CsrContextType;
-};

package/useDebounce.ts

@@ -1,23 +0,0 @@
-"use client";
-import { useCallback } from "react";
-
-const debounce = <Callback extends (...args: any) => any>(callback: Callback, wait = 500) => {
-  // 실행한 함수(setTimeout())를 취소
-  let timer: NodeJS.Timeout;
-  return ((...args: object[]) => {
-    clearTimeout(timer);
-    // delay가 지나면 callback 함수를 실행
-    timer = setTimeout(() => {
-      callback(...args);
-    }, wait);
-  }) as Callback;
-};
-
-export const useDebounce = <Callback extends (...args: any) => any>(
-  callback: Callback,
-  states: any[] = [],
-  wait = 100
-) => {
-  const fn = useCallback(debounce(callback, wait), states);
-  return fn;
-};

package/useFetch.ts

@@ -1,24 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-
-export const useFetch = <Return>(
-  fnOrPromise: Promise<Return> | Return,
-  { onError }: { onError?: (err: string) => void } = {}
-): { fulfilled: boolean; value: Return | null } => {
-  const [fetchState, setFetchState] = useState<{ fulfilled: boolean; value: any }>(
-    fnOrPromise instanceof Promise ? { fulfilled: false, value: null } : { fulfilled: true, value: fnOrPromise }
-  );
-  useEffect(() => {
-    void (async () => {
-      try {
-        const ret = fnOrPromise instanceof Promise ? await fnOrPromise : fnOrPromise;
-        setFetchState({ fulfilled: true, value: ret });
-      } catch (err) {
-        const content = `Error: ${typeof err === "string" ? err : (err as Error).message}`;
-        onError?.(content);
-        throw new Error(content);
-      }
-    })();
-  }, []);
-  return fetchState;
-};