a774ac673a
Some checks failed
Deploy analytics worker / Deploy analytics worker to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
i18n upload strings / Upload latest strings (push) Failing after 1s
Deploy bemo / Deploy bemo to ${{ (github.ref == 'refs/heads/bemo-production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
Deploy grafana resources / ${{ github.event_name == 'push' && 'Deploy grafana resources' || 'Validate grafana resources (dry run)' }} (push) Failing after 0s
End to end tests (dotcom) / Check for relevant changes (push) Failing after 0s
End to end tests (examples) / Check for relevant changes (push) Failing after 0s
End to end tests (mermaid readability) / Check for relevant changes (push) Failing after 1s
End to end tests (perf) / Check for relevant changes (push) Failing after 0s
Publish editor extensions / Publish editor extensions (push) Failing after 1s
Publish SDK packages / Remove the publish-packages label (push) Has been skipped
Checks / Tests & checks (push) Has been cancelled
Checks / Build all projects (push) Has been cancelled
Deploy templates / Deploy templates (push) Has been cancelled
End to end tests (dotcom) / End to end tests (dotcom) (push) Has been cancelled
End to end tests (mermaid readability) / End to end tests (mermaid readability) (push) Has been cancelled
End to end tests (perf) / End to end tests (perf) (push) Has been cancelled
Deploy .com / Deploy dotcom to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Has been cancelled
End to end tests (examples) / End to end tests (examples) (push) Has been cancelled
Publish SDK packages / Publish SDK packages (push) Has been cancelled
Publish SDK packages / Tell user released version (push) Has been cancelled
Publish SDK packages / Publishes code templates to separate repositories (push) Has been cancelled
Publish SDK packages / Deploys the template demos with the new SDK version (push) Has been cancelled
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { AssetRecordType, TLAsset, TLBookmarkAsset, getHashForString } from 'tldraw'
|
|
|
|
// How does our server handle bookmark unfurling?
|
|
export async function getBookmarkPreview({ url }: { url: string }): Promise<TLAsset> {
|
|
// we start with an empty asset record
|
|
const asset: TLBookmarkAsset = {
|
|
id: AssetRecordType.createId(getHashForString(url)),
|
|
typeName: 'asset',
|
|
type: 'bookmark',
|
|
meta: {},
|
|
props: {
|
|
src: url,
|
|
description: '',
|
|
image: '',
|
|
favicon: '',
|
|
title: '',
|
|
},
|
|
}
|
|
|
|
try {
|
|
// try to fetch the preview data from the server
|
|
const response = await fetch(`/api/unfurl?url=${encodeURIComponent(url)}`)
|
|
const data: any = await response.json()
|
|
|
|
// fill in our asset with whatever info we found
|
|
asset.props.description = data?.description ?? ''
|
|
asset.props.image = data?.image ?? ''
|
|
asset.props.favicon = data?.favicon ?? ''
|
|
asset.props.title = data?.title ?? ''
|
|
|
|
// carry the social image's dimensions on `meta` so embeds (e.g. Vimeo/YouTube) can size
|
|
// themselves to the content's real aspect ratio instead of staying letterboxed
|
|
if (typeof data?.imageWidth === 'number') asset.meta.imageWidth = data.imageWidth
|
|
if (typeof data?.imageHeight === 'number') asset.meta.imageHeight = data.imageHeight
|
|
} catch (e) {
|
|
console.error(e)
|
|
}
|
|
|
|
return asset
|
|
}
|