fix: base url standardization

apps/api/plane/settings/common.py

@@ -465,7 +465,3 @@ if ENABLE_DRF_SPECTACULAR:
     REST_FRAMEWORK["DEFAULT_SCHEMA_CLASS"] = "drf_spectacular.openapi.AutoSchema"
     INSTALLED_APPS.append("drf_spectacular")
     from .openapi import SPECTACULAR_SETTINGS  # noqa: F401
-
-# MongoDB Settings
-MONGO_DB_URL = os.environ.get("MONGO_DB_URL", False)
-MONGO_DB_DATABASE = os.environ.get("MONGO_DB_DATABASE", False)

apps/api/plane/settings/mongo.py

@@ -118,7 +118,4 @@ class MongoConnection:
         Returns:
             bool: True if MongoDB is configured and connected, False otherwise
         """
-
-        if cls._client is None:
-            cls._instance = cls()
         return cls._client is not None and cls._db is not None

apps/web/core/components/issues/issue-layouts/gantt/base-gantt-root.tsx

@@ -80,7 +80,7 @@ export const BaseGanttRoot: React.FC<IBaseGanttRoot> = observer((props: IBaseGan
     const payload: any = { ...data };
     if (data.sort_order) payload.sort_order = data.sort_order.newSortOrder;
 
-    await updateIssue?.(issue.project_id, issue.id, payload);
+    updateIssue && (await updateIssue(issue.project_id, issue.id, payload));
   };
 
   const isAllowed = allowPermissions([EUserPermissions.ADMIN, EUserPermissions.MEMBER], EUserPermissionsLevel.PROJECT);

apps/web/core/components/issues/issue-layouts/gantt/blocks.tsx

@@ -112,8 +112,8 @@ export const IssueGanttSidebarBlock: React.FC<Props> = observer((props) => {
   const issueDetails = getIssueById(issueId);
   const projectIdentifier = getProjectIdentifierById(issueDetails?.project_id);
 
-  const handleIssuePeekOverview = (e: React.MouseEvent<HTMLAnchorElement>) => {
-    e.stopPropagation();
+  const handleIssuePeekOverview = (e: any) => {
+    e.stopPropagation(true);
     e.preventDefault();
     handleRedirection(workspaceSlug, issueDetails, isMobile);
   };

apps/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx

@@ -7,7 +7,7 @@ import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-sc
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { EIssueFilterType, EUserPermissions, EUserPermissionsLevel, WORK_ITEM_TRACKER_EVENTS } from "@plane/constants";
-import { EIssueServiceType, EIssuesStoreType, EIssueLayoutTypes, TIssue } from "@plane/types";
+import { EIssueServiceType, EIssuesStoreType, EIssueLayoutTypes } from "@plane/types";
 //constants
 //hooks
 import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
@@ -42,7 +42,7 @@ export type KanbanStoreType =
 
 export interface IBaseKanBanLayout {
   QuickActions: FC<IQuickActionProps>;
-  addIssuesToView?: (issueIds: string[]) => Promise<TIssue>;
+  addIssuesToView?: (issueIds: string[]) => Promise<any>;
   canEditPropertiesBasedOnProject?: (projectId: string) => boolean;
   isCompletedCycle?: boolean;
   viewId?: string | undefined;

apps/web/core/components/issues/issue-layouts/kanban/block.tsx

@@ -238,7 +238,7 @@ export const KanbanIssueBlock: React.FC<IssueBlockProps> = observer((props) => {
         },
       })
     );
-  }, [issue?.id, isDragAllowed, canDropOverIssue, setIsCurrentBlockDragging, setIsDraggingOverBlock]);
+  }, [cardRef?.current, issue?.id, isDragAllowed, canDropOverIssue, setIsCurrentBlockDragging, setIsDraggingOverBlock]);
 
   if (!issue) return null;
 

apps/web/core/components/issues/issue-layouts/kanban/default.tsx

@@ -1,6 +1,7 @@
 import { MutableRefObject } from "react";
 import { observer } from "mobx-react";
-// plane imports
+// i18n
+import { useTranslation } from "@plane/i18n";
 import {
   GroupByColumnTypes,
   IGroupByColumn,
@@ -13,6 +14,7 @@ import {
   TIssueGroupByOptions,
   TIssueOrderByOptions,
 } from "@plane/types";
+// constants
 import { ContentWrapper } from "@plane/ui";
 // components
 import RenderIfVisible from "@/components/core/render-if-visible-HOC";
@@ -90,6 +92,8 @@ export const KanBan: React.FC<IKanBan> = observer((props) => {
     subGroupIndex = 0,
     isEpic = false,
   } = props;
+  // i18n
+  const { t } = useTranslation();
   // store hooks
   const storeType = useIssueStoreType();
   const issueKanBanView = useKanbanView();

apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx

@@ -78,7 +78,7 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
         title: "Success!",
         message: "Work items added to the cycle successfully.",
       });
-    } catch {
+    } catch (error) {
       setToast({
         type: TOAST_TYPE.ERROR,
         title: "Error!",

apps/web/core/components/issues/issue-layouts/list/blocks-list.tsx

@@ -7,7 +7,7 @@ import { TSelectionHelper } from "@/hooks/use-multiple-select";
 import { IssueBlockRoot } from "./block-root";
 import { TRenderQuickActions } from "./list-view-types";
 
-type Props = {
+interface Props {
   issueIds: TGroupedIssues | any;
   issuesMap: TIssueMap;
   groupId: string;
@@ -20,7 +20,7 @@ type Props = {
   canDropOverIssue: boolean;
   selectionHelpers: TSelectionHelper;
   isEpic?: boolean;
-};
+}
 
 export const IssueBlocksList: FC<Props> = (props) => {
   const {

apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx

@@ -81,7 +81,7 @@ export const HeaderGroupByCard = observer((props: IHeaderGroupByCard) => {
         title: "Success!",
         message: "Work items added to the cycle successfully.",
       });
-    } catch {
+    } catch (error) {
       setToast({
         type: TOAST_TYPE.ERROR,
         title: "Error!",

apps/web/core/components/issues/issue-layouts/list/list-group.tsx

@@ -192,9 +192,7 @@ export const ListGroup = observer((props: Props) => {
           const sourceGroupId = source?.data?.groupId as string | undefined;
           const currentGroupId = group.id;
 
-          if (sourceGroupId) {
-            handleWorkFlowState(sourceGroupId, currentGroupId);
-          }
+          sourceGroupId && handleWorkFlowState(sourceGroupId, currentGroupId);
 
           const sourceIndex = getGroupIndex(sourceGroupId);
           const currentIndex = getGroupIndex(currentGroupId);
@@ -232,7 +230,15 @@ export const ListGroup = observer((props: Props) => {
         },
       })
     );
-  }, [group, orderBy, getGroupIndex, setDragColumnOrientation, setIsDraggingOverColumn, isWorkflowDropDisabled]);
+  }, [
+    groupRef?.current,
+    group,
+    orderBy,
+    getGroupIndex,
+    setDragColumnOrientation,
+    setIsDraggingOverColumn,
+    isWorkflowDropDisabled,
+  ]);
 
   const isDragAllowed = !!group_by && DRAG_ALLOWED_GROUPS.includes(group_by);
   const canOverlayBeVisible = isWorkflowDropDisabled || orderBy !== "sort_order" || !!group.isDropDisabled;

apps/web/core/components/issues/peek-overview/header.tsx

@@ -3,7 +3,7 @@
 import { FC, useRef } from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";
-import { Link2, type LucideIcon, MoveDiagonal, MoveRight } from "lucide-react";
+import { Link2, MoveDiagonal, MoveRight } from "lucide-react";
 // plane imports
 import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
@@ -12,7 +12,6 @@ import {
   CenterPanelIcon,
   CustomSelect,
   FullScreenPanelIcon,
-  type ISvgIcons,
   SidePanelIcon,
   TOAST_TYPE,
   Tooltip,
@@ -34,7 +33,7 @@ import { NameDescriptionUpdateStatus } from "../issue-update-status";
 
 export type TPeekModes = "side-peek" | "modal" | "full-screen";
 
-const PEEK_OPTIONS: { key: TPeekModes; icon: LucideIcon | React.FC<ISvgIcons>; i18n_title: string }[] = [
+const PEEK_OPTIONS: { key: TPeekModes; icon: any; i18n_title: string }[] = [
   {
     key: "side-peek",
     icon: SidePanelIcon,

apps/web/core/components/labels/delete-label-modal.tsx

@@ -4,7 +4,7 @@ import React, { useState } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types
-import { PROJECT_SETTINGS_TRACKER_EVENTS } from "@plane/constants";
+import { PROJECT_SETTINGS_TRACKER_ELEMENTS, PROJECT_SETTINGS_TRACKER_EVENTS } from "@plane/constants";
 import type { IIssueLabel } from "@plane/types";
 // ui
 import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";

apps/web/core/components/labels/label-drag-n-drop-HOC.tsx

@@ -154,7 +154,7 @@ export const LabelDndHOC = observer((props: Props) => {
         },
       })
     );
-  }, [dragHandleRef?.current, label, isChild, isGroup, isLastChild, onDrop]);
+  }, [labelRef?.current, dragHandleRef?.current, label, isChild, isGroup, isLastChild, onDrop]);
 
   const isMakeChild = instruction == "make-child";
 

apps/web/core/components/modules/analytics-sidebar/issue-progress.tsx

@@ -110,7 +110,7 @@ export const ModuleAnalyticsProgress: FC<TModuleAnalyticsProgress> = observer((p
         await fetchModuleDetails(workspaceSlug, projectId, moduleId);
       }
       setLoader(false);
-    } catch {
+    } catch (error) {
       setLoader(false);
       setPlotType(moduleId, plotType);
     }

apps/web/core/components/modules/analytics-sidebar/root.tsx

@@ -16,7 +16,7 @@ import {
 } from "@plane/constants";
 // plane types
 import { useTranslation } from "@plane/i18n";
-import { ILinkDetails, IModule, ModuleLink, TModuleStatus } from "@plane/types";
+import { ILinkDetails, IModule, ModuleLink } from "@plane/types";
 // plane ui
 import { Loader, LayersIcon, CustomSelect, ModuleStatusIcon, TOAST_TYPE, setToast, TextArea } from "@plane/ui";
 // components
@@ -270,7 +270,7 @@ export const ModuleAnalyticsSidebar: React.FC<Props> = observer((props) => {
                     </span>
                   }
                   value={value}
-                  onChange={(value: TModuleStatus) => {
+                  onChange={(value: any) => {
                     submitChanges({ status: value });
                   }}
                   disabled={!isEditingAllowed || isArchived}

apps/web/core/components/onboarding/create-or-join-workspaces.tsx

@@ -27,7 +27,7 @@ type Props = {
 };
 
 export const CreateOrJoinWorkspaces: React.FC<Props> = observer((props) => {
-  const { invitations, totalSteps: _totalSteps, stepChange, finishOnboarding } = props;
+  const { invitations, totalSteps, stepChange, finishOnboarding } = props;
   // states
   const [currentView, setCurrentView] = useState<ECreateOrJoinWorkspaceViews | null>(null);
   // store hooks

apps/web/core/components/onboarding/invite-members.tsx

@@ -262,7 +262,7 @@ const InviteMemberInput: React.FC<InviteMemberFormProps> = observer((props) => {
 });
 
 export const InviteMembers: React.FC<Props> = (props) => {
-  const { finishOnboarding, totalSteps: _totalSteps, workspace } = props;
+  const { finishOnboarding, totalSteps, workspace } = props;
 
   const [isInvitationDisabled, setIsInvitationDisabled] = useState(true);
 

apps/web/core/components/onboarding/steps/team/root.tsx

@@ -21,7 +21,7 @@ import { Listbox } from "@headlessui/react";
 import { ROLE, ROLE_DETAILS, EUserPermissions, MEMBER_TRACKER_EVENTS, MEMBER_TRACKER_ELEMENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 // types
-import { EOnboardingSteps } from "@plane/types";
+import { EOnboardingSteps, IWorkspace } from "@plane/types";
 // ui
 import { Button, Input, Spinner, TOAST_TYPE, setToast } from "@plane/ui";
 // constants
@@ -30,6 +30,7 @@ import { Button, Input, Spinner, TOAST_TYPE, setToast } from "@plane/ui";
 // hooks
 import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
 import { useWorkspace } from "@/hooks/store/use-workspace";
+import { useUser, useUserProfile } from "@/hooks/store/user";
 // services
 import { WorkspaceService } from "@/plane-web/services";
 // components

apps/web/core/components/onboarding/tour/sidebar.tsx

@@ -1,15 +1,15 @@
 "use client";
 
-import { FileText, Layers, type LucideIcon } from "lucide-react";
-// plane imports
-import { ContrastIcon, DiceIcon, type ISvgIcons, LayersIcon } from "@plane/ui";
-// local imports
-import type { TTourSteps } from "./root";
+// icons
+import { FileText, Layers } from "lucide-react";
+import { ContrastIcon, DiceIcon, LayersIcon } from "@plane/ui";
+// types
+import { TTourSteps } from "./root";
 
 const sidebarOptions: {
   key: TTourSteps;
   label: string;
-  Icon: LucideIcon | React.FC<ISvgIcons>;
+  Icon: any;
 }[] = [
   {
     key: "work-items",

apps/web/core/components/pages/editor/page-root.tsx

@@ -27,7 +27,7 @@ import { PageEditorToolbarRoot } from "./toolbar";
 export type TPageRootHandlers = {
   create: (payload: Partial<TPage>) => Promise<Partial<TPage> | undefined>;
   fetchAllVersions: (pageId: string) => Promise<TPageVersion[] | undefined>;
-  fetchDescriptionBinary: () => Promise<ArrayBuffer>;
+  fetchDescriptionBinary: () => Promise<any>;
   fetchVersionDetails: (pageId: string, versionId: string) => Promise<TPageVersion | undefined>;
   getRedirectionLink: (pageId: string) => string;
   updateDescription: (document: TDocumentPayload) => Promise<void>;

apps/web/core/components/pages/modals/page-form.tsx

@@ -77,7 +77,7 @@ export const PageForm: React.FC<Props> = (props) => {
                 </>
               </span>
             }
-            onChange={(val) => {
+            onChange={(val: any) => {
               let logoValue = {};
 
               if (val?.type === "emoji")

apps/web/core/components/profile/activity/profile-activity-list.tsx

@@ -56,7 +56,7 @@ export const ProfileActivityListPage: React.FC<Props> = observer((props) => {
     <>
       {userProfileActivity ? (
         <ul role="list">
-          {userProfileActivity.results.map((activityItem) => {
+          {userProfileActivity.results.map((activityItem: any) => {
             if (activityItem.field === "comment")
               return (
                 <div key={activityItem.id} className="mt-2">
@@ -98,7 +98,7 @@ export const ProfileActivityListPage: React.FC<Props> = observer((props) => {
                           editable={false}
                           id={activityItem.id}
                           initialValue={
-                            (activityItem?.new_value !== "" ? activityItem.new_value : activityItem.old_value) ?? ""
+                            activityItem?.new_value !== "" ? activityItem.new_value : activityItem.old_value
                           }
                           containerClassName="text-xs bg-custom-background-100"
                           workspaceId={activityItem?.workspace_detail?.id?.toString() ?? ""}
@@ -155,7 +155,7 @@ export const ProfileActivityListPage: React.FC<Props> = observer((props) => {
                               <span className="text-gray font-medium">{activityItem.actor_detail.first_name} Bot</span>
                             ) : (
                               <Link
-                                href={`/${activityItem.workspace_detail?.slug}/profile/${activityItem.actor_detail.id}`}
+                                href={`/${activityItem.workspace_detail.slug}/profile/${activityItem.actor_detail.id}`}
                                 className="inline"
                               >
                                 <span className="text-gray font-medium">

apps/web/core/components/workspace/sidebar/favorites/favorites.helpers.ts

@@ -1,4 +1,5 @@
 import { extractInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item";
+import orderBy from "lodash/orderBy";
 import { IFavorite, InstructionType, IPragmaticPayloadLocation, TDropTarget } from "@plane/types";
 
 export type TargetData = {

apps/web/core/components/workspace/sidebar/user-menu-root.tsx

@@ -66,7 +66,7 @@ export const UserMenuRoot = observer((props: Props) => {
 
   return (
     <Menu as="div" className="relative flex-shrink-0">
-      {({ open }: { open: boolean; close: () => void }) => {
+      {({ open, close }: { open: boolean; close: () => void }) => {
         // Update local state directly
         if (isUserMenuOpen !== open) {
           setIsUserMenuOpen(open);

apps/web/core/constants/editor.ts

@@ -17,7 +17,7 @@ import {
   List,
   ListOrdered,
   ListTodo,
-  type LucideIcon,
+  LucideIcon,
   Strikethrough,
   Table,
   TextQuote,
@@ -25,7 +25,7 @@ import {
 } from "lucide-react";
 // plane imports
 import type { TCommandExtraProps, TEditorCommands, TEditorFontStyle } from "@plane/editor";
-import { type ISvgIcons, MonospaceIcon, SansSerifIcon, SerifIcon } from "@plane/ui";
+import { MonospaceIcon, SansSerifIcon, SerifIcon } from "@plane/ui";
 import { convertRemToPixel } from "@plane/utils";
 
 type TEditorTypes = "lite" | "document" | "sticky";
@@ -191,7 +191,7 @@ export const TOOLBAR_ITEMS: {
 export const EDITOR_FONT_STYLES: {
   key: TEditorFontStyle;
   label: string;
-  icon: LucideIcon | React.FC<ISvgIcons>;
+  icon: any;
 }[] = [
   {
     key: "sans-serif",

apps/web/core/hooks/use-group-dragndrop.ts

@@ -90,7 +90,7 @@ export const useGroupIssuesDragNDrop = (
       delete data[moduleKey];
     }
 
-    updateIssue?.(projectId, issueId, data).catch(() => setToast(errorToastProps));
+    updateIssue && updateIssue(projectId, issueId, data).catch(() => setToast(errorToastProps));
   };
 
   const handleOnDrop = async (source: GroupDropLocation, destination: GroupDropLocation) => {

apps/web/core/hooks/use-intersection-observer.ts

@@ -18,7 +18,7 @@ export const useIntersectionObserver = (
       const observer = new IntersectionObserver(
         (entries) => {
           if (entries[entries.length - 1].isIntersecting) {
-            callback?.();
+            callback && callback();
           }
         },
         {

apps/web/core/hooks/use-local-storage.tsx

@@ -1,22 +1,22 @@
 import { useState, useEffect, useCallback } from "react";
 
-export const getValueFromLocalStorage = (key: string, defaultValue: unknown) => {
+export const getValueFromLocalStorage = (key: string, defaultValue: any) => {
   if (typeof window === undefined || typeof window === "undefined") return defaultValue;
   try {
     const item = window.localStorage.getItem(key);
     return item ? JSON.parse(item) : defaultValue;
-  } catch {
+  } catch (error) {
     window.localStorage.removeItem(key);
     return defaultValue;
   }
 };
 
-export const setValueIntoLocalStorage = (key: string, value: unknown) => {
+export const setValueIntoLocalStorage = (key: string, value: any) => {
   if (typeof window === undefined || typeof window === "undefined") return false;
   try {
     window.localStorage.setItem(key, JSON.stringify(value));
     return true;
-  } catch {
+  } catch (error) {
     return false;
   }
 };

apps/web/core/hooks/use-reload-confirmation.tsx

@@ -32,7 +32,7 @@ const useReloadConfirmations = (isActive = true, message?: string, defaultShowAl
       // show confirm dialog
       const isLeaving = confirm(alertMessage);
       if (isLeaving) {
-        onLeave?.();
+        onLeave && onLeave();
       } else {
         event.preventDefault();
         event.stopPropagation();

apps/web/core/local-db/storage.sqlite.ts

@@ -18,7 +18,6 @@ import { runQuery } from "./utils/query-executor";
 import { sanitizeWorkItemQueries } from "./utils/query-sanitizer.ts";
 import { createTables } from "./utils/tables";
 import { clearOPFS, getGroupedIssueResults, getSubGroupedIssueResults, log, logError } from "./utils/utils";
-import type { DBClass } from "./worker/db";
 
 const DB_VERSION = 1.3;
 const PAGE_SIZE = 500;
@@ -71,6 +70,7 @@ export class Storage {
   };
 
   private initializeWorker = async (workspaceSlug: string) => {
+    const { DBClass } = await import("./worker/db");
     const worker = new Worker(new URL("./worker/db.ts", import.meta.url));
     const MyWorker = Comlink.wrap<typeof DBClass>(worker);
 
@@ -367,6 +367,7 @@ export class Storage {
         issueResults = getGroupedIssueResults(issueResults);
       }
     }
+    const groupCount = group_by ? Object.keys(issueResults).length : undefined;
     // const subGroupCount = sub_group_by ? Object.keys(issueResults[Object.keys(issueResults)[0]]).length : undefined;
     const groupingEnd = performance.now();
 

apps/web/core/store/user/settings.store.ts

@@ -98,11 +98,9 @@ export class UserSettingsStore implements IUserSettingsStore {
       } else if (workspaceSlug) {
         await persistence.initialize(workspaceSlug);
         persistence.syncWorkspace();
-        if (projectId) {
-          persistence.syncIssues(projectId);
-        }
+        projectId && persistence.syncIssues(projectId);
       }
-    } catch {
+    } catch (e) {
       console.warn("error while toggling local DB");
       runInAction(() => {
         this.canUseLocalDB = currentLocalDBValue;

packages/services/src/project-publish/core.service.ts

@@ -0,0 +1,30 @@
+import { TProjectPublishSettings } from "@plane/types";
+import { APIService } from "../api.service";
+
+/**
+ * Service class for managing project publish operations within plane core application.
+ * Extends APIService to handle HTTP requests to the project publish-related endpoints.
+ * @extends {APIService}
+ * @remarks This service is only available for plane core
+ */
+export abstract class CoreProjectPublishService extends APIService {
+  constructor(BASE_URL: string) {
+    super(BASE_URL);
+  }
+
+  async retrieve(workspaceSlug: string, projectID: string): Promise<TProjectPublishSettings> {
+    return this.get(`/api/public/workspaces/${workspaceSlug}/projects/${projectID}/anchor/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async retrieveSettings(anchor: string): Promise<TProjectPublishSettings> {
+    return this.get(`/api/public/anchor/${anchor}/settings/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+}

packages/services/src/project-publish/extended.service.ts

@@ -0,0 +1,7 @@
+import { CoreProjectPublishService } from "./core.service";
+
+export abstract class ExtendedProjectPublishService extends CoreProjectPublishService {
+  constructor(baseUrl: string) {
+    super(baseUrl);
+  }
+}

packages/services/src/project-publish/index.ts

@@ -0,0 +1,8 @@
+import { API_BASE_URL } from "@plane/constants";
+import { ExtendedProjectPublishService } from "./extended.service";
+
+export class ProjectPublishService extends ExtendedProjectPublishService {
+  constructor() {
+    super(API_BASE_URL);
+  }
+}

packages/services/src/project-view/core.service.ts

@@ -0,0 +1,72 @@
+import { IProjectView } from "@plane/types";
+import { APIService } from "../api.service";
+
+export class CoreProjectViewService extends APIService {
+  constructor(baseUrl: string) {
+    super(baseUrl);
+  }
+
+  async create(workspaceSlug: string, projectId: string, data: Partial<IProjectView>): Promise<any> {
+    return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/`, data)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async update(workspaceSlug: string, projectId: string, viewId: string, data: Partial<IProjectView>): Promise<any> {
+    return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/${viewId}/`, data)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async destroy(workspaceSlug: string, projectId: string, viewId: string): Promise<any> {
+    return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/${viewId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async list(workspaceSlug: string, projectId: string): Promise<IProjectView[]> {
+    return this.get(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async retrieve(workspaceSlug: string, projectId: string, viewId: string): Promise<IProjectView> {
+    return this.get(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/${viewId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async getWorksItems(workspaceSlug: string, projectId: string, viewId: string): Promise<any> {
+    return this.get(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/${viewId}/issues/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async addToFavorites(workspaceSlug: string, projectId: string, viewId: string): Promise<any> {
+    return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/user-favorite-views/`, { view: viewId })
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async removeFromFavorites(workspaceSlug: string, projectId: string, viewId: string): Promise<any> {
+    return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/user-favorite-views/${viewId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+}

packages/services/src/project-view/extended.service.ts

@@ -0,0 +1,7 @@
+import { CoreProjectViewService } from "./core.service";
+
+export class ExtendedProjectViewService extends CoreProjectViewService {
+  constructor(baseUrl: string) {
+    super(baseUrl);
+  }
+}

packages/services/src/project-view/index.ts

@@ -0,0 +1,8 @@
+import { API_BASE_URL } from "@plane/constants";
+import { ExtendedProjectViewService } from "./extended.service";
+
+export class ProjectViewService extends ExtendedProjectViewService {
+  constructor(baseUrl?: string) {
+    super(baseUrl || API_BASE_URL);
+  }
+}

packages/services/src/project/core.service.ts

@@ -0,0 +1,86 @@
+import { TProject, TProjectAnalyticsCountParams, TProjectAnalyticsCount } from "@plane/types";
+import { APIService } from "../api.service";
+
+export class CoreProjectService extends APIService {
+  constructor(BASE_URL: string) {
+    super(BASE_URL);
+  }
+
+  async create(workspaceSlug: string, data: Partial<TProject>): Promise<TProject> {
+    return this.post(`/api/workspaces/${workspaceSlug}/projects/`, data)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async checkIdentifierAvailability(workspaceSlug: string, identifier: string): Promise<any> {
+    return this.get(`/api/workspaces/${workspaceSlug}/project-identifiers/`, {
+      params: {
+        name: identifier,
+      },
+    })
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  list(workspaceSlug: string): Promise<TProject[]> {
+    return this.get(`/api/workspaces/${workspaceSlug}/projects/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  retrieve(workspaceSlug: string, projectId: string): Promise<TProject> {
+    return this.get(`/api/workspaces/${workspaceSlug}/projects/${projectId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  stats(workspaceSlug: string, params?: TProjectAnalyticsCountParams): Promise<TProjectAnalyticsCount[]> {
+    return this.get(`/api/workspaces/${workspaceSlug}/project-stats/`, {
+      params,
+    })
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  update(workspaceSlug: string, projectId: string, data: Partial<TProject>): Promise<TProject> {
+    return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/`, data)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  destroy(workspaceSlug: string, projectId: string): Promise<any> {
+    return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  addToFavorites(workspaceSlug: string, project: string): Promise<any> {
+    return this.post(`/api/workspaces/${workspaceSlug}/user-favorite-projects/`, { project })
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  removeFromFavorites(workspaceSlug: string, projectId: string): Promise<any> {
+    return this.delete(`/api/workspaces/${workspaceSlug}/user-favorite-projects/${projectId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+}

packages/services/src/project/extended.service.ts

@@ -0,0 +1,7 @@
+import { CoreProjectService } from "./core.service";
+
+export class ExtendedProjectService extends CoreProjectService {
+  constructor(BASE_URL: string) {
+    super(BASE_URL);
+  }
+}

packages/services/src/project/index.ts

@@ -1,2 +1,8 @@
-export * from "./view.service";
-export * from "./sites-publish.service";
+import { API_BASE_URL } from "@plane/constants";
+import { ExtendedProjectService } from "./extended.service";
+
+export class ProjectService extends ExtendedProjectService {
+  constructor() {
+    super(API_BASE_URL);
+  }
+}

packages/services/src/project/sites-publish.service.ts

@@ -1,46 +0,0 @@
-// plane imports
-import { API_BASE_URL } from "@plane/constants";
-import { TProjectPublishSettings } from "@plane/types";
-// api service
-import { APIService } from "../api.service";
-
-/**
- * Service class for managing project publish operations within plane sites application.
- * Extends APIService to handle HTTP requests to the project publish-related endpoints.
- * @extends {APIService}
- * @remarks This service is only available for plane sites
- */
-export class SitesProjectPublishService extends APIService {
-  constructor(BASE_URL?: string) {
-    super(BASE_URL || API_BASE_URL);
-  }
-
-  /**
-   * Retrieves publish settings for a specific anchor.
-   * @param {string} anchor - The anchor identifier
-   * @returns {Promise<TProjectPublishSettings>} The publish settings
-   * @throws {Error} If the API request fails
-   */
-  async retrieveSettingsByAnchor(anchor: string): Promise<TProjectPublishSettings> {
-    return this.get(`/api/public/anchor/${anchor}/settings/`)
-      .then((response) => response?.data)
-      .catch((error) => {
-        throw error?.response;
-      });
-  }
-
-  /**
-   * Retrieves publish settings for a specific project.
-   * @param {string} workspaceSlug - The workspace slug
-   * @param {string} projectID - The project identifier
-   * @returns {Promise<TProjectPublishSettings>} The publish settings
-   * @throws {Error} If the API request fails
-   */
-  async retrieveSettingsByProjectId(workspaceSlug: string, projectID: string): Promise<TProjectPublishSettings> {
-    return this.get(`/api/public/workspaces/${workspaceSlug}/projects/${projectID}/anchor/`)
-      .then((response) => response?.data)
-      .catch((error) => {
-        throw error?.response;
-      });
-  }
-}

packages/services/src/project/view.service.ts

@@ -1,14 +0,0 @@
-// plane imports
-import { API_BASE_URL } from "@plane/constants";
-// api services
-import { APIService } from "../api.service";
-
-export class ProjectViewService extends APIService {
-  /**
-   * Creates an instance of ProjectViewService
-   * @param {string} baseUrl - The base URL for API requests
-   */
-  constructor(BASE_URL?: string) {
-    super(BASE_URL || API_BASE_URL);
-  }
-}

packages/services/src/state/core.service.ts

@@ -0,0 +1,56 @@
+import { IState } from "@plane/types";
+import { APIService } from "../api.service";
+
+export class CoreStateService extends APIService {
+  constructor(baseUrl: string) {
+    super(baseUrl);
+  }
+
+  async anchorStates(anchor: string): Promise<IState[]> {
+    return this.get(`/api/public/anchor/${anchor}/states/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async list(workspaceSlug: string, projectId: string): Promise<IState[]> {
+    return this.get(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async retrieve(workspaceSlug: string, projectId: string, stateId: string): Promise<IState> {
+    return this.get(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/${stateId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async create(workspaceSlug: string, projectId: string, data: Partial<IState>): Promise<IState> {
+    return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/`, data)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async update(workspaceSlug: string, projectId: string, stateId: string, data: Partial<IState>): Promise<IState> {
+    return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/${stateId}/`, data)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async destroy(workspaceSlug: string, projectId: string, stateId: string): Promise<IState> {
+    return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/${stateId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+}

packages/services/src/state/extended.service.ts

@@ -0,0 +1,7 @@
+import { CoreStateService } from "./core.service";
+
+export class ExtendedStateService extends CoreStateService {
+  constructor(baseUrl: string) {
+    super(baseUrl);
+  }
+}

packages/services/src/state/index.ts

@@ -1 +1,8 @@
-export * from "./sites-state.service";
+import { API_BASE_URL } from "@plane/constants";
+import { ExtendedStateService } from "./extended.service";
+
+export class StateService extends ExtendedStateService {
+  constructor() {
+    super(API_BASE_URL);
+  }
+}

packages/services/src/state/sites-state.service.ts

@@ -1,31 +0,0 @@
-// plane imports
-import { API_BASE_URL } from "@plane/constants";
-import { IState } from "@plane/types";
-// api service
-import { APIService } from "../api.service";
-
-/**
- * Service class for managing states within plane sites application.
- * Extends APIService to handle HTTP requests to the state-related endpoints.
- * @extends {APIService}
- * @remarks This service is only available for plane sites
- */
-export class SitesStateService extends APIService {
-  constructor(BASE_URL?: string) {
-    super(BASE_URL || API_BASE_URL);
-  }
-
-  /**
-   * Retrieves a list of states for a specific anchor.
-   * @param {string} anchor - The anchor identifier
-   * @returns {Promise<IState[]>} The list of states
-   * @throws {Error} If the API request fails
-   */
-  async list(anchor: string): Promise<IState[]> {
-    return this.get(`/api/public/anchor/${anchor}/states/`)
-      .then((response) => response?.data)
-      .catch((error) => {
-        throw error?.response?.data;
-      });
-  }
-}