Agent detection

By "agent" we mean the social platform (or web crawler) your images are being rendered for. You can render custom templates depending on the platform your links are being shared.

Usage

To detect the agents on your templates grab the agent prop and get the name via agent.name.

React

templates/main.js

import React from "react";

export default function MainTemplate({ agent, variables }) {
  if (agent.name === "whatsapp") {
    return <WhatsappComponent variables={variables} />
  }
  // ... default component ...
}

React Typescript

templates/main.tsx

import React from "react";
import { TemplateProps, FlyyerAgentName } from "@flyyer/types";

export default function MainTemplate({ agent, variables }: TemplateProps) {
  if (agent.name === FlyyerAgentName.WHATSAPP) {
    // Custom rules for squared template
    return <WhatsappComponent variables={variables} />
  }
  // ... default component ...
}

Agent list

Some agents are (but not limited to):

Name	Value
Facebook	facebook
Twitter	twitter
WhatsApp	whatsapp
Instagram	instagram
LinkedIn	linkedin
Reddit	reddit
Google	google
Pinterest	pinterest
Telegram	telegram
Slack	slack