chore: core files changes

Author: VipinDevelops

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

@@ -0,0 +1,7 @@
+export type TExtendedEditorConfigArgs = {
+  projectId?: string;
+  workspaceSlug: string;
+};
+
+export type TExtendedEditorConfig = object;
+export const extendedEditorConfig = (_args: TExtendedEditorConfigArgs): TExtendedEditorConfig => ({});

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

@@ -8,6 +8,7 @@ import { useEditorAsset } from "@/hooks/store/use-editor-asset";
 import { useFileSize } from "@/plane-web/hooks/use-file-size";
 // services
 import { FileService } from "@/services/file.service";
+import { extendedEditorConfig } from "@/plane-web/hooks/editor/use-editor-config";
 const fileService = new FileService();
 
 type TArgs = {
@@ -86,6 +87,10 @@ export const useEditorConfig = () => {
         validation: {
           maxFileSize,
         },
+        ...extendedEditorConfig({
+          projectId,
+          workspaceSlug,
+        }),
       };
     },
     [assetsUploadPercentage, maxFileSize]

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

@@ -273,7 +273,61 @@ export class FileService extends APIService {
         throw err?.response?.data;
       });
   }
+  async reuploadWorkspaceAsset(
+    workspaceSlug: string,
+    assetId: string,
+    file: File,
+    uploadProgressHandler?: AxiosRequestConfig["onUploadProgress"]
+  ): Promise<TFileSignedURLResponse> {
+    const fileMetaData = getFileMetaDataForUpload(file);
+    return this.post(`/api/assets/v2/workspaces/${workspaceSlug}/reupload/${assetId}/`, {
+      type: fileMetaData.type,
+      size: fileMetaData.size,
+    })
+      .then(async (response) => {
+        const signedURLResponse: TFileSignedURLResponse = response?.data;
+        const fileUploadPayload = generateFileUploadPayload(signedURLResponse, file);
+        await this.fileUploadService.uploadFile(
+          signedURLResponse.upload_data.url,
+          fileUploadPayload,
+          uploadProgressHandler
+        );
+        await this.updateWorkspaceAssetUploadStatus(workspaceSlug, signedURLResponse.asset_id);
+        return signedURLResponse;
+      })
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
 
+  async reuploadProjectAsset(
+    workspaceSlug: string,
+    projectId: string,
+    assetId: string,
+    file: File,
+    uploadProgressHandler?: AxiosRequestConfig["onUploadProgress"]
+  ): Promise<TFileSignedURLResponse> {
+    const fileMetaData = getFileMetaDataForUpload(file);
+
+    return this.post(`/api/assets/v2/workspaces/${workspaceSlug}/projects/${projectId}/reupload/${assetId}/`, {
+      type: fileMetaData.type,
+      size: fileMetaData.size,
+    })
+      .then(async (response) => {
+        const signedURLResponse: TFileSignedURLResponse = response?.data;
+        const fileUploadPayload = generateFileUploadPayload(signedURLResponse, file);
+        await this.fileUploadService.uploadFile(
+          signedURLResponse.upload_data.url,
+          fileUploadPayload,
+          uploadProgressHandler
+        );
+        await this.updateProjectAssetUploadStatus(workspaceSlug, projectId, signedURLResponse.asset_id);
+        return signedURLResponse;
+      })
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
   async getProjectCoverImages(): Promise<string[]> {
     return this.get(`/api/project-covers/`)
       .then((res) => res?.data)

packages/editor/src/ce/types/config.ts

@@ -0,0 +1 @@
+export type TExtendedFileHandler = null;

packages/editor/src/ce/types/index.ts

@@ -1,2 +1,3 @@
 export * from "./issue-embed";
 export * from "./editor-extended";
+export * from "./config";

packages/editor/src/core/plugins/drag-handle.ts

@@ -22,6 +22,7 @@ const generalSelectors = [
   ".image-upload-component",
   ".editor-callout-component",
   ".editor-embed-component",
+  ".editor-drawio-component",
 ].join(", ");
 
 const maxScrollSpeed = 20;

packages/editor/src/core/types/config.ts

@@ -1,5 +1,6 @@
 // plane imports
 import { TWebhookConnectionQueryParams } from "@plane/types";
+import { TExtendedFileHandler } from "@/plane-editor/types/config";
 
 export type TFileHandler = {
   assetsUploadStatus: Record<string, number>; // blockId => progress percentage
@@ -16,7 +17,7 @@ export type TFileHandler = {
      * @example enter 5242880(5 * 1024 * 1024) for 5MB
      */
     maxFileSize: number;
-  };
+  } & TExtendedFileHandler;
 };
 
 export type TEditorFontStyle = "sans-serif" | "serif" | "monospace";