Function createElementWithDefaults

app.js:2069–2103

(type, overrides = {})

}

function createElementWithDefaults(type, overrides = {}) {
  const defaultStroke = getContrastingColor(bgColor);
  const defaultFill = defaultStroke;
  const defaultText = isLightColor(defaultFill) ? "#111827" : "#FFFFFF";
  const mode = getCurrentDriverMode();
  const isOled = mode === "u8g2";

  return {
    id: makeId(),
    type,
    x: 10,
    y: 10,
    w: isOled ? 48 : 80,
    h: isOled ? 16 : 30,
    text: "",
    textSize: isOled ? 1 : 2,
    fillColor: defaultFill,
    strokeColor: defaultStroke,
    textColor: defaultText,
    fillAlpha: 255,
    oledFill: true,
    value: 50,
    actionType: "",
    actionTargetScreenId: null,
    // Keep `font` aligned with active mode so preview + codegen behave correctly.
    font: mode === "tft" ? DEFAULT_TFT_FONT : DEFAULT_U8G2_FONT,
    // Seed driver-specific fields too (older projects may rely on these).
    tftFont: DEFAULT_TFT_FONT,
    u8g2Font: DEFAULT_U8G2_FONT,
    iconTintEnabled: false,
    iconTintColor: "#ffffff",
    rotation: 0,
    ...overrides
  };
}

const UI_EXAMPLES = [
  {