app.shared.js

// Shared utilities + global state (kept global: plain <script>, no bundler)

// Placeholder images via dummyimage.com
const DUMMY_IMAGE_BASE = "https://dummyimage.com/600x900/{{color}}/000000.png";
const INAPP_IMAGE_COLORS = [
  "007FFF",
  "2DBE8D",
  "7C5CFF",
  "38BDF8",
  "22C55E",
  "A78BFA",
  "24B3A8",
  "8B6EFF",
  "4FD1C5",
  "F472B6",
];

const DEFAULT_SETTINGS = {
  operations: {
    viewProduct: { systemName: "app.viewProduct" },
    viewCategory: { systemName: "app.viewCategory" },
  },
  ttl: { inapps: "1.00:00:00" },
  slidingExpiration: {
    config: "00:30:00",
    pushTokenKeepalive: "14.00:00:00",
  },
  inapp: {
    maxInappsPerSession: 100,
    maxInappsPerDay: 100,
    minIntervalBetweenShows: "00:00:01",
  },
  featureToggles: {
    MobileSdkShouldSendInAppShowError: true,
  },
};

const el = (id) => document.getElementById(id);

// Editor state
let outputDirty = false;
let lastGeneratedText = "";
// Guards CodeMirror "change" handler during programmatic setValue()
let suppressOutputInput = false;

// Reset button "double click" arm state
let resetArmedUntil = 0;
let resetArmTimer = null;

// CodeMirror + JSON helpers
let cmEditor = null;
let jsonNavTimer = null;
let errorMarker = null;
let editorHistoryPrimed = false;

function clamp(n, min, max) {
  return Math.max(min, Math.min(max, n));
}

function pad2(x) {
  return String(x).padStart(2, "0");
}

// Parse "d.HH:MM:SS" format (Mindbox duration)
function parseMindboxDurationToSeconds(raw) {
  const s = String(raw || "").trim();
  const m = /^(\d+)\.(\d{2}):(\d{2}):(\d{2})$/.exec(s);
  if (!m) return null;
  const days = Number(m[1]);
  const hh = Number(m[2]);
  const mm = Number(m[3]);
  const ss = Number(m[4]);
  if (![days, hh, mm, ss].every(Number.isFinite)) return null;
  return days * 86400 + hh * 3600 + mm * 60 + ss;
}

// Parse "HH:MM:SS" format (no days prefix)
function parseHHMMSSNoDaysToSeconds(raw) {
  const s = String(raw || "").trim();
  const m = /^(\d+):(\d{2}):(\d{2})$/.exec(s);
  if (!m) return null;
  const hh = Number(m[1]);
  const mm = Number(m[2]);
  const ss = Number(m[3]);
  if (![hh, mm, ss].every(Number.isFinite)) return null;
  return hh * 3600 + mm * 60 + ss;
}

// Accept both "HH:MM:SS" and "d.HH:MM:SS"
function parseTimespanToSeconds(raw) {
  const s = String(raw || "").trim();
  return parseMindboxDurationToSeconds(s) ?? parseHHMMSSNoDaysToSeconds(s);
}

function secondsToMindboxDuration(sec) {
  const s = Math.max(0, Math.floor(sec));
  const days = Math.floor(s / 86400);
  const rem = s % 86400;
  const hh = Math.floor(rem / 3600);
  const mm = Math.floor((rem % 3600) / 60);
  const ss = rem % 60;
  return `${days}.${pad2(hh)}:${pad2(mm)}:${pad2(ss)}`;
}

function secondsToHHMMSSNoDays(sec) {
  const s = Math.max(0, Math.floor(sec));
  const hh = Math.floor(s / 3600);
  const mm = Math.floor((s % 3600) / 60);
  const ss = s % 60;
  return `${pad2(hh)}:${pad2(mm)}:${pad2(ss)}`;
}

// Output "HH:MM:SS" for < 24h, otherwise "d.HH:MM:SS"
function secondsToTimespan(sec) {
  const s = Math.max(0, Math.floor(sec));
  const days = Math.floor(s / 86400);
  const rem = s % 86400;
  const hh = Math.floor(rem / 3600);
  const mm = Math.floor((rem % 3600) / 60);
  const ss = rem % 60;
  if (days > 0) return `${days}.${pad2(hh)}:${pad2(mm)}:${pad2(ss)}`;
  return `${pad2(hh)}:${pad2(mm)}:${pad2(ss)}`;
}

function pickImageColor(id) {
  const n = Number(String(id || "").trim());
  if (!Number.isFinite(n) || n <= 0) return INAPP_IMAGE_COLORS[0];
  return INAPP_IMAGE_COLORS[(n - 1) % INAPP_IMAGE_COLORS.length];
}

function pickImage(id, { targetingLabel, formLabel } = {}) {
  const parts = [
    `ID ${id}`,
    formLabel || "modal",
    targetingLabel || "true",
  ];
  const text = parts.join(" · ");
  const color = pickImageColor(id);
  const base = DUMMY_IMAGE_BASE.replace("{{color}}", color);
  return `${base}&text=${encodeURIComponent(text)}`;
}

function pickRedirect(id) {
  return `https://ru.wikipedia.org/wiki/${id}`;
}

function randomPromoCode(id) {
  const n = Math.floor(100 + Math.random() * 900);
  return `PROMO-${id}-${n}`;
}

function defaultPayloadJson() {
  return JSON.stringify({
    feature_type: "catalog",
    expand_data: { name: "", section: "female__trends" },
  });
}

function flashButton(btn, { error = false } = {}) {
  if (!btn) return;
  const cls = error ? "flashError" : "flash";
  btn.classList.add(cls);
  window.setTimeout(() => btn.classList.remove(cls), 450);
}

function openUrlMaybe(raw) {
  const url = String(raw || "").trim();
  if (!url) return false;
  if (!/^https?:\/\//i.test(url)) return false;
  window.open(url, "_blank", "noopener,noreferrer");
  return true;
}

function randInt(min, max) {
  return Math.floor(min + Math.random() * (max - min + 1));
}

function randFloat(min, max, decimals = 3) {
  const n = min + Math.random() * (max - min);
  const p = Math.pow(10, decimals);
  return Math.round(n * p) / p;
}

function randHexColor() {
  const n = randInt(0, 0xffffff);
  return `#${n.toString(16).padStart(6, "0").toUpperCase()}`;
}