Quota Claude

Widget iPhone — quota d'utilisation Claude Max en quasi temps réel.
Installer Scriptable (gratuit) depuis l'App Store.
Appuyer sur Copier le code ci-dessous.
Ouvrir Scriptable → bouton + → coller le code → le renommer « Quota Claude ».
Écran d'accueil → appui long → + → Scriptable → taille Moyenne → Ajouter.
Appui long sur le widget → Modifier le widget → Script : Quota Claude.
// ============================================================================
//  Quota Claude — widget Scriptable
//  Affiche les jauges Session (5 h) et Hebdo de l'abonnement Claude Max.
//  Données publiées par la devbox sur o2switch (URL secrète ci-dessous).
// ============================================================================

// >>> URL du JSON (déjà renseignée). Ne pas partager cette URL. <<<
const URL = "https://dev.devillearmory.fr/qc-497df69785/quota.json";

// --- Palette -----------------------------------------------------------------
const CLAUDE = new Color("#D97757");            // accent marque
const TXT = new Color("#F5F3F0");               // texte principal
const DIM = new Color("#9B9691");               // texte secondaire
const TRACK = new Color("#FFFFFF", 0.10);       // fond de jauge
const SEV = {                                   // couleur selon severity
  normal: new Color("#4CB782"),
  warning: new Color("#E6A23C"),
  critical: new Color("#E5484D"),
};

// --- Récupération des données (avec cache local hors-ligne) ------------------
const fm = FileManager.local();
const cachePath = fm.joinPath(fm.cacheDirectory(), "quota-claude-cache.json");

async function loadData() {
  try {
    const req = new Request(URL);
    req.timeoutInterval = 15;
    const data = await req.loadJSON();
    fm.writeString(cachePath, JSON.stringify(data)); // mémorise le dernier bon
    return { data, offline: false };
  } catch (e) {
    if (fm.fileExists(cachePath)) {
      return { data: JSON.parse(fm.readString(cachePath)), offline: true };
    }
    return { data: null, offline: true };
  }
}

// --- Helpers -----------------------------------------------------------------
function colorFor(part) {
  if (!part) return DIM;
  if (SEV[part.severity]) return SEV[part.severity];
  const p = part.percent ?? 0;                  // fallback par seuils
  return p >= 80 ? SEV.critical : p >= 50 ? SEV.warning : SEV.normal;
}

function fmtReset(iso) {
  if (!iso) return "";
  const diff = new Date(iso).getTime() - Date.now();
  if (diff <= 0) return "reset imminent";
  const m = Math.floor(diff / 60000);
  const d = Math.floor(m / 1440), h = Math.floor((m % 1440) / 60), mm = m % 60;
  if (d > 0) return `reset ${d} j ${h} h`;
  if (h > 0) return `reset ${h} h ${String(mm).padStart(2, "0")}`;
  return `reset ${mm} min`;
}

function fmtUpdated(iso) {
  if (!iso) return "—";
  const m = Math.floor((Date.now() - new Date(iso).getTime()) / 60000);
  if (m < 1) return "à l'instant";
  if (m < 60) return `il y a ${m} min`;
  const h = Math.floor(m / 60);
  return `il y a ${h} h`;
}

// Jauge arrondie dessinée au pixel près
function gauge(pct, color, w, h) {
  const dc = new DrawContext();
  dc.size = new Size(w, h);
  dc.opaque = false;
  dc.respectScreenScale = true;
  const track = new Path();
  track.addRoundedRect(new Rect(0, 0, w, h), h / 2, h / 2);
  dc.addPath(track);
  dc.setFillColor(TRACK);
  dc.fillPath();
  const p = Math.max(0, Math.min(100, pct ?? 0));
  if (p > 0) {
    const fw = Math.max(h, (w * p) / 100);
    const fill = new Path();
    fill.addRoundedRect(new Rect(0, 0, fw, h), h / 2, h / 2);
    dc.addPath(fill);
    dc.setFillColor(color);
    dc.fillPath();
  }
  return dc.getImage();
}

// --- Construction du widget ---------------------------------------------------
function gaugeBlock(w, small, label, part, barW) {
  const pct = part ? part.percent : null;
  const head = w.addStack();
  head.layoutHorizontally();
  head.centerAlignContent();
  const l = head.addText(label);
  l.font = Font.mediumSystemFont(small ? 11 : 12);
  l.textColor = DIM;
  head.addSpacer();
  const v = head.addText(pct == null ? "–" : `${pct}%`);
  v.font = Font.boldSystemFont(small ? 12 : 14);
  v.textColor = TXT;
  w.addSpacer(4);
  const h = small ? 8 : 9;
  const img = w.addImage(gauge(pct, colorFor(part), barW, h));
  img.imageSize = new Size(barW, h);
  w.addSpacer(3);
  const r = w.addText(part ? fmtReset(part.resets_at) : "");
  r.font = Font.systemFont(small ? 9 : 10);
  r.textColor = DIM;
}

// ============================================================================
//  Écran VERROUILLÉ (widgets "accessory", monochromes) — rendu dédié
// ============================================================================
function lockBar(pct, wpt, hpt) {
  const dc = new DrawContext();
  dc.size = new Size(wpt, hpt);
  dc.opaque = false;
  dc.respectScreenScale = true;
  const track = new Path();
  track.addRoundedRect(new Rect(0, 0, wpt, hpt), hpt / 2, hpt / 2);
  dc.addPath(track);
  dc.setFillColor(new Color("#ffffff", 0.28)); // jauge vide (teintée + claire)
  dc.fillPath();
  const p = Math.max(0, Math.min(100, pct ?? 0));
  if (p > 0) {
    const fw = Math.max(hpt, (wpt * p) / 100);
    const fill = new Path();
    fill.addRoundedRect(new Rect(0, 0, fw, hpt), hpt / 2, hpt / 2);
    dc.addPath(fill);
    dc.setFillColor(new Color("#ffffff", 1)); // rempli (teinté plein)
    dc.fillPath();
  }
  return dc.getImage();
}

function lockRow(w, label, part) {
  const s = w.addStack();
  s.layoutHorizontally();
  s.centerAlignContent();
  const l = s.addText(label);
  l.font = Font.systemFont(11);
  l.textColor = Color.white();
  s.addSpacer(6);
  const img = s.addImage(lockBar(part ? part.percent : 0, 58, 7));
  img.imageSize = new Size(58, 7);
  s.addSpacer(6);
  const pct = part ? part.percent : null;
  const v = s.addText(pct == null ? "–" : `${pct}%`);
  v.font = Font.boldSystemFont(11);
  v.textColor = Color.white();
}

function buildLockScreen(w, fam, data, offline) {
  // pas de fond : l'écran verrouillé fournit le sien
  if (!data) {
    const t = w.addText("Claude —");
    t.font = Font.systemFont(12);
    t.textColor = Color.white();
    return;
  }
  const stale = data.stale || offline;
  const s = data.session ? data.session.percent : null;
  const wk = data.weekly ? data.weekly.percent : null;

  if (fam === "accessoryInline") {
    // ligne collée à l'heure : texte simple
    w.addText(`Claude ${s ?? "–"}% · ${wk ?? "–"}%${stale ? " ⚠" : ""}`);
    return;
  }

  if (fam === "accessoryCircular") {
    // rond : on met la Session (5 h) en avant
    const c = w.addStack();
    c.layoutVertically();
    c.centerAlignContent();
    const top = c.addText("5h");
    top.font = Font.systemFont(9);
    top.textColor = Color.white();
    top.centerAlignText();
    const big = c.addText(s == null ? "–" : `${s}%`);
    big.font = Font.boldSystemFont(15);
    big.textColor = Color.white();
    big.centerAlignText();
    return;
  }

  // accessoryRectangular (le rectangle sous l'horloge) — par défaut
  w.spacing = 3;
  const head = w.addStack();
  head.centerAlignContent();
  const title = head.addText("Claude");
  title.font = Font.boldSystemFont(12);
  title.textColor = Color.white();
  if (stale) {
    head.addSpacer(5);
    const warn = head.addText("⚠");
    warn.font = Font.systemFont(11);
    warn.textColor = Color.white();
  }
  lockRow(w, "5h", data.session);
  lockRow(w, "7j", data.weekly);
}

// ============================================================================
//  Point d'entrée : aiguille selon la famille de widget
// ============================================================================
async function main() {
  const { data, offline } = await loadData();
  const fam = config.widgetFamily || "medium";
  const w = new ListWidget();

  // ---- Écran verrouillé ----
  if (fam.startsWith("accessory")) {
    buildLockScreen(w, fam, data, offline);
    finish(w);
    return;
  }

  // ---- Écran d'accueil ----
  w.setPadding(12, 14, 12, 14);
  const bg = new LinearGradient();
  bg.colors = [new Color("#211D1A"), new Color("#141110")];
  bg.locations = [0, 1];
  w.backgroundGradient = bg;

  if (!data) {
    const t = w.addText("Quota Claude");
    t.font = Font.boldSystemFont(14);
    t.textColor = TXT;
    w.addSpacer(6);
    const e = w.addText("Pas de données.\nVérifie l'URL / la connexion.");
    e.font = Font.systemFont(11);
    e.textColor = DIM;
    finish(w);
    return;
  }

  const stale = data.stale || offline;
  const small = (config.widgetFamily || "medium") === "small";
  const barW = small ? 128 : 300;

  // En-tête : marque + fraîcheur (remplace l'ancien pied de page pour gagner en hauteur)
  const header = w.addStack();
  header.layoutHorizontally();
  header.centerAlignContent();
  const dot = header.addStack();
  dot.size = new Size(8, 8);
  dot.cornerRadius = 2;
  dot.backgroundColor = CLAUDE;
  header.addSpacer(6);
  const title = header.addText("Claude");
  title.font = Font.boldSystemFont(13);
  title.textColor = TXT;
  header.addSpacer();
  if (!small) {
    const upd = header.addText(
      (stale ? "⚠ " : "") + (offline ? "hors ligne" : fmtUpdated(data.updated_at))
    );
    upd.font = Font.systemFont(9);
    upd.textColor = stale ? SEV.warning : DIM;
  } else if (stale) {
    const warn = header.addText("⚠");
    warn.font = Font.systemFont(11);
    warn.textColor = SEV.warning;
  }

  w.addSpacer(small ? 9 : 11);
  gaugeBlock(w, small, "Session · 5 h", data.session, barW);
  w.addSpacer(small ? 8 : 10);
  gaugeBlock(w, small, "Hebdo · 7 j", data.weekly, barW);
  w.addSpacer(); // flexible : absorbe le mou, empêche tout débordement

  finish(w);
}

function finish(w) {
  w.refreshAfterDate = new Date(Date.now() + 10 * 60 * 1000);
  if (config.runsInWidget) {
    Script.setWidget(w);
  } else {
    w.presentMedium(); // aperçu quand on lance le script dans l'app
  }
  Script.complete();
}

await main();
Rien à configurer : l'URL de tes données est déjà dans le code. Garde ce lien privé.