ویجت آیفون زیباهنر

نرخ لحظه‌ای طلا، سکه و نقره روی صفحهٔ اصلی آیفون، با اپ رایگان Scriptable.

زیباهنر روی صفحهٔ اصلی آیفون (بدون نصب)

در Safari یا Chrome همین سایت را باز کنید، دکمهٔ اشتراک‌گذاری (مربع با فلش رو به بالا) را بزنید و «Add to Home Screen» را انتخاب کنید. آیکون زیباهنر مثل یک اپ روی صفحهٔ آیفون می‌نشیند و سایت تمام‌صفحه باز می‌شود.

بعد از آن می‌توانید هشدار قیمت بگذارید تا وقتی طلا یا سکه به مبلغ دلخواهتان رسید، روی آیفون اعلان بیاید.

آیفون به سایت‌ها اجازهٔ ساختن ویجت نمی‌دهد؛ برای ویجت نرخ روی صفحهٔ آیفون، قدم‌های زیر با اپ رایگان Scriptable است.

ویجت نرخ در چهار قدم

اپ رایگان Scriptable را از App Store نصب کنید.
دکمهٔ «کپی کد ویجت» را بزنید، Scriptable را باز کنید، با «+» یک اسکریپت تازه بسازید، کد را بچسبانید و نامش را «زیباهنر» بگذارید.
روی صفحهٔ اصلی آیفون انگشت را نگه دارید، «+» یا Edit ← Add Widget را بزنید و Scriptable را با اندازهٔ دلخواه اضافه کنید.
روی ویجت انگشت را نگه دارید، Edit Widget را بزنید و در Script «زیباهنر» را انتخاب کنید.

کوچک: یک نرخ (در Parameter بنویسید gold18، coin_emami، mesghal یا silver). متوسط: چهار نرخ اصلی. بزرگ: همهٔ نرخ‌ها. برای آخرین محصول در Parameter بنویسید product. آیفون خودش هر چند دقیقه ویجت را به‌روز می‌کند.

// زیباهنر: ویجت نرخ لحظه‌ای طلا، سکه و نقره برای آیفون (در اپ رایگان Scriptable)
// پارامتر ویجت (اختیاری): برای ویجت کوچک نام نرخ، مثل gold18، coin_emami، mesghal یا silver؛ برای آخرین محصول: product
const SITE = "https://ziba-honar.ir";
const NAVY = new Color("#0b1d30");
const NAVY2 = new Color("#16324f");
const GOLD = new Color("#f2d891");
const MUTED = new Color("#c7d0db");
const UP = new Color("#4cc38a");
const DOWN = new Color("#f0746e");
const KEY = "zibahonar_widget";

async function load() {
  try {
    const r = new Request(SITE + "/api/widget");
    r.timeoutInterval = 20;
    const data = await r.loadJSON();
    Keychain.set(KEY, JSON.stringify(data));
    return data;
  } catch (e) {
    return Keychain.contains(KEY) ? JSON.parse(Keychain.get(KEY)) : null;
  }
}

function text(stack, value, size, color, bold) {
  const t = stack.addText(String(value || ""));
  t.font = bold ? Font.boldSystemFont(size) : Font.systemFont(size);
  t.textColor = color;
  t.lineLimit = 1;
  t.minimumScaleFactor = 0.5;
  return t;
}

function change(rate) {
  if (!rate.change_display) return null;
  return { label: (rate.direction === "up" ? "▲ " : "▼ ") + rate.change_display, color: rate.direction === "up" ? UP : DOWN };
}

// A row read right to left: the name on the right, the price on the left.
function row(w, rate, size) {
  const s = w.addStack();
  s.centerAlignContent();
  text(s, rate.display, size, Color.white(), true);
  const c = change(rate);
  if (c) {
    s.addSpacer(6);
    text(s, c.label, size - 4, c.color, false);
  }
  s.addSpacer();
  text(s, rate.label, size - 2, GOLD, false);
}

function header(w, title, data) {
  const s = w.addStack();
  text(s, data ? data.unit : "", 10, MUTED, false);
  s.addSpacer();
  text(s, title, 12, GOLD, true);
}

const data = await load();
const family = config.widgetFamily || "medium";
const param = String(args.widgetParameter || "").trim();
const w = new ListWidget();
const g = new LinearGradient();
g.colors = [NAVY2, NAVY];
g.locations = [0, 1];
w.backgroundGradient = g;
w.setPadding(12, 14, 12, 14);
w.refreshAfterDate = new Date(Date.now() + 5 * 60 * 1000);
w.url = SITE + "/?src=ios-widget";

if (!data) {
  text(w, "اینترنت در دسترس نیست", 13, MUTED, false);
} else if (param === "product" && data.latest) {
  const p = data.latest;
  w.url = p.url;
  try {
    const img = await new Request(p.image).loadImage();
    w.backgroundImage = img;
    w.backgroundGradient = null;
    const shade = new LinearGradient();
    shade.colors = [new Color("#0b1d30", 0), new Color("#0b1d30", 0.9)];
    shade.locations = [0.35, 1];
    w.backgroundGradient = shade;
  } catch (e) {
    // The name and price are enough.
  }
  w.addSpacer();
  const name = text(w, p.name, family === "small" ? 13 : 15, Color.white(), true);
  name.lineLimit = 2;
  name.rightAlignText();
  text(w, p.price + " " + data.unit, 12, GOLD, false).rightAlignText();
} else if (family === "small") {
  const rate = data.rates.find((r) => r.key === param) || data.rates.find((r) => r.key === "gold18") || data.rates[0];
  text(w, rate.label, 12, GOLD, false).rightAlignText();
  w.addSpacer(6);
  text(w, rate.display, 22, Color.white(), true).rightAlignText();
  text(w, data.unit, 10, MUTED, false).rightAlignText();
  const c = change(rate);
  if (c) {
    w.addSpacer(4);
    text(w, c.label, 11, c.color, false).rightAlignText();
  }
} else {
  const keys = ["gold18", "mesghal", "coin_emami", "silver"];
  const list = family === "medium" ? keys.map((k) => data.rates.find((r) => r.key === k)).filter(Boolean) : data.rates;
  header(w, family === "medium" ? "نرخ لحظه‌ای زیباهنر" : "همهٔ نرخ‌های زیباهنر", data);
  w.addSpacer(6);
  for (const rate of list) {
    row(w, rate, family === "medium" ? 13 : 14);
    w.addSpacer(family === "medium" ? 3 : 5);
  }
}

if (config.runsInWidget) {
  Script.setWidget(w);
} else if (family === "small") {
  await w.presentSmall();
} else if (family === "large") {
  await w.presentLarge();
} else {
  await w.presentMedium();
}
Script.complete();

راه دیگر ویجت: بدون کد، با API Widgets یا AnyMetrics

اگر کپی کردن کد برایتان سخت است، اپ رایگان «API Widgets» یا «AnyMetrics» را از App Store نصب کنید و یک ویجت تازه با این آدرس بسازید:

https://ziba-honar.ir/api/widget/simple

در تنظیم ویجت، فیلد «text» همهٔ نرخ‌ها را با هم نشان می‌دهد؛ برای یک نرخ: gold18 (طلای ۱۸ عیار)، mesghal (مثقال)، coin_emami (سکه امامی) یا silver (نقره). واحد در فیلد unit است.