[WEB-1397] refactor: edition specific migration (#4847)

* refactor: edition specific migration

* revert: pagination from space endpoints

* fix: project publish

---------

Co-authored-by: pablohashescobar <nikhilschacko@gmail.com>

space/core/hooks/store/index.ts

@@ -0,0 +1,7 @@
+export * from "./publish";
+export * from "./use-instance";
+export * from "./use-issue";
+export * from "./use-user";
+export * from "./use-user-profile";
+export * from "./use-issue-details";
+export * from "./use-issue-filter";

space/core/hooks/store/publish/index.ts

@@ -0,0 +1,2 @@
+export * from "./use-publish-list";
+export * from "./use-publish";

space/core/hooks/store/publish/use-publish-list.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+// lib
+import { StoreContext } from "@/lib/store-provider";
+// store
+import { IPublishListStore } from "@/store/publish/publish_list.store";
+
+export const usePublishList = (): IPublishListStore => {
+  const context = useContext(StoreContext);
+  if (context === undefined) throw new Error("usePublishList must be used within StoreProvider");
+  return context.publishList;
+};

space/core/hooks/store/publish/use-publish.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+// lib
+import { StoreContext } from "@/lib/store-provider";
+// store
+import { PublishStore } from "@/store/publish/publish.store";
+
+export const usePublish = (anchor: string): PublishStore => {
+  const context = useContext(StoreContext);
+  if (context === undefined) throw new Error("usePublish must be used within StoreProvider");
+  return context.publishList.publishMap?.[anchor] ?? {};
+};

space/core/hooks/store/use-instance.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+// lib
+import { StoreContext } from "@/lib/store-provider";
+// store
+import { IInstanceStore } from "@/store/instance.store";
+
+export const useInstance = (): IInstanceStore => {
+  const context = useContext(StoreContext);
+  if (context === undefined) throw new Error("useUserProfile must be used within StoreProvider");
+  return context.instance;
+};

space/core/hooks/store/use-issue-details.tsx

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+// lib
+import { StoreContext } from "@/lib/store-provider";
+// store
+import { IIssueDetailStore } from "@/store/issue-detail.store";
+
+export const useIssueDetails = (): IIssueDetailStore => {
+  const context = useContext(StoreContext);
+  if (context === undefined) throw new Error("useUserProfile must be used within StoreProvider");
+  return context.issueDetail;
+};

space/core/hooks/store/use-issue-filter.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+// lib
+import { StoreContext } from "@/lib/store-provider";
+// store
+import { IIssueFilterStore } from "@/store/issue-filters.store";
+
+export const useIssueFilter = (): IIssueFilterStore => {
+  const context = useContext(StoreContext);
+  if (context === undefined) throw new Error("useUserProfile must be used within StoreProvider");
+  return context.issueFilter;
+};

space/core/hooks/store/use-issue.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+// lib
+import { StoreContext } from "@/lib/store-provider";
+// store
+import { IIssueStore } from "@/store/issue.store";
+
+export const useIssue = (): IIssueStore => {
+  const context = useContext(StoreContext);
+  if (context === undefined) throw new Error("useUserProfile must be used within StoreProvider");
+  return context.issue;
+};

space/core/hooks/store/use-user-profile.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+// lib
+import { StoreContext } from "@/lib/store-provider";
+// store
+import { IProfileStore } from "@/store/profile.store";
+
+export const useUserProfile = (): IProfileStore => {
+  const context = useContext(StoreContext);
+  if (context === undefined) throw new Error("useUserProfile must be used within StoreProvider");
+  return context.user.profile;
+};

space/core/hooks/store/use-user.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+// lib
+import { StoreContext } from "@/lib/store-provider";
+// store
+import { IUserStore } from "@/store/user.store";
+
+export const useUser = (): IUserStore => {
+  const context = useContext(StoreContext);
+  if (context === undefined) throw new Error("useUser must be used within StoreProvider");
+  return context.user;
+};

space/core/hooks/use-clipboard-write-permission.tsx

@@ -0,0 +1,28 @@
+import { useState, useEffect } from "react";
+
+const useClipboardWritePermission = () => {
+  const [isClipboardWriteAllowed, setClipboardWriteAllowed] = useState(false);
+
+  useEffect(() => {
+    const checkClipboardWriteAccess = () => {
+      navigator.permissions
+        .query({ name: "clipboard-write" as PermissionName })
+        .then((result) => {
+          if (result.state === "granted") {
+            setClipboardWriteAllowed(true);
+          } else {
+            setClipboardWriteAllowed(false);
+          }
+        })
+        .catch(() => {
+          setClipboardWriteAllowed(false);
+        });
+    };
+
+    checkClipboardWriteAccess();
+  }, []);
+
+  return isClipboardWriteAllowed;
+};
+
+export default useClipboardWritePermission;

space/core/hooks/use-is-in-iframe.tsx

@@ -0,0 +1,17 @@
+import { useState, useEffect } from "react";
+
+const useIsInIframe = () => {
+  const [isInIframe, setIsInIframe] = useState(false);
+
+  useEffect(() => {
+    const checkIfInIframe = () => {
+      setIsInIframe(window.self !== window.top);
+    };
+
+    checkIfInIframe();
+  }, []);
+
+  return isInIframe;
+};
+
+export default useIsInIframe;

space/core/hooks/use-mention.tsx

@@ -0,0 +1,44 @@
+import { useRef, useEffect } from "react";
+import useSWR from "swr";
+// types
+import { IUser } from "@plane/types";
+// services
+import { UserService } from "@/services/user.service";
+
+export const useMention = () => {
+  const userService = new UserService();
+  const { data: user, isLoading: userDataLoading } = useSWR("currentUser", async () => userService.currentUser());
+
+  const userRef = useRef<IUser | undefined>();
+
+  useEffect(() => {
+    if (userRef) {
+      userRef.current = user;
+    }
+  }, [user]);
+
+  const waitForUserDate = async () =>
+    new Promise<IUser>((resolve) => {
+      const checkData = () => {
+        if (userRef.current) {
+          resolve(userRef.current);
+        } else {
+          setTimeout(checkData, 100);
+        }
+      };
+      checkData();
+    });
+
+  const mentionHighlights = async () => {
+    if (!userDataLoading && userRef.current) {
+      return [userRef.current.id];
+    } else {
+      const user = await waitForUserDate();
+      return [user.id];
+    }
+  };
+
+  return {
+    mentionHighlights,
+  };
+};

space/core/hooks/use-outside-click.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { useEffect } from "react";
+
+const useOutSideClick = (ref: any, callback: any) => {
+  const handleClick = (e: any) => {
+    if (ref.current && !ref.current.contains(e.target)) {
+      callback();
+    }
+  };
+
+  useEffect(() => {
+    document.addEventListener("click", handleClick);
+
+    return () => {
+      document.removeEventListener("click", handleClick);
+    };
+  });
+};
+
+export default useOutSideClick;

space/core/hooks/use-timer.tsx

@@ -0,0 +1,19 @@
+import { useState, useEffect } from "react";
+
+const TIMER = 30;
+
+const useTimer = (initialValue: number = TIMER) => {
+  const [timer, setTimer] = useState(initialValue);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setTimer((prev) => prev - 1);
+    }, 1000);
+
+    return () => clearInterval(interval);
+  }, []);
+
+  return { timer, setTimer };
+};
+
+export default useTimer;