alfred-figma/index.js

Alfred workflow to quick link figma projects and files

const alfy = require('alfy')
const utils = require('./lib/utils')

const promises = []
const items = []

// teams config
const teams = alfy.config.get('figma.teams') ? JSON.parse(alfy.config.get('figma.teams')) : []
const isAddingTeam = alfy.input.match(/^add\shttps:\/\/www\.figma\.com\/files\/team\/(\d+)\/([^\/]+)/i)

if(isAddingTeam) {
  return alfy.output([{
    title: isAddingTeam[2],
    subtitle: `Add ${isAddingTeam[2]} team’s project files to your search results.`,
    arg: JSON.stringify({id: isAddingTeam[1], name: isAddingTeam[2]}),
    variables: {
      action: 'add',
      notification: `${isAddingTeam[2]} team’s projects and files added to search results.`
    }
  }])
}

Promise.all(teams.map(team => {
  return Promise.resolve(items.push({
      uid: `${team.name}.${team.id}`,
      title: team.name,
      subtitle: `Open team page.`,
      arg:  utils.getUrl(`/files/team/${team.id}/${team.name}`, 'app'),
      text: {
        copy: utils.getUrl(`/files/team/${team.id}/${team.name}`, 'browser'),
      },
      variables: {
        action: 'browser'
      },
      mods: {
        alt: {
          subtitle: `Remove ${team.name} projects and files from search results.`,
          arg: JSON.stringify({id: team.id, name: team.name}),
          variables: {
            action: 'remove',
            notification: `${team.name} team’s projects and files removed from search results.`
          }
        },
        cmd: {
          subtitle: 'Open team page in a web browser',
          arg: utils.getUrl(`/files/team/${team.id}/${team.name}`, 'browser')
        }
      }
    }))
    .then(() => utils.getResults(`/teams/${team.id}/projects`))
    .then(results => {
      return Promise.all(results.projects.map((p) => {
        return Promise.resolve(items.push({
          uid: `${p.id}/${p.name}`,
          title: p.name,
          subtitle: `Open project page for team ${team.name}.`,
          arg:  utils.getUrl(`/files/project/${p.id}/${p.name}`, 'app'),
          text: {
            copy: utils.getUrl(`/files/project/${p.id}/${p.name}`, 'browser'),
          },
          variables: {
            action: 'browser'
          },
          mods: {
            cmd: {
              subtitle: 'Open project in web browser',
              arg: utils.getUrl(`/files/project/${p.key}/${p.name}`, 'browser')
            }
          }
        }))
        .then(() => utils.getResults(`/projects/${p.id}/files`))
        .then(results => {
          return Promise.all(results.files.map((f) => {
            // set the project name for formatting
            f.project = p.name
            f.team = team.name
            return Promise.resolve(items.push({
              uid: f.key,
              title: f.name,
              subtitle: utils.subtitle(f, ['team', 'project', 'modified']),
              arg:  utils.getUrl(`/file/${f.key}/${f.name}`, 'app'),
              variables: {
                action: 'browser'
              },
              quicklookurl: `https://www.figma.com${f.thumbnail_url}`,
              text: {
                copy: utils.getUrl(`/file/${f.key}/${f.name}`, 'browser'),
              },
              mods: {
                alt: {
                  subtitle: 'Duplicate file to your drafts.',
                  arg: utils.getUrl(`/file/${f.key}/${f.name}/duplicate`, 'browser')
                },
                cmd: {
                  subtitle: 'Open file in web browser',
                  arg: utils.getUrl(`/file/${f.key}/${f.name}`, 'browser')
                }
              }
            }))
          }))
        })
      }))
    })
}))
.then(() => {
  if(!isAddingTeam) {
    // Add Figma Team Item
    items.push({
      title: 'Add new Figma team',
      subtitle: 'Add Figma team projects to search results with url.',
      arg: 'figma add ',
      autocomplete: 'add ',
      variables: {
        action: 'rerun'
      }
    })
  }
  items.push({
    title: 'Recent Files',
    arg: utils.getUrl('/files/recent', 'app'),
    mods: {
      cmd: {
        subtitle: 'Open recent files in web browser',
        arg: utils.getUrl('/files/recent', 'browser')
      }
    },
    variables: {
      action: 'browser'
    }
  })
  items.push({
    title: 'Drafts',
    arg: utils.getUrl(`/files/drafts`, 'app'),
    mods: {
      cmd: {
        subtitle: 'Open drafts in web browser',
        arg: utils.getUrl('/files/drafts', 'browser')
      }
    },
    variables: {
      action: 'browser'
    }
  })
  items.push({
    title: 'Deleted Files',
    arg: utils.getUrl(`/files/deleted`, 'app'),
    mods: {
      cmd: {
        subtitle: 'Open deleted files in web browser',
        arg: utils.getUrl('/files/deleted', 'browser')
      }
    },
    variables: {
      action: 'browser'
    }
  })
})
.then(() => items.filter(item => {
  if (item.title.toLowerCase().includes(alfy.input.toLowerCase())) {
    return true
  }
  return false
}))
.then((filteredItems) => alfy.output(filteredItems))