src/ftxui/dom/canvas.cpp

Go to the documentation of this file.

// Copyright 2021 Arthur Sonzogni. Todos los derechos reservados.
// El uso de este código fuente se rige por la licencia MIT que se puede encontrar en
// el archivo LICENSE.
#include "ftxui/dom/canvas.hpp"
 
#include <algorithm>               // for max, min
#include <cmath>                   // for abs
#include <cstdint>                 // for uint8_t
#include <cstdlib>                 // for abs
#include <ftxui/screen/color.hpp>  // for Color
#include <functional>              // for function
#include <map>                     // for map
#include <memory>                  // for make_shared
#include <utility>                 // for move, pair
#include <vector>                  // for vector
 
#include "ftxui/dom/elements.hpp"     // for Element, canvas
#include "ftxui/dom/node.hpp"         // for Node
#include "ftxui/dom/requirement.hpp"  // for Requirement
#include "ftxui/screen/box.hpp"       // for Box
#include "ftxui/screen/image.hpp"     // for Image
#include "ftxui/screen/pixel.hpp"     // for Pixel
#include "ftxui/screen/screen.hpp"    // for Pixel, Screen
#include "ftxui/screen/string.hpp"    // for Utf8ToGlyphs
#include "ftxui/util/ref.hpp"         // for ConstRef
 
namespace ftxui {
 
namespace {
 
// Base UTF8 pattern:
// 11100010 10100000 10000000 // empty
 
// Pattern for the individual dots:
// ┌──────┬───────┐
// │dot1  │ dot4  │
// ├──────┼───────┤
// │dot2  │ dot5  │
// ├──────┼───────┤
// │dot3  │ dot6  │
// ├──────┼───────┤
// │dot0-1│ dot0-2│
// └──────┴───────┘
// 11100010 10100000 10000001 // dot1
// 11100010 10100000 10000010 // dot2
// 11100010 10100000 10000100 // dot3
// 11100010 10100001 10000000 // dot0-1
// 11100010 10100000 10001000 // dot4
// 11100010 10100000 10010000 // dot5
// 11100010 10100000 10100000 // dot6
// 11100010 10100010 10000000 // dot0-2
 
// NOLINTNEXTLINE
uint8_t g_map_braille[2][4][2] = {
    {
        {0b00000000, 0b00000001},  // NOLINT | dot1
        {0b00000000, 0b00000010},  // NOLINT | dot2
        {0b00000000, 0b00000100},  // NOLINT | dot3
        {0b00000001, 0b00000000},  // NOLINT | dot0-1
    },
    {
        {0b00000000, 0b00001000},  // NOLINT | dot4
        {0b00000000, 0b00010000},  // NOLINT | dot5
        {0b00000000, 0b00100000},  // NOLINT | dot6
        {0b00000010, 0b00000000},  // NOLINT | dot0-2
    },
};
 
// NOLINTNEXTLINE
std::vector<std::string> g_map_block = {
    " ", "▘", "▖", "▌", "▝", "▀", "▞", "▛",
    "▗", "▚", "▄", "▙", "▐", "▜", "▟", "█",
};
 
// NOLINTNEXTLINE
const std::map<std::string, uint8_t> g_map_block_inversed = {
    {" ", 0b0000}, {"▘", 0b0001}, {"▖", 0b0010}, {"▌", 0b0011},
    {"▝", 0b0100}, {"▀", 0b0101}, {"▞", 0b0110}, {"▛", 0b0111},
    {"▗", 0b1000}, {"▚", 0b1001}, {"▄", 0b1010}, {"▙", 0b1011},
    {"▐", 0b1100}, {"▜", 0b1101}, {"▟", 0b1110}, {"█", 0b1111},
};
 
constexpr auto nostyle = [](Pixel& /*pixel*/) {};
 
}  // namespace
 
/// @brief Constructor.
/// @param width el ancho del lienzo. Una celda es un punto braille de 2x4.
/// @param height la altura del lienzo. Una celda es un punto braille de 2x4.
Canvas::Canvas(int width, int height)
    : width_(width),
      height_(height),
      storage_(width_ * height_ / 8 /* NOLINT */) {}
 
/// @brief Obtiene el contenido de una celda.
/// @param x la coordenada x de la celda.
/// @param y la coordenada y de la celda.
Pixel Canvas::GetPixel(int x, int y) const {
  auto it = storage_.find(XY{x, y});
  return (it == storage_.end()) ? Pixel() : it->second.content;
}
 
/// @brief Dibuja un punto braille.
/// @param x la coordenada x del punto.
/// @param y la coordenada y del punto.
/// @param value si el punto está relleno o no.
void Canvas::DrawPoint(int x, int y, bool value) {
  DrawPoint(x, y, value, [](Pixel& /*pixel*/) {});
}
 
/// @brief Dibuja un punto braille.
/// @param x la coordenada x del punto.
/// @param y la coordenada y del punto.
/// @param value si el punto está relleno o no.
/// @param color el color del punto.
void Canvas::DrawPoint(int x, int y, bool value, const Color& color) {
  DrawPoint(x, y, value, [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja un punto braille.
/// @param x la coordenada x del punto.
/// @param y la coordenada y del punto.
/// @param value si el punto está relleno o no.
/// @param style el estilo de la celda.
void Canvas::DrawPoint(int x, int y, bool value, const Stylizer& style) {
  Style(x, y, style);
  if (value) {
    DrawPointOn(x, y);
  } else {
    DrawPointOff(x, y);
  }
}
 
/// @brief Dibuja un punto braille.
/// @param x la coordenada x del punto.
/// @param y la coordenada y del punto.
void Canvas::DrawPointOn(int x, int y) {
  if (!IsIn(x, y)) {
    return;
  }
  Cell& cell = storage_[XY{x / 2, y / 4}];
  if (cell.type != CellType::kBraille) {
    cell.content.character = "⠀";  // 3 bytes.
    cell.type = CellType::kBraille;
  }
 
  cell.content.character[1] |= g_map_braille[x % 2][y % 4][0];  // NOLINT
  cell.content.character[2] |= g_map_braille[x % 2][y % 4][1];  // NOLINT
}
 
/// @brief Borra un punto braille.
/// @param x la coordenada x del punto.
/// @param y la coordenada y del punto.
void Canvas::DrawPointOff(int x, int y) {
  if (!IsIn(x, y)) {
    return;
  }
  Cell& cell = storage_[XY{x / 2, y / 4}];
  if (cell.type != CellType::kBraille) {
    cell.content.character = "⠀";  // 3 byt
    cell.type = CellType::kBraille;
  }
 
  cell.content.character[1] &= ~(g_map_braille[x % 2][y % 4][0]);  // NOLINT
  cell.content.character[2] &= ~(g_map_braille[x % 2][y % 4][1]);  // NOLINT
}
 
/// @brief Alterna un punto braille. Uno relleno será borrado, y el otro será
/// dibujado.
/// @param x la coordenada x del punto.
/// @param y la coordenada y del punto.
void Canvas::DrawPointToggle(int x, int y) {
  if (!IsIn(x, y)) {
    return;
  }
  Cell& cell = storage_[XY{x / 2, y / 4}];
  if (cell.type != CellType::kBraille) {
    cell.content.character = "⠀";  // 3 byt
    cell.type = CellType::kBraille;
  }
 
  cell.content.character[1] ^= g_map_braille[x % 2][y % 4][0];  // NOLINT
  cell.content.character[2] ^= g_map_braille[x % 2][y % 4][1];  // NOLINT
}
 
/// @brief Dibuja una línea de puntos braille.
/// @param x1 la coordenada x del primer punto.
/// @param y1 la coordenada y del primer punto.
/// @param x2 la coordenada x del segundo punto.
/// @param y2 la coordenada y del segundo punto.
void Canvas::DrawPointLine(int x1, int y1, int x2, int y2) {
  DrawPointLine(x1, y1, x2, y2, [](Pixel& /*pixel*/) {});
}
 
/// @brief Dibuja una línea de puntos braille.
/// @param x1 la coordenada x del primer punto.
/// @param y1 la coordenada y del primer punto.
/// @param x2 la coordenada x del segundo punto.
/// @param y2 la coordenada y del segundo punto.
/// @param color el color de la línea.
void Canvas::DrawPointLine(int x1, int y1, int x2, int y2, const Color& color) {
  DrawPointLine(x1, y1, x2, y2,
                [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja una línea de puntos braille.
/// @param x1 la coordenada x del primer punto.
/// @param y1 la coordenada y del primer punto.
/// @param x2 la coordenada x del segundo punto.
/// @param y2 la coordenada y del segundo punto.
/// @param style el estilo de la línea.
void Canvas::DrawPointLine(int x1,
                           int y1,
                           int x2,
                           int y2,
                           const Stylizer& style) {
  const int dx = std::abs(x2 - x1);
  const int dy = std::abs(y2 - y1);
  const int sx = x1 < x2 ? 1 : -1;
  const int sy = y1 < y2 ? 1 : -1;
  const int length = std::max(dx, dy);
 
  if (!IsIn(x1, y1) && !IsIn(x2, y2)) {
    return;
  }
  if (dx + dx > width_ * height_) {
    return;
  }
 
  int error = dx - dy;
  for (int i = 0; i < length; ++i) {
    DrawPoint(x1, y1, true, style);
    if (2 * error >= -dy) {
      error -= dy;
      x1 += sx;
    }
    if (2 * error <= dx) {
      error += dx;
      y1 += sy;
    }
  }
  DrawPoint(x2, y2, true, style);
}
 
/// @brief Dibuja un círculo de puntos braille.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
void Canvas::DrawPointCircle(int x, int y, int radius) {
  DrawPointCircle(x, y, radius, [](Pixel& /*pixel*/) {});
}
 
/// @brief Dibuja un círculo de puntos braille.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
/// @param color el color del círculo.
void Canvas::DrawPointCircle(int x, int y, int radius, const Color& color) {
  DrawPointCircle(x, y, radius,
                  [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja un círculo de puntos braille.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
/// @param style el estilo del círculo.
void Canvas::DrawPointCircle(int x, int y, int radius, const Stylizer& style) {
  DrawPointEllipse(x, y, radius, radius, style);
}
 
/// @brief Dibuja un círculo relleno de puntos braille.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
void Canvas::DrawPointCircleFilled(int x, int y, int radius) {
  DrawPointCircleFilled(x, y, radius, [](Pixel& /*pixel*/) {});
}
 
/// @brief Dibuja un círculo relleno de puntos braille.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
/// @param color el color del círculo.
void Canvas::DrawPointCircleFilled(int x,
                                   int y,
                                   int radius,
                                   const Color& color) {
  DrawPointCircleFilled(x, y, radius,
                        [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja un círculo relleno de puntos braille.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
/// @param style el estilo del círculo.
void Canvas::DrawPointCircleFilled(int x,
                                   int y,
                                   int radius,
                                   const Stylizer& style) {
  DrawPointEllipseFilled(x, y, radius, radius, style);
}
 
/// @brief Dibuja una elipse de puntos braille.
/// @param x la coordenada x del centro de la elipse.
/// @param y la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
void Canvas::DrawPointEllipse(int x, int y, int r1, int r2) {
  DrawPointEllipse(x, y, r1, r2, [](Pixel& /*pixel*/) {});
}
 
/// @brief Dibuja una elipse de puntos braille.
/// @param x la coordenada x del centro de la elipse.
/// @param y la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
/// @param color el color de la elipse.
void Canvas::DrawPointEllipse(int x,
                              int y,
                              int r1,
                              int r2,
                              const Color& color) {
  DrawPointEllipse(x, y, r1, r2,
                   [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja una elipse de puntos braille.
/// @param x1 la coordenada x del centro de la elipse.
/// @param y1 la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
/// @param s el estilo de la elipse.
void Canvas::DrawPointEllipse(int x1,
                              int y1,
                              int r1,
                              int r2,
                              const Stylizer& s) {
  int x = -r1;
  int y = 0;
  int e2 = r2;
  int dx = (1 + 2 * x) * e2 * e2;
  int dy = x * x;
  int err = dx + dy;
 
  do {  // NOLINT
    DrawPoint(x1 - x, y1 + y, true, s);
    DrawPoint(x1 + x, y1 + y, true, s);
    DrawPoint(x1 + x, y1 - y, true, s);
    DrawPoint(x1 - x, y1 - y, true, s);
    e2 = 2 * err;
    if (e2 >= dx) {
      x++;
      err += dx += 2 * r2 * r2;
    }
    if (e2 <= dy) {
      y++;
      err += dy += 2 * r1 * r1;
    }
  } while (x <= 0);
 
  while (y++ < r2) {
    DrawPoint(x1, y1 + y, true, s);
    DrawPoint(x1, y1 - y, true, s);
  }
}
 
/// @brief Dibuja una elipse rellena de puntos braille.
/// @param x1 la coordenada x del centro de la elipse.
/// @param y1 la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
void Canvas::DrawPointEllipseFilled(int x1, int y1, int r1, int r2) {
  DrawPointEllipseFilled(x1, y1, r1, r2, [](Pixel& /*pixel*/) {});
}
 
/// @brief Dibuja una elipse rellena de puntos braille.
/// @param x1 la coordenada x del centro de la elipse.
/// @param y1 la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
/// @param color el color de la elipse.
void Canvas::DrawPointEllipseFilled(int x1,
                                    int y1,
                                    int r1,
                                    int r2,
                                    const Color& color) {
  DrawPointEllipseFilled(x1, y1, r1, r2,
                         [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja una elipse rellena de puntos braille.
/// @param x1 la coordenada x del centro de la elipse.
/// @param y1 la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
/// @param s el estilo de la elipse.
void Canvas::DrawPointEllipseFilled(int x1,
                                    int y1,
                                    int r1,
                                    int r2,
                                    const Stylizer& s) {
  int x = -r1;
  int y = 0;
  int e2 = r2;
  int dx = (1 + 2 * x) * e2 * e2;
  int dy = x * x;
  int err = dx + dy;
 
  do {  // NOLINT
    for (int xx = x1 + x; xx <= x1 - x; ++xx) {
      DrawPoint(xx, y1 + y, true, s);
      DrawPoint(xx, y1 - y, true, s);
    }
    e2 = 2 * err;
    if (e2 >= dx) {
      x++;
      err += dx += 2 * r2 * r2;
    }
    if (e2 <= dy) {
      y++;
      err += dy += 2 * r1 * r1;
    }
  } while (x <= 0);
 
  while (y++ < r2) {
    for (int yy = y1 - y; yy <= y1 + y; ++yy) {
      DrawPoint(x1, yy, true, s);
    }
  }
}
 
/// @brief Dibuja un bloque.
/// @param x la coordenada x del bloque.
/// @param y la coordenada y del bloque.
/// @param value si el bloque está relleno o no.
void Canvas::DrawBlock(int x, int y, bool value) {
  DrawBlock(x, y, value, [](Pixel& /*pixel*/) {});
}
 
/// @brief Dibuja un bloque.
/// @param x la coordenada x del bloque.
/// @param y la coordenada y del bloque.
/// @param value si el bloque está relleno o no.
/// @param color el color del bloque.
void Canvas::DrawBlock(int x, int y, bool value, const Color& color) {
  DrawBlock(x, y, value, [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja un bloque.
/// @param x la coordenada x del bloque.
/// @param y la coordenada y del bloque.
/// @param value si el bloque está relleno o no.
/// @param style el estilo del bloque.
void Canvas::DrawBlock(int x, int y, bool value, const Stylizer& style) {
  Style(x, y, style);
  if (value) {
    DrawBlockOn(x, y);
  } else {
    DrawBlockOff(x, y);
  }
}
 
/// @brief Dibuja un bloque.
/// @param x la coordenada x del bloque.
/// @param y la coordenada y del bloque.
void Canvas::DrawBlockOn(int x, int y) {
  if (!IsIn(x, y)) {
    return;
  }
  y /= 2;
  Cell& cell = storage_[XY{x / 2, y / 2}];
  if (cell.type != CellType::kBlock) {
    cell.content.character = " ";
    cell.type = CellType::kBlock;
  }
 
  const uint8_t bit = (x % 2) * 2 + y % 2;
  uint8_t value = g_map_block_inversed.at(cell.content.character);
  value |= 1U << bit;
  cell.content.character = g_map_block[value];
}
 
/// @brief Borra un bloque.
/// @param x la coordenada x del bloque.
/// @param y la coordenada y del bloque.
void Canvas::DrawBlockOff(int x, int y) {
  if (!IsIn(x, y)) {
    return;
  }
  Cell& cell = storage_[XY{x / 2, y / 4}];
  if (cell.type != CellType::kBlock) {
    cell.content.character = " ";
    cell.type = CellType::kBlock;
  }
  y /= 2;
 
  const uint8_t bit = (y % 2) * 2 + x % 2;
  uint8_t value = g_map_block_inversed.at(cell.content.character);
  value &= ~(1U << bit);
  cell.content.character = g_map_block[value];
}
 
/// @brief Alterna un bloque. Si está relleno, se borrará. Si está vacío,
/// se rellenará.
/// @param x la coordenada x del bloque.
/// @param y la coordenada y del bloque.
void Canvas::DrawBlockToggle(int x, int y) {
  if (!IsIn(x, y)) {
    return;
  }
  Cell& cell = storage_[XY{x / 2, y / 4}];
  if (cell.type != CellType::kBlock) {
    cell.content.character = " ";
    cell.type = CellType::kBlock;
  }
  y /= 2;
 
  const uint8_t bit = (y % 2) * 2 + x % 2;
  uint8_t value = g_map_block_inversed.at(cell.content.character);
  value ^= 1U << bit;
  cell.content.character = g_map_block[value];
}
 
/// @brief Dibuja una línea de caracteres de bloque.
/// @param x1 la coordenada x del primer punto de la línea.
/// @param y1 la coordenada y del primer punto de la línea.
/// @param x2 la coordenada x del segundo punto de la línea.
/// @param y2 la coordenada y del segundo punto de la línea.
void Canvas::DrawBlockLine(int x1, int y1, int x2, int y2) {
  DrawBlockLine(x1, y1, x2, y2, [](Pixel& /*pixel*/) {});
}
 
/// @brief Dibuja una línea de caracteres de bloque.
/// @param x1 la coordenada x del primer punto de la línea.
/// @param y1 la coordenada y del primer punto de la línea.
/// @param x2 la coordenada x del segundo punto de la línea.
/// @param y2 la coordenada y del segundo punto de la línea.
/// @param color el color de la línea.
void Canvas::DrawBlockLine(int x1, int y1, int x2, int y2, const Color& color) {
  DrawBlockLine(x1, y1, x2, y2,
                [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja una línea de caracteres de bloque.
/// @param x1 la coordenada x del primer punto de la línea.
/// @param y1 la coordenada y del primer punto de la línea.
/// @param x2 la coordenada x del segundo punto de la línea.
/// @param y2 la coordenada y del segundo punto de la línea.
/// @param style el estilo de la línea.
void Canvas::DrawBlockLine(int x1,
                           int y1,
                           int x2,
                           int y2,
                           const Stylizer& style) {
  y1 /= 2;
  y2 /= 2;
 
  const int dx = std::abs(x2 - x1);
  const int dy = std::abs(y2 - y1);
  const int sx = x1 < x2 ? 1 : -1;
  const int sy = y1 < y2 ? 1 : -1;
  const int length = std::max(dx, dy);
 
  if (!IsIn(x1, y1) && !IsIn(x2, y2)) {
    return;
  }
  if (dx + dx > width_ * height_) {
    return;
  }
 
  int error = dx - dy;
  for (int i = 0; i < length; ++i) {
    DrawBlock(x1, y1 * 2, true, style);
    if (2 * error >= -dy) {
      error -= dy;
      x1 += sx;
    }
    if (2 * error <= dx) {
      error += dx;
      y1 += sy;
    }
  }
  DrawBlock(x2, y2 * 2, true, style);
}
 
/// @brief Dibuja un círculo de caracteres de bloque.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
void Canvas::DrawBlockCircle(int x, int y, int radius) {
  DrawBlockCircle(x, y, radius, nostyle);
}
 
/// @brief Dibuja un círculo de caracteres de bloque.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
/// @param color el color del círculo.
void Canvas::DrawBlockCircle(int x, int y, int radius, const Color& color) {
  DrawBlockCircle(x, y, radius,
                  [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja un círculo de caracteres de bloque.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
/// @param style el estilo del círculo.
void Canvas::DrawBlockCircle(int x, int y, int radius, const Stylizer& style) {
  DrawBlockEllipse(x, y, radius, radius, style);
}
 
/// @brief Dibuja un círculo relleno de caracteres de bloque.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
void Canvas::DrawBlockCircleFilled(int x, int y, int radius) {
  DrawBlockCircleFilled(x, y, radius, nostyle);
}
 
/// @brief Dibuja un círculo relleno de caracteres de bloque.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
/// @param color el color del círculo.
void Canvas::DrawBlockCircleFilled(int x,
                                   int y,
                                   int radius,
                                   const Color& color) {
  DrawBlockCircleFilled(x, y, radius,
                        [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja un círculo relleno de caracteres de bloque.
/// @param x la coordenada x del centro del círculo.
/// @param y la coordenada y del centro del círculo.
/// @param radius el radio del círculo.
/// @param s el estilo del círculo.
void Canvas::DrawBlockCircleFilled(int x,
                                   int y,
                                   int radius,
                                   const Stylizer& s) {
  DrawBlockEllipseFilled(x, y, radius, radius, s);
}
 
/// @brief Dibuja una elipse de caracteres de bloque.
/// @param x la coordenada x del centro de la elipse.
/// @param y la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
void Canvas::DrawBlockEllipse(int x, int y, int r1, int r2) {
  DrawBlockEllipse(x, y, r1, r2, nostyle);
}
 
/// @brief Dibuja una elipse de caracteres de bloque.
/// @param x la coordenada x del centro de la elipse.
/// @param y la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
/// @param color el color de la elipse.
void Canvas::DrawBlockEllipse(int x,
                              int y,
                              int r1,
                              int r2,
                              const Color& color) {
  DrawBlockEllipse(x, y, r1, r2,
                   [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja una elipse de caracteres de bloque.
/// @param x1 la coordenada x del centro de la elipse.
/// @param y1 la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
/// @param s el estilo de la elipse.
void Canvas::DrawBlockEllipse(int x1,
                              int y1,
                              int r1,
                              int r2,
                              const Stylizer& s) {
  y1 /= 2;
  r2 /= 2;
  int x = -r1;
  int y = 0;
  int e2 = r2;
  int dx = (1 + 2 * x) * e2 * e2;
  int dy = x * x;
  int err = dx + dy;
 
  do {  // NOLINT
    DrawBlock(x1 - x, 2 * (y1 + y), true, s);
    DrawBlock(x1 + x, 2 * (y1 + y), true, s);
    DrawBlock(x1 + x, 2 * (y1 - y), true, s);
    DrawBlock(x1 - x, 2 * (y1 - y), true, s);
    e2 = 2 * err;
    if (e2 >= dx) {
      x++;
      err += dx += 2 * r2 * r2;
    }
    if (e2 <= dy) {
      y++;
      err += dy += 2 * r1 * r1;
    }
  } while (x <= 0);
 
  while (y++ < r2) {
    DrawBlock(x1, 2 * (y1 + y), true, s);
    DrawBlock(x1, 2 * (y1 - y), true, s);
  }
}
 
/// @brief Dibuja una elipse rellena de caracteres de bloque.
/// @param x el coordenada x del centro de la elipse.
/// @param y el coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
  DrawBlockEllipseFilled(x, y, r1, r2, nostyle);
}
 
/// @brief Dibuja una elipse rellena de caracteres de bloque.
/// @param x la coordenada x del centro de la elipse.
/// @param y la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
/// @param color el color de la elipse.
void Canvas::DrawBlockEllipseFilled(int x,
                                    int y,
                                    int r1,
                                    int r2,
                                    const Color& color) {
  DrawBlockEllipseFilled(x, y, r1, r2,
                         [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja una elipse rellena de caracteres de bloque.
/// @param x1 la coordenada x del centro de la elipse.
/// @param y1 la coordenada y del centro de la elipse.
/// @param r1 el radio de la elipse a lo largo del eje x.
/// @param r2 el radio de la elipse a lo largo del eje y.
/// @param s el estilo de la elipse.
void Canvas::DrawBlockEllipseFilled(int x1,
                                    int y1,
                                    int r1,
                                    int r2,
                                    const Stylizer& s) {
  y1 /= 2;
  r2 /= 2;
  int x = -r1;
  int y = 0;
  int e2 = r2;
  int dx = (1 + 2 * x) * e2 * e2;
  int dy = x * x;
  int err = dx + dy;
 
  do {  // NOLINT
    for (int xx = x1 + x; xx <= x1 - x; ++xx) {
      DrawBlock(xx, 2 * (y1 + y), true, s);
      DrawBlock(xx, 2 * (y1 - y), true, s);
    }
    e2 = 2 * err;
    if (e2 >= dx) {
      x++;
      err += dx += 2 * r2 * r2;
    }
    if (e2 <= dy) {
      y++;
      err += dy += 2 * r1 * r1;
    }
  } while (x <= 0);
 
  while (y++ < r2) {
    for (int yy = y1 + y; yy <= y1 - y; ++yy) {
      DrawBlock(x1, 2 * yy, true, s);
    }
  }
}
 
/// @brief Dibuja un trozo de texto.
/// @param x la coordenada x del texto.
/// @param y la coordenada y del texto.
/// @param value el texto a dibujar.
void Canvas::DrawText(int x, int y, const std::string& value) {
  DrawText(x, y, value, nostyle);
}
 
/// @brief Dibuja un trozo de texto.
/// @param x la coordenada x del texto.
/// @param y la coordenada y del texto.
/// @param value el texto a dibujar.
/// @param color el color del texto.
void Canvas::DrawText(int x,
                      int y,
                      const std::string& value,
                      const Color& color) {
  DrawText(x, y, value, [color](Pixel& p) { p.foreground_color = color; });
}
 
/// @brief Dibuja un trozo de texto.
/// @param x la coordenada x del texto.
/// @param y la coordenada y del texto.
/// @param value el texto a dibujar.
/// @param style el estilo del texto.
void Canvas::DrawText(int x,
                      int y,
                      const std::string& value,
                      const Stylizer& style) {
  for (const auto& it : Utf8ToGlyphs(value)) {
    if (!IsIn(x, y)) {
      x += 2;
      continue;
    }
    Cell& cell = storage_[XY{x / 2, y / 4}];
    cell.type = CellType::kCell;
    cell.content.character = it;
    style(cell.content);
    x += 2;
  }
}
 
/// @brief Dibuja directamente un píxel predefinido en la coordenada dada
/// @param x la coordenada x del píxel.
/// @param y la coordenada y del píxel.
/// @param p el píxel a dibujar.
void Canvas::DrawPixel(int x, int y, const Pixel& p) {
  Cell& cell = storage_[XY{x / 2, y / 4}];
  cell.type = CellType::kCell;
  cell.content = p;
}
 
/// @brief Dibuja una imagen predefinida, con la esquina superior izquierda en la coordenada dada
///   Puedes proporcionar coordenadas negativas para alinear la imagen como desees -
///   solo se dibujará la porción 'visible'
/// @param x la coordenada x correspondiente a la esquina superior izquierda de la imagen.
/// @param y la coordenada y correspondiente a la esquina superior izquierda de la imagen.
/// @param image la imagen a dibujar.
void Canvas::DrawImage(int x, int y, const Image& image) {
  x /= 2;
  y /= 4;
  const int dx_begin = std::max(0, -x);
  const int dy_begin = std::max(0, -y);
  const int dx_end = std::min(image.dimx(), width_ - x);
  const int dy_end = std::min(image.dimy(), height_ - y);
 
  for (int dy = dy_begin; dy < dy_end; ++dy) {
    for (int dx = dx_begin; dx < dx_end; ++dx) {
      Cell& cell = storage_[XY{
          x + dx,
          y + dy,
      }];
      cell.type = CellType::kCell;
      cell.content = image.PixelAt(dx, dy);
    }
  }
}
 
/// @brief Modifica un píxel en una ubicación dada.
/// @param style una función que modifica el píxel.
void Canvas::Style(int x, int y, const Stylizer& style) {
  if (IsIn(x, y)) {
    style(storage_[XY{x / 2, y / 4}].content);
  }
}
 
namespace {
 
class CanvasNodeBase : public Node {
 public:
  CanvasNodeBase() = default;
 
  void Render(Screen& screen) override {
    const Canvas& c = canvas();
    const int y_max = std::min(c.height() / 4, box_.y_max - box_.y_min + 1);
    const int x_max = std::min(c.width() / 2, box_.x_max - box_.x_min + 1);
    for (int y = 0; y < y_max; ++y) {
      for (int x = 0; x < x_max; ++x) {
        screen.PixelAt(box_.x_min + x, box_.y_min + y) = c.GetPixel(x, y);
      }
    }
  }
 
  virtual const Canvas& canvas() = 0;
};
 
}  // namespace
 
/// @brief Produce un elemento a partir de un Canvas, o una referencia a un Canvas.
// NOLINTNEXTLINE
Element canvas(ConstRef<Canvas> canvas) {
  class Impl : public CanvasNodeBase {
   public:
    explicit Impl(ConstRef<Canvas> canvas) : canvas_(std::move(canvas)) {
      requirement_.min_x = (canvas_->width() + 1) / 2;
      requirement_.min_y = (canvas_->height() + 3) / 4;
    }
    const Canvas& canvas() final { return *canvas_; }
    ConstRef<Canvas> canvas_;
  };
  return std::make_shared<Impl>(canvas);
}
 
/// @brief Produce un elemento dibujando un lienzo del tamaño solicitado.
/// @param width el ancho del lienzo.
/// @param height la altura del lienzo.
/// @param fn una función que dibuja el lienzo.
Element canvas(int width, int height, std::function<void(Canvas&)> fn) {
  class Impl : public CanvasNodeBase {
   public:
    Impl(int width, int height, std::function<void(Canvas&)> fn)
        : width_(width), height_(height), fn_(std::move(fn)) {}
 
    void ComputeRequirement() final {
      requirement_.min_x = (width_ + 1) / 2;
      requirement_.min_y = (height_ + 3) / 4;
    }
 
    void Render(Screen& screen) final {
      const int width = (box_.x_max - box_.x_min + 1) * 2;
      const int height = (box_.y_max - box_.y_min + 1) * 4;
      canvas_ = Canvas(width, height);
      fn_(canvas_);
      CanvasNodeBase::Render(screen);
    }
 
    const Canvas& canvas() final { return canvas_; }
    Canvas canvas_;
    int width_;
    int height_;
    std::function<void(Canvas&)> fn_;
  };
  return std::make_shared<Impl>(width, height, std::move(fn));
}
 
/// @brief Produce un elemento dibujando un lienzo.
/// @param fn una función que dibuja el lienzo.
Element canvas(std::function<void(Canvas&)> fn) {
  const int default_dim = 12;
  return canvas(default_dim, default_dim, std::move(fn));
}
 
}  // namespace ftxui