-
-
-
-
- {children}
-
-
-
+
+
+
+
+
+
+ {children}
+
+
{children}
+
+
) : (
{t("you_do_not_have_the_permission_to_access_this_page")}
@@ -93,6 +89,6 @@ const UseProfileLayout: React.FC = observer((props) => {
);
-});
+}
-export default UseProfileLayout;
+export default observer(UseProfileLayout);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/page.tsx
index a7b8aad77..b63ce1aff 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/page.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/page.tsx
@@ -1,6 +1,5 @@
"use client";
-import { useParams } from "next/navigation";
import useSWR from "swr";
// plane imports
import { GROUP_CHOICES } from "@plane/constants";
@@ -18,15 +17,15 @@ import { ProfileWorkload } from "@/components/profile/overview/workload";
import { USER_PROFILE_DATA } from "@/constants/fetch-keys";
// services
import { UserService } from "@/services/user.service";
+import type { Route } from "./+types/page";
const userService = new UserService();
-export default function ProfileOverviewPage() {
- const { workspaceSlug, userId } = useParams();
+export default function ProfileOverviewPage({ params }: Route.ComponentProps) {
+ const { workspaceSlug, userId } = params;
const { t } = useTranslation();
- const { data: userProfile } = useSWR(
- workspaceSlug && userId ? USER_PROFILE_DATA(workspaceSlug.toString(), userId.toString()) : null,
- workspaceSlug && userId ? () => userService.getUserProfileData(workspaceSlug.toString(), userId.toString()) : null
+ const { data: userProfile } = useSWR(USER_PROFILE_DATA(workspaceSlug, userId), () =>
+ userService.getUserProfileData(workspaceSlug, userId)
);
const stateDistribution: IUserStateDistribution[] = Object.keys(GROUP_CHOICES).map((key) => {
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/cycles/layout.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/cycles/layout.tsx
index c46c53173..7732b8504 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/cycles/layout.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/cycles/layout.tsx
@@ -1,15 +1,18 @@
"use client";
+import { Outlet } from "react-router";
// components
import { AppHeader } from "@/components/core/app-header";
import { ContentWrapper } from "@/components/core/content-wrapper";
import { ProjectArchivesHeader } from "../header";
-export default function ProjectArchiveCyclesLayout({ children }: { children: React.ReactNode }) {
+export default function ProjectArchiveCyclesLayout() {
return (
<>
- {workspaceSlug && projectId && archivedIssueId && (
-
{
>
)}
@@ -89,6 +88,6 @@ const CycleDetailPage = observer(() => {
)}
);
-});
+}
-export default CycleDetailPage;
+export default observer(CycleDetailPage);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/layout.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/layout.tsx
index 40872f0b4..52b4d42e4 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/layout.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/layout.tsx
@@ -1,16 +1,19 @@
"use client";
+import { Outlet } from "react-router";
// components
import { AppHeader } from "@/components/core/app-header";
import { ContentWrapper } from "@/components/core/content-wrapper";
import { CycleIssuesHeader } from "./header";
import { CycleIssuesMobileHeader } from "./mobile-header";
-export default function ProjectCycleIssuesLayout({ children }: { children: React.ReactNode }) {
+export default function ProjectCycleIssuesLayout() {
return (
<>
- {error ? (
+ if (loaderData.error) {
+ return (
+
router.push(`/${workspaceSlug}/workspace-views/all-issues/`),
+ onClick: () => router.push(`/${loaderData.workspaceSlug}/workspace-views/all-issues/`),
}}
/>
- ) : isLoading ? (
- <>
-
+ );
+ }
+
+ return (
+ {children}
+
+
);
}
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/page.tsx
index 63162e102..17955c562 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/page.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/page.tsx
@@ -1,8 +1,6 @@
"use client";
import { observer } from "mobx-react";
-import Head from "next/head";
-import { useParams } from "next/navigation";
// i18n
import { useTranslation } from "@plane/i18n";
// components
@@ -10,35 +8,27 @@ import { PageHead } from "@/components/core/page-title";
import { ProjectLayoutRoot } from "@/components/issues/issue-layouts/roots/project-layout-root";
// hooks
import { useProject } from "@/hooks/store/use-project";
+import type { Route } from "./+types/page";
-const ProjectIssuesPage = observer(() => {
- const { projectId } = useParams();
+function ProjectIssuesPage({ params }: Route.ComponentProps) {
+ const { projectId } = params;
// i18n
const { t } = useTranslation();
// store
const { getProjectById } = useProject();
- if (!projectId) {
- return <>;
- }
-
// derived values
- const project = getProjectById(projectId.toString());
+ const project = getProjectById(projectId);
const pageTitle = project?.name ? `${project?.name} - ${t("issue.label", { count: 2 })}` : undefined; // Count is for pluralization
return (
<>
- {project?.name} - {t("issue.label", { count: 2 })}
-
-
)}
);
-});
+}
-export default ModuleIssuesPage;
+export default observer(ModuleIssuesPage);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/layout.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/layout.tsx
index e976c7353..4e8e0e60b 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/layout.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/layout.tsx
@@ -1,16 +1,19 @@
"use client";
+import { Outlet } from "react-router";
// components
import { AppHeader } from "@/components/core/app-header";
import { ContentWrapper } from "@/components/core/content-wrapper";
import { ModuleIssuesHeader } from "./header";
import { ModuleIssuesMobileHeader } from "./mobile-header";
-export default function ProjectModuleIssuesLayout({ children }: { children: React.ReactNode }) {
+export default function ProjectModuleIssuesLayout() {
return (
<>
+
);
-});
-
-export default IssueDetailsPage;
+}
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/layout.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/layout.tsx
index c2df9c4e5..ffaf086c0 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/layout.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/layout.tsx
@@ -1,16 +1,19 @@
"use client";
// components
+import { Outlet } from "react-router";
import { AppHeader } from "@/components/core/app-header";
import { ContentWrapper } from "@/components/core/content-wrapper";
import { ProjectIssuesHeader } from "./header";
import { ProjectIssuesMobileHeader } from "./mobile-header";
-export default function ProjectIssuesLayout({ children }: { children: React.ReactNode }) {
+export default function ProjectIssuesLayout() {
return (
<>
{
"0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 2px 4px 0px rgba(16, 24, 40, 0.06), 0px 1px 8px -1px rgba(16, 24, 40, 0.06)",
}}
>
-
)}
- {(calculateTotalFilters(currentProjectFilters ?? {}) !== 0 || currentProjectDisplayFilters?.favorites) && (
+ {(calculateTotalFilters(currentProjectFilters) !== 0 || currentProjectDisplayFilters?.favorites) && (
clearAllFilters(`${projectId}`)}
+ handleClearAllFilters={() => clearAllFilters(projectId)}
handleRemoveFilter={handleRemoveFilter}
- handleDisplayFiltersUpdate={(val) => {
- if (!projectId) return;
- updateDisplayFilters(projectId.toString(), val);
- }}
+ handleDisplayFiltersUpdate={(val) => updateDisplayFilters(projectId, val)}
alwaysAllowEditing
/>
)}
@@ -93,6 +96,6 @@ const ProjectModulesPage = observer(() => {
);
-});
+}
-export default ProjectModulesPage;
+export default observer(ProjectModulesPage);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx
index 4c15f2b22..6fdd3a1c4 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx
@@ -3,7 +3,6 @@
import { useCallback, useEffect, useMemo } from "react";
import { observer } from "mobx-react";
import Link from "next/link";
-import { useParams } from "next/navigation";
import useSWR from "swr";
// plane types
import { getButtonStyling } from "@plane/propel/button";
@@ -29,33 +28,34 @@ import { EPageStoreType, usePage, usePageStore } from "@/plane-web/hooks/store";
import { WorkspaceService } from "@/plane-web/services";
// services
import { ProjectPageService, ProjectPageVersionService } from "@/services/page";
+import type { Route } from "./+types/page";
const workspaceService = new WorkspaceService();
const projectPageService = new ProjectPageService();
const projectPageVersionService = new ProjectPageVersionService();
const storeType = EPageStoreType.PROJECT;
-const PageDetailsPage = observer(() => {
+function PageDetailsPage({ params }: Route.ComponentProps) {
// router
const router = useAppRouter();
- const { workspaceSlug, projectId, pageId } = useParams();
+ const { workspaceSlug, projectId, pageId } = params;
// store hooks
const { createPage, fetchPageDetails } = usePageStore(storeType);
const page = usePage({
- pageId: pageId?.toString() ?? "",
+ pageId,
storeType,
});
const { getWorkspaceBySlug } = useWorkspace();
const { uploadEditorAsset } = useEditorAsset();
// derived values
- const workspaceId = workspaceSlug ? (getWorkspaceBySlug(workspaceSlug.toString())?.id ?? "") : "";
+ const workspaceId = workspaceSlug ? (getWorkspaceBySlug(workspaceSlug)?.id ?? "") : "";
const { canCurrentUserAccessPage, id, name, updateDescription } = page ?? {};
// entity search handler
const fetchEntityCallback = useCallback(
async (payload: TSearchEntityRequestPayload) =>
- await workspaceService.searchEntity(workspaceSlug?.toString() ?? "", {
+ await workspaceService.searchEntity(workspaceSlug, {
...payload,
- project_id: projectId?.toString() ?? "",
+ project_id: projectId,
}),
[projectId, workspaceSlug]
);
@@ -63,10 +63,8 @@ const PageDetailsPage = observer(() => {
const { getEditorFileHandlers } = useEditorConfig();
// fetch page details
const { error: pageDetailsError } = useSWR(
- workspaceSlug && projectId && pageId ? `PAGE_DETAILS_${pageId}` : null,
- workspaceSlug && projectId && pageId
- ? () => fetchPageDetails(workspaceSlug?.toString(), projectId?.toString(), pageId.toString())
- : null,
+ `PAGE_DETAILS_${pageId}`,
+ () => fetchPageDetails(workspaceSlug, projectId, pageId),
{
revalidateIfStale: true,
revalidateOnFocus: true,
@@ -77,33 +75,17 @@ const PageDetailsPage = observer(() => {
const pageRootHandlers: TPageRootHandlers = useMemo(
() => ({
create: createPage,
- fetchAllVersions: async (pageId) => {
- if (!workspaceSlug || !projectId) return;
- return await projectPageVersionService.fetchAllVersions(workspaceSlug.toString(), projectId.toString(), pageId);
- },
+ fetchAllVersions: async (pageId) =>
+ await projectPageVersionService.fetchAllVersions(workspaceSlug, projectId, pageId),
fetchDescriptionBinary: async () => {
- if (!workspaceSlug || !projectId || !id) return;
- return await projectPageService.fetchDescriptionBinary(workspaceSlug.toString(), projectId.toString(), id);
+ if (!id) return;
+ return await projectPageService.fetchDescriptionBinary(workspaceSlug, projectId, id);
},
fetchEntity: fetchEntityCallback,
- fetchVersionDetails: async (pageId, versionId) => {
- if (!workspaceSlug || !projectId) return;
- return await projectPageVersionService.fetchVersionById(
- workspaceSlug.toString(),
- projectId.toString(),
- pageId,
- versionId
- );
- },
- restoreVersion: async (pageId, versionId) => {
- if (!workspaceSlug || !projectId) return;
- await projectPageVersionService.restoreVersion(
- workspaceSlug.toString(),
- projectId.toString(),
- pageId,
- versionId
- );
- },
+ fetchVersionDetails: async (pageId, versionId) =>
+ await projectPageVersionService.fetchVersionById(workspaceSlug, projectId, pageId, versionId),
+ restoreVersion: async (pageId, versionId) =>
+ await projectPageVersionService.restoreVersion(workspaceSlug, projectId, pageId, versionId),
getRedirectionLink: (pageId) => {
if (pageId) {
return `/${workspaceSlug}/projects/${projectId}/pages/${pageId}`;
@@ -119,7 +101,7 @@ const PageDetailsPage = observer(() => {
const pageRootConfig: TPageRootConfig = useMemo(
() => ({
fileHandler: getEditorFileHandlers({
- projectId: projectId?.toString() ?? "",
+ projectId,
uploadFile: async (blockId, file) => {
const { asset_id } = await uploadEditorAsset({
blockId,
@@ -128,13 +110,13 @@ const PageDetailsPage = observer(() => {
entity_type: EFileAssetType.PAGE_DESCRIPTION,
},
file,
- projectId: projectId?.toString() ?? "",
- workspaceSlug: workspaceSlug?.toString() ?? "",
+ projectId,
+ workspaceSlug,
});
return asset_id;
},
workspaceId,
- workspaceSlug: workspaceSlug?.toString() ?? "",
+ workspaceSlug,
}),
}),
[getEditorFileHandlers, id, uploadEditorAsset, projectId, workspaceId, workspaceSlug]
@@ -143,8 +125,8 @@ const PageDetailsPage = observer(() => {
const webhookConnectionParams: TWebhookConnectionQueryParams = useMemo(
() => ({
documentType: "project_page",
- projectId: projectId?.toString() ?? "",
- workspaceSlug: workspaceSlug?.toString() ?? "",
+ projectId,
+ workspaceSlug,
}),
[projectId, workspaceSlug]
);
@@ -178,7 +160,7 @@ const PageDetailsPage = observer(() => {
);
- if (!page || !workspaceSlug || !projectId) return null;
+ if (!page) return null;
return (
<>
@@ -191,14 +173,14 @@ const PageDetailsPage = observer(() => {
storeType={storeType}
page={page}
webhookConnectionParams={webhookConnectionParams}
- workspaceSlug={workspaceSlug.toString()}
- projectId={projectId?.toString()}
+ workspaceSlug={workspaceSlug}
+ projectId={projectId}
/>
{children}
+
+
{
- {children}
+
+
-
);
-});
+}
-export default WebhooksListPage;
+export default observer(WebhooksListPage);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/activity/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/activity/page.tsx
index 799c29e17..e76dcb1aa 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/activity/page.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/activity/page.tsx
@@ -2,29 +2,34 @@
import { useState } from "react";
import { observer } from "mobx-react";
+import { useTheme } from "next-themes";
import { useTranslation } from "@plane/i18n";
// ui
import { Button } from "@plane/propel/button";
+// assets
+import darkActivityAsset from "@/app/assets/empty-state/profile/activity-dark.webp?url";
+import lightActivityAsset from "@/app/assets/empty-state/profile/activity-light.webp?url";
// components
import { PageHead } from "@/components/core/page-title";
import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root";
import { ProfileActivityListPage } from "@/components/profile/activity/profile-activity-list";
// hooks
import { SettingsHeading } from "@/components/settings/heading";
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
const PER_PAGE = 100;
-const ProfileActivityPage = observer(() => {
+function ProfileActivityPage() {
// states
const [pageCount, setPageCount] = useState(1);
const [totalPages, setTotalPages] = useState(0);
const [resultsCount, setResultsCount] = useState(0);
const [isEmpty, setIsEmpty] = useState(false);
+ // theme hook
+ const { resolvedTheme } = useTheme();
// plane hooks
const { t } = useTranslation();
// derived values
- const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/profile/activity" });
+ const resolvedPath = resolvedTheme === "light" ? lightActivityAsset : darkActivityAsset;
const updateTotalPages = (count: number) => setTotalPages(count);
@@ -84,6 +89,6 @@ const ProfileActivityPage = observer(() => {
)}
);
-});
+}
-export default ProfileActivityPage;
+export default observer(ProfileActivityPage);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/api-tokens/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/api-tokens/page.tsx
index 5e9c17a17..7b0663da9 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/api-tokens/page.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/api-tokens/page.tsx
@@ -21,7 +21,7 @@ import { useWorkspace } from "@/hooks/store/use-workspace";
const apiTokenService = new APITokenService();
-const ApiTokensPage = observer(() => {
+function ApiTokensPage() {
// states
const [isCreateTokenModalOpen, setIsCreateTokenModalOpen] = useState(false);
// router
@@ -106,6 +106,6 @@ const ApiTokensPage = observer(() => {
);
-});
+}
-export default ApiTokensPage;
+export default observer(ApiTokensPage);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/layout.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/layout.tsx
index 61f227f46..0678b884a 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/layout.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/layout.tsx
@@ -1,8 +1,8 @@
"use client";
-import type { ReactNode } from "react";
import { observer } from "mobx-react";
import { usePathname } from "next/navigation";
+import { Outlet } from "react-router";
// components
import { SettingsContentWrapper } from "@/components/settings/content-wrapper";
import { getProfileActivePath } from "@/components/settings/helper";
@@ -10,12 +10,7 @@ import { SettingsMobileNav } from "@/components/settings/mobile";
// local imports
import { ProfileSidebar } from "./sidebar";
-type Props = {
- children: ReactNode;
-};
-
-const ProfileSettingsLayout = observer((props: Props) => {
- const { children } = props;
+function ProfileSettingsLayout() {
// router
const pathname = usePathname();
@@ -27,11 +22,13 @@ const ProfileSettingsLayout = observer((props: Props) => {
- await handleUpdateWebhook(data)} data={currentWebhook} />
+ setDeleteWebhookModal(true)} />}
);
-});
+}
-export default WebhookDetailsPage;
+export default observer(WebhookDetailsPage);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/page.tsx
index bfcfbd444..eff5ce4d4 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/page.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/page.tsx
@@ -1,8 +1,7 @@
"use client";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
import { observer } from "mobx-react";
-import { useParams } from "next/navigation";
import useSWR from "swr";
// plane imports
import { EUserPermissions, EUserPermissionsLevel, WORKSPACE_SETTINGS_TRACKER_ELEMENTS } from "@plane/constants";
@@ -20,12 +19,13 @@ import { captureClick } from "@/helpers/event-tracker.helper";
import { useWebhook } from "@/hooks/store/use-webhook";
import { useWorkspace } from "@/hooks/store/use-workspace";
import { useUserPermissions } from "@/hooks/store/user";
+import type { Route } from "./+types/page";
-const WebhooksListPage = observer(() => {
+function WebhooksListPage({ params }: Route.ComponentProps) {
// states
const [showCreateWebhookModal, setShowCreateWebhookModal] = useState(false);
// router
- const { workspaceSlug } = useParams();
+ const { workspaceSlug } = params;
// plane hooks
const { t } = useTranslation();
// mobx store
@@ -36,8 +36,8 @@ const WebhooksListPage = observer(() => {
const canPerformWorkspaceAdminActions = allowPermissions([EUserPermissions.ADMIN], EUserPermissionsLevel.WORKSPACE);
useSWR(
- workspaceSlug && canPerformWorkspaceAdminActions ? `WEBHOOKS_LIST_${workspaceSlug}` : null,
- workspaceSlug && canPerformWorkspaceAdminActions ? () => fetchWebhooks(workspaceSlug.toString()) : null
+ canPerformWorkspaceAdminActions ? `WEBHOOKS_LIST_${workspaceSlug}` : null,
+ canPerformWorkspaceAdminActions ? () => fetchWebhooks(workspaceSlug) : null
);
const pageTitle = currentWorkspace?.name
@@ -112,6 +112,6 @@ const WebhooksListPage = observer(() => {
+
{currentWebhook &&
- {children}
+
+
);
-});
+}
-export default ProfileSettingsLayout;
+export default observer(ProfileSettingsLayout);
diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/page.tsx
index 238119334..0fef26e1a 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/page.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/page.tsx
@@ -9,7 +9,7 @@ import { ProfileForm } from "@/components/profile/form";
// hooks
import { useUser } from "@/hooks/store/user";
-const ProfileSettingsPage = observer(() => {
+function ProfileSettingsPage() {
const { t } = useTranslation();
// store hooks
const { data: currentUser, userProfile } = useUser();
@@ -27,6 +27,6 @@ const ProfileSettingsPage = observer(() => {
-
- {currentProjectDetails && workspaceSlug && projectId && !isLoading ? (
+ {currentProjectDetails && !isLoading ? (
{projectId &&
- {children}
+
+
-
-
+
+ {children}
+
+
+
+ {onReload && (
+
+ )}
+
+);
+
+interface DevErrorComponentProps {
+ error: unknown;
+ onGoHome: () => void;
+ onReload: () => void;
+}
+
+export const DevErrorComponent: React.FC
+
+ );
+ }
+
+ if (error instanceof Error) {
+ return (
+
+
+
+
+
+
+
+
+
+ + {error.status} {error.statusText} +
+ +
+
+
+ Error Data
+
+
+ {error.data}
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ Error
+ +
+
+
+ {error.stack && (
+ Message
+
+
+ {error.message}
+
+
+ )}
+
+ Stack Trace
+
+
+
+ {error.stack}
+
+
+
+
+
+ Development Mode
++ This detailed error view is only visible in development. In production, users will see a friendly + error page. +
+
+
+ );
+};
diff --git a/apps/web/app/error/index.tsx b/apps/web/app/error/index.tsx
new file mode 100644
index 000000000..b577f866b
--- /dev/null
+++ b/apps/web/app/error/index.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+// hooks
+import { useAppRouter } from "@/hooks/use-app-router";
+// layouts
+import { DevErrorComponent } from "./dev";
+import { ProdErrorComponent } from "./prod";
+
+export const CustomErrorComponent: React.FC<{ error: unknown }> = ({ error }) => {
+ // router
+ const router = useAppRouter();
+
+ const handleGoHome = () => router.push("/");
+ const handleReload = () => window.location.reload();
+
+ if (import.meta.env.DEV) {
+ return
+
+
+
+
+
+
+
+
+ Unknown Error
+ +
+
+
+ + An unknown error occurred. Please try refreshing the page or contact support if the problem persists. +
+
-
);
-}
+};
diff --git a/apps/web/app/global-error.tsx b/apps/web/app/global-error.tsx
deleted file mode 100644
index b0b191e41..000000000
--- a/apps/web/app/global-error.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import NextError from "next/error";
-
-export default function GlobalError() {
- return (
-
-
- {/* `NextError` is the default Next.js error page component. Its type
- definition requires a `statusCode` prop. However, since the App Router
- does not expose status codes for errors, we simply pass 0 to render a
- generic error message. */}
-
-
@@ -83,4 +86,4 @@ export default function CustomErrorComponent() {
-
Oops! Something went wrong.
diff --git a/apps/web/app/provider.tsx b/apps/web/app/provider.tsx index a83c75f9b..125f50216 100644 --- a/apps/web/app/provider.tsx +++ b/apps/web/app/provider.tsx @@ -1,26 +1,27 @@ "use client"; import type { FC, ReactNode } from "react"; -import { AppProgressProvider as ProgressProvider } from "@bprogress/next"; -import dynamic from "next/dynamic"; +import { lazy, Suspense } from "react"; import { useTheme, ThemeProvider } from "next-themes"; import { SWRConfig } from "swr"; // Plane Imports import { WEB_SWR_CONFIG } from "@plane/constants"; import { TranslationProvider } from "@plane/i18n"; import { Toast } from "@plane/propel/toast"; -//helpers +// helpers import { resolveGeneralTheme } from "@plane/utils"; // polyfills import "@/lib/polyfills"; +// progress bar +import { AppProgressBar } from "@/lib/b-progress"; // mobx store provider import { StoreProvider } from "@/lib/store-context"; // wrappers import { InstanceWrapper } from "@/lib/wrappers/instance-wrapper"; -// dynamic imports -const StoreWrapper = dynamic(() => import("@/lib/wrappers/store-wrapper"), { ssr: false }); -const PostHogProvider = dynamic(() => import("@/lib/posthog-provider"), { ssr: false }); -const IntercomProvider = dynamic(() => import("@/lib/intercom-provider"), { ssr: false }); +// lazy imports +const StoreWrapper = lazy(() => import("@/lib/wrappers/store-wrapper")); +const PostHogProvider = lazy(() => import("@/lib/posthog-provider")); +const IntercomProvider = lazy(() => import("@/lib/intercom-provider")); export interface IAppProvider { children: ReactNode; @@ -35,30 +36,24 @@ export const AppProvider: FC
+ {children}
+
+
-
+const RadarChart = lazy(() =>
import("@plane/propel/charts/radar-chart").then((mod) => ({
default: mod.RadarChart,
}))
@@ -63,29 +63,31 @@ const ProjectInsights = observer(() => {
) : (
{projectInsightsData && (
- = observer((props) => {
const [query, setQuery] = useState("");
const [issues, setIssues] = useState([]);
const [isSearching, setIsSearching] = useState(false);
+ // theme hook
+ const { resolvedTheme } = useTheme();
// hooks
const {
issues: { removeBulkIssues },
@@ -52,8 +59,8 @@ export const BulkDeleteIssuesModal: React.FC = observer((props) => {
const { t } = useTranslation();
// derived values
const debouncedSearchTerm: string = useDebounce(query, 500);
- const searchResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/search/search" });
- const issuesResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/search/issues" });
+ const searchResolvedPath = resolvedTheme === "light" ? lightSearchAsset : darkSearchAsset;
+ const issuesResolvedPath = resolvedTheme === "light" ? lightIssuesAsset : darkIssuesAsset;
useEffect(() => {
if (!isOpen || !workspaceSlug || !projectId) return;
diff --git a/apps/web/core/components/core/modals/issue-search-modal-empty-state.tsx b/apps/web/core/components/core/modals/issue-search-modal-empty-state.tsx
index 1d5428d09..ede002b53 100644
--- a/apps/web/core/components/core/modals/issue-search-modal-empty-state.tsx
+++ b/apps/web/core/components/core/modals/issue-search-modal-empty-state.tsx
@@ -1,10 +1,15 @@
import React from "react";
+import { useTheme } from "next-themes";
// plane imports
import { useTranslation } from "@plane/i18n";
import type { ISearchIssueResponse } from "@plane/types";
+// assets
+import darkIssuesAsset from "@/app/assets/empty-state/search/issues-dark.webp?url";
+import lightIssuesAsset from "@/app/assets/empty-state/search/issues-light.webp?url";
+import darkSearchAsset from "@/app/assets/empty-state/search/search-dark.webp?url";
+import lightSearchAsset from "@/app/assets/empty-state/search/search-light.webp?url";
// components
import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
interface EmptyStateProps {
issues: ISearchIssueResponse[];
@@ -19,11 +24,13 @@ export const IssueSearchModalEmptyState: React.FC = ({
debouncedSearchTerm,
isSearching,
}) => {
+ // theme hook
+ const { resolvedTheme } = useTheme();
// plane hooks
const { t } = useTranslation();
// derived values
- const searchResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/search/search" });
- const issuesResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/search/issues" });
+ const searchResolvedPath = resolvedTheme === "light" ? lightSearchAsset : darkSearchAsset;
+ const issuesResolvedPath = resolvedTheme === "light" ? lightIssuesAsset : darkIssuesAsset;
const EmptyStateContainer = ({ children }: { children: React.ReactNode }) => (
diff --git a/apps/web/core/components/core/sidebar/progress-stats/label.tsx b/apps/web/core/components/core/sidebar/progress-stats/label.tsx
index 3897ec13e..df510a73f 100644
--- a/apps/web/core/components/core/sidebar/progress-stats/label.tsx
+++ b/apps/web/core/components/core/sidebar/progress-stats/label.tsx
@@ -2,10 +2,10 @@ import { observer } from "mobx-react";
import Image from "next/image";
// plane imports
import { useTranslation } from "@plane/i18n";
+// assets
+import emptyLabel from "@/app/assets/empty-state/empty_label.svg?url";
// components
import { SingleProgressStats } from "@/components/core/sidebar/single-progress-stats";
-// public
-import emptyLabel from "@/public/empty-state/empty_label.svg";
export type TLabelData = {
id: string | undefined;
diff --git a/apps/web/core/components/cycles/active-cycle/cycle-stats.tsx b/apps/web/core/components/cycles/active-cycle/cycle-stats.tsx
index 8bdd0ad6c..4f6ffe725 100644
--- a/apps/web/core/components/cycles/active-cycle/cycle-stats.tsx
+++ b/apps/web/core/components/cycles/active-cycle/cycle-stats.tsx
@@ -4,6 +4,7 @@ import type { FC } from "react";
import { Fragment, useCallback, useRef, useState } from "react";
import { isEmpty } from "lodash-es";
import { observer } from "mobx-react";
+import { useTheme } from "next-themes";
import { CalendarCheck } from "lucide-react";
// headless ui
import { Tab } from "@headlessui/react";
@@ -17,18 +18,24 @@ import { EIssuesStoreType } from "@plane/types";
// ui
import { Loader, Avatar } from "@plane/ui";
import { cn, renderFormattedDate, renderFormattedDateWithoutYear, getFileURL } from "@plane/utils";
+// assets
+import darkAssigneeAsset from "@/app/assets/empty-state/active-cycle/assignee-dark.webp?url";
+import lightAssigneeAsset from "@/app/assets/empty-state/active-cycle/assignee-light.webp?url";
+import darkLabelAsset from "@/app/assets/empty-state/active-cycle/label-dark.webp?url";
+import lightLabelAsset from "@/app/assets/empty-state/active-cycle/label-light.webp?url";
+import darkPriorityAsset from "@/app/assets/empty-state/active-cycle/priority-dark.webp?url";
+import lightPriorityAsset from "@/app/assets/empty-state/active-cycle/priority-light.webp?url";
+import userImage from "@/app/assets/user.png?url";
// components
import { SingleProgressStats } from "@/components/core/sidebar/single-progress-stats";
import { StateDropdown } from "@/components/dropdowns/state/dropdown";
import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
-// helpers
// hooks
import { useIssueDetail } from "@/hooks/store/use-issue-detail";
import { useIssues } from "@/hooks/store/use-issues";
import { useIntersectionObserver } from "@/hooks/use-intersection-observer";
import useLocalStorage from "@/hooks/use-local-storage";
// plane web components
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
import { IssueIdentifier } from "@/plane-web/components/issues/issue-details/issue-identifier";
// store
import type { ActiveCycleIssueDetails } from "@/store/issue/cycle";
@@ -50,12 +57,14 @@ export const ActiveCycleStats: FC = observer((props) => {
const issuesContainerRef = useRef(null);
// states
const [issuesLoaderElement, setIssueLoaderElement] = useState(null);
+ // theme hook
+ const { resolvedTheme } = useTheme();
// plane hooks
const { t } = useTranslation();
// derived values
- const priorityResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/active-cycle/priority" });
- const assigneesResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/active-cycle/assignee" });
- const labelsResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/active-cycle/label" });
+ const priorityResolvedPath = resolvedTheme === "light" ? lightPriorityAsset : darkPriorityAsset;
+ const assigneesResolvedPath = resolvedTheme === "light" ? lightAssigneeAsset : darkAssigneeAsset;
+ const labelsResolvedPath = resolvedTheme === "light" ? lightLabelAsset : darkLabelAsset;
const currentValue = (tab: string | null) => {
switch (tab) {
@@ -294,7 +303,7 @@ export const ActiveCycleStats: FC = observer((props) => {
title={
diff --git a/apps/web/core/components/cycles/active-cycle/productivity.tsx b/apps/web/core/components/cycles/active-cycle/productivity.tsx
index d7677cbf8..5663ff9e6 100644
--- a/apps/web/core/components/cycles/active-cycle/productivity.tsx
+++ b/apps/web/core/components/cycles/active-cycle/productivity.tsx
@@ -2,17 +2,19 @@ import type { FC } from "react";
import { Fragment } from "react";
import { observer } from "mobx-react";
import Link from "next/link";
+import { useTheme } from "next-themes";
// plane imports
import { useTranslation } from "@plane/i18n";
import type { ICycle, TCycleEstimateType } from "@plane/types";
import { Loader } from "@plane/ui";
+// assets
+import darkChartAsset from "@/app/assets/empty-state/active-cycle/chart-dark.webp?url";
+import lightChartAsset from "@/app/assets/empty-state/active-cycle/chart-light.webp?url";
// components
import ProgressChart from "@/components/core/sidebar/progress-chart";
import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
-// constants
+// hooks
import { useCycle } from "@/hooks/store/use-cycle";
-// plane web constants
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
import { EstimateTypeDropdown } from "../dropdowns/estimate-type-dropdown";
export type ActiveCycleProductivityProps = {
@@ -23,13 +25,15 @@ export type ActiveCycleProductivityProps = {
export const ActiveCycleProductivity: FC = observer((props) => {
const { workspaceSlug, projectId, cycle } = props;
+ // theme hook
+ const { resolvedTheme } = useTheme();
// plane hooks
const { t } = useTranslation();
// hooks
const { getEstimateTypeByCycleId, setEstimateType } = useCycle();
// derived values
const estimateType: TCycleEstimateType = (cycle && getEstimateTypeByCycleId(cycle.id)) || "issues";
- const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/active-cycle/chart" });
+ const resolvedPath = resolvedTheme === "light" ? lightChartAsset : darkChartAsset;
const onChange = async (value: TCycleEstimateType) => {
if (!workspaceSlug || !projectId || !cycle || !cycle.id) return;
diff --git a/apps/web/core/components/cycles/active-cycle/progress.tsx b/apps/web/core/components/cycles/active-cycle/progress.tsx
index d2e53c09f..1e2812d60 100644
--- a/apps/web/core/components/cycles/active-cycle/progress.tsx
+++ b/apps/web/core/components/cycles/active-cycle/progress.tsx
@@ -2,16 +2,18 @@
import type { FC } from "react";
import { observer } from "mobx-react";
+import { useTheme } from "next-themes";
// plane imports
import { PROGRESS_STATE_GROUPS_DETAILS } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import type { TWorkItemFilterCondition } from "@plane/shared-state";
import type { ICycle } from "@plane/types";
import { LinearProgressIndicator, Loader } from "@plane/ui";
+// assets
+import darkProgressAsset from "@/app/assets/empty-state/active-cycle/progress-dark.webp?url";
+import lightProgressAsset from "@/app/assets/empty-state/active-cycle/progress-light.webp?url";
// components
import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
-// hooks
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
export type ActiveCycleProgressProps = {
cycle: ICycle | null;
@@ -22,6 +24,8 @@ export type ActiveCycleProgressProps = {
export const ActiveCycleProgress: FC = observer((props) => {
const { handleFiltersUpdate, cycle } = props;
+ // theme hook
+ const { resolvedTheme } = useTheme();
// plane hooks
const { t } = useTranslation();
// derived values
@@ -39,7 +43,7 @@ export const ActiveCycleProgress: FC = observer((props
backlog: cycle?.backlog_issues,
}
: {};
- const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/active-cycle/progress" });
+ const resolvedPath = resolvedTheme === "light" ? lightProgressAsset : darkProgressAsset;
return cycle && cycle.hasOwnProperty("started_issues") ? (
}
{hasButtons && (
{t("workspace_analytics.summary_of_projects")}
diff --git a/apps/web/core/components/api-token/empty-state.tsx b/apps/web/core/components/api-token/empty-state.tsx
index 194966df5..fafdef359 100644
--- a/apps/web/core/components/api-token/empty-state.tsx
+++ b/apps/web/core/components/api-token/empty-state.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
// ui
import { Button } from "@plane/propel/button";
// assets
-import emptyApiTokens from "@/public/empty-state/api-token.svg";
+import emptyApiTokens from "@/app/assets/empty-state/api-token.svg?url";
type Props = {
onClick: () => void;
diff --git a/apps/web/core/components/auth-screens/not-authorized-view.tsx b/apps/web/core/components/auth-screens/not-authorized-view.tsx
index 58265a41f..3156d4a97 100644
--- a/apps/web/core/components/auth-screens/not-authorized-view.tsx
+++ b/apps/web/core/components/auth-screens/not-authorized-view.tsx
@@ -1,12 +1,12 @@
import React from "react";
import { observer } from "mobx-react";
import Image from "next/image";
+// assets
+import ProjectNotAuthorizedImg from "@/app/assets/auth/project-not-authorized.svg?url";
+import Unauthorized from "@/app/assets/auth/unauthorized.svg?url";
+import WorkspaceNotAuthorizedImg from "@/app/assets/auth/workspace-not-authorized.svg?url";
// layouts
import DefaultLayout from "@/layouts/default-layout";
-// images
-import ProjectNotAuthorizedImg from "@/public/auth/project-not-authorized.svg";
-import Unauthorized from "@/public/auth/unauthorized.svg";
-import WorkspaceNotAuthorizedImg from "@/public/auth/workspace-not-authorized.svg";
type Props = {
actionButton?: React.ReactNode;
diff --git a/apps/web/core/components/auth-screens/project/join-project.tsx b/apps/web/core/components/auth-screens/project/join-project.tsx
index 39fbaba35..1e10e2ec8 100644
--- a/apps/web/core/components/auth-screens/project/join-project.tsx
+++ b/apps/web/core/components/auth-screens/project/join-project.tsx
@@ -5,11 +5,11 @@ import { useParams } from "next/navigation";
import { ClipboardList } from "lucide-react";
// plane imports
import { Button } from "@plane/propel/button";
+// assets
+import Unauthorized from "@/app/assets/auth/unauthorized.svg?url";
// hooks
import { useProject } from "@/hooks/store/use-project";
import { useUserPermissions } from "@/hooks/store/user";
-// assets
-import Unauthorized from "@/public/auth/unauthorized.svg";
type Props = {
projectId?: string;
diff --git a/apps/web/core/components/common/latest-feature-block.tsx b/apps/web/core/components/common/latest-feature-block.tsx
index 327b03ea5..81b74cb61 100644
--- a/apps/web/core/components/common/latest-feature-block.tsx
+++ b/apps/web/core/components/common/latest-feature-block.tsx
@@ -4,7 +4,7 @@ import { useTheme } from "next-themes";
// icons
import { Lightbulb } from "lucide-react";
// images
-import latestFeatures from "@/public/onboarding/onboarding-pages.webp";
+import latestFeatures from "@/app/assets/onboarding/onboarding-pages.webp?url";
export const LatestFeatureBlock = () => {
const { resolvedTheme } = useTheme();
diff --git a/apps/web/core/components/common/logo-spinner.tsx b/apps/web/core/components/common/logo-spinner.tsx
index 0e902f307..e92e30e0a 100644
--- a/apps/web/core/components/common/logo-spinner.tsx
+++ b/apps/web/core/components/common/logo-spinner.tsx
@@ -1,8 +1,8 @@
import Image from "next/image";
import { useTheme } from "next-themes";
// assets
-import LogoSpinnerDark from "@/public/images/logo-spinner-dark.gif";
-import LogoSpinnerLight from "@/public/images/logo-spinner-light.gif";
+import LogoSpinnerDark from "@/app/assets/images/logo-spinner-dark.gif?url";
+import LogoSpinnerLight from "@/app/assets/images/logo-spinner-light.gif?url";
export const LogoSpinner = () => {
const { resolvedTheme } = useTheme();
diff --git a/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx b/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx
index f24638297..3a9420105 100644
--- a/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx
+++ b/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx
@@ -3,6 +3,7 @@
import React, { useEffect, useState } from "react";
import { observer } from "mobx-react";
import { useParams } from "next/navigation";
+import { useTheme } from "next-themes";
import type { SubmitHandler } from "react-hook-form";
import { useForm } from "react-hook-form";
import { Search } from "lucide-react";
@@ -14,13 +15,17 @@ import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { ISearchIssueResponse, IUser } from "@plane/types";
import { EIssuesStoreType } from "@plane/types";
import { Loader } from "@plane/ui";
+// assets
+import darkIssuesAsset from "@/app/assets/empty-state/search/issues-dark.webp?url";
+import lightIssuesAsset from "@/app/assets/empty-state/search/issues-light.webp?url";
+import darkSearchAsset from "@/app/assets/empty-state/search/search-dark.webp?url";
+import lightSearchAsset from "@/app/assets/empty-state/search/search-light.webp?url";
// components
import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
// hooks
import { useIssues } from "@/hooks/store/use-issues";
import useDebounce from "@/hooks/use-debounce";
// services
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
import { ProjectService } from "@/services/project";
// local components
import { BulkDeleteIssuesModalItem } from "./bulk-delete-issues-modal-item";
@@ -45,6 +50,8 @@ export const BulkDeleteIssuesModal: React.FC{children}
diff --git a/apps/web/core/components/core/sidebar/progress-stats/assignee.tsx b/apps/web/core/components/core/sidebar/progress-stats/assignee.tsx
index dbb4dcebb..c3607eafc 100644
--- a/apps/web/core/components/core/sidebar/progress-stats/assignee.tsx
+++ b/apps/web/core/components/core/sidebar/progress-stats/assignee.tsx
@@ -4,10 +4,11 @@ import Image from "next/image";
import { useTranslation } from "@plane/i18n";
import { Avatar } from "@plane/ui";
import { getFileURL } from "@plane/utils";
+// assets
+import emptyMembers from "@/app/assets/empty-state/empty_members.svg?url";
+import userImage from "@/app/assets/user.png?url";
// components
import { SingleProgressStats } from "@/components/core/sidebar/single-progress-stats";
-// public
-import emptyMembers from "@/public/empty-state/empty_members.svg";
export type TAssigneeData = {
id: string | undefined;
@@ -56,7 +57,7 @@ export const AssigneeStatComponent = observer((props: TAssigneeStatComponent) =>
title={
- 
+ 
{t("no_assignee")}
+
-
+
{t("no_assignee")}
+
diff --git a/apps/web/core/components/cycles/archived-cycles/view.tsx b/apps/web/core/components/cycles/archived-cycles/view.tsx
index e5a2fd0db..9491dc0f6 100644
--- a/apps/web/core/components/cycles/archived-cycles/view.tsx
+++ b/apps/web/core/components/cycles/archived-cycles/view.tsx
@@ -1,6 +1,9 @@
import type { FC } from "react";
import { observer } from "mobx-react";
import Image from "next/image";
+// assets
+import AllFiltersImage from "@/app/assets/empty-state/cycle/all-filters.svg?url";
+import NameFilterImage from "@/app/assets/empty-state/cycle/name-filter.svg?url";
// components
import { CyclesList } from "@/components/cycles/list";
// ui
@@ -8,9 +11,6 @@ import { CycleModuleListLayoutLoader } from "@/components/ui/loader/cycle-module
// hooks
import { useCycle } from "@/hooks/store/use-cycle";
import { useCycleFilter } from "@/hooks/store/use-cycle-filter";
-// assets
-import AllFiltersImage from "@/public/empty-state/cycle/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/cycle/name-filter.svg";
export interface IArchivedCyclesView {
workspaceSlug: string;
diff --git a/apps/web/core/components/cycles/cycles-view.tsx b/apps/web/core/components/cycles/cycles-view.tsx
index 2f9216454..f0958d213 100644
--- a/apps/web/core/components/cycles/cycles-view.tsx
+++ b/apps/web/core/components/cycles/cycles-view.tsx
@@ -3,15 +3,15 @@ import { observer } from "mobx-react";
import Image from "next/image";
// components
import { useTranslation } from "@plane/i18n";
+// assets
+import AllFiltersImage from "@/app/assets/empty-state/cycle/all-filters.svg?url";
+import NameFilterImage from "@/app/assets/empty-state/cycle/name-filter.svg?url";
+// components
import { CyclesList } from "@/components/cycles/list";
-// ui
import { CycleModuleListLayoutLoader } from "@/components/ui/loader/cycle-module-list-loader";
// hooks
import { useCycle } from "@/hooks/store/use-cycle";
import { useCycleFilter } from "@/hooks/store/use-cycle-filter";
-// assets
-import AllFiltersImage from "@/public/empty-state/cycle/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/cycle/name-filter.svg";
export interface ICyclesView {
workspaceSlug: string;
diff --git a/apps/web/core/components/editor/pdf/document.tsx b/apps/web/core/components/editor/pdf/document.tsx
index 88b0b08ef..6887c3f63 100644
--- a/apps/web/core/components/editor/pdf/document.tsx
+++ b/apps/web/core/components/editor/pdf/document.tsx
@@ -3,30 +3,40 @@
import type { PageProps } from "@react-pdf/renderer";
import { Document, Font, Page } from "@react-pdf/renderer";
import { Html } from "react-pdf-html";
+// assets
+import interBold from "@/app/assets/fonts/inter/bold.ttf?url";
+import interHeavy from "@/app/assets/fonts/inter/heavy.ttf?url";
+import interLight from "@/app/assets/fonts/inter/light.ttf?url";
+import interMedium from "@/app/assets/fonts/inter/medium.ttf?url";
+import interRegular from "@/app/assets/fonts/inter/regular.ttf?url";
+import interSemibold from "@/app/assets/fonts/inter/semibold.ttf?url";
+import interThin from "@/app/assets/fonts/inter/thin.ttf?url";
+import interUltraBold from "@/app/assets/fonts/inter/ultrabold.ttf?url";
+import interUltraLight from "@/app/assets/fonts/inter/ultralight.ttf?url";
// constants
import { EDITOR_PDF_DOCUMENT_STYLESHEET } from "@/constants/editor";
Font.register({
family: "Inter",
fonts: [
- { src: "/fonts/inter/thin.ttf", fontWeight: "thin" },
- { src: "/fonts/inter/thin.ttf", fontWeight: "thin", fontStyle: "italic" },
- { src: "/fonts/inter/ultralight.ttf", fontWeight: "ultralight" },
- { src: "/fonts/inter/ultralight.ttf", fontWeight: "ultralight", fontStyle: "italic" },
- { src: "/fonts/inter/light.ttf", fontWeight: "light" },
- { src: "/fonts/inter/light.ttf", fontWeight: "light", fontStyle: "italic" },
- { src: "/fonts/inter/regular.ttf", fontWeight: "normal" },
- { src: "/fonts/inter/regular.ttf", fontWeight: "normal", fontStyle: "italic" },
- { src: "/fonts/inter/medium.ttf", fontWeight: "medium" },
- { src: "/fonts/inter/medium.ttf", fontWeight: "medium", fontStyle: "italic" },
- { src: "/fonts/inter/semibold.ttf", fontWeight: "semibold" },
- { src: "/fonts/inter/semibold.ttf", fontWeight: "semibold", fontStyle: "italic" },
- { src: "/fonts/inter/bold.ttf", fontWeight: "bold" },
- { src: "/fonts/inter/bold.ttf", fontWeight: "bold", fontStyle: "italic" },
- { src: "/fonts/inter/extrabold.ttf", fontWeight: "ultrabold" },
- { src: "/fonts/inter/extrabold.ttf", fontWeight: "ultrabold", fontStyle: "italic" },
- { src: "/fonts/inter/heavy.ttf", fontWeight: "heavy" },
- { src: "/fonts/inter/heavy.ttf", fontWeight: "heavy", fontStyle: "italic" },
+ { src: interThin, fontWeight: "thin" },
+ { src: interThin, fontWeight: "thin", fontStyle: "italic" },
+ { src: interUltraLight, fontWeight: "ultralight" },
+ { src: interUltraLight, fontWeight: "ultralight", fontStyle: "italic" },
+ { src: interLight, fontWeight: "light" },
+ { src: interLight, fontWeight: "light", fontStyle: "italic" },
+ { src: interRegular, fontWeight: "normal" },
+ { src: interRegular, fontWeight: "normal", fontStyle: "italic" },
+ { src: interMedium, fontWeight: "medium" },
+ { src: interMedium, fontWeight: "medium", fontStyle: "italic" },
+ { src: interSemibold, fontWeight: "semibold" },
+ { src: interSemibold, fontWeight: "semibold", fontStyle: "italic" },
+ { src: interBold, fontWeight: "bold" },
+ { src: interBold, fontWeight: "bold", fontStyle: "italic" },
+ { src: interUltraBold, fontWeight: "ultrabold" },
+ { src: interUltraBold, fontWeight: "ultrabold", fontStyle: "italic" },
+ { src: interHeavy, fontWeight: "heavy" },
+ { src: interHeavy, fontWeight: "heavy", fontStyle: "italic" },
],
});
diff --git a/apps/web/core/components/empty-state/detailed-empty-state-root.tsx b/apps/web/core/components/empty-state/detailed-empty-state-root.tsx
index 1776e72ae..69252650f 100644
--- a/apps/web/core/components/empty-state/detailed-empty-state-root.tsx
+++ b/apps/web/core/components/empty-state/detailed-empty-state-root.tsx
@@ -2,7 +2,6 @@
import React from "react";
import { observer } from "mobx-react";
-import Image from "next/image";
// ui
import { Button } from "@plane/propel/button";
// utils
@@ -85,9 +84,7 @@ export const DetailedEmptyState: React.FC = observer((props) => {
{description &&
- {assetPath && (
- {description}
}
diff --git a/apps/web/core/components/home/home-dashboard-widgets.tsx b/apps/web/core/components/home/home-dashboard-widgets.tsx
index e1fa834d2..362c64d11 100644
--- a/apps/web/core/components/home/home-dashboard-widgets.tsx
+++ b/apps/web/core/components/home/home-dashboard-widgets.tsx
@@ -1,15 +1,18 @@
import { observer } from "mobx-react";
import { useParams, usePathname } from "next/navigation";
+import { useTheme } from "next-themes";
// plane imports
import { useTranslation } from "@plane/i18n";
import type { THomeWidgetKeys, THomeWidgetProps } from "@plane/types";
+// assets
+import darkWidgetsAsset from "@/app/assets/empty-state/dashboard/widgets-dark.webp?url";
+import lightWidgetsAsset from "@/app/assets/empty-state/dashboard/widgets-light.webp?url";
// components
import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
// hooks
import { useHome } from "@/hooks/store/use-home";
import { useProject } from "@/hooks/store/use-project";
// plane web components
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
import { HomePageHeader } from "@/plane-web/components/home/header";
// local imports
import { StickiesWidget } from "../stickies/widget";
@@ -56,6 +59,8 @@ export const DashboardWidgets = observer(() => {
const { workspaceSlug } = useParams();
// navigation
const pathname = usePathname();
+ // theme hook
+ const { resolvedTheme } = useTheme();
// store hooks
const { toggleWidgetSettings, widgetsMap, showWidgetSettings, orderedWidgets, isAnyWidgetEnabled, loading } =
useHome();
@@ -63,7 +68,7 @@ export const DashboardWidgets = observer(() => {
// plane hooks
const { t } = useTranslation();
// derived values
- const noWidgetsResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/dashboard/widgets" });
+ const noWidgetsResolvedPath = resolvedTheme === "light" ? lightWidgetsAsset : darkWidgetsAsset;
// derived values
const isWikiApp = pathname.includes(`/${workspaceSlug.toString()}/pages`);
diff --git a/apps/web/core/components/home/widgets/links/create-update-link-modal.tsx b/apps/web/core/components/home/widgets/links/create-update-link-modal.tsx
index 5039402cf..bdebc8c93 100644
--- a/apps/web/core/components/home/widgets/links/create-update-link-modal.tsx
+++ b/apps/web/core/components/home/widgets/links/create-update-link-modal.tsx
@@ -9,7 +9,6 @@ import { Controller, useForm } from "react-hook-form";
import { useTranslation } from "@plane/i18n";
import { Button } from "@plane/propel/button";
import type { TLinkEditableFields } from "@plane/types";
-import { TLink } from "@plane/types";
import { Input, ModalCore } from "@plane/ui";
import type { TLinkOperations } from "./use-links";
diff --git a/apps/web/core/components/icons/attachment/audio-file-icon.tsx b/apps/web/core/components/icons/attachment/audio-file-icon.tsx
index 27860e29f..6eae85ef9 100644
--- a/apps/web/core/components/icons/attachment/audio-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/audio-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import AudioFileIcon from "@/public/attachment/audio-icon.png";
+import AudioFileIcon from "@/app/assets/attachment/audio-icon.png?url";
export type AudioIconProps = {
width?: number;
diff --git a/apps/web/core/components/icons/attachment/css-file-icon.tsx b/apps/web/core/components/icons/attachment/css-file-icon.tsx
index 4d794df62..7a9b0333d 100644
--- a/apps/web/core/components/icons/attachment/css-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/css-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import CssFileIcon from "@/public/attachment/css-icon.png";
+import CssFileIcon from "@/app/assets/attachment/css-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/csv-file-icon.tsx b/apps/web/core/components/icons/attachment/csv-file-icon.tsx
index 8391da029..234578771 100644
--- a/apps/web/core/components/icons/attachment/csv-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/csv-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import CSVFileIcon from "@/public/attachment/csv-icon.png";
+import CSVFileIcon from "@/app/assets/attachment/csv-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/default-file-icon.tsx b/apps/web/core/components/icons/attachment/default-file-icon.tsx
index 3f7b58e45..2954a1a0e 100644
--- a/apps/web/core/components/icons/attachment/default-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/default-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import DefaultFileIcon from "@/public/attachment/default-icon.png";
+import DefaultFileIcon from "@/app/assets/attachment/default-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/doc-file-icon.tsx b/apps/web/core/components/icons/attachment/doc-file-icon.tsx
index a3e84ec9d..126878225 100644
--- a/apps/web/core/components/icons/attachment/doc-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/doc-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import DocFileIcon from "@/public/attachment/doc-icon.png";
+import DocFileIcon from "@/app/assets/attachment/doc-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/figma-file-icon.tsx b/apps/web/core/components/icons/attachment/figma-file-icon.tsx
index 939f9d522..a80c5c8e7 100644
--- a/apps/web/core/components/icons/attachment/figma-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/figma-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import FigmaFileIcon from "@/public/attachment/figma-icon.png";
+import FigmaFileIcon from "@/app/assets/attachment/figma-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/html-file-icon.tsx b/apps/web/core/components/icons/attachment/html-file-icon.tsx
index 69da2d30e..65bbef6a7 100644
--- a/apps/web/core/components/icons/attachment/html-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/html-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import HtmlFileIcon from "@/public/attachment/html-icon.png";
+import HtmlFileIcon from "@/app/assets/attachment/html-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/img-file-icon.tsx b/apps/web/core/components/icons/attachment/img-file-icon.tsx
index 3e7695f93..67a7f4e76 100644
--- a/apps/web/core/components/icons/attachment/img-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/img-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import ImgFileIcon from "@/public/attachment/img-icon.png";
+import ImgFileIcon from "@/app/assets/attachment/img-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/jpg-file-icon.tsx b/apps/web/core/components/icons/attachment/jpg-file-icon.tsx
index 49be740c9..25f29947c 100644
--- a/apps/web/core/components/icons/attachment/jpg-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/jpg-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import JpgFileIcon from "@/public/attachment/jpg-icon.png";
+import JpgFileIcon from "@/app/assets/attachment/jpg-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/js-file-icon.tsx b/apps/web/core/components/icons/attachment/js-file-icon.tsx
index 3fb4dd489..b324498da 100644
--- a/apps/web/core/components/icons/attachment/js-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/js-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import JsFileIcon from "@/public/attachment/js-icon.png";
+import JsFileIcon from "@/app/assets/attachment/js-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/pdf-file-icon.tsx b/apps/web/core/components/icons/attachment/pdf-file-icon.tsx
index 0ac9bdd87..f1685fbc2 100644
--- a/apps/web/core/components/icons/attachment/pdf-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/pdf-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import PDFFileIcon from "@/public/attachment/pdf-icon.png";
+import PDFFileIcon from "@/app/assets/attachment/pdf-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/png-file-icon.tsx b/apps/web/core/components/icons/attachment/png-file-icon.tsx
index 5b136cdc2..693396799 100644
--- a/apps/web/core/components/icons/attachment/png-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/png-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import PngFileIcon from "@/public/attachment/png-icon.png";
+import PngFileIcon from "@/app/assets/attachment/png-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/rar-file-icon.tsx b/apps/web/core/components/icons/attachment/rar-file-icon.tsx
index 0c3dd88e1..753fe6129 100644
--- a/apps/web/core/components/icons/attachment/rar-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/rar-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import RarFileIcon from "@/public/attachment/rar-icon.png";
+import RarFileIcon from "@/app/assets/attachment/rar-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/sheet-file-icon.tsx b/apps/web/core/components/icons/attachment/sheet-file-icon.tsx
index 586469ee1..16a35cc9c 100644
--- a/apps/web/core/components/icons/attachment/sheet-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/sheet-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import SheetFileIcon from "@/public/attachment/excel-icon.png";
+import SheetFileIcon from "@/app/assets/attachment/excel-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/svg-file-icon.tsx b/apps/web/core/components/icons/attachment/svg-file-icon.tsx
index aaea9a164..be3ca74c6 100644
--- a/apps/web/core/components/icons/attachment/svg-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/svg-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import SvgFileIcon from "@/public/attachment/svg-icon.png";
+import SvgFileIcon from "@/app/assets/attachment/svg-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/txt-file-icon.tsx b/apps/web/core/components/icons/attachment/txt-file-icon.tsx
index 1fa5e98ae..643f3fb75 100644
--- a/apps/web/core/components/icons/attachment/txt-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/txt-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import TxtFileIcon from "@/public/attachment/txt-icon.png";
+import TxtFileIcon from "@/app/assets/attachment/txt-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/video-file-icon.tsx b/apps/web/core/components/icons/attachment/video-file-icon.tsx
index 5b57551d5..398d90121 100644
--- a/apps/web/core/components/icons/attachment/video-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/video-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import VideoFileIcon from "@/public/attachment/video-icon.png";
+import VideoFileIcon from "@/app/assets/attachment/video-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/icons/attachment/zip-file-icon.tsx b/apps/web/core/components/icons/attachment/zip-file-icon.tsx
index 8f5d0388b..ac978eaa6 100644
--- a/apps/web/core/components/icons/attachment/zip-file-icon.tsx
+++ b/apps/web/core/components/icons/attachment/zip-file-icon.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Image from "next/image";
// image
-import ZipFileIcon from "@/public/attachment/zip-icon.png";
+import ZipFileIcon from "@/app/assets/attachment/zip-icon.png?url";
// type
import type { ImageIconPros } from "../types";
diff --git a/apps/web/core/components/inbox/modals/select-duplicate.tsx b/apps/web/core/components/inbox/modals/select-duplicate.tsx
index 3d89eb68c..a44b7e48f 100644
--- a/apps/web/core/components/inbox/modals/select-duplicate.tsx
+++ b/apps/web/core/components/inbox/modals/select-duplicate.tsx
@@ -2,6 +2,7 @@
import React, { useEffect, useState } from "react";
import { useParams } from "next/navigation";
+import { useTheme } from "next-themes";
import { Search } from "lucide-react";
import { Combobox, Dialog, Transition } from "@headlessui/react";
// plane imports
@@ -9,12 +10,16 @@ import { useTranslation } from "@plane/i18n";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { ISearchIssueResponse } from "@plane/types";
import { Loader } from "@plane/ui";
+// assets
+import darkIssuesAsset from "@/app/assets/empty-state/search/issues-dark.webp?url";
+import lightIssuesAsset from "@/app/assets/empty-state/search/issues-light.webp?url";
+import darkSearchAsset from "@/app/assets/empty-state/search/search-dark.webp?url";
+import lightSearchAsset from "@/app/assets/empty-state/search/search-light.webp?url";
// components
import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
// hooks
import { useProject } from "@/hooks/store/use-project";
import useDebounce from "@/hooks/use-debounce";
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
// services
import { ProjectService } from "@/services/project";
@@ -35,13 +40,15 @@ export const SelectDuplicateInboxIssueModal: React.FC = (props) => {
const [query, setQuery] = useState("");
const [issues, setIssues] = useState([]);
const [isSearching, setIsSearching] = useState(false);
+ // theme hook
+ const { resolvedTheme } = useTheme();
// hooks
const { getProjectById } = useProject();
const { t } = useTranslation();
// derived values
const debouncedSearchTerm: string = useDebounce(query, 500);
- const searchResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/search/search" });
- const issuesResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/search/issues" });
+ const searchResolvedPath = resolvedTheme === "light" ? lightSearchAsset : darkSearchAsset;
+ const issuesResolvedPath = resolvedTheme === "light" ? lightIssuesAsset : darkIssuesAsset;
useEffect(() => {
if (!isOpen || !workspaceSlug || !projectId) return;
diff --git a/apps/web/core/components/inbox/root.tsx b/apps/web/core/components/inbox/root.tsx
index ec2411a47..fec25cede 100644
--- a/apps/web/core/components/inbox/root.tsx
+++ b/apps/web/core/components/inbox/root.tsx
@@ -14,7 +14,6 @@ import { InboxSidebar } from "@/components/inbox/sidebar";
import { InboxLayoutLoader } from "@/components/ui/loader/layouts/project-inbox/inbox-layout-loader";
// hooks
import { useProjectInbox } from "@/hooks/store/use-project-inbox";
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
type TInboxIssueRoot = {
workspaceSlug: string;
@@ -32,8 +31,6 @@ export const InboxIssueRoot: FC = observer((props) => {
const { t } = useTranslation();
// hooks
const { loader, error, currentTab, handleCurrentTab, fetchInboxIssues } = useProjectInbox();
- // derived values
- const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/intake/issue-detail" });
useEffect(() => {
if (!inboxAccessible || !workspaceSlug || !projectId) return;
diff --git a/apps/web/core/components/instance/maintenance-view.tsx b/apps/web/core/components/instance/maintenance-view.tsx
index 87f243497..4c7675233 100644
--- a/apps/web/core/components/instance/maintenance-view.tsx
+++ b/apps/web/core/components/instance/maintenance-view.tsx
@@ -3,13 +3,13 @@
import type { FC } from "react";
import Image from "next/image";
import { useTheme } from "next-themes";
+// assets
+import maintenanceModeDarkModeImage from "@/app/assets/instance/maintenance-mode-dark.svg?url";
+import maintenanceModeLightModeImage from "@/app/assets/instance/maintenance-mode-light.svg?url";
// layouts
import DefaultLayout from "@/layouts/default-layout";
// components
import { MaintenanceMessage } from "@/plane-web/components/instance";
-// images
-import maintenanceModeDarkModeImage from "@/public/instance/maintenance-mode-dark.svg";
-import maintenanceModeLightModeImage from "@/public/instance/maintenance-mode-light.svg";
export const MaintenanceView: FC = () => {
// hooks
diff --git a/apps/web/core/components/instance/not-ready-view.tsx b/apps/web/core/components/instance/not-ready-view.tsx
index b44a8b3e0..41460e26c 100644
--- a/apps/web/core/components/instance/not-ready-view.tsx
+++ b/apps/web/core/components/instance/not-ready-view.tsx
@@ -7,12 +7,10 @@ import { useTheme } from "next-themes";
import { GOD_MODE_URL } from "@plane/constants";
import { Button } from "@plane/propel/button";
import { PlaneLockup } from "@plane/propel/icons";
-// helpers
-// images
// assets
-import PlaneBackgroundPatternDark from "@/public/auth/background-pattern-dark.svg";
-import PlaneBackgroundPattern from "@/public/auth/background-pattern.svg";
-import PlaneTakeOffImage from "@/public/plane-takeoff.png";
+import PlaneBackgroundPatternDark from "@/app/assets/auth/background-pattern-dark.svg?url";
+import PlaneBackgroundPattern from "@/app/assets/auth/background-pattern.svg?url";
+import PlaneTakeOffImage from "@/app/assets/plane-takeoff.png?url";
export const InstanceNotReady: FC = () => {
const { resolvedTheme } = useTheme();
diff --git a/apps/web/core/components/integration/github/root.tsx b/apps/web/core/components/integration/github/root.tsx
index cccef5da4..b041c69fd 100644
--- a/apps/web/core/components/integration/github/root.tsx
+++ b/apps/web/core/components/integration/github/root.tsx
@@ -11,7 +11,8 @@ import { MembersPropertyIcon } from "@plane/propel/icons";
// types
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { IGithubRepoCollaborator, IGithubServiceImportFormData } from "@plane/types";
-// ui
+// assets
+import GithubLogo from "@/app/assets/services/github.png?url";
// components
import {
GithubImportConfigure,
@@ -24,8 +25,6 @@ import {
import { APP_INTEGRATIONS, IMPORTER_SERVICES_LIST, WORKSPACE_INTEGRATIONS } from "@/constants/fetch-keys";
// hooks
import { useAppRouter } from "@/hooks/use-app-router";
-// images
-import GithubLogo from "@/public/services/github.png";
// services
import { IntegrationService, GithubIntegrationService } from "@/services/integrations";
diff --git a/apps/web/core/components/integration/guide.tsx b/apps/web/core/components/integration/guide.tsx
index d5ef4625b..8fd4c35ed 100644
--- a/apps/web/core/components/integration/guide.tsx
+++ b/apps/web/core/components/integration/guide.tsx
@@ -14,7 +14,9 @@ import { useTranslation } from "@plane/i18n";
// types
import { Button } from "@plane/propel/button";
import type { IImporterService } from "@plane/types";
-// ui
+// assets
+import GithubLogo from "@/app/assets/services/github.png?url";
+import JiraLogo from "@/app/assets/services/jira.svg?url";
// components
import { DeleteImportModal, GithubImporterRoot, JiraImporterRoot, SingleImport } from "@/components/integration";
import { ImportExportSettingsLoader } from "@/components/ui/loader/settings/import-and-export";
@@ -22,9 +24,6 @@ import { ImportExportSettingsLoader } from "@/components/ui/loader/settings/impo
import { IMPORTER_SERVICES_LIST } from "@/constants/fetch-keys";
// hooks
import { useUser } from "@/hooks/store/user";
-// assets
-import GithubLogo from "@/public/services/github.png";
-import JiraLogo from "@/public/services/jira.svg";
// services
import { IntegrationService } from "@/services/integrations";
diff --git a/apps/web/core/components/integration/jira/root.tsx b/apps/web/core/components/integration/jira/root.tsx
index f2d5c9955..e32be4493 100644
--- a/apps/web/core/components/integration/jira/root.tsx
+++ b/apps/web/core/components/integration/jira/root.tsx
@@ -12,13 +12,12 @@ import { Button } from "@plane/propel/button";
import { MembersPropertyIcon } from "@plane/propel/icons";
// types
import type { IJiraImporterForm } from "@plane/types";
-// ui
+// assets
+import JiraLogo from "@/app/assets/services/jira.svg?url";
// fetch keys
import { IMPORTER_SERVICES_LIST } from "@/constants/fetch-keys";
// hooks
import { useAppRouter } from "@/hooks/use-app-router";
-// assets
-import JiraLogo from "@/public/services/jira.svg";
// services
import { JiraImporterService } from "@/services/integrations";
// components
diff --git a/apps/web/core/components/integration/single-integration-card.tsx b/apps/web/core/components/integration/single-integration-card.tsx
index b6169d83d..686b775fe 100644
--- a/apps/web/core/components/integration/single-integration-card.tsx
+++ b/apps/web/core/components/integration/single-integration-card.tsx
@@ -13,6 +13,9 @@ import { Tooltip } from "@plane/propel/tooltip";
import type { IAppIntegration, IWorkspaceIntegration } from "@plane/types";
// ui
import { Loader } from "@plane/ui";
+// assets
+import GithubLogo from "@/app/assets/services/github.png?url";
+import SlackLogo from "@/app/assets/services/slack.png?url";
// constants
import { WORKSPACE_INTEGRATIONS } from "@/constants/fetch-keys";
// hooks
@@ -21,9 +24,6 @@ import { useUserPermissions } from "@/hooks/store/user";
import useIntegrationPopup from "@/hooks/use-integration-popup";
import { usePlatformOS } from "@/hooks/use-platform-os";
// services
-// icons
-import GithubLogo from "@/public/services/github.png";
-import SlackLogo from "@/public/services/slack.png";
import { IntegrationService } from "@/services/integrations";
type Props = {
diff --git a/apps/web/core/components/issues/issue-detail/root.tsx b/apps/web/core/components/issues/issue-detail/root.tsx
index 10c77beb5..7ed13f584 100644
--- a/apps/web/core/components/issues/issue-detail/root.tsx
+++ b/apps/web/core/components/issues/issue-detail/root.tsx
@@ -9,6 +9,8 @@ import { useTranslation } from "@plane/i18n";
import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/propel/toast";
import type { TIssue } from "@plane/types";
import { EIssuesStoreType } from "@plane/types";
+// assets
+import emptyIssue from "@/app/assets/empty-state/issue.svg?url";
// components
import { EmptyState } from "@/components/common/empty-state";
// hooks
@@ -18,8 +20,6 @@ import { useIssueDetail } from "@/hooks/store/use-issue-detail";
import { useIssues } from "@/hooks/store/use-issues";
import { useUserPermissions } from "@/hooks/store/user";
import { useAppRouter } from "@/hooks/use-app-router";
-// images
-import emptyIssue from "@/public/empty-state/issue.svg";
// local components
import { IssuePeekOverview } from "../peek-overview";
import { IssueMainContent } from "./main-content";
diff --git a/apps/web/core/components/issues/issue-layouts/empty-states/project-view.tsx b/apps/web/core/components/issues/issue-layouts/empty-states/project-view.tsx
index 165263177..e89b31f9e 100644
--- a/apps/web/core/components/issues/issue-layouts/empty-states/project-view.tsx
+++ b/apps/web/core/components/issues/issue-layouts/empty-states/project-view.tsx
@@ -3,6 +3,7 @@ import { observer } from "mobx-react";
import { EUserPermissions, EUserPermissionsLevel, WORK_ITEM_TRACKER_ELEMENTS } from "@plane/constants";
import { EmptyStateDetailed } from "@plane/propel/empty-state";
import { EIssuesStoreType } from "@plane/types";
+// components
import { captureClick } from "@/helpers/event-tracker.helper";
// hooks
import { useCommandPalette } from "@/hooks/store/use-command-palette";
diff --git a/apps/web/core/components/issues/issue-layouts/roots/all-issue-layout-root.tsx b/apps/web/core/components/issues/issue-layouts/roots/all-issue-layout-root.tsx
index 6c3daaaf7..10702ea09 100644
--- a/apps/web/core/components/issues/issue-layouts/roots/all-issue-layout-root.tsx
+++ b/apps/web/core/components/issues/issue-layouts/roots/all-issue-layout-root.tsx
@@ -7,6 +7,8 @@ import { GLOBAL_VIEW_TRACKER_ELEMENTS, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "@pl
import { EmptyStateDetailed } from "@plane/propel/empty-state";
import type { EIssueLayoutTypes } from "@plane/types";
import { EIssuesStoreType, STATIC_VIEW_TYPES } from "@plane/types";
+// assets
+import emptyView from "@/app/assets/empty-state/view.svg?url";
// components
import { IssuePeekOverview } from "@/components/issues/peek-overview";
import { WorkspaceActiveLayout } from "@/components/views/helper";
diff --git a/apps/web/core/components/issues/peek-overview/error.tsx b/apps/web/core/components/issues/peek-overview/error.tsx
index 8c87912cf..59f901a86 100644
--- a/apps/web/core/components/issues/peek-overview/error.tsx
+++ b/apps/web/core/components/issues/peek-overview/error.tsx
@@ -3,12 +3,12 @@
import type { FC } from "react";
import { MoveRight } from "lucide-react";
import { Tooltip } from "@plane/propel/tooltip";
+// assets
+import emptyIssue from "@/app/assets/empty-state/issue.svg?url";
// components
import { EmptyState } from "@/components/common/empty-state";
// hooks
import { usePlatformOS } from "@/hooks/use-platform-os";
-// images
-import emptyIssue from "@/public/empty-state/issue.svg";
type TIssuePeekOverviewError = {
removeRoutePeekId: () => void;
diff --git a/apps/web/core/components/issues/workspace-draft/root.tsx b/apps/web/core/components/issues/workspace-draft/root.tsx
index 636b898e3..e35d9ec3f 100644
--- a/apps/web/core/components/issues/workspace-draft/root.tsx
+++ b/apps/web/core/components/issues/workspace-draft/root.tsx
@@ -12,15 +12,11 @@ import { EUserWorkspaceRoles } from "@plane/types";
// components
import { cn } from "@plane/utils";
import { captureClick } from "@/helpers/event-tracker.helper";
-// constants
-
-// helpers
// hooks
import { useCommandPalette } from "@/hooks/store/use-command-palette";
import { useProject } from "@/hooks/store/use-project";
import { useUserPermissions } from "@/hooks/store/user";
import { useWorkspaceDraftIssues } from "@/hooks/store/workspace-draft";
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
import { useWorkspaceIssueProperties } from "@/hooks/use-workspace-issue-properties";
// components
import { DraftIssueBlock } from "./draft-issue-block";
@@ -45,7 +41,6 @@ export const WorkspaceDraftIssuesRoot: FC = observer(
[EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER],
EUserPermissionsLevel.WORKSPACE
);
- const noProjectResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/draft/draft-issues-empty" });
//swr hook for fetching issue properties
useWorkspaceIssueProperties(workspaceSlug);
diff --git a/apps/web/core/components/modules/archived-modules/view.tsx b/apps/web/core/components/modules/archived-modules/view.tsx
index bc1d82640..ba2498e29 100644
--- a/apps/web/core/components/modules/archived-modules/view.tsx
+++ b/apps/web/core/components/modules/archived-modules/view.tsx
@@ -1,6 +1,9 @@
import type { FC } from "react";
import { observer } from "mobx-react";
import Image from "next/image";
+// assets
+import AllFiltersImage from "@/app/assets/empty-state/module/all-filters.svg?url";
+import NameFilterImage from "@/app/assets/empty-state/module/name-filter.svg?url";
// components
import { ModuleListItem, ModulePeekOverview } from "@/components/modules";
// ui
@@ -8,9 +11,6 @@ import { CycleModuleListLayoutLoader } from "@/components/ui/loader/cycle-module
// hooks
import { useModule } from "@/hooks/store/use-module";
import { useModuleFilter } from "@/hooks/store/use-module-filter";
-// assets
-import AllFiltersImage from "@/public/empty-state/module/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/module/name-filter.svg";
export interface IArchivedModulesView {
workspaceSlug: string;
diff --git a/apps/web/core/components/modules/modules-list-view.tsx b/apps/web/core/components/modules/modules-list-view.tsx
index 039faec59..75f83f281 100644
--- a/apps/web/core/components/modules/modules-list-view.tsx
+++ b/apps/web/core/components/modules/modules-list-view.tsx
@@ -6,6 +6,7 @@ import { useTranslation } from "@plane/i18n";
import { EmptyStateDetailed } from "@plane/propel/empty-state";
import { EUserProjectRoles } from "@plane/types";
import { ContentWrapper, Row, ERowVariant } from "@plane/ui";
+// components
import { ListLayout } from "@/components/core/list";
import { ModuleCardItem, ModuleListItem, ModulePeekOverview, ModulesListGanttChartView } from "@/components/modules";
import { CycleModuleBoardLayoutLoader } from "@/components/ui/loader/cycle-module-board-loader";
diff --git a/apps/web/core/components/onboarding/tour/root.tsx b/apps/web/core/components/onboarding/tour/root.tsx
index 39cdd254a..ffbc33e08 100644
--- a/apps/web/core/components/onboarding/tour/root.tsx
+++ b/apps/web/core/components/onboarding/tour/root.tsx
@@ -2,23 +2,22 @@
import { useState } from "react";
import { observer } from "mobx-react";
-import type { StaticImageData } from "next/image";
import Image from "next/image";
// plane imports
import { PRODUCT_TOUR_TRACKER_ELEMENTS } from "@plane/constants";
import { Button } from "@plane/propel/button";
import { CloseIcon, PlaneLockup } from "@plane/propel/icons";
+// assets
+import CyclesTour from "@/app/assets/onboarding/cycles.webp?url";
+import IssuesTour from "@/app/assets/onboarding/issues.webp?url";
+import ModulesTour from "@/app/assets/onboarding/modules.webp?url";
+import PagesTour from "@/app/assets/onboarding/pages.webp?url";
+import ViewsTour from "@/app/assets/onboarding/views.webp?url";
// helpers
import { captureClick } from "@/helpers/event-tracker.helper";
// hooks
import { useCommandPalette } from "@/hooks/store/use-command-palette";
import { useUser } from "@/hooks/store/user";
-// assets
-import CyclesTour from "@/public/onboarding/cycles.webp";
-import IssuesTour from "@/public/onboarding/issues.webp";
-import ModulesTour from "@/public/onboarding/modules.webp";
-import PagesTour from "@/public/onboarding/pages.webp";
-import ViewsTour from "@/public/onboarding/views.webp";
// local imports
import { TourSidebar } from "./sidebar";
@@ -32,7 +31,7 @@ const TOUR_STEPS: {
key: TTourSteps;
title: string;
description: string;
- image: StaticImageData;
+ image: any;
prevStep?: TTourSteps;
nextStep?: TTourSteps;
}[] = [
diff --git a/apps/web/core/components/power-k/ui/pages/open-entity/workspace-settings-menu.tsx b/apps/web/core/components/power-k/ui/pages/open-entity/workspace-settings-menu.tsx
index 666336e5a..2a2cbdb0d 100644
--- a/apps/web/core/components/power-k/ui/pages/open-entity/workspace-settings-menu.tsx
+++ b/apps/web/core/components/power-k/ui/pages/open-entity/workspace-settings-menu.tsx
@@ -1,6 +1,5 @@
"use client";
-import { WORKSPACE_SETTINGS_ICONS } from "app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/sidebar";
import { observer } from "mobx-react";
// plane types
import { EUserPermissionsLevel, WORKSPACE_SETTINGS } from "@plane/constants";
@@ -11,6 +10,7 @@ import { PowerKSettingsMenu } from "@/components/power-k/menus/settings";
// hooks
import { useUserPermissions } from "@/hooks/store/user";
import { shouldRenderSettingLink } from "@/plane-web/helpers/workspace.helper";
+import { WORKSPACE_SETTINGS_ICONS } from "app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/sidebar";
type Props = {
context: TPowerKContext;
diff --git a/apps/web/core/components/profile/overview/activity.tsx b/apps/web/core/components/profile/overview/activity.tsx
index 2af5e2079..daed93b91 100644
--- a/apps/web/core/components/profile/overview/activity.tsx
+++ b/apps/web/core/components/profile/overview/activity.tsx
@@ -8,6 +8,8 @@ import { useTranslation } from "@plane/i18n";
import { EmptyStateCompact } from "@plane/propel/empty-state";
import { Loader, Card } from "@plane/ui";
import { calculateTimeAgo, getFileURL } from "@plane/utils";
+// assets
+import recentActivityEmptyState from "@/app/assets/empty-state/recent_activity.svg?url";
// components
import { ActivityMessage, IssueLink } from "@/components/core/activity";
import { ProfileEmptyState } from "@/components/ui/profile-empty-state";
@@ -16,8 +18,6 @@ import { USER_PROFILE_ACTIVITY } from "@/constants/fetch-keys";
// helpers
// hooks
import { useUser } from "@/hooks/store/user";
-// assets
-import recentActivityEmptyState from "@/public/empty-state/recent_activity.svg";
// services
import { UserService } from "@/services/user.service";
diff --git a/apps/web/core/components/project/integration-card.tsx b/apps/web/core/components/project/integration-card.tsx
index 87e3519a5..1c32eb835 100644
--- a/apps/web/core/components/project/integration-card.tsx
+++ b/apps/web/core/components/project/integration-card.tsx
@@ -6,15 +6,15 @@ import { useParams } from "next/navigation";
import useSWR, { mutate } from "swr";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { IWorkspaceIntegration } from "@plane/types";
+// assets
+import GithubLogo from "@/app/assets/logos/github-square.png?url";
+import SlackLogo from "@/app/assets/services/slack.png?url";
// components
import { SelectRepository, SelectChannel } from "@/components/integration";
// constants
import { PROJECT_GITHUB_REPOSITORY } from "@/constants/fetch-keys";
-// icons
-import GithubLogo from "@/public/logos/github-square.png";
-import SlackLogo from "@/public/services/slack.png";
+// services
import { ProjectService } from "@/services/project";
-// types
type Props = {
integration: IWorkspaceIntegration;
diff --git a/apps/web/core/components/project/multi-select-modal.tsx b/apps/web/core/components/project/multi-select-modal.tsx
index add390304..fa64c1e90 100644
--- a/apps/web/core/components/project/multi-select-modal.tsx
+++ b/apps/web/core/components/project/multi-select-modal.tsx
@@ -1,6 +1,7 @@
import React, { useEffect, useMemo, useRef, useState } from "react";
import { xor } from "lodash-es";
import { observer } from "mobx-react";
+import { useTheme } from "next-themes";
import { Search } from "lucide-react";
import { Combobox } from "@headlessui/react";
// plane ui
@@ -8,14 +9,15 @@ import { useTranslation } from "@plane/i18n";
import { Button } from "@plane/propel/button";
import { CloseIcon } from "@plane/propel/icons";
import { Checkbox, EModalPosition, EModalWidth, ModalCore } from "@plane/ui";
-// components
import { cn } from "@plane/utils";
+// assets
+import darkProjectAsset from "@/app/assets/empty-state/search/project-dark.webp?url";
+import lightProjectAsset from "@/app/assets/empty-state/search/project-light.webp?url";
+// components
import { Logo } from "@/components/common/logo";
import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
-// helpers
// hooks
import { useProject } from "@/hooks/store/use-project";
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
type Props = {
isOpen: boolean;
@@ -33,6 +35,8 @@ export const ProjectMultiSelectModal: React.FC = observer((props) => {
const [isSubmitting, setIsSubmitting] = useState(false);
// refs
const moveButtonRef = useRef(null);
+ // theme hook
+ const { resolvedTheme } = useTheme();
// plane hooks
const { t } = useTranslation();
// store hooks
@@ -48,9 +52,7 @@ export const ProjectMultiSelectModal: React.FC = observer((props) => {
const projectQuery = `${project?.identifier} ${project?.name}`.toLowerCase();
return projectQuery.includes(searchTerm.toLowerCase());
});
- const filteredProjectResolvedPath = useResolvedAssetPath({
- basePath: "/empty-state/search/project",
- });
+ const filteredProjectResolvedPath = resolvedTheme === "light" ? lightProjectAsset : darkProjectAsset;
useEffect(() => {
if (isOpen) setSelectedProjectIds(selectedProjectIdsProp);
diff --git a/apps/web/core/components/project/root.tsx b/apps/web/core/components/project/root.tsx
index e917ecc4a..02e9a8e4a 100644
--- a/apps/web/core/components/project/root.tsx
+++ b/apps/web/core/components/project/root.tsx
@@ -71,9 +71,7 @@ export const ProjectRoot = observer(() => {
}, [clearAllFilters, clearAllAppliedDisplayFilters, workspaceSlug]);
useEffect(() => {
- isArchived
- ? updateDisplayFilters(workspaceSlug.toString(), { archived_projects: true })
- : updateDisplayFilters(workspaceSlug.toString(), { archived_projects: false });
+ updateDisplayFilters(workspaceSlug.toString(), { archived_projects: isArchived });
}, [pathname]);
return (
diff --git a/apps/web/core/components/project/settings/helper.tsx b/apps/web/core/components/project/settings/helper.tsx
index 0b7b18432..23a0db53b 100644
--- a/apps/web/core/components/project/settings/helper.tsx
+++ b/apps/web/core/components/project/settings/helper.tsx
@@ -3,6 +3,7 @@ import { ChevronRight } from "lucide-react";
import { PROJECT_TRACKER_ELEMENTS } from "@plane/constants";
import { EPillVariant, Pill, EPillSize } from "@plane/propel/pill";
import { ToggleSwitch } from "@plane/ui";
+import { joinUrlPath } from "@plane/utils";
import type { TProperties } from "@/plane-web/constants/project/settings/features";
type Props = {
@@ -17,7 +18,7 @@ type Props = {
export const ProjectFeatureToggle = (props: Props) => {
const { workspaceSlug, projectId, featureItem, value, handleSubmit, disabled } = props;
return featureItem.href ? (
-
+
{
const { workspaceSlug, intersectionElement, columnCount } = props;
// navigation
const pathname = usePathname();
+ // theme hook
+ const { resolvedTheme } = useTheme();
// plane hooks
const { t } = useTranslation();
// store hooks
@@ -55,10 +62,8 @@ export const StickiesList = observer((props: TProps) => {
[EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER, EUserWorkspaceRoles.GUEST],
EUserPermissionsLevel.WORKSPACE
);
- const stickiesResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/stickies/stickies" });
- const stickiesSearchResolvedPath = useResolvedAssetPath({
- basePath: "/empty-state/stickies/stickies-search",
- });
+ const stickiesResolvedPath = resolvedTheme === "light" ? lightStickiesAsset : darkStickiesAsset;
+ const stickiesSearchResolvedPath = resolvedTheme === "light" ? lightStickiesSearchAsset : darkStickiesSearchAsset;
const masonryRef = useRef(null);
const handleLayout = () => {
diff --git a/apps/web/core/components/stickies/sticky/inputs.tsx b/apps/web/core/components/stickies/sticky/inputs.tsx
index dad7b4761..068a9aa4f 100644
--- a/apps/web/core/components/stickies/sticky/inputs.tsx
+++ b/apps/web/core/components/stickies/sticky/inputs.tsx
@@ -1,5 +1,4 @@
import { useCallback, useEffect, useRef } from "react";
-// import dynamic from "next/dynamic";
import { usePathname } from "next/navigation";
import { Controller, useForm } from "react-hook-form";
// plane imports
diff --git a/apps/web/core/components/web-hooks/empty-state.tsx b/apps/web/core/components/web-hooks/empty-state.tsx
index 88ab56001..2fca6476d 100644
--- a/apps/web/core/components/web-hooks/empty-state.tsx
+++ b/apps/web/core/components/web-hooks/empty-state.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
// ui
import { Button } from "@plane/propel/button";
// assets
-import EmptyWebhook from "@/public/empty-state/web-hook.svg";
+import EmptyWebhook from "@/app/assets/empty-state/web-hook.svg?url";
type Props = {
onClick: () => void;
diff --git a/apps/web/core/components/workspace-notifications/root.tsx b/apps/web/core/components/workspace-notifications/root.tsx
index 406f8beae..307001dc3 100644
--- a/apps/web/core/components/workspace-notifications/root.tsx
+++ b/apps/web/core/components/workspace-notifications/root.tsx
@@ -14,7 +14,6 @@ import { LogoSpinner } from "@/components/common/logo-spinner";
import { useWorkspaceNotifications } from "@/hooks/store/notifications";
import { useWorkspace } from "@/hooks/store/use-workspace";
import { useUserPermissions } from "@/hooks/store/user";
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
import { useWorkspaceIssueProperties } from "@/hooks/use-workspace-issue-properties";
// plane web imports
import { useNotificationPreview } from "@/plane-web/hooks/use-notification-preview";
@@ -42,7 +41,6 @@ export const NotificationsRoot = observer(({ workspaceSlug }: NotificationsRootP
// derived values
const { workspace_slug, project_id, issue_id, is_inbox_issue } =
notificationLiteByNotificationId(currentSelectedNotificationId);
- const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/intake/issue-detail" });
// fetching workspace work item properties
useWorkspaceIssueProperties(workspaceSlug);
diff --git a/apps/web/core/hooks/use-app-router.tsx b/apps/web/core/hooks/use-app-router.tsx
index 71841cbe9..9fb11e2c4 100644
--- a/apps/web/core/hooks/use-app-router.tsx
+++ b/apps/web/core/hooks/use-app-router.tsx
@@ -1,4 +1,4 @@
// router from n-progress-bar
-import { useRouter } from "@/lib/b-progress";
+import { useRouter } from "next/navigation";
export const useAppRouter = () => useRouter();
diff --git a/apps/web/core/hooks/use-resolved-asset-path.tsx b/apps/web/core/hooks/use-resolved-asset-path.tsx
deleted file mode 100644
index 4233dc646..000000000
--- a/apps/web/core/hooks/use-resolved-asset-path.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useTheme } from "next-themes";
-
-type AssetPathConfig = {
- basePath: string;
- additionalPath?: string;
- extension?: string;
- includeThemeInPath?: boolean;
-};
-
-export const useResolvedAssetPath = ({
- basePath,
- additionalPath = "",
- extension = "webp",
- includeThemeInPath = true,
-}: AssetPathConfig) => {
- // hooks
- const { resolvedTheme } = useTheme();
- // resolved theme
- const theme = resolvedTheme === "light" ? "light" : "dark";
-
- if (!includeThemeInPath) {
- return `${additionalPath && additionalPath !== "" ? `${basePath}${additionalPath}` : basePath}.${extension}`;
- }
-
- return `${additionalPath && additionalPath !== "" ? `${basePath}${additionalPath}` : basePath}-${theme}.${extension}`;
-};
diff --git a/apps/web/core/layouts/auth-layout/project-wrapper.tsx b/apps/web/core/layouts/auth-layout/project-wrapper.tsx
index a341f202d..cc4803946 100644
--- a/apps/web/core/layouts/auth-layout/project-wrapper.tsx
+++ b/apps/web/core/layouts/auth-layout/project-wrapper.tsx
@@ -32,7 +32,7 @@ import { persistence } from "@/local-db/storage.sqlite";
interface IProjectAuthWrapper {
workspaceSlug: string;
- projectId: string;
+ projectId?: string;
children: ReactNode;
isLoading?: boolean;
}
diff --git a/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx b/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx
index 779018db0..5b48a6992 100644
--- a/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx
+++ b/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx
@@ -17,6 +17,11 @@ import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import { Tooltip } from "@plane/propel/tooltip";
// components
import { cn } from "@plane/utils";
+// assets
+import PlaneBlackLogo from "@/app/assets/plane-logos/black-horizontal-with-blue-logo.png?url";
+import PlaneWhiteLogo from "@/app/assets/plane-logos/white-horizontal-with-blue-logo.png?url";
+import WorkSpaceNotAvailable from "@/app/assets/workspace/workspace-not-available.png?url";
+// components
import { LogoSpinner } from "@/components/common/logo-spinner";
// hooks
import { useFavorite } from "@/hooks/store/use-favorite";
@@ -28,10 +33,6 @@ import { useUser, useUserPermissions } from "@/hooks/store/user";
import { usePlatformOS } from "@/hooks/use-platform-os";
// local
import { persistence } from "@/local-db/storage.sqlite";
-// images
-import PlaneBlackLogo from "@/public/plane-logos/black-horizontal-with-blue-logo.png";
-import PlaneWhiteLogo from "@/public/plane-logos/white-horizontal-with-blue-logo.png";
-import WorkSpaceNotAvailable from "@/public/workspace/workspace-not-available.png";
interface IWorkspaceAuthWrapper {
children: ReactNode;
diff --git a/apps/web/core/lib/b-progress/AppProgressBar.tsx b/apps/web/core/lib/b-progress/AppProgressBar.tsx
index 0856200bd..1bd9362c0 100644
--- a/apps/web/core/lib/b-progress/AppProgressBar.tsx
+++ b/apps/web/core/lib/b-progress/AppProgressBar.tsx
@@ -1,6 +1,140 @@
-import { useRouter as useBProgressRouter } from "@bprogress/next";
+"use client";
-export function useRouter() {
- const router = useBProgressRouter();
- return router;
+import { useEffect, useRef } from "react";
+import { BProgress } from "@bprogress/core";
+import { useNavigation } from "react-router";
+import "@bprogress/core/css";
+
+/**
+ * Progress bar configuration options
+ */
+interface ProgressConfig {
+ /** Whether to show the loading spinner */
+ showSpinner: boolean;
+ /** Minimum progress percentage (0-1) */
+ minimum: number;
+ /** Animation speed in milliseconds */
+ speed: number;
+ /** Auto-increment speed in milliseconds */
+ trickleSpeed: number;
+ /** CSS easing function */
+ easing: string;
+ /** Enable auto-increment */
+ trickle: boolean;
+ /** Delay before showing progress bar in milliseconds */
+ delay: number;
+ /** Whether to disable the progress bar */
+ isDisabled?: boolean;
+}
+
+/**
+ * Configuration for the progress bar
+ */
+const PROGRESS_CONFIG: Readonly = {
+ showSpinner: false,
+ minimum: 0.1,
+ speed: 400,
+ trickleSpeed: 800,
+ easing: "ease",
+ trickle: true,
+ delay: 0,
+ isDisabled: import.meta.env.PROD, // Disable progress bar in production builds
+} as const;
+
+/**
+ * Navigation Progress Bar Component
+ *
+ * Automatically displays a progress bar at the top of the page during React Router navigation.
+ * Integrates with React Router's useNavigation hook to monitor route changes.
+ *
+ * Note: Progress bar is disabled in production builds.
+ *
+ * @returns null - This component doesn't render any visible elements
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ * return (
+ * <>
+ * | null>(null);
+ const startedRef = useRef(false);
+
+ // Initialize BProgress once on mount
+ useEffect(() => {
+ // Skip initialization in production builds
+ if (PROGRESS_CONFIG.isDisabled) {
+ return;
+ }
+
+ // Configure BProgress with our settings
+ BProgress.configure({
+ showSpinner: PROGRESS_CONFIG.showSpinner,
+ minimum: PROGRESS_CONFIG.minimum,
+ speed: PROGRESS_CONFIG.speed,
+ trickleSpeed: PROGRESS_CONFIG.trickleSpeed,
+ easing: PROGRESS_CONFIG.easing,
+ trickle: PROGRESS_CONFIG.trickle,
+ });
+
+ // Render the progress bar element in the DOM
+ BProgress.render(true);
+
+ // Cleanup on unmount
+ return () => {
+ if (BProgress.isStarted()) {
+ BProgress.done();
+ }
+ };
+ }, []);
+
+ // Handle navigation state changes
+ useEffect(() => {
+ // Skip navigation tracking in production builds
+ if (PROGRESS_CONFIG.isDisabled) {
+ return;
+ }
+
+ if (navigation.state === "idle") {
+ // Navigation complete - clear any pending timer
+ if (timerRef.current !== null) {
+ clearTimeout(timerRef.current);
+ timerRef.current = null;
+ }
+
+ // Complete progress if it was started
+ if (startedRef.current) {
+ BProgress.done();
+ startedRef.current = false;
+ }
+ } else {
+ // Navigation in progress (loading or submitting)
+ // Only start if not already started and no timer pending
+ if (timerRef.current === null && !startedRef.current) {
+ timerRef.current = setTimeout((): void => {
+ if (!BProgress.isStarted()) {
+ BProgress.start();
+ startedRef.current = true;
+ }
+ timerRef.current = null;
+ }, PROGRESS_CONFIG.delay);
+ }
+ }
+
+ return () => {
+ if (timerRef.current !== null) {
+ clearTimeout(timerRef.current);
+ }
+ };
+ }, [navigation.state]);
+
+ return null;
}
diff --git a/apps/web/core/lib/posthog-provider.tsx b/apps/web/core/lib/posthog-provider.tsx
index 7be998692..b9b02a1fe 100644
--- a/apps/web/core/lib/posthog-provider.tsx
+++ b/apps/web/core/lib/posthog-provider.tsx
@@ -1,9 +1,8 @@
"use client";
import type { FC, ReactNode } from "react";
-import { useEffect } from "react";
+import { lazy, Suspense, useEffect } from "react";
import { observer } from "mobx-react";
-import dynamic from "next/dynamic";
import { useParams } from "next/navigation";
import posthog from "posthog-js";
import { PostHogProvider as PHProvider } from "posthog-js/react";
@@ -17,7 +16,7 @@ import { useInstance } from "@/hooks/store/use-instance";
import { useWorkspace } from "@/hooks/store/use-workspace";
import { useUser, useUserPermissions } from "@/hooks/store/user";
// dynamic imports
-const PostHogPageView = dynamic(() => import("@/lib/posthog-view"), { ssr: false });
+const PostHogPageView = lazy(() => import("@/lib/posthog-view"));
export interface IPosthogWrapper {
children: ReactNode;
@@ -99,7 +98,9 @@ const PostHogProvider: FC = observer((props) => {
if (is_posthog_enabled)
return (
-
+
{children}
);
diff --git a/apps/web/core/store/user/base-permissions.store.ts b/apps/web/core/store/user/base-permissions.store.ts
index b20049dc7..817574b93 100644
--- a/apps/web/core/store/user/base-permissions.store.ts
+++ b/apps/web/core/store/user/base-permissions.store.ts
@@ -32,7 +32,10 @@ export interface IBaseUserPermissionStore {
workspaceInfoBySlug: (workspaceSlug: string) => IWorkspaceMemberMe | undefined;
getWorkspaceRoleByWorkspaceSlug: (workspaceSlug: string) => TUserPermissions | EUserWorkspaceRoles | undefined;
getProjectRolesByWorkspaceSlug: (workspaceSlug: string) => IUserProjectsRole;
- getProjectRoleByWorkspaceSlugAndProjectId: (workspaceSlug: string, projectId: string) => EUserPermissions | undefined;
+ getProjectRoleByWorkspaceSlugAndProjectId: (
+ workspaceSlug: string,
+ projectId?: string
+ ) => EUserPermissions | undefined;
allowPermissions: (
allowPermissions: ETempUserRole[],
level: TUserPermissionsLevel,
@@ -142,7 +145,7 @@ export abstract class BaseUserPermissionStore implements IBaseUserPermissionStor
*/
abstract getProjectRoleByWorkspaceSlugAndProjectId: (
workspaceSlug: string,
- projectId: string
+ projectId?: string
) => EUserPermissions | undefined;
/**
diff --git a/apps/web/middleware.js b/apps/web/middleware.js
new file mode 100644
index 000000000..d1e43c9ff
--- /dev/null
+++ b/apps/web/middleware.js
@@ -0,0 +1,14 @@
+import { next } from "@vercel/edge";
+
+export default function middleware() {
+ return next({
+ headers: {
+ "Referrer-Policy": "origin-when-cross-origin",
+ "X-Frame-Options": "DENY",
+ "X-Content-Type-Options": "nosniff",
+ "X-DNS-Prefetch-Control": "on",
+ "Strict-Transport-Security": "max-age=31536000; includeSubDomains; preload",
+ },
+ });
+}
+
diff --git a/apps/web/nginx/nginx.conf b/apps/web/nginx/nginx.conf
new file mode 100644
index 000000000..160fcb9be
--- /dev/null
+++ b/apps/web/nginx/nginx.conf
@@ -0,0 +1,30 @@
+worker_processes 4;
+
+events {
+ worker_connections 1024;
+}
+
+http {
+ include mime.types;
+
+ default_type application/octet-stream;
+
+ set_real_ip_from 0.0.0.0/0;
+ real_ip_recursive on;
+ real_ip_header X-Forward-For;
+ limit_req_zone $binary_remote_addr zone=mylimit:10m rate=10r/s;
+
+ access_log /dev/stdout;
+ error_log /dev/stderr;
+
+ server {
+ listen 3000;
+
+ location / {
+ root /usr/share/nginx/html;
+ index index.html index.htm;
+ try_files $uri $uri/ /index.html;
+ }
+ }
+}
+
diff --git a/apps/web/package.json b/apps/web/package.json
index 81e60e2b2..b090c4fea 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -3,23 +3,25 @@
"version": "1.1.0",
"private": true,
"license": "AGPL-3.0",
+ "type": "module",
"scripts": {
- "dev": "next dev --port 3000",
- "build": "next build",
- "start": "next start",
- "clean": "rm -rf .turbo && rm -rf .next && rm -rf node_modules && rm -rf dist",
+ "dev": "cross-env NODE_ENV=development PORT=3000 node server.mjs",
+ "build": "react-router build",
+ "preview": "react-router build && cross-env NODE_ENV=production PORT=3000 node server.mjs",
+ "start": "serve -s build/client -l 3000",
+ "clean": "rm -rf .turbo && rm -rf .next && rm -rf .react-router && rm -rf node_modules && rm -rf dist && rm -rf build",
"check:lint": "eslint . --max-warnings 821",
- "check:types": "tsc --noEmit",
+ "check:types": "react-router typegen && tsc --noEmit",
"check:format": "prettier --check \"**/*.{ts,tsx,md,json,css,scss}\"",
"fix:lint": "eslint . --fix",
"fix:format": "prettier --write \"**/*.{ts,tsx,md,json,css,scss}\""
},
"dependencies": {
- "@atlaskit/pragmatic-drag-and-drop": "catalog:",
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "catalog:",
"@atlaskit/pragmatic-drag-and-drop-hitbox": "catalog:",
- "@bprogress/next": "^3.2.12",
- "@headlessui/react": "^1.7.3",
+ "@atlaskit/pragmatic-drag-and-drop": "catalog:",
+ "@bprogress/core": "catalog:",
+ "@headlessui/react": "^1.7.19",
"@intercom/messenger-js-sdk": "^0.0.12",
"@plane/constants": "workspace:*",
"@plane/editor": "workspace:*",
@@ -33,34 +35,45 @@
"@plane/utils": "workspace:*",
"@popperjs/core": "^2.11.8",
"@react-pdf/renderer": "^3.4.5",
+ "@react-router/express": "^7.9.3",
+ "@react-router/node": "^7.9.3",
"@tanstack/react-table": "^8.21.3",
"axios": "catalog:",
"clsx": "^2.0.0",
"cmdk": "^1.0.0",
"comlink": "^4.4.1",
+ "compression": "^1.8.1",
+ "cross-env": "^7.0.3",
"date-fns": "^4.1.0",
- "dotenv": "^16.0.3",
+ "dotenv": "^16.4.5",
"emoji-picker-react": "^4.5.16",
"export-to-csv": "^1.4.0",
+ "express": "^5.1.0",
+ "http-proxy-middleware": "^3.0.5",
+ "isbot": "^5.1.31",
"lodash-es": "catalog:",
"lucide-react": "catalog:",
- "mobx": "catalog:",
"mobx-react": "catalog:",
"mobx-utils": "catalog:",
- "next": "catalog:",
+ "mobx": "catalog:",
+ "morgan": "^1.10.1",
"next-themes": "^0.2.1",
"posthog-js": "^1.131.3",
- "react": "catalog:",
"react-color": "^2.19.3",
"react-dom": "catalog:",
"react-dropzone": "^14.2.3",
+ "react-fast-compare": "^3.2.2",
"react-hook-form": "7.51.5",
+ "react-is": "^18.2.0",
"react-markdown": "^8.0.7",
"react-masonry-component": "^6.3.0",
"react-pdf-html": "^2.1.2",
"react-popper": "^2.3.0",
+ "react-router-dom": "^7.9.1",
+ "react-router": "^7.9.1",
+ "react": "catalog:",
"recharts": "^2.12.7",
- "sharp": "catalog:",
+ "serve": "14.2.5",
"smooth-scroll-into-view-if-needed": "^2.0.2",
"swr": "catalog:",
"tailwind-merge": "^2.0.0",
@@ -71,12 +84,18 @@
"@plane/eslint-config": "workspace:*",
"@plane/tailwind-config": "workspace:*",
"@plane/typescript-config": "workspace:*",
+ "@react-router/dev": "^7.9.1",
+ "@types/compression": "^1.8.1",
+ "@types/express": "4.17.23",
"@types/lodash-es": "catalog:",
+ "@types/morgan": "^1.9.10",
"@types/node": "catalog:",
- "@types/react": "catalog:",
"@types/react-color": "^3.0.6",
"@types/react-dom": "catalog:",
+ "@types/react": "catalog:",
"prettier": "^3.2.5",
- "typescript": "catalog:"
+ "typescript": "catalog:",
+ "vite-tsconfig-paths": "^5.1.4",
+ "vite": "7.1.7"
}
}
diff --git a/apps/web/postcss.config.js b/apps/web/postcss.config.cjs
similarity index 99%
rename from apps/web/postcss.config.js
rename to apps/web/postcss.config.cjs
index 9b1e55fc4..3764bc499 100644
--- a/apps/web/postcss.config.js
+++ b/apps/web/postcss.config.cjs
@@ -1,2 +1,3 @@
// eslint-disable-next-line @typescript-eslint/no-require-imports
module.exports = require("@plane/tailwind-config/postcss.config.js");
+
diff --git a/apps/web/public/animated-icons/uploading.json b/apps/web/public/animated-icons/uploading.json
deleted file mode 100644
index 2258e72bc..000000000
--- a/apps/web/public/animated-icons/uploading.json
+++ /dev/null
@@ -1,742 +0,0 @@
-{
- "v": "5.3.4",
- "fr": 60,
- "ip": 0,
- "op": 84,
- "w": 678,
- "h": 896,
- "nm": "share",
- "ddd": 0,
- "assets": [],
- "layers": [
- {
- "ddd": 0,
- "ind": 1,
- "ty": 4,
- "nm": "Слой 18",
- "sr": 1,
- "ks": {
- "o": { "a": 0, "k": 100, "ix": 11 },
- "r": { "a": 0, "k": 0, "ix": 10 },
- "p": {
- "a": 1,
- "k": [
- {
- "i": { "x": 0.347, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p347_1_0p333_0",
- "t": 64,
- "s": [338, 1288, 0],
- "e": [338, 492, 0],
- "to": [0, -132.66667175293, 0],
- "ti": [0, 132.66667175293, 0]
- },
- { "t": 76 }
- ],
- "ix": 2
- },
- "a": { "a": 0, "k": [0, 0, 0], "ix": 1 },
- "s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
- },
- "ao": 0,
- "shapes": [
- {
- "ty": "gr",
- "it": [
- {
- "ind": 0,
- "ty": "sh",
- "ix": 1,
- "ks": {
- "a": 1,
- "k": [
- {
- "i": { "x": 0.354, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p354_1_0p333_0",
- "t": 65,
- "s": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [0.125, -433.461],
- [0.223, -433.488],
- [0, -433.488],
- [0.229, -433.33],
- [0, -433.488],
- [0.25, -433.262]
- ],
- "c": false
- }
- ],
- "e": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [177, -256.711],
- [0.223, -433.488],
- [0, -433.488],
- [-176.777, -256.711],
- [0, -433.488],
- [0, 169.488]
- ],
- "c": false
- }
- ]
- },
- { "t": 79 }
- ],
- "ix": 2
- },
- "nm": "Path 1",
- "mn": "ADBE Vector Shape - Group",
- "hd": false
- },
- {
- "ty": "st",
- "c": { "a": 0, "k": [0, 0, 0, 1], "ix": 3 },
- "o": { "a": 0, "k": 100, "ix": 4 },
- "w": { "a": 0, "k": 50, "ix": 5 },
- "lc": 2,
- "lj": 2,
- "nm": "Stroke 1",
- "mn": "ADBE Vector Graphic - Stroke",
- "hd": false
- },
- {
- "ty": "tr",
- "p": { "a": 0, "k": [0, 0], "ix": 2 },
- "a": { "a": 0, "k": [0, 0], "ix": 1 },
- "s": { "a": 0, "k": [100, 100], "ix": 3 },
- "r": { "a": 0, "k": 0, "ix": 6 },
- "o": { "a": 0, "k": 100, "ix": 7 },
- "sk": { "a": 0, "k": 0, "ix": 4 },
- "sa": { "a": 0, "k": 0, "ix": 5 },
- "nm": "Transform"
- }
- ],
- "nm": "Group 1",
- "np": 2,
- "cix": 2,
- "ix": 1,
- "mn": "ADBE Vector Group",
- "hd": false
- }
- ],
- "ip": 65,
- "op": 84,
- "st": 63,
- "bm": 0
- },
- {
- "ddd": 0,
- "ind": 2,
- "ty": 4,
- "nm": "Слой 15",
- "sr": 1,
- "ks": {
- "o": { "a": 0, "k": 100, "ix": 11 },
- "r": { "a": 0, "k": 0, "ix": 10 },
- "p": {
- "a": 1,
- "k": [
- {
- "i": { "x": 0.393, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p393_1_0p333_0",
- "t": 5,
- "s": [338, 492, 0],
- "e": [338, 482, 0],
- "to": [0, -1.66666662693024, 0],
- "ti": [0, -22.1666660308838, 0]
- },
- {
- "i": { "x": 0.418, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p418_1_0p333_0",
- "t": 15,
- "s": [338, 482, 0],
- "e": [338, 625, 0],
- "to": [0, 22.1666660308838, 0],
- "ti": [0, -1.66666662693024, 0]
- },
- {
- "i": { "x": 0.362, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p362_1_0p333_0",
- "t": 26,
- "s": [338, 625, 0],
- "e": [338, 492, 0],
- "to": [0, 1.66666662693024, 0],
- "ti": [0, 22.1666660308838, 0]
- },
- { "t": 35 }
- ],
- "ix": 2
- },
- "a": { "a": 0, "k": [0, 0, 0], "ix": 1 },
- "s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
- },
- "ao": 0,
- "shapes": [
- {
- "ty": "gr",
- "it": [
- {
- "ind": 0,
- "ty": "sh",
- "ix": 1,
- "ks": {
- "a": 1,
- "k": [
- {
- "i": { "x": 0.338, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p338_1_0p333_0",
- "t": 0,
- "s": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [177, -256.711],
- [0.223, -433.488],
- [0, -433.488],
- [-176.777, -256.711],
- [0, -433.488],
- [0, 169.488]
- ],
- "c": false
- }
- ],
- "e": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [169, -252.711],
- [0.223, -433.488],
- [0, -433.488],
- [-168.777, -252.711],
- [0, -433.488],
- [0, 169.488]
- ],
- "c": false
- }
- ]
- },
- {
- "i": { "x": 0.368, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p368_1_0p333_0",
- "t": 10,
- "s": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [169, -252.711],
- [0.223, -433.488],
- [0, -433.488],
- [-168.777, -252.711],
- [0, -433.488],
- [0, 169.488]
- ],
- "c": false
- }
- ],
- "e": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [189, -181.274],
- [0.223, -273],
- [0, -273],
- [-198.777, -181.274],
- [0, -273],
- [0, 169.488]
- ],
- "c": false
- }
- ]
- },
- {
- "i": { "x": 0.301, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p301_1_0p333_0",
- "t": 21,
- "s": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [189, -181.274],
- [0.223, -273],
- [0, -273],
- [-198.777, -181.274],
- [0, -273],
- [0, 169.488]
- ],
- "c": false
- }
- ],
- "e": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [177, -256.711],
- [0.223, -433.488],
- [0, -433.488],
- [-176.777, -256.711],
- [0, -433.488],
- [0, 169.488]
- ],
- "c": false
- }
- ]
- },
- {
- "i": { "x": 0.338, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p338_1_0p333_0",
- "t": 30,
- "s": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [177, -256.711],
- [0.223, -433.488],
- [0, -433.488],
- [-176.777, -256.711],
- [0, -433.488],
- [0, 169.488]
- ],
- "c": false
- }
- ],
- "e": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [55, -331.686],
- [0.223, -433.488],
- [0, -433.488],
- [-52.777, -331.843],
- [0, -433.488],
- [0, -78.512]
- ],
- "c": false
- }
- ]
- },
- {
- "i": { "x": 0.301, "y": 1 },
- "o": { "x": 0.333, "y": 0 },
- "n": "0p301_1_0p333_0",
- "t": 36,
- "s": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [55, -331.686],
- [0.223, -433.488],
- [0, -433.488],
- [-52.777, -331.843],
- [0, -433.488],
- [0, -78.512]
- ],
- "c": false
- }
- ],
- "e": [
- {
- "i": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [0.25, -432.593],
- [0.223, -433.488],
- [0, -433.488],
- [-0.027, -433.093],
- [0, -433.488],
- [0, -432.512]
- ],
- "c": false
- }
- ]
- },
- { "t": 42 }
- ],
- "ix": 2
- },
- "nm": "Path 1",
- "mn": "ADBE Vector Shape - Group",
- "hd": false
- },
- {
- "ty": "st",
- "c": { "a": 0, "k": [0, 0, 0, 1], "ix": 3 },
- "o": { "a": 0, "k": 100, "ix": 4 },
- "w": { "a": 0, "k": 50, "ix": 5 },
- "lc": 2,
- "lj": 2,
- "nm": "Stroke 1",
- "mn": "ADBE Vector Graphic - Stroke",
- "hd": false
- },
- {
- "ty": "tr",
- "p": { "a": 0, "k": [0, 0], "ix": 2 },
- "a": { "a": 0, "k": [0, 0], "ix": 1 },
- "s": { "a": 0, "k": [100, 100], "ix": 3 },
- "r": { "a": 0, "k": 0, "ix": 6 },
- "o": { "a": 0, "k": 100, "ix": 7 },
- "sk": { "a": 0, "k": 0, "ix": 4 },
- "sa": { "a": 0, "k": 0, "ix": 5 },
- "nm": "Transform"
- }
- ],
- "nm": "Group 1",
- "np": 2,
- "cix": 2,
- "ix": 1,
- "mn": "ADBE Vector Group",
- "hd": false
- }
- ],
- "ip": 0,
- "op": 39,
- "st": 0,
- "bm": 0
- },
- {
- "ddd": 0,
- "ind": 3,
- "ty": 4,
- "nm": "Слой 17",
- "sr": 1,
- "ks": {
- "o": { "a": 0, "k": 100, "ix": 11 },
- "r": { "a": 0, "k": 0, "ix": 10 },
- "p": { "a": 0, "k": [338, 492, 0], "ix": 2 },
- "a": { "a": 0, "k": [0, 0, 0], "ix": 1 },
- "s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
- },
- "ao": 0,
- "shapes": [
- {
- "ty": "gr",
- "it": [
- {
- "ind": 0,
- "ty": "sh",
- "ix": 1,
- "ks": {
- "a": 0,
- "k": {
- "i": [
- [0, 0],
- [0, 0],
- [48, -30.133],
- [32.954, 0],
- [0, 0],
- [25.447, 15.225],
- [0, 61.848],
- [0, 0]
- ],
- "o": [
- [0, 0],
- [0, 60.546],
- [-26.126, 16.401],
- [0, 0],
- [-31.652, 0],
- [-49.724, -29.75],
- [0, 0],
- [0, 0]
- ],
- "v": [
- [301.777, 0],
- [301.777, 196],
- [221.699, 340.096],
- [131.777, 366],
- [-131.777, 366],
- [-218.579, 342.008],
- [-301.777, 196],
- [-301.777, 0]
- ],
- "c": false
- },
- "ix": 2
- },
- "nm": "Path 1",
- "mn": "ADBE Vector Shape - Group",
- "hd": false
- },
- {
- "ty": "st",
- "c": { "a": 0, "k": [0, 0, 0, 1], "ix": 3 },
- "o": { "a": 0, "k": 100, "ix": 4 },
- "w": { "a": 0, "k": 50, "ix": 5 },
- "lc": 2,
- "lj": 2,
- "nm": "Stroke 1",
- "mn": "ADBE Vector Graphic - Stroke",
- "hd": false
- },
- {
- "ty": "tr",
- "p": { "a": 0, "k": [0, 0], "ix": 2 },
- "a": { "a": 0, "k": [0, 0], "ix": 1 },
- "s": { "a": 0, "k": [100, 100], "ix": 3 },
- "r": { "a": 0, "k": 0, "ix": 6 },
- "o": { "a": 0, "k": 100, "ix": 7 },
- "sk": { "a": 0, "k": 0, "ix": 4 },
- "sa": { "a": 0, "k": 0, "ix": 5 },
- "nm": "Transform"
- }
- ],
- "nm": "Group 1",
- "np": 2,
- "cix": 2,
- "ix": 1,
- "mn": "ADBE Vector Group",
- "hd": false
- },
- {
- "ty": "tm",
- "s": {
- "a": 1,
- "k": [
- {
- "i": { "x": [0.833], "y": [1] },
- "o": { "x": [0.473], "y": [-0.005] },
- "n": ["0p833_1_0p473_-0p005"],
- "t": 8,
- "s": [0],
- "e": [10]
- },
- {
- "i": { "x": [0.411], "y": [0.948] },
- "o": { "x": [0.167], "y": [0] },
- "n": ["0p411_0p948_0p167_0"],
- "t": 19,
- "s": [10],
- "e": [0]
- },
- { "t": 40 }
- ],
- "ix": 1
- },
- "e": {
- "a": 1,
- "k": [
- {
- "i": { "x": [0.833], "y": [1] },
- "o": { "x": [0.473], "y": [0.005] },
- "n": ["0p833_1_0p473_0p005"],
- "t": 8,
- "s": [100],
- "e": [90]
- },
- {
- "i": { "x": [0.411], "y": [1.052] },
- "o": { "x": [0.167], "y": [0] },
- "n": ["0p411_1p052_0p167_0"],
- "t": 19,
- "s": [90],
- "e": [100]
- },
- { "t": 40 }
- ],
- "ix": 2
- },
- "o": { "a": 0, "k": 0, "ix": 3 },
- "m": 1,
- "ix": 2,
- "nm": "Trim Paths 1",
- "mn": "ADBE Vector Filter - Trim",
- "hd": false
- }
- ],
- "ip": 0,
- "op": 84,
- "st": 0,
- "bm": 0
- }
- ],
- "markers": []
-}
diff --git a/apps/web/public/icons/icon-128x128.png b/apps/web/public/icons/icon-128x128.png
deleted file mode 100644
index 57dc9ce58..000000000
Binary files a/apps/web/public/icons/icon-128x128.png and /dev/null differ
diff --git a/apps/web/public/manifest.json b/apps/web/public/manifest.json
index c7e2fc5af..35917737d 100644
--- a/apps/web/public/manifest.json
+++ b/apps/web/public/manifest.json
@@ -9,8 +9,8 @@
"purpose": "any maskable"
},
{
- "src": "/icons/icon-384x384.png",
- "sizes": "384x384",
+ "src": "/icons/icon-348x348.png",
+ "sizes": "348x348",
"type": "image/png"
},
{
diff --git a/apps/web/react-router.config.ts b/apps/web/react-router.config.ts
new file mode 100644
index 000000000..8b10c5e4b
--- /dev/null
+++ b/apps/web/react-router.config.ts
@@ -0,0 +1,8 @@
+import type { Config } from "@react-router/dev/config";
+
+export default {
+ appDirectory: "app",
+ basename: process.env.NEXT_PUBLIC_WEB_BASE_PATH,
+ // Web runs as a client-side app; build a static client bundle only
+ ssr: false,
+} satisfies Config;
diff --git a/apps/web/server.mjs b/apps/web/server.mjs
new file mode 100644
index 000000000..7ffa0d605
--- /dev/null
+++ b/apps/web/server.mjs
@@ -0,0 +1,77 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import compression from "compression";
+import dotenv from "dotenv";
+import express from "express";
+import morgan from "morgan";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+dotenv.config({ path: path.resolve(__dirname, ".env") });
+
+const BUILD_PATH = "./build/server/index.js";
+const DEVELOPMENT = process.env.NODE_ENV !== "production";
+
+// Derive the port from NEXT_PUBLIC_WEB_BASE_URL when available, otherwise
+// default to http://localhost:3000 and fall back to PORT env if explicitly set.
+const DEFAULT_BASE_URL = "http://localhost:3000";
+const WEB_BASE_URL = process.env.NEXT_PUBLIC_WEB_BASE_URL || DEFAULT_BASE_URL;
+let parsedBaseUrl;
+try {
+ parsedBaseUrl = new URL(WEB_BASE_URL);
+} catch {
+ parsedBaseUrl = new URL(DEFAULT_BASE_URL);
+}
+
+const PORT = Number.parseInt(parsedBaseUrl.port, 10);
+
+async function start() {
+ const app = express();
+
+ app.use(compression());
+ app.disable("x-powered-by");
+
+ if (DEVELOPMENT) {
+ console.log("Starting development server");
+
+ const vite = await import("vite").then((vite) =>
+ vite.createServer({
+ server: { middlewareMode: true },
+ appType: "custom",
+ })
+ );
+
+ app.use(vite.middlewares);
+
+ app.use(async (req, res, next) => {
+ try {
+ const source = await vite.ssrLoadModule("./server/app.ts");
+ return source.app(req, res, next);
+ } catch (error) {
+ if (error instanceof Error) {
+ vite.ssrFixStacktrace(error);
+ }
+
+ next(error);
+ }
+ });
+ } else {
+ console.log("Starting production server");
+
+ app.use("/assets", express.static("build/client/assets", { immutable: true, maxAge: "1y" }));
+ app.use(morgan("tiny"));
+ app.use(express.static("build/client", { maxAge: "1h" }));
+ app.use(await import(BUILD_PATH).then((mod) => mod.app));
+ }
+
+ app.listen(PORT, () => {
+ const origin = `${parsedBaseUrl.protocol}//${parsedBaseUrl.hostname}:${PORT}`;
+ console.log(`Server is running on ${origin}`);
+ });
+}
+
+start().catch((error) => {
+ console.error(error);
+ process.exit(1);
+});
+
diff --git a/apps/web/server/app.ts b/apps/web/server/app.ts
new file mode 100644
index 000000000..f2e7349f0
--- /dev/null
+++ b/apps/web/server/app.ts
@@ -0,0 +1,47 @@
+import "react-router";
+import { createRequestHandler } from "@react-router/express";
+import express from "express";
+import type { Express } from "express";
+import { createProxyMiddleware } from "http-proxy-middleware";
+import type { ServerBuild } from "react-router";
+
+const NEXT_PUBLIC_API_BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL
+ ? process.env.NEXT_PUBLIC_API_BASE_URL.replace(/\/$/, "")
+ : "http://127.0.0.1:8000";
+const NEXT_PUBLIC_API_BASE_PATH = process.env.NEXT_PUBLIC_API_BASE_PATH
+ ? process.env.NEXT_PUBLIC_API_BASE_PATH.replace(/\/+$/, "")
+ : "/api";
+const NORMALIZED_API_BASE_PATH = NEXT_PUBLIC_API_BASE_PATH.startsWith("/")
+ ? NEXT_PUBLIC_API_BASE_PATH
+ : `/${NEXT_PUBLIC_API_BASE_PATH}`;
+const NEXT_PUBLIC_WEB_BASE_PATH = process.env.NEXT_PUBLIC_WEB_BASE_PATH
+ ? process.env.NEXT_PUBLIC_WEB_BASE_PATH.replace(/\/$/, "")
+ : "/";
+
+export const app: Express = express();
+
+// Ensure proxy-aware hostname/URL handling (e.g., X-Forwarded-Host/Proto)
+// so generated URLs/redirects reflect the public host when behind Nginx.
+// See related fix in Remix Express adapter.
+app.set("trust proxy", true);
+
+app.use(
+ "/api",
+ createProxyMiddleware({
+ target: NEXT_PUBLIC_API_BASE_URL,
+ changeOrigin: true,
+ secure: false,
+ pathRewrite: (path: string) =>
+ NORMALIZED_API_BASE_PATH === "/api" ? path : path.replace(/^\/api/, NORMALIZED_API_BASE_PATH),
+ })
+);
+
+const router = express.Router();
+
+router.use(
+ createRequestHandler({
+ build: () => import("virtual:react-router/server-build") as Promise,
+ })
+);
+
+app.use(NEXT_PUBLIC_WEB_BASE_PATH, router);
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index 5fbc91843..509910022 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -970,3 +970,30 @@ div.web-view-spinner div.bar12 {
border-radius: 4px;
}
}
+
+/* Progress Bar Styles */
+:root {
+ --bprogress-color: rgb(var(--color-primary-100)) !important;
+ --bprogress-height: 2.5px !important;
+}
+
+.bprogress {
+ pointer-events: none;
+}
+
+.bprogress .bar {
+ background: linear-gradient(
+ 90deg,
+ rgba(var(--color-primary-100), 0.8) 0%,
+ rgba(var(--color-primary-100), 1) 100%
+ ) !important;
+ will-change: width, opacity;
+}
+
+.bprogress .peg {
+ display: block;
+ box-shadow:
+ 0 0 8px rgba(var(--color-primary-100), 0.6),
+ 0 0 4px rgba(var(--color-primary-100), 0.4) !important;
+ will-change: transform, opacity;
+}
diff --git a/apps/web/tailwind.config.js b/apps/web/tailwind.config.cjs
similarity index 99%
rename from apps/web/tailwind.config.js
rename to apps/web/tailwind.config.cjs
index b6377a045..d1f2e7f4c 100644
--- a/apps/web/tailwind.config.js
+++ b/apps/web/tailwind.config.cjs
@@ -5,3 +5,4 @@ const sharedConfig = require("@plane/tailwind-config/tailwind.config.js");
module.exports = {
presets: [sharedConfig],
};
+
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
index f2589c8db..a49eef847 100644
--- a/apps/web/tsconfig.json
+++ b/apps/web/tsconfig.json
@@ -1,17 +1,18 @@
{
- "extends": "@plane/typescript-config/nextjs.json",
+ "extends": "@plane/typescript-config/react-router.json",
"compilerOptions": {
"baseUrl": ".",
+ "rootDirs": [".", "./.react-router/types"],
+ "types": ["node", "vite/client"],
"paths": {
+ "@/app/*": ["app/*"],
"@/*": ["core/*"],
"@/helpers/*": ["helpers/*"],
- "@/public/*": ["public/*"],
"@/styles/*": ["styles/*"],
"@/plane-web/*": ["ce/*"]
},
- "plugins": [{ "name": "next" }],
"strictNullChecks": true
},
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "include": ["**/*", "**/.server/**/*", "**/.client/**/*", ".react-router/types/**/*"],
"exclude": ["node_modules"]
}
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
new file mode 100644
index 000000000..c9bb4f2ae
--- /dev/null
+++ b/apps/web/vite.config.ts
@@ -0,0 +1,62 @@
+import path from "node:path";
+import { reactRouter } from "@react-router/dev/vite";
+import { defineConfig } from "vite";
+import tsconfigPaths from "vite-tsconfig-paths";
+
+const PUBLIC_ENV_KEYS = [
+ "NEXT_PUBLIC_API_BASE_URL",
+ "NEXT_PUBLIC_API_BASE_PATH",
+ "NEXT_PUBLIC_ADMIN_BASE_URL",
+ "NEXT_PUBLIC_ADMIN_BASE_PATH",
+ "NEXT_PUBLIC_SPACE_BASE_URL",
+ "NEXT_PUBLIC_SPACE_BASE_PATH",
+ "NEXT_PUBLIC_LIVE_BASE_URL",
+ "NEXT_PUBLIC_LIVE_BASE_PATH",
+ "NEXT_PUBLIC_WEB_BASE_URL",
+ "NEXT_PUBLIC_WEB_BASE_PATH",
+ "NEXT_PUBLIC_WEBSITE_URL",
+ "NEXT_PUBLIC_SUPPORT_EMAIL",
+ "NEXT_PUBLIC_POSTHOG_KEY",
+ "NEXT_PUBLIC_POSTHOG_HOST",
+ "NEXT_PUBLIC_PLAUSIBLE_DOMAIN",
+ "NEXT_PUBLIC_ENABLE_SESSION_RECORDER",
+ "NEXT_PUBLIC_SESSION_RECORDER_KEY",
+];
+
+const publicEnv = PUBLIC_ENV_KEYS.reduce>((acc, key) => {
+ acc[key] = process.env[key] ?? "";
+ return acc;
+}, {});
+
+export default defineConfig(({ isSsrBuild }) => {
+ // Only produce an SSR bundle when explicitly enabled.
+ // For static deployments (default), we skip the server build entirely.
+ const enableSsrBuild = process.env.WEB_ENABLE_SSR_BUILD === "true";
+
+ return {
+ define: {
+ "process.env": JSON.stringify(publicEnv),
+ },
+ build: {
+ assetsInlineLimit: 0,
+ rollupOptions:
+ isSsrBuild && enableSsrBuild
+ ? {
+ input: path.resolve(__dirname, "server/app.ts"),
+ }
+ : undefined,
+ },
+ plugins: [reactRouter(), tsconfigPaths({ projects: [path.resolve(__dirname, "tsconfig.json")] })],
+ resolve: {
+ alias: {
+ // Next.js compatibility shims used within web
+ "next/image": path.resolve(__dirname, "app/compat/next/image.tsx"),
+ "next/link": path.resolve(__dirname, "app/compat/next/link.tsx"),
+ "next/navigation": path.resolve(__dirname, "app/compat/next/navigation.ts"),
+ "next/script": path.resolve(__dirname, "app/compat/next/script.tsx"),
+ },
+ dedupe: ["react", "react-dom", "@headlessui/react"],
+ },
+ // No SSR-specific overrides needed; alias resolves to ESM build
+ };
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3727381be..2d2a91543 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -60,9 +60,6 @@ catalogs:
mobx-utils:
specifier: 6.0.8
version: 6.0.8
- next:
- specifier: 14.2.32
- version: 14.2.32
react:
specifier: 18.3.1
version: 18.3.1
@@ -190,7 +187,7 @@ importers:
version: 1.10.1
next-themes:
specifier: ^0.2.1
- version: 0.2.1(next@14.2.32(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+ version: 0.2.1(next@14.2.32(@babel/core@7.28.4)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
react:
specifier: 'catalog:'
version: 18.3.1
@@ -389,7 +386,7 @@ importers:
specifier: ^11.11.0
version: 11.14.0(@emotion/react@11.14.0(@types/react@18.3.11)(react@18.3.1))(@types/react@18.3.11)(react@18.3.1)
'@headlessui/react':
- specifier: ^1.7.13
+ specifier: ^1.7.19
version: 1.7.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
'@plane/constants':
specifier: workspace:*
@@ -474,7 +471,7 @@ importers:
version: 1.10.1
next-themes:
specifier: ^0.2.1
- version: 0.2.1(next@14.2.32(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+ version: 0.2.1(next@14.2.32(@babel/core@7.28.4)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
react:
specifier: 'catalog:'
version: 18.3.1
@@ -560,11 +557,11 @@ importers:
'@atlaskit/pragmatic-drag-and-drop-hitbox':
specifier: 'catalog:'
version: 1.1.0
- '@bprogress/next':
- specifier: ^3.2.12
- version: 3.2.12(next@14.2.32(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+ '@bprogress/core':
+ specifier: 'catalog:'
+ version: 1.3.4
'@headlessui/react':
- specifier: ^1.7.3
+ specifier: ^1.7.19
version: 1.7.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
'@intercom/messenger-js-sdk':
specifier: ^0.0.12
@@ -605,6 +602,12 @@ importers:
'@react-pdf/renderer':
specifier: ^3.4.5
version: 3.4.5(react@18.3.1)
+ '@react-router/express':
+ specifier: ^7.9.3
+ version: 7.9.4(express@5.1.0)(react-router@7.9.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(typescript@5.8.3)
+ '@react-router/node':
+ specifier: ^7.9.3
+ version: 7.9.4(react-router@7.9.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(typescript@5.8.3)
'@tanstack/react-table':
specifier: ^8.21.3
version: 8.21.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -620,11 +623,17 @@ importers:
comlink:
specifier: ^4.4.1
version: 4.4.2
+ compression:
+ specifier: ^1.8.1
+ version: 1.8.1
+ cross-env:
+ specifier: ^7.0.3
+ version: 7.0.3
date-fns:
specifier: ^4.1.0
version: 4.1.0
dotenv:
- specifier: ^16.0.3
+ specifier: ^16.4.5
version: 16.6.1
emoji-picker-react:
specifier: ^4.5.16
@@ -632,6 +641,15 @@ importers:
export-to-csv:
specifier: ^1.4.0
version: 1.4.0
+ express:
+ specifier: ^5.1.0
+ version: 5.1.0
+ http-proxy-middleware:
+ specifier: ^3.0.5
+ version: 3.0.5
+ isbot:
+ specifier: ^5.1.31
+ version: 5.1.31
lodash-es:
specifier: 'catalog:'
version: 4.17.21
@@ -647,12 +665,12 @@ importers:
mobx-utils:
specifier: 'catalog:'
version: 6.0.8(mobx@6.12.0)
- next:
- specifier: 'catalog:'
- version: 14.2.32(@babel/core@7.28.4)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+ morgan:
+ specifier: ^1.10.1
+ version: 1.10.1
next-themes:
specifier: ^0.2.1
- version: 0.2.1(next@14.2.32(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+ version: 0.2.1(next@14.2.32(@babel/core@7.28.4)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
posthog-js:
specifier: ^1.131.3
version: 1.255.1
@@ -668,9 +686,15 @@ importers:
react-dropzone:
specifier: ^14.2.3
version: 14.3.8(react@18.3.1)
+ react-fast-compare:
+ specifier: ^3.2.2
+ version: 3.2.2
react-hook-form:
specifier: 7.51.5
version: 7.51.5(react@18.3.1)
+ react-is:
+ specifier: ^18.2.0
+ version: 18.3.1
react-markdown:
specifier: ^8.0.7
version: 8.0.7(@types/react@18.3.11)(react@18.3.1)
@@ -683,12 +707,18 @@ importers:
react-popper:
specifier: ^2.3.0
version: 2.3.0(@popperjs/core@2.11.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+ react-router:
+ specifier: ^7.9.1
+ version: 7.9.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+ react-router-dom:
+ specifier: ^7.9.1
+ version: 7.9.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
recharts:
specifier: ^2.12.7
version: 2.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
- sharp:
- specifier: 0.33.5
- version: 0.33.5
+ serve:
+ specifier: 14.2.5
+ version: 14.2.5
smooth-scroll-into-view-if-needed:
specifier: ^2.0.2
version: 2.0.2
@@ -714,9 +744,21 @@ importers:
'@plane/typescript-config':
specifier: workspace:*
version: link:../../packages/typescript-config
+ '@react-router/dev':
+ specifier: ^7.9.1
+ version: 7.9.3(@types/node@22.12.0)(babel-plugin-macros@3.1.0)(jiti@2.5.1)(react-router@7.9.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.43.1)(typescript@5.8.3)(vite@7.1.11(@types/node@22.12.0)(jiti@2.5.1)(terser@5.43.1)(yaml@2.8.1))(yaml@2.8.1)
+ '@types/compression':
+ specifier: ^1.8.1
+ version: 1.8.1
+ '@types/express':
+ specifier: 4.17.23
+ version: 4.17.23
'@types/lodash-es':
specifier: 'catalog:'
version: 4.17.12
+ '@types/morgan':
+ specifier: ^1.9.10
+ version: 1.9.10
'@types/node':
specifier: 'catalog:'
version: 22.12.0
@@ -735,6 +777,12 @@ importers:
typescript:
specifier: 5.8.3
version: 5.8.3
+ vite:
+ specifier: 7.1.11
+ version: 7.1.11(@types/node@22.12.0)(jiti@2.5.1)(terser@5.43.1)(yaml@2.8.1)
+ vite-tsconfig-paths:
+ specifier: ^5.1.4
+ version: 5.1.4(typescript@5.8.3)(vite@7.1.11(@types/node@22.12.0)(jiti@2.5.1)(terser@5.43.1)(yaml@2.8.1))
packages/constants:
dependencies:
@@ -1704,19 +1752,6 @@ packages:
'@bprogress/core@1.3.4':
resolution: {integrity: sha512-q/AqpurI/1uJzOrQROuZWixn/+ARekh+uvJGwLCP6HQ/EqAX4SkvNf618tSBxL4NysC0MwqAppb/mRw6Tzi61w==}
- '@bprogress/next@3.2.12':
- resolution: {integrity: sha512-/ZvNwbAd0ty9QiQwCfT2AfwWVdAaEyCPx5RUz3CfiiJS/OLBohhDz/IC/srhwK9GnXeXavvtiUrpKzN5GJDwlw==}
- peerDependencies:
- next: '>=13.0.0'
- react: '>=18.0.0'
- react-dom: '>=18.0.0'
-
- '@bprogress/react@1.2.7':
- resolution: {integrity: sha512-MqJfHW+R5CQeWqyqrLxUjdBRHk24Xl63OkBLo5DMWqUqocUikRTfCIc/jtQQbPk7BRfdr5OP3Lx7YlfQ9QOZMQ==}
- peerDependencies:
- react: '>=18.0.0'
- react-dom: '>=18.0.0'
-
'@chromatic-com/storybook@1.9.0':
resolution: {integrity: sha512-vYQ+TcfktEE3GHnLZXHCzXF/sN9dw+KivH8a5cmPyd9YtQs7fZtHrEgsIjWpYycXiweKMo1Lm1RZsjxk8DH3rA==}
engines: {node: '>=16.0.0', yarn: '>=1.22.18'}
@@ -2084,111 +2119,6 @@ packages:
peerDependencies:
react: '*'
- '@img/sharp-darwin-arm64@0.33.5':
- resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [arm64]
- os: [darwin]
-
- '@img/sharp-darwin-x64@0.33.5':
- resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [x64]
- os: [darwin]
-
- '@img/sharp-libvips-darwin-arm64@1.0.4':
- resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
- cpu: [arm64]
- os: [darwin]
-
- '@img/sharp-libvips-darwin-x64@1.0.4':
- resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
- cpu: [x64]
- os: [darwin]
-
- '@img/sharp-libvips-linux-arm64@1.0.4':
- resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
- cpu: [arm64]
- os: [linux]
-
- '@img/sharp-libvips-linux-arm@1.0.5':
- resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
- cpu: [arm]
- os: [linux]
-
- '@img/sharp-libvips-linux-s390x@1.0.4':
- resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
- cpu: [s390x]
- os: [linux]
-
- '@img/sharp-libvips-linux-x64@1.0.4':
- resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
- cpu: [x64]
- os: [linux]
-
- '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
- resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
- cpu: [arm64]
- os: [linux]
-
- '@img/sharp-libvips-linuxmusl-x64@1.0.4':
- resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
- cpu: [x64]
- os: [linux]
-
- '@img/sharp-linux-arm64@0.33.5':
- resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [arm64]
- os: [linux]
-
- '@img/sharp-linux-arm@0.33.5':
- resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [arm]
- os: [linux]
-
- '@img/sharp-linux-s390x@0.33.5':
- resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [s390x]
- os: [linux]
-
- '@img/sharp-linux-x64@0.33.5':
- resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [x64]
- os: [linux]
-
- '@img/sharp-linuxmusl-arm64@0.33.5':
- resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [arm64]
- os: [linux]
-
- '@img/sharp-linuxmusl-x64@0.33.5':
- resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [x64]
- os: [linux]
-
- '@img/sharp-wasm32@0.33.5':
- resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [wasm32]
-
- '@img/sharp-win32-ia32@0.33.5':
- resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [ia32]
- os: [win32]
-
- '@img/sharp-win32-x64@0.33.5':
- resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
- cpu: [x64]
- os: [win32]
-
'@intercom/messenger-js-sdk@0.0.12':
resolution: {integrity: sha512-xoUGlKLD8nIcZaH7AesR/LfwXH4QQUdPZMV4sApK/zvVFBgAY/A9IWp1ey/jUcp+776ejtZeEqreJZxG4LdEuw==}
@@ -4727,10 +4657,6 @@ packages:
color@3.2.1:
resolution: {integrity: sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==}
- color@4.2.3:
- resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
- engines: {node: '>=12.5.0'}
-
colorette@2.0.20:
resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
@@ -7809,10 +7735,6 @@ packages:
setprototypeof@1.2.0:
resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
- sharp@0.33.5:
- resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
- engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-
shebang-command@2.0.0:
resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
engines: {node: '>=8'}
@@ -9056,20 +8978,6 @@ snapshots:
'@bprogress/core@1.3.4': {}
- '@bprogress/next@3.2.12(next@14.2.32(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
- dependencies:
- '@bprogress/core': 1.3.4
- '@bprogress/react': 1.2.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
- next: 14.2.32(@babel/core@7.28.4)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
- react: 18.3.1
- react-dom: 18.3.1(react@18.3.1)
-
- '@bprogress/react@1.2.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
- dependencies:
- '@bprogress/core': 1.3.4
- react: 18.3.1
- react-dom: 18.3.1(react@18.3.1)
-
'@chromatic-com/storybook@1.9.0(react@18.3.1)':
dependencies:
chromatic: 11.29.0
@@ -9467,81 +9375,6 @@ snapshots:
dependencies:
react: 18.3.1
- '@img/sharp-darwin-arm64@0.33.5':
- optionalDependencies:
- '@img/sharp-libvips-darwin-arm64': 1.0.4
- optional: true
-
- '@img/sharp-darwin-x64@0.33.5':
- optionalDependencies:
- '@img/sharp-libvips-darwin-x64': 1.0.4
- optional: true
-
- '@img/sharp-libvips-darwin-arm64@1.0.4':
- optional: true
-
- '@img/sharp-libvips-darwin-x64@1.0.4':
- optional: true
-
- '@img/sharp-libvips-linux-arm64@1.0.4':
- optional: true
-
- '@img/sharp-libvips-linux-arm@1.0.5':
- optional: true
-
- '@img/sharp-libvips-linux-s390x@1.0.4':
- optional: true
-
- '@img/sharp-libvips-linux-x64@1.0.4':
- optional: true
-
- '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
- optional: true
-
- '@img/sharp-libvips-linuxmusl-x64@1.0.4':
- optional: true
-
- '@img/sharp-linux-arm64@0.33.5':
- optionalDependencies:
- '@img/sharp-libvips-linux-arm64': 1.0.4
- optional: true
-
- '@img/sharp-linux-arm@0.33.5':
- optionalDependencies:
- '@img/sharp-libvips-linux-arm': 1.0.5
- optional: true
-
- '@img/sharp-linux-s390x@0.33.5':
- optionalDependencies:
- '@img/sharp-libvips-linux-s390x': 1.0.4
- optional: true
-
- '@img/sharp-linux-x64@0.33.5':
- optionalDependencies:
- '@img/sharp-libvips-linux-x64': 1.0.4
- optional: true
-
- '@img/sharp-linuxmusl-arm64@0.33.5':
- optionalDependencies:
- '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
- optional: true
-
- '@img/sharp-linuxmusl-x64@0.33.5':
- optionalDependencies:
- '@img/sharp-libvips-linuxmusl-x64': 1.0.4
- optional: true
-
- '@img/sharp-wasm32@0.33.5':
- dependencies:
- '@emnapi/runtime': 1.5.0
- optional: true
-
- '@img/sharp-win32-ia32@0.33.5':
- optional: true
-
- '@img/sharp-win32-x64@0.33.5':
- optional: true
-
'@intercom/messenger-js-sdk@0.0.12': {}
'@ioredis/commands@1.3.0': {}
@@ -12496,11 +12329,6 @@ snapshots:
color-convert: 1.9.3
color-string: 1.9.1
- color@4.2.3:
- dependencies:
- color-convert: 2.0.1
- color-string: 1.9.1
-
colorette@2.0.20: {}
colorspace@1.1.4:
@@ -14683,7 +14511,7 @@ snapshots:
neo-async@2.6.2: {}
- next-themes@0.2.1(next@14.2.32(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+ next-themes@0.2.1(next@14.2.32(@babel/core@7.28.4)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
dependencies:
next: 14.2.32(@babel/core@7.28.4)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
react: 18.3.1
@@ -15982,32 +15810,6 @@ snapshots:
setprototypeof@1.2.0: {}
- sharp@0.33.5:
- dependencies:
- color: 4.2.3
- detect-libc: 2.1.0
- semver: 7.7.2
- optionalDependencies:
- '@img/sharp-darwin-arm64': 0.33.5
- '@img/sharp-darwin-x64': 0.33.5
- '@img/sharp-libvips-darwin-arm64': 1.0.4
- '@img/sharp-libvips-darwin-x64': 1.0.4
- '@img/sharp-libvips-linux-arm': 1.0.5
- '@img/sharp-libvips-linux-arm64': 1.0.4
- '@img/sharp-libvips-linux-s390x': 1.0.4
- '@img/sharp-libvips-linux-x64': 1.0.4
- '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
- '@img/sharp-libvips-linuxmusl-x64': 1.0.4
- '@img/sharp-linux-arm': 0.33.5
- '@img/sharp-linux-arm64': 0.33.5
- '@img/sharp-linux-s390x': 0.33.5
- '@img/sharp-linux-x64': 0.33.5
- '@img/sharp-linuxmusl-arm64': 0.33.5
- '@img/sharp-linuxmusl-x64': 0.33.5
- '@img/sharp-wasm32': 0.33.5
- '@img/sharp-win32-ia32': 0.33.5
- '@img/sharp-win32-x64': 0.33.5
-
shebang-command@2.0.0:
dependencies:
shebang-regex: 3.0.0