كيفية استخدام Higher-Order Functions لتنظيم الأكواد المشتركة وإعادة استخدامها

export const getServerSideProps = async ({ locale }) => ({
  props: {
    someEnvVar: process.env.SOME_ENV_VAR,
    ...(await serverSideTranslations(locale ?? i18nextConfig.i18n.defaultLocale, ["common", "courses"]))
  }
});

export const getServerSideProps = storeWrapper.getServerSideProps((store) => async (context) => {
  const slug = context.params?.slug;

  store.dispatch(fetchPage.initiate(slug as string));

  await Promise.all(store.dispatch(getRunningPageQueries()));

  return {
    props: {}
  };
});

export const getServerSideProps = storeWrapper.getServerSideProps((store) => async (context) => {
  //new code
  store.dispatch(fetchTenant.initiate());
  await Promise.all(store.dispatch(getRunningTenantQueries()));
  const errors = getQueryErrors(fetchTenant, store);

  if (errors) {
    return errors;
  }
  const tenant = fetchTenant.select()(store.getState())?.data;

  if (!tenant) {
    return {
      notFound: true
    };
  }
  try {
    const env = process.env.NODE_ENV;
    const shouldRedirect = true;

    if (env === "production" && shouldRedirect) {
      return {
        redirect: {
          destination: `https://${tenant.domain}${context.resolvedUrl}`,
          statusCode: 301
        }
      };
    }
  } catch (e) {
    // eslint-disable-next-line no-console
    console.log("Error redirecting to tenant domain", e);
  }

  const session = await getServerSession(req, res, authOptions);

  if (!session && tenant.force_login) {
    /*...*/
  }

  if (tenant?.disable_registration) {
    /*...*/
  }

  //... rest of the code
});

function withSharedGetServerSideProps() {
  return storeWrapper.getServerSideProps((store) => async (context) => {
    store.dispatch(fetchTenant.initiate());
    await Promise.all(store.dispatch(getRunningTenantQueries()));
    const errors = getQueryErrors(fetchTenant, store);

    if (errors) {
      return errors;
    }
    const tenant = fetchTenant.select()(store.getState())?.data;

    if (!tenant) {
      return {
        notFound: true
      };
    }
    try {
      const env = process.env.NODE_ENV;
      const shouldRedirect = true;

      if (env === "production" && shouldRedirect) {
        return {
          redirect: {
            destination: `https://${tenant.domain}${context.resolvedUrl}`,
            statusCode: 301
          }
        };
      }
    } catch (e) {
      // eslint-disable-next-line no-console
      console.log("Error redirecting to tenant domain", e);
    }

    const session = await getServerSession(req, res, authOptions);

    if (!session && tenant.force_login) {
      /*...*/
    }

    if (tenant?.disable_registration) {
      /*...*/
    }

    return {
      props: {}
    };
  });
}

export const getServerSideProps = withCommonGetServerSideProps();

export function withCommonGetServerSideProps(pageGetServerSidePropsFunc) {
  return storeWrapper.getServerSideProps((store) => async (context) => {
    // shared code
    /*....*/

    if (pageGetServerSidePropsFunc) {
      const additionalProps = await pageGetServerSidePropsFunc({
        ...context,
        store
      });

      if (typeof additionalProps === "object" && "props" in additionalProps && additionalProps) {
        return {
          props: {
            ...additionalProps.props
          }
        };
      }

      return additionalProps;
    }

    return {
      props: {}
    };
  });
}

export const getServerSideProps = withCommonGetServerSideProps(async ({ store, query }) => {
  const { slug } = query;

  store.dispatch(fetchPage.initiate(slug as string));
  await Promise.all(store.dispatch(getRunningPageQueries()));

  const errors = getQueryErrors(fetchPage, store, slug as string);

  if (errors) {
    return errors;
  }

  return {
    props: {}
  };
});

export const getServerSideProps = withCommonGetServerSideProps();