snapshot of https://github.com/makeplane/plane.git @ d868349a55de79979eb8b98701bf1702c67ad634 (2026-09-15)

apps/admin/providers/core.tsx

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { ThemeProvider } from "next-themes";
+import { SWRConfig } from "swr";
+import { AppProgressBar } from "@/lib/b-progress";
+// local imports
+import { ToastWithTheme } from "./toast";
+import { StoreProvider } from "./store.provider";
+import { InstanceProvider } from "./instance.provider";
+import { UserProvider } from "./user.provider";
+
+const DEFAULT_SWR_CONFIG = {
+  refreshWhenHidden: false,
+  revalidateIfStale: false,
+  revalidateOnFocus: false,
+  revalidateOnMount: true,
+  refreshInterval: 600_000,
+  errorRetryCount: 3,
+};
+
+export function CoreProviders({ children }: { children: React.ReactNode }) {
+  return (
+    <ThemeProvider themes={["light", "dark"]} defaultTheme="system" enableSystem>
+      <AppProgressBar />
+      <ToastWithTheme />
+      <SWRConfig value={DEFAULT_SWR_CONFIG}>
+        <StoreProvider>
+          <InstanceProvider>
+            <UserProvider>{children}</UserProvider>
+          </InstanceProvider>
+        </StoreProvider>
+      </SWRConfig>
+    </ThemeProvider>
+  );
+}

apps/admin/providers/extended.tsx

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+export function ExtendedProviders({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}

apps/admin/providers/index.tsx

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { CoreProviders } from "./core";
+import { ExtendedProviders } from "./extended";
+
+export function AppProviders({ children }: { children: React.ReactNode }) {
+  return (
+    <CoreProviders>
+      <ExtendedProviders>{children}</ExtendedProviders>
+    </CoreProviders>
+  );
+}

apps/admin/providers/instance.provider.tsx

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { observer } from "mobx-react";
+import useSWR from "swr";
+// hooks
+import { useInstance } from "@/hooks/store";
+
+export const InstanceProvider = observer(function InstanceProvider(props: React.PropsWithChildren) {
+  const { children } = props;
+  // store hooks
+  const { fetchInstanceInfo } = useInstance();
+  // fetching instance details
+  useSWR("INSTANCE_DETAILS", () => fetchInstanceInfo(), {
+    revalidateOnFocus: false,
+    revalidateIfStale: false,
+    errorRetryCount: 0,
+  });
+
+  return <>{children}</>;
+});

apps/admin/providers/store-context.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { createContext } from "react";
+// plane admin store
+import { RootStore } from "../store/root.store";
+
+export const rootStore = new RootStore();
+
+export const StoreContext = createContext<RootStore | undefined>(undefined);

apps/admin/providers/store.provider.tsx

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+// plane admin store
+import { StoreContext, rootStore } from "./store-context";
+
+function initializeStore(initialData = {}) {
+  // Hydrate the shared client-side store with any initial data before use.
+  if (initialData) {
+    rootStore.hydrate(initialData);
+  }
+  return rootStore;
+}
+
+export type StoreProviderProps = {
+  children: React.ReactNode;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initialState?: any;
+};
+
+export function StoreProvider({ children, initialState = {} }: StoreProviderProps) {
+  const store = initializeStore(initialState);
+  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>;
+}

apps/admin/providers/toast.tsx

@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { createToastManager, ToastProvider } from "@makeplane/propel/components/toast";
+import type { ToastData, ToastVariant } from "@makeplane/propel/components/toast";
+import { IconButton } from "@makeplane/propel/components/icon-button";
+import { Icon } from "@makeplane/propel/components/icon";
+import { CloseOutline } from "@makeplane/propel/icons";
+
+// Keep the call-site API the workspace @plane/propel toast exposed, backed by
+// @makeplane/propel's toast manager, so consumers only change their import path.
+export enum TOAST_TYPE {
+  SUCCESS = "success",
+  ERROR = "error",
+  INFO = "info",
+  WARNING = "warning",
+}
+
+const TYPE_TO_VARIANT: Record<TOAST_TYPE, ToastVariant> = {
+  [TOAST_TYPE.SUCCESS]: "success",
+  [TOAST_TYPE.ERROR]: "danger",
+  [TOAST_TYPE.INFO]: "info",
+  [TOAST_TYPE.WARNING]: "warning",
+};
+
+const toastManager = createToastManager();
+
+type SetToastProps = {
+  type: TOAST_TYPE;
+  title: string;
+  message?: string;
+};
+
+export const setToast = (props: SetToastProps) =>
+  toastManager.add({
+    title: props.title,
+    description: props.message,
+    data: { variant: TYPE_TO_VARIANT[props.type] },
+  });
+
+type PromiseToastData<TValue> = {
+  title: string;
+  message?: (data: TValue) => string;
+};
+
+type PromiseToastOptions<TValue> = {
+  loading?: string;
+  success: PromiseToastData<TValue>;
+  error: PromiseToastData<TValue>;
+};
+
+export const setPromiseToast = <TValue,>(promise: Promise<TValue>, options: PromiseToastOptions<TValue>): void => {
+  void toastManager.promise<TValue, ToastData>(promise, {
+    loading: {
+      title: options.loading ?? "Loading...",
+      data: { variant: "neutral" },
+    },
+    success: (data) => ({
+      title: options.success.title,
+      description: options.success.message?.(data),
+      data: { variant: "success" },
+    }),
+    error: (data) => ({
+      title: options.error.title,
+      description: options.error.message?.(data),
+      data: { variant: "danger" },
+    }),
+  });
+};
+
+export function ToastWithTheme() {
+  return (
+    <ToastProvider
+      toastManager={toastManager}
+      close={
+        <IconButton variant="ghost" size="sm" aria-label="Close notification" icon={<Icon icon={CloseOutline} />} />
+      }
+    />
+  );
+}

apps/admin/providers/user.provider.tsx

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { useEffect } from "react";
+import { observer } from "mobx-react";
+import useSWR from "swr";
+// hooks
+import { useInstance, useTheme, useUser } from "@/hooks/store";
+
+export const UserProvider = observer(function UserProvider({ children }: React.PropsWithChildren) {
+  // hooks
+  const { isSidebarCollapsed, toggleSidebar } = useTheme();
+  const { currentUser, fetchCurrentUser } = useUser();
+  const { fetchInstanceAdmins } = useInstance();
+
+  useSWR("CURRENT_USER", () => fetchCurrentUser(), {
+    shouldRetryOnError: false,
+  });
+
+  useSWR("INSTANCE_ADMINS", () => fetchInstanceAdmins());
+
+  useEffect(() => {
+    const localValue = localStorage && localStorage.getItem("god_mode_sidebar_collapsed");
+    const localBoolValue = localValue ? (localValue === "true" ? true : false) : false;
+    if (isSidebarCollapsed === undefined && localBoolValue != isSidebarCollapsed) toggleSidebar(localBoolValue);
+  }, [isSidebarCollapsed, currentUser, toggleSidebar]);
+
+  return <>{children}</>;
+});