Предварительный просмотр ссылок с помощью смарт-чипов: невыразимый потенциал скриптов приложений

Хорошо, ребята, мы говорим о чем-то довольно горячем из прессы в области скриптов Google Apps — Smart Chips. Эта функция доступна в Google Docs и может создавать превью вставленных ссылок с помощью Card Service. Думайте об этом как о маленьком окне предварительного просмотра того, что лежит за пределами ссылки, — если хотите, для быстрого ознакомления. 🕵️‍♂️

А теперь приготовьтесь! Вот «забавная» часть — это должно быть развернуто как надстройка Workspace, а не просто надстройка. Если вы чувствуете, что находитесь в сценарии Python, поедающего свой хвост, вы не одиноки. 😂

Наш захватывающий план: «MediumMosaic» 🏗️

Хорошо, вот что мы готовим — мы будем использовать эти умные чипы для предварительного просмотра сообщений на Medium, в частности, сообщений из публикации JavaScript на простом английском языке. У них есть сочный контент, который обязательно вас увлечет!

Наше маленькое творение (которое я назвал «MediumMosaic») будет извлекать из поста заголовок, основное изображение, ссылку и данные автора (аватар и имя). Немного похоже на поиск сокровищ, не так ли? Но эй, кто не любит старую добрую охоту за сокровищами! 🏴‍☠️

Набор инструментов: реализация триггера предварительного просмотра ссылок

Давайте подготовим сцену — как и все надстройки Workspace, использующие Card Service, нам нужно настроить желаемое поведение в файле appsscript.json. Сначала это может показаться абракадаброй, но поверьте мне, это не так страшно, как кажется! 🧙‍♂️

{
  "timeZone": "Europe/Paris",
  "dependencies": {},
  "exceptionLogging": "STACKDRIVER",
  "runtimeVersion": "V8",
  "oauthScopes": [
    "https://www.googleapis.com/auth/workspace.linkpreview",
    "https://www.googleapis.com/auth/script.external_request"
  ],
  "addOns": {
    "common": {
      "name": "MediumMosaic: Smart Chips for Medium Stories",
      "logoUrl": "https://i.ibb.co/CwTRSQT/mmlogo.png",
      "layoutProperties": {
        "primaryColor": "#dd4b39"
      }
    },
    "docs": {
      "linkPreviewTriggers": […