Skip to content

Latest commit

 

History

History
43 lines (29 loc) · 1.25 KB

README.md

File metadata and controls

43 lines (29 loc) · 1.25 KB

@flyyer/proxy

Helper function to proxy images via flyyer network to bypass CORS with Typescript support.

We made this for Flyyer.io to enable developers to create content-aware marketing and social images. Beware this is intended to use inside flyyer templates created with create-flyyer-app.

Note: This proxy service is only available and allowed for flyyer templates where bypassing CORS is necessary for images or data.

Usage

Install this dependency:

yarn add @flyyer/proxy

Common case usage:

import { proxy } from "@flyyer/proxy";

export default function MainTemplate({ variables }) {
  const src = proxy(variables["image"]);
  return <img src={src} />
}

Smartcrop

example image

Usage with use-smartcrop.

import { proxy } from "@flyyer/proxy";
import { useSmartcrop } from "use-smartcrop";

export default function MainTemplate({ width, height, variables }) {
  const src = proxy(variables["image"]);
  const cropped = useSmartcrop(src, { width, height, minScale: 1 })
  return <img src={cropped.src} />
}