@akanjs/next 0.0.53 → 0.0.55

package/useHistory.mjs

@@ -0,0 +1,46 @@
+"use client";
+import { useCallback, useRef } from "react";
+const useHistory = (locations = []) => {
+  const history = useRef({
+    type: "initial",
+    locations,
+    scrollMap: /* @__PURE__ */ new Map([[window.location.pathname, 0]]),
+    idxMap: /* @__PURE__ */ new Map([[window.location.pathname, 0]]),
+    cachedLocationMap: /* @__PURE__ */ new Map(),
+    idx: 0
+  });
+  const setHistoryForward = useCallback(({ type, location, scrollTop = 0 }) => {
+    history.current.type = "forward";
+    history.current.scrollMap.set(location.pathname, scrollTop);
+    history.current.idxMap.set(location.pathname, history.current.idx);
+    if (type === "push")
+      history.current.locations = [...history.current.locations.slice(0, history.current.idx + 1), location];
+    else if (type === "replace")
+      history.current.locations = [...history.current.locations.slice(0, history.current.idx), location];
+    if (location.pathRoute.pageState.cache)
+      history.current.cachedLocationMap.set(location.pathRoute.path, location);
+    if (type === "push" || type === "popForward")
+      history.current.idx++;
+  }, []);
+  const setHistoryBack = useCallback(({ location, scrollTop = 0 }) => {
+    history.current.type = "back";
+    history.current.scrollMap.set(location.pathname, scrollTop);
+    history.current.idxMap.set(location.pathname, history.current.idx);
+    if (location.pathRoute.pageState.cache)
+      history.current.cachedLocationMap.set(location.pathRoute.path, location);
+    history.current.idx--;
+  }, []);
+  const getCurrentLocation = useCallback(() => {
+    return history.current.locations[history.current.idx];
+  }, []);
+  const getPrevLocation = useCallback(() => {
+    return history.current.locations[history.current.idx - 1] ?? null;
+  }, []);
+  const getScrollTop = useCallback((pathname = history.current.locations[history.current.idx]?.pathname ?? "/") => {
+    return history.current.scrollMap.get(pathname) ?? 0;
+  }, []);
+  return { history, setHistoryForward, setHistoryBack, getCurrentLocation, getPrevLocation, getScrollTop };
+};
+export {
+  useHistory
+};

package/useInterval.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { useEffect, useRef } from "react";
+const useInterval = (callback, delay) => {
+  const savedCallback = useRef(null);
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    const tick = () => {
+      void savedCallback.current?.();
+    };
+    const id = setInterval(tick, delay);
+    return () => {
+      clearInterval(id);
+    };
+  }, [delay]);
+  return savedCallback;
+};
+export {
+  useInterval
+};

package/useLocation.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { useCallback } from "react";
+const useLocation = ({ rootRouteGuide }) => {
+  const getLocation = useCallback((href) => {
+    const getPathSegments = (pathname2) => {
+      return [
+        ...pathname2.split("/").filter((pathSegment) => !!pathSegment).map((pathSegment) => `/${pathSegment}`)
+      ];
+    };
+    const getPathRoute = (pathname2) => {
+      const pathSegments = getPathSegments(pathname2);
+      const getTargetRouteGuide = (pathSegments2, routeGuide) => {
+        const pathSegment = pathSegments2.shift();
+        if (!pathSegment)
+          return routeGuide;
+        const childrenSegments = Object.keys(routeGuide.children);
+        const matchingPathSegment = childrenSegments.find((segment) => segment === pathSegment);
+        const paramSegment = childrenSegments.find((segment) => segment.startsWith("/:"));
+        const childRouteGuide = matchingPathSegment ? routeGuide.children[pathSegment] : paramSegment ? routeGuide.children[paramSegment] : null;
+        if (!childRouteGuide)
+          throw new Error("404");
+        return getTargetRouteGuide(pathSegments2, childRouteGuide);
+      };
+      const targetRouteGuide = getTargetRouteGuide(pathSegments, rootRouteGuide);
+      const pathRoute2 = targetRouteGuide.pathRoute;
+      if (!pathRoute2) {
+        window.location.assign("/404");
+        throw new Error("404");
+      }
+      return pathRoute2;
+    };
+    const getParams = (pathname2, pathRoute2) => {
+      const pathSegments = getPathSegments(pathname2);
+      return pathRoute2.pathSegments.reduce((params2, pathSegment, idx) => {
+        if (pathSegment.startsWith("/:"))
+          params2[pathSegment.slice(2)] = pathSegments[idx - 1].slice(1);
+        return params2;
+      }, {});
+    };
+    const getSearchParams = (search2) => {
+      return [...new URLSearchParams(search2).entries()].reduce(
+        (params2, [key, value]) => {
+          params2[key] = params2[key] ? [...Array.isArray(params2[key]) ? params2[key] : [params2[key]], value] : value;
+          return params2;
+        },
+        {}
+      );
+    };
+    const [pathname, search] = href.split("?");
+    const pathRoute = getPathRoute(pathname);
+    const params = getParams(pathname, pathRoute);
+    const searchParams = getSearchParams(search);
+    return { pathname, search, params, searchParams, pathRoute };
+  }, []);
+  return { getLocation };
+};
+export {
+  useLocation
+};

package/usePurchase.mjs

@@ -0,0 +1,120 @@
+"use client";
+import "cordova-plugin-purchase/www/store";
+import { App } from "@capacitor/app";
+import { useEffect, useRef, useState } from "react";
+const usePurchase = ({
+  platform,
+  productInfo,
+  url,
+  onPay,
+  onSubscribe
+}) => {
+  const [isLoading, setIsLoading] = useState(true);
+  const billingRef = useRef();
+  useEffect(() => {
+    const init = async () => {
+      if (CdvPurchase.store.isReady) {
+        setIsLoading(false);
+        return;
+      }
+      const app = await App.getInfo();
+      if (platform === "all")
+        CdvPurchase.store.register([
+          ...productInfo.map((prouct) => ({
+            id: prouct.id,
+            platform: CdvPurchase.Platform.GOOGLE_PLAY,
+            type: CdvPurchase.ProductType[prouct.type]
+          })),
+          ...productInfo.map((prouct) => ({
+            id: prouct.id,
+            platform: CdvPurchase.Platform.APPLE_APPSTORE,
+            type: CdvPurchase.ProductType[prouct.type]
+          }))
+        ]);
+      else
+        CdvPurchase.store.register(
+          productInfo.map((product) => ({
+            id: product.id,
+            platform: platform === "android" ? CdvPurchase.Platform.GOOGLE_PLAY : CdvPurchase.Platform.APPLE_APPSTORE,
+            type: CdvPurchase.ProductType[product.type]
+          }))
+        );
+      await CdvPurchase.store.initialize([
+        { platform: CdvPurchase.Platform.APPLE_APPSTORE, options: { needAppReceipt: false } },
+        { platform: CdvPurchase.Platform.GOOGLE_PLAY }
+      ]);
+      await CdvPurchase.store.update();
+      await CdvPurchase.store.restorePurchases();
+      CdvPurchase.store.validator = async (request, callback) => {
+        const transactionId = request.transaction.id;
+        const transactions = CdvPurchase.store.localTransactions;
+        const verifingTransaction = transactions.find((transaction) => transaction.transactionId === transactionId);
+        if (verifingTransaction?.state !== "approved")
+          return;
+        const billing = await fetch(`${url}/billing/verifyBilling`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            data: {
+              platform: verifingTransaction.platform === CdvPurchase.Platform.GOOGLE_PLAY ? "google" : "apple",
+              packageName: app.id,
+              productId: verifingTransaction.products[0].id,
+              receipt: verifingTransaction.platform === CdvPurchase.Platform.GOOGLE_PLAY ? request.transaction.purchaseToken : request.transaction.appStoreReceipt,
+              transactionId: verifingTransaction.transactionId
+            }
+          })
+        });
+        billingRef.current = billing.json();
+        callback({
+          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+          ok: billing ? true : false,
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+          data: { id: request.id, latest_receipt: true, transaction: request.transaction }
+        });
+      };
+      if (CdvPurchase.store.localReceipts.length > 0) {
+        CdvPurchase.store.localReceipts.forEach((receipt) => {
+          if (receipt.platform === CdvPurchase.Platform.GOOGLE_PLAY)
+            if (receipt.transactions[0].state === CdvPurchase.TransactionState.APPROVED)
+              void receipt.transactions[0].verify();
+            else
+              void receipt.transactions[0].finish();
+        });
+      }
+      CdvPurchase.store.when().approved((transaction) => {
+        void transaction.verify();
+      }).verified((receipt) => {
+        void receipt.finish();
+      }).finished((transaction) => {
+        void inAppPurchase(transaction);
+      });
+      setIsLoading(false);
+    };
+    void init();
+  }, []);
+  const purchaseProduct = async (product) => {
+    await product.getOffer()?.order();
+  };
+  const restorePurchases = async () => {
+    await CdvPurchase.store.restorePurchases();
+  };
+  const inAppPurchase = async (transaction) => {
+    const product = CdvPurchase.store.get(transaction.products[0].id);
+    if (product?.type === "consumable")
+      await onPay?.(transaction);
+    else
+      await onSubscribe?.(transaction);
+    await transaction.finish();
+  };
+  return {
+    isLoading,
+    products: CdvPurchase.store.products,
+    purchaseProduct,
+    restorePurchases
+  };
+};
+export {
+  usePurchase
+};

package/usePushNoti.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { Device } from "@capacitor/device";
+import { PushNotifications } from "@capacitor/push-notifications";
+import { FCM } from "@capacitor-community/fcm";
+const usePushNoti = () => {
+  const init = async () => {
+    const device = await Device.getInfo();
+    if (device.platform === "web")
+      return;
+    void FCM.setAutoInit({ enabled: true });
+    void PushNotifications.requestPermissions().then(async (result) => {
+      if (result.receive === "granted") {
+        await PushNotifications.register();
+      }
+    });
+  };
+  const checkPermission = async () => {
+    const { receive } = await PushNotifications.checkPermissions();
+    return receive === "granted";
+  };
+  const register = async () => {
+    const device = await Device.getInfo();
+    if (device.platform === "web")
+      return;
+    const { receive } = await PushNotifications.checkPermissions();
+    if (receive === "denied")
+      location.assign("app-settings:");
+    else
+      await PushNotifications.register();
+  };
+  const getToken = async () => {
+    const device = await Device.getInfo();
+    if (device.platform === "web")
+      return;
+    const { token } = await FCM.getToken();
+    return token;
+  };
+  return { init, checkPermission, register, getToken };
+};
+export {
+  usePushNoti
+};

package/useThrottle.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { useCallback, useRef } from "react";
+const useThrottle = (func, delay = 200, deps = []) => {
+  const throttleSeed = useRef(null);
+  const throttleFunction = useCallback(
+    (...args) => {
+      if (throttleSeed.current)
+        return;
+      func(...args);
+      throttleSeed.current = setTimeout(() => {
+        throttleSeed.current = null;
+      }, delay);
+    },
+    [func, delay, ...deps]
+  );
+  return throttleFunction;
+};
+export {
+  useThrottle
+};