Function generateTFTCode

app.js:5224–5590

()

}

function generateTFTCode() {
  let code = "";
  code += "#include <TFT_eSPI.h>\n";
  code += "#include <SPI.h>\n\n";
  code += "// --- Generated by DisplayKit ---\n";
  code += "// Notes:\n";
  code += "// - This is a COMPLETE sketch skeleton (setup/loop + screen functions).\n";
  code += "// - Touch/button interaction is not wired automatically; see `handleUiActions()`.\n";
  code += "// - Element rotation is a preview-only feature; TFT_eSPI primitives are not rotated.\n\n";

  // Collect any GFX FreeFonts used by elements so we can emit the required includes.
  const usedFreeFonts = new Set();
  screens.forEach((scr) => {
    (scr.elements || []).forEach((el) => {
      if (!elementHasText(el.type)) return;
      const font = getElementFontForMode(el, "tft");
      if (!/^\d+$/.test(String(font))) usedFreeFonts.add(String(font));
    });
  });
  if (usedFreeFonts.size) {
    code += "// NOTE: To use FreeFonts, enable LOAD_GFXFF in TFT_eSPI/User_Setup.h\n";
    usedFreeFonts.forEach((name) => {
      code += `#include <Fonts/${name}.h>\n`;
    });
    code += "\n";
  }

  code += "TFT_eSPI tft = TFT_eSPI();\n";
  if (useSprite) {
    code += "TFT_eSprite spr = TFT_eSprite(&tft);\n";
  }
  code += "\n";

  const bg565 = hexToRgb565(bgColor);
  code += `static const uint16_t DK_BG = ${bg565};\n\n`;

  // Screen IDs -> indices for basic navigation stubs.
  const screenIndex = new Map();
  screens.forEach((s, i) => screenIndex.set(s.id, i));
  const defaultScreen = screens.find((s) => s.id === activeScreenId) || screens[0];
  const defaultIndex = defaultScreen ? (screenIndex.get(defaultScreen.id) ?? 0) : 0;
  code += `enum DkScreenId { ${screens.map((s, i) => `DK_SCREEN_${i}`).join(", ")} };\n`;
  code += `static DkScreenId g_screen = DK_SCREEN_${defaultIndex};\n`;
  code += "static bool g_dirty = true;\n";
  code += "static uint32_t g_lastDrawMs = 0;\n\n";

  
  const imageElements = [];
  screens.forEach((scr) => {
    scr.elements.forEach((el) => {
      if (el.type !== "image" && el.type !== "icon") return;
      const rgb565 = getRgb565ForElement(el);
      const dims = getImageDimsForElement(el);
      if (rgb565 && dims && dims.w && dims.h) {
        imageElements.push(el);
      }
    });
  });