✨(frontend) open WOPI editor after file creation

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to
 - ✨(backend) manage reconciliation requests for user accounts
 - ✨(backend) add recursive folder export as ZIP archive
 - ✨(frontend) add folder export action
+- ✨(frontend) open WOPI editor after file creation
 
 ### Changed
 

src/backend/core/api/serializers.py

@@ -601,6 +601,7 @@ class Meta:
             "description",
             "hard_delete_at",
             "extension",
+            "is_wopi_supported",
         ]
         read_only_fields = [
             "abilities",
@@ -625,6 +626,7 @@ class Meta:
             "main_workspace",
             "size",
             "hard_delete_at",
+            "is_wopi_supported",
         ]
 
     def get_fields(self):

src/frontend/apps/drive/src/features/explorer/components/modals/ExplorerCreateFileModal.tsx

@@ -8,6 +8,8 @@ import { useTranslation } from "react-i18next";
 import { FormProvider, SubmitHandler, useForm } from "react-hook-form";
 import { RhfInput } from "@/features/forms/components/RhfInput";
 import { useMutationCreateFileFromTemplate } from "../../hooks/useMutations";
+import { openWopiInNewTab } from "@/features/wopi/openWopi";
+import { itemToPreviewFile } from "../../utils/utils";
 import { useRouter } from "next/router";
 import { useSetSelectedItems } from "../../stores/selectionStore";
 
@@ -58,9 +60,12 @@ export const ExplorerCreateFileModal = (
         onSuccess: (createdItem) => {
           form.reset();
           props.onClose();
-          if (props.redirectAfterCreate && createdItem?.id) {
+          if (props.redirectAfterCreate) {
             router.push(`/explorer/items/my-files`);
-            setSelectedItems([createdItem]);
+          }
+          setSelectedItems([createdItem]);
+          if (createdItem.is_wopi_supported) {
+            openWopiInNewTab(itemToPreviewFile(createdItem));
           }
         },
       }

src/frontend/apps/drive/src/features/explorer/components/modals/ExplorerCreateFolderModal.tsx

@@ -40,10 +40,10 @@ export const ExplorerCreateFolderModal = ({
         onSuccess: (createdItem) => {
           form.reset();
           props.onClose();
-          if (props.redirectAfterCreate && createdItem?.id) {
+          if (props.redirectAfterCreate) {
             router.push(`/explorer/items/${createdItem.id}`);
-            setSelectedItems([createdItem]);
           }
+          setSelectedItems([createdItem]);
         },
       },
     );