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.
Install this dependency:
yarn add @flyyer/proxyCommon case usage:
import { proxy } from "@flyyer/proxy";
export default function MainTemplate({ variables }) {
const src = proxy(variables["image"]);
return <img src={src} />
}
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} />
}![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent