Вернуться на сайт

Виджет для iOS

LiveDune

Неофициальный виджет LiveDune для iOS, который помогает следить за аудиторией сообществ в социальных сетях на протяжении месяца. По каждому сообществу выводится актуальное количество подписчиков на данный момент, а также рост или падение по сравнению с началом месяца. Для работы требуется тариф «Агентство» в LiveDune.

1. Установите Scriptable

Это бесплатное приложение, необходимое для работы виджета. С его помощью можно создавать виджеты на языке JavaScript. На устройстве должна быть установлена iOS 14 или новее.

2. Добавьте код виджета

Нажмите кнопку ниже, чтобы скопировать код.

Далее перейдите по ссылке, чтобы открыть Scriptable сразу с окном для создания нового скрипта. Просто зажмите палец в пустом окне и вставьте скопированный код. Наверху вы увидите название скрипта «Untitled Script». Можно нажать по нему и придумать любое другое имя, если хотите.

3. Введите API-ключ

Теперь нужно выбрать, за какими сообществами вы хотите следить. Для загрузки списка сообществ сначала получите API-ключ на этой странице и вставьте его в поле ниже. Доступно только на тарифе «Агентство».

👋 Поблагодарить автора виджета

/*
Неофициальный виджет LiveDune для iOS, который помогает следить за аудиторией сообществ в социальных сетях на протяжении месяца. По каждому сообществу выводится актуальное количество подписчиков на данный момент, а также рост или падение по сравнению с началом месяца. Для работы требуется тариф «Агентство» в LiveDune.

Для настройки виджета перейдите на страницу: https://savinow.ru/scripts/livedune/

Версия: 1.0.0 (8 мая 2021)
Автор: Константин Савинов (https://savinow.ru)
*/

// Вводные из LiveDune
let liveDune = JSON.parse(args.widgetParameter);

try {
  const widget = await createWidget()
  renderWidget(widget)
} catch(error) {
  var checkError = error.toString().replace("Error: ", "")
  if (/Typenull/i.test(checkError)) { var showError = "Проверьте, что параметры виджета введены" }
  else { var showError = checkError }
  const widget = await createErrorWidget(showError)
  renderWidget(widget)
}

// Создаем виджет, если нет ошибок
async function createWidget() {
  const widget = new ListWidget()
  // Градиент для фона
  let gradient = new LinearGradient()
  gradient.locations = [0, 1]
  gradient.colors = [
    new Color("17233d"),
    new Color("141415")
  ]
  widget.backgroundGradient = gradient
  widget.addSpacer()
  // Время обновления виджета
  let nextRefresh = Date.now() + 1000*21600 // раз в 6 часов
  widget.refreshAfterDate = new Date(nextRefresh)
  await getData(widget)
  await showUpdateTime(widget)
  widget.addSpacer()
  return widget
}

// Виджет с ошибкой
async function createErrorWidget(error) {
  const widget = new ListWidget()
  // Градиент для фона
  let gradient = new LinearGradient()
  gradient.locations = [0, 1]
  gradient.colors = [
    new Color("17233d"),
    new Color("141415")
  ]
  widget.backgroundGradient = gradient
  widget.addSpacer()
  // Время обновления виджета
  let nextRefresh = Date.now() + 1000*60 // раз в 1 минуту
  widget.refreshAfterDate = new Date(nextRefresh)
  const contentStack = widget.addStack()
  contentStack.layoutHorizontally()
  const imageElement = contentStack.addImage(SFSymbol.named("exclamationmark.circle.fill").image)
  imageElement.tintColor = Color.white()
  imageElement.imageSize = new Size(30, 30)
  contentStack.addSpacer()
  widget.addSpacer(10)
  const errorDetailStack = widget.addStack()
  errorDetailStack.layoutHorizontally()
  const errorDetailElement = errorDetailStack.addText(error)
  errorDetailElement.font = Font.systemFont(13)
  errorDetailStack.addSpacer()

widget.addSpacer()
  return widget
}

async function getData(widget) {

// Формат даты
  //const dateFormatter = new DateFormatter()
  //dateFormatter.dateFormat = "YYYY-MM-DD"
  const date = new Date();
  
  // Сегодня
  var today = date.getFullYear() + '-' + ('0' + (date.getMonth()+1)).slice(-2) + '-' + ('0' + date.getDate()).slice(-2);
  
  // Первый день текущего месяца
  var firstDay = date.getFullYear() + '-' + ('0' + (date.getMonth()+1)).slice(-2) + '-01';
  
  for (var i = 0; i < liveDune.accounts.length; ++i) {
  
      const url = `https://api.livedune.ru/accounts/${liveDune.accounts[i].id}/history?access_token=${liveDune.token}&date_from=${firstDay}&date_to=${today}`
      const request = new Request(url)
      const response = await request.loadJSON()
      
      // Получаем значение за первый день месяца, с ним будем сравнивать
      var firstDayFollowers = String(response.response[response.response.length-1].followers).replace(/(.)(?=(\d{3})+$)/g,'$1 ');
      var first = response.response[response.response.length-1].followers
      
      // Получаем кол-во фолловеров за сегодня
      var todayFollowers = String(response.response[0].followers).replace(/(.)(?=(\d{3})+$)/g,'$1 ');
      var last = response.response[0].followers
      
      // Считаем разницу между значениями
      var difference = last - first;
      
      if (i>0) {widget.addSpacer(8)}
  
      let row1 = widget.addStack();
      // Первая строка
      let socialNetwork = row1.addText(liveDune.accounts[i].type);
      socialNetwork.textColor = Color.white();
      socialNetwork.font = Font.boldMonospacedSystemFont(14);
      // Текущее количество фолловеров
      row1.addSpacer();
      let todayTile = row1.addText(todayFollowers);
      todayTile.textColor = Color.white();
      todayTile.font = Font.boldMonospacedSystemFont(14);
     
      // Вторая строка
      widget.addSpacer(0)
      let row2 = widget.addStack();
      let brandTitle = row2.addText(liveDune.accounts[i].name);
      brandTitle.textColor = Color.white();
      brandTitle.textOpacity = 0.7;
      brandTitle.font = Font.regularMonospacedSystemFont(12);
      row2.addSpacer();
      
      // Насколько мы выросли или упали
      if(difference < 0) {
        let changeValue = row2.addText(String(difference).replace(/(.)(?=(\d{3})+$)/g,'$1 '));
        changeValue.textColor = Color.red();
        changeValue.font = Font.boldMonospacedSystemFont(14);
      } else {
        let changeValue = row2.addText('+' + String(difference).replace(/(.)(?=(\d{3})+$)/g,'$1 '));
        changeValue.textColor = Color.green();
        changeValue.font = Font.boldMonospacedSystemFont(14);
      }
      
      // Собрали ли максимальное количество строк для виджета
      if (i < getMaxQuantityAllowed()) {
        // Продолжаем собирать данные
      } else {
        // Останавливаем
        break;
      }
  }

}

// Отображение даты и времени обновления виджета
async function showUpdateTime(widget) {
  const updateStack = widget.addStack()
  updateStack.setPadding(2, 2, 2, 2)
  updateStack.addSpacer()
  
  const updateImg = SFSymbol.named('arrow.clockwise').image;
  const updateIcon = updateStack.addImage(updateImg);
  updateIcon.imageSize = new Size(8, 8);
  updateIcon.tintColor = Color.white()
  updateIcon.imageOpacity = 0.7
  
  updateStack.addSpacer(5)
  
  const dateFormatter = new DateFormatter()
  dateFormatter.dateFormat = "MMM HH:mm"
  var day = new Date()
  var today = ('0' + day.getDate()).slice(-2) + ' '
  const updateTime = updateStack.addText(today + dateFormatter.string(new Date()))
  updateTime.font = Font.systemFont(8)
  updateTime.textOpacity = 0.7
  
  updateStack.addSpacer()
}

function getMaxQuantityAllowed() {
  switch(config.widgetFamily) {
    case 'small':
      return 2
    case 'medium':
      return 2
    case 'large':
      return 6
    default:
      return 2
  }
}

function renderWidget(widget) {
  if (config.runsInWidget) {
    Script.setWidget(widget)
  } else {
    widget.presentSmall()
  }

Script.complete()
}