Easily watch every country that participated in Ship for World Youth 2024 program time from your home screen!

scriptable-swy35-clock.js

const widget = await createWidget();

if (config.runsInWidget) {
  Script.setWidget(widget);
} else {
  widget.presentMedium();
}

Script.complete();

async function createWidget() {
  const wg = new ListWidget();
  const currentDate = new Date();

  const titleText = wg.addText("🕐 SWY35 Clock");
  titleText.centerAlignText();
  titleText.font = new Font("Menlo-Bold", 14)
  
  wg.addSpacer(10)

  const countries = [
    {
      name: "Argentina",
      timeZone: "America/Argentina/Buenos_Aires",
      flag: "🇦🇷",
    },
    { name: "Ethiopia", timeZone: "Africa/Addis_Ababa", flag: "🇪🇹" },
    { name: "France", timeZone: "Europe/Paris", flag: "🇫🇷" },
    { name: "India", timeZone: "Asia/Kolkata", flag: "🇮🇳" },
    { name: "Ireland", timeZone: "Europe/Dublin", flag: "🇮🇪" },
    { name: "Japan", timeZone: "Asia/Tokyo", flag: "🇯🇵" },
    { name: "Jordan", timeZone: "Asia/Amman", flag: "🇯🇴" },
    { name: "Kenya", timeZone: "Africa/Nairobi", flag: "🇰🇪" },
    { name: "Mexico", timeZone: "America/Mexico_City", flag: "🇲🇽" },
    { name: "New Zealand", timeZone: "Pacific/Auckland", flag: "🇳🇿" },
    { name: "Solomon", timeZone: "Pacific/Guadalcanal", flag: "🇸🇧" },
    { name: "Türkiye", timeZone: "Europe/Istanbul", flag: "🇹🇷" },
    { name: "UAE", timeZone: "Asia/Dubai", flag: "🇦🇪" },
    { name: "Zambia", timeZone: "Africa/Lusaka", flag: "🇿🇲" },
  ];

  const halfwayIndex = Math.ceil(countries.length / 2);

  const parentStack = wg.addStack();
  const leftStack = parentStack.addStack();
  parentStack.addSpacer(12);
  const rightStack = parentStack.addStack();

  leftStack.layoutVertically();
  rightStack.layoutVertically();

  leftStack.spacing = 2;
  rightStack.spacing = 2;

  for (const countryIndex in countries) {
    const country = countries[countryIndex];
    const countryDate = new Date(
      new Date().toLocaleString("en-US", { timeZone: country.timeZone })
    );

    const time = new Date().toLocaleTimeString("en-US", {
      hour: "2-digit",
      minute: "2-digit",
      timeZone: country.timeZone,
    });

    const timeText = `${country.flag} ${country.name}: ${time}`;
    
    if (currentDate.getDate() !== countryDate.getDate()) {
      const dayDifference = currentDate.getDate() - countryDate.getDate();
      const dayNotice =
        dayDifference > 0
          ? `(+${dayDifference})`
          : `(-${Math.abs(dayDifference)})`;

      timeText.text += ` ${dayNotice}`;
    }

    if (countryIndex < halfwayIndex) {
      const t = leftStack.addText(timeText);
      t.font = new Font("Menlo", 11);
    } else {
      const t = rightStack.addText(timeText);
      t.font = new Font("Menlo", 11);
    }
  }

  return wg;
}