[WIKI-699] refactor: editor config (#7850)

apps/web/ce/hooks/editor/use-extended-editor-config.ts

@@ -0,0 +1,23 @@
+import { useCallback } from "react";
+// plane imports
+import type { TExtendedFileHandler } from "@plane/editor";
+
+export type TExtendedEditorFileHandlersArgs = {
+  projectId?: string;
+  workspaceSlug: string;
+};
+
+export type TExtendedEditorConfig = {
+  getExtendedEditorFileHandlers: (args: TExtendedEditorFileHandlersArgs) => TExtendedFileHandler;
+};
+
+export const useExtendedEditorConfig = (): TExtendedEditorConfig => {
+  const getExtendedEditorFileHandlers: TExtendedEditorConfig["getExtendedEditorFileHandlers"] = useCallback(
+    () => ({}),
+    []
+  );
+
+  return {
+    getExtendedEditorFileHandlers,
+  };
+};

apps/web/core/hooks/editor/use-editor-config.ts

@@ -5,6 +5,7 @@ import { getEditorAssetDownloadSrc, getEditorAssetSrc } from "@plane/utils";
 // hooks
 import { useEditorAsset } from "@/hooks/store/use-editor-asset";
 // plane web hooks
+import { useExtendedEditorConfig } from "@/plane-web/hooks/editor/use-extended-editor-config";
 import { useFileSize } from "@/plane-web/hooks/use-file-size";
 // services
 import { FileService } from "@/services/file.service";
@@ -22,6 +23,7 @@ export const useEditorConfig = () => {
   const { assetsUploadPercentage } = useEditorAsset();
   // file size
   const { maxFileSize } = useFileSize();
+  const { getExtendedEditorFileHandlers } = useExtendedEditorConfig();
 
   const getEditorFileHandlers = useCallback(
     (args: TArgs): TFileHandler => {
@@ -86,9 +88,10 @@ export const useEditorConfig = () => {
         validation: {
           maxFileSize,
         },
+        ...getExtendedEditorFileHandlers({ projectId, workspaceSlug }),
       };
     },
-    [assetsUploadPercentage, maxFileSize]
+    [assetsUploadPercentage, getExtendedEditorFileHandlers, maxFileSize]
   );
 
   return {

apps/web/core/services/file.service.ts

@@ -273,7 +273,6 @@ export class FileService extends APIService {
         throw err?.response?.data;
       });
   }
-
   async getProjectCoverImages(): Promise<string[]> {
     return this.get(`/api/project-covers/`)
       .then((res) => res?.data)