Recompose HoCs for Next.js

compositions.js

/**
 * Check if code is running on production mode.
 */
export const isProduction = () =>
  typeof process !== "undefined" && process.env.NODE_ENV === "production"

/**
 * Check if code is running on development mode.
 */
export const isDevelopment = !isProduction()

/**
 * Check if code is running on the client.
 *
 * If process is available (Next), check if it has a property "browser".
 * Otherwise, check if a window object is available.
 */
export const isClient = () =>
  typeof process !== "undefined"
    ? !!process.browser
    : typeof window !== "undefined"

/**
 * Check if code is running on the server.
 */
export const isServer = !isClient()

/**
 * HoC container to compose only when running on client-side.
 */
export const whenClient = (ifHoC, elseHoC) => branch(isClient, ifHoC, elseHoC)

/**
 * HoC container to compose only when running on server-side.
 */
export const whenServer = (ifHoC, elseHoC) => branch(isServer, ifHoC, elseHoC)

/**
 * HoC container to compose only when running on development mode.
 */
export const whenDevelopment = (ifHoC, elseHoC) =>
  branch(isDevelopment, ifHoC, elseHoC)

/**
 * HoC container to compose only when running on production mode.
 */
export const whenProduction = (ifHoC, elseHoC) =>
  branch(isProduction, ifHoC, elseHoC)