Function generateU8g2Code

app.js:5592–5941

()

}

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

  const preset = U8G2_PRESETS.find(p => p.id === u8g2PresetId) || U8G2_PRESETS[0];
  if (preset.id === "custom") {
    code += preset.ctor + "\n\n";
  } else {
    code += preset.ctor + "\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";

  // Monochrome bitmaps for icon elements (XBMP)
  const monoIcons = [];
  screens.forEach((scr) => {
    scr.elements.forEach((el) => {
      if (el.type !== "icon") return;
      const bytes = getMonoBitmapForElement(el);
      const dims = getImageDimsForElement(el);
      if (bytes && bytes.length && dims && dims.w && dims.h) monoIcons.push(el);
    });
  });

  monoIcons.forEach((el) => {
    const name = (el.imageName || "icon_" + el.id.replace(/[^a-zA-Z0-9_]/g, "_")) + "_xbm";
    const bytes = getMonoBitmapForElement(el) || [];
    code += `const unsigned char ${name}[${bytes.length}] PROGMEM = {\n`;
    for (let i = 0; i < bytes.length; i++) {
      const v = bytes[i] & 0xff;
      const hx = "0x" + v.toString(16).padStart(2, "0").toUpperCase();
      const isLast = i === bytes.length - 1;
      if (i % 16 === 0) code += "  ";
      code += hx;
      code += isLast ? "" : ", ";
      if (i % 16 === 15 || isLast) code += "\n";
    }
    code += "};\n\n";
  });

  screens.forEach((scr) => {
    const fnName = getScreenFnName(scr);
    code += `void ${fnName}() {\n`;
    code += "  u8g2.clearBuffer();\n";