34 lines
834 B
TypeScript
34 lines
834 B
TypeScript
import { useQuery } from '@tanstack/react-query';
|
|
|
|
import { useApi } from 'soapbox/hooks';
|
|
|
|
type Embed = {
|
|
type: string;
|
|
version: string;
|
|
author_name: string;
|
|
author_url: string;
|
|
provider_name: string;
|
|
provider_url: string;
|
|
cache_age: number;
|
|
html: string;
|
|
width: number;
|
|
height: number;
|
|
}
|
|
|
|
/** Fetch OEmbed information for a status by its URL. */
|
|
// https://github.com/mastodon/mastodon/blob/main/app/controllers/api/oembed_controller.rb
|
|
// https://github.com/mastodon/mastodon/blob/main/app/serializers/oembed_serializer.rb
|
|
export default function useEmbed(url: string) {
|
|
const api = useApi();
|
|
|
|
const getEmbed = async() => {
|
|
const { data } = await api.get('/api/oembed', { params: { url } });
|
|
return data;
|
|
};
|
|
|
|
return useQuery<Embed>({
|
|
queryKey: ['embed', url],
|
|
queryFn: getEmbed,
|
|
});
|
|
}
|