weseek__growi/apps/app/src/components/PageHeader/page-header-utils.ts

import { useCallback } from 'react';

import type { IPagePopulatedToShowRevision } from '@growi/core';
import { useTranslation } from 'next-i18next';

import { apiv3Put } from '~/client/util/apiv3-client';
import { toastSuccess, toastError } from '~/client/util/toastr';
import { useSWRMUTxCurrentPage } from '~/stores/page';
import { mutatePageTree, mutatePageList } from '~/stores/page-listing';

type PagePathRenameHandler = (newPagePath: string, onRenameFinish?: () => void, onRenameFailure?: () => void) => Promise<void>

export const usePagePathRenameHandler = (
    currentPage: IPagePopulatedToShowRevision,
): PagePathRenameHandler => {

  const { trigger: mutateCurrentPage } = useSWRMUTxCurrentPage();
  const { t } = useTranslation();

  const currentPagePath = currentPage.path;

  const pagePathRenameHandler = useCallback(async(newPagePath, onRenameFinish, onRenameFailure) => {

    const onRenamed = (fromPath: string | undefined, toPath: string) => {
      mutatePageTree();
      mutatePageList();

      if (currentPagePath === fromPath || currentPagePath === toPath) {
        mutateCurrentPage();
      }
    };

    if (newPagePath === currentPage.path || newPagePath === '') {
      onRenameFinish?.();
      return;
    }

    console.log(newPagePath);
    console.log(currentPagePath);

    try {
      await apiv3Put('/pages/rename', {
        pageId: currentPage._id,
        revisionId: currentPage.revision._id,
        newPagePath,
      });

      onRenamed(currentPage.path, newPagePath);
      onRenameFinish?.();

      toastSuccess(t('renamed_pages', { path: currentPage.path }));
    }
    catch (err) {
      onRenameFailure?.();
      toastError(err);
    }
  }, [currentPage._id, currentPage.path, currentPage.revision._id, currentPagePath, mutateCurrentPage, t]);

  return pagePathRenameHandler;
};