xbintsc 0.3.18 → 0.3.35

package/runtime/ext_gui/style_internal.h

@@ -0,0 +1,33 @@
+/*
+ * xbintsc GUI engine — shared declarations for the style translation units
+ * (`style.cpp`, `style_values.cpp`, `style_ua.cpp`, `style_print.cpp`).
+ */
+#ifndef XT_GUI_STYLE_INTERNAL_H
+#define XT_GUI_STYLE_INTERNAL_H
+
+#include "style.h"
+
+namespace xtgui {
+
+/** Per-node cascade inputs threaded through declaration application. */
+struct ApplyContext {
+  float rootFontSize = 16.0f;
+  float parentFontSize = 16.0f;
+  float viewportWidth = 0.0f;
+  float viewportHeight = 0.0f;
+};
+
+/** Resolve a length to pixels given the current font/viewport context. */
+float xt_style_resolve_absolute(const Length &length, float base, float em, float root, float vw,
+                                float vh);
+
+/** Apply the built-in user-agent rules for one element. */
+void xt_style_apply_user_agent(const Node *node, XtStyle *style);
+
+/** Apply one parsed declaration (`property: value`) onto a computed style. */
+void xt_style_apply_declaration(XtStyle *style, const std::string &property,
+                                const std::string &rawValue, const ApplyContext &context);
+
+}  // namespace xtgui
+
+#endif /* XT_GUI_STYLE_INTERNAL_H */

package/runtime/ext_gui/style_print.cpp

@@ -0,0 +1,113 @@
+/*
+ * xbintsc GUI engine — computed-style diagnostics (`getComputedStyle`).
+ */
+
+#include "style_internal.h"
+
+#include <cstdio>
+
+namespace xtgui {
+
+static std::string formatNumber(float number) {
+  char buffer[64];
+  if (number == (float)(long)number) {
+    snprintf(buffer, sizeof(buffer), "%ld", (long)number);
+  } else {
+    snprintf(buffer, sizeof(buffer), "%.4g", number);
+  }
+  return buffer;
+}
+
+static std::string formatLength(const Length &length) {
+  switch (length.unit) {
+    case Unit::Auto:
+      return "auto";
+    case Unit::None:
+      return "none";
+    case Unit::Number:
+      return formatNumber(length.value);
+    case Unit::Px:
+      return formatNumber(length.value) + "px";
+    case Unit::Percent:
+      return formatNumber(length.value) + "%";
+    case Unit::Em:
+      return formatNumber(length.value) + "em";
+    case Unit::Rem:
+      return formatNumber(length.value) + "rem";
+    case Unit::Vw:
+      return formatNumber(length.value) + "vw";
+    case Unit::Vh:
+      return formatNumber(length.value) + "vh";
+    default:
+      return "";
+  }
+}
+
+static std::string formatColor(const Color &color) {
+  if (color.a >= 1.0f) {
+    char buffer[64];
+    snprintf(buffer, sizeof(buffer), "rgb(%ld, %ld, %ld)", (long)(color.r * 255.0f + 0.5f),
+             (long)(color.g * 255.0f + 0.5f), (long)(color.b * 255.0f + 0.5f));
+    return buffer;
+  }
+  char buffer[96];
+  snprintf(buffer, sizeof(buffer), "rgba(%ld, %ld, %ld, %.2f)", (long)(color.r * 255.0f + 0.5f),
+           (long)(color.g * 255.0f + 0.5f), (long)(color.b * 255.0f + 0.5f), color.a);
+  return buffer;
+}
+
+std::string xt_style_property_to_string(const XtStyle &style, const std::string &rawProperty) {
+  std::string property = xt_css_lower(xt_css_trim(rawProperty));
+  static const char *const displayNames[] = {"none", "block", "inline", "inline-block", "flex", "list-item"};
+  static const char *const positionNames[] = {"static", "relative", "absolute", "fixed"};
+  static const char *const flexNames[] = {"row", "row-reverse", "column", "column-reverse"};
+  static const char *const justifyNames[] = {"flex-start", "flex-end", "center", "space-between",
+                                             "space-around", "space-evenly"};
+  static const char *const alignNames[] = {"stretch", "flex-start", "flex-end", "center", "baseline"};
+  static const char *const alignTextNames[] = {"start", "center", "end", "justify"};
+
+  if (property == "display") return displayNames[(int)style.display];
+  if (property == "position") return positionNames[(int)style.position];
+  if (property == "color") return formatColor(style.color);
+  if (property == "background-color" || property == "background") {
+    return style.has_background ? formatColor(style.background) : "rgba(0, 0, 0, 0)";
+  }
+  if (property == "width") return formatLength(style.width);
+  if (property == "height") return formatLength(style.height);
+  if (property == "min-width") return formatLength(style.min_width);
+  if (property == "min-height") return formatLength(style.min_height);
+  if (property == "max-width") return formatLength(style.max_width);
+  if (property == "max-height") return formatLength(style.max_height);
+  if (property == "top") return formatLength(style.top);
+  if (property == "right") return formatLength(style.right);
+  if (property == "bottom") return formatLength(style.bottom);
+  if (property == "left") return formatLength(style.left);
+  if (property == "margin-top") return formatLength(style.margin.top);
+  if (property == "margin-right") return formatLength(style.margin.right);
+  if (property == "margin-bottom") return formatLength(style.margin.bottom);
+  if (property == "margin-left") return formatLength(style.margin.left);
+  if (property == "padding-top") return formatLength(style.padding.top);
+  if (property == "padding-right") return formatLength(style.padding.right);
+  if (property == "padding-bottom") return formatLength(style.padding.bottom);
+  if (property == "padding-left") return formatLength(style.padding.left);
+  if (property == "font-size") return formatNumber(style.font_size) + "px";
+  if (property == "font-weight") return formatNumber((float)style.font_weight);
+  if (property == "font-family") return style.font_family;
+  if (property == "line-height") {
+    return style.line_height.unit == Unit::Auto ? "normal" : formatLength(style.line_height);
+  }
+  if (property == "text-align") return alignTextNames[(int)style.text_align];
+  if (property == "flex-direction") return flexNames[(int)style.flex_direction];
+  if (property == "justify-content") return justifyNames[(int)style.justify_content];
+  if (property == "align-items") return alignNames[(int)style.align_items];
+  if (property == "gap") return formatLength(style.gap);
+  if (property == "flex-grow") return formatNumber(style.flex_grow);
+  if (property == "flex-shrink") return formatNumber(style.flex_shrink);
+  if (property == "flex-basis") return formatLength(style.flex_basis);
+  if (property == "border-radius") return formatNumber(style.border_radius) + "px";
+  if (property == "opacity") return formatNumber(style.opacity);
+  if (property == "z-index") return style.has_z_index ? formatNumber((float)style.z_index) : "auto";
+  return "";
+}
+
+}  // namespace xtgui

package/runtime/ext_gui/style_ua.cpp

@@ -0,0 +1,98 @@
+/*
+ * xbintsc GUI engine — built-in user-agent stylesheet.
+ */
+
+#include "style_internal.h"
+
+#include <unordered_map>
+
+namespace xtgui {
+
+namespace {
+
+bool isBlockTag(const std::string &tag) {
+  static const std::unordered_map<std::string, bool> tags = {
+      {"address", true},  {"article", true}, {"aside", true},   {"blockquote", true},
+      {"dd", true},       {"div", true},     {"dl", true},      {"dt", true},
+      {"fieldset", true}, {"figcaption", true}, {"figure", true}, {"footer", true},
+      {"form", true},     {"h1", true},      {"h2", true},      {"h3", true},
+      {"h4", true},       {"h5", true},      {"h6", true},      {"header", true},
+      {"hr", true},       {"li", true},      {"main", true},    {"nav", true},
+      {"ol", true},       {"p", true},       {"pre", true},     {"section", true},
+      {"table", true},    {"tbody", true},   {"td", true},      {"tfoot", true},
+      {"th", true},       {"thead", true},   {"tr", true},      {"ul", true},
+  };
+  return tags.count(tag) != 0;
+}
+
+}  // namespace
+
+void xt_style_apply_user_agent(const Node *node, XtStyle *style) {
+  const std::string &tag = node->tag;
+  if (tag == "html" || tag == "body") style->display = Display::Block;
+  if (isBlockTag(tag)) style->display = Display::Block;
+  if (tag == "head" || tag == "style" || tag == "script" || tag == "title" || tag == "meta" ||
+      tag == "link" || tag == "base" || tag == "template") {
+    style->display = Display::None;
+  }
+  if (tag == "br") style->display = Display::Block;
+  if (tag == "button" || tag == "input" || tag == "select" || tag == "textarea") {
+    style->display = Display::InlineBlock;
+  }
+  if (tag == "img") style->display = Display::InlineBlock;
+  if (tag == "body") style->margin.set({8.0f, Unit::Px});
+  if (tag == "p") style->margin.top = style->margin.bottom = {16.0f, Unit::Px};
+  if (tag == "blockquote") {
+    style->margin.top = style->margin.bottom = {16.0f, Unit::Px};
+    style->margin.left = style->margin.right = {40.0f, Unit::Px};
+  }
+  if (tag == "h1") {
+    style->font_size = 32.0f;
+    style->font_weight = 700;
+    style->margin.top = style->margin.bottom = {21.44f, Unit::Px};
+  } else if (tag == "h2") {
+    style->font_size = 24.0f;
+    style->font_weight = 700;
+    style->margin.top = style->margin.bottom = {19.92f, Unit::Px};
+  } else if (tag == "h3") {
+    style->font_size = 18.72f;
+    style->font_weight = 700;
+    style->margin.top = style->margin.bottom = {18.72f, Unit::Px};
+  } else if (tag == "h4") {
+    style->font_size = 16.0f;
+    style->font_weight = 700;
+    style->margin.top = style->margin.bottom = {21.28f, Unit::Px};
+  } else if (tag == "h5") {
+    style->font_size = 13.28f;
+    style->font_weight = 700;
+    style->margin.top = style->margin.bottom = {22.18f, Unit::Px};
+  } else if (tag == "h6") {
+    style->font_size = 10.72f;
+    style->font_weight = 700;
+    style->margin.top = style->margin.bottom = {24.97f, Unit::Px};
+  }
+  if (tag == "strong" || tag == "b") style->font_weight = 700;
+  if (tag == "dt") style->font_weight = 700;
+  if (tag == "em" || tag == "i") style->font_style = FontStyle::Italic;
+  if (tag == "small") style->font_size = 13.333f;
+  if (tag == "a") {
+    style->color = {0.0f, 0.0f, 0.933f, 1.0f};
+  }
+  if (tag == "ul" || tag == "ol") {
+    style->padding.left = {40.0f, Unit::Px};
+    style->margin.top = style->margin.bottom = {16.0f, Unit::Px};
+  }
+  if (tag == "pre" || tag == "code" || tag == "kbd" || tag == "samp") {
+    style->font_family = "monospace";
+  }
+  if (tag == "pre") style->white_space = WhiteSpace::Pre;
+  if (tag == "hr") {
+    style->border_width.top = {1.0f, Unit::Px};
+    style->border_style = BorderStyle::Solid;
+    style->border_color = {0.5f, 0.5f, 0.5f, 1.0f};
+    style->has_border_color = true;
+    style->margin.top = style->margin.bottom = {8.0f, Unit::Px};
+  }
+}
+
+}  // namespace xtgui