21 lines
1021 B
TypeScript
21 lines
1021 B
TypeScript
import type { CanIUseMode } from '../shared/index.js'
|
|
export const resolveCanIUse = (feature: string, mode: CanIUseMode): string => {
|
|
if (!feature) return ''
|
|
|
|
if (mode === 'image') {
|
|
return `<picture>
|
|
<source type="image/webp" srcset="https://caniuse.bitsofco.de/image/${feature}.webp">
|
|
<source type="image/png" srcset="https://caniuse.bitsofco.de/image/${feature}.png">
|
|
<img src="https://caniuse.bitsofco.de/image/${feature}.jpg" alt="Data on support for the ${feature} feature across the major browsers from caniuse.com">
|
|
</picture>`
|
|
}
|
|
|
|
const periods = 'future_2,future_1,current,past_1,past_2'
|
|
const accessible = 'false'
|
|
const image = 'none'
|
|
const url = 'https://caniuse.bitsofco.de/embed/index.html'
|
|
const src = `${url}?feat=${feature}&periods=${periods}&accessible-colours=${accessible}&image-base=${image}`
|
|
|
|
return `<div class="ciu_embed" style="margin:16px 0" data-feature="${feature}"><iframe src="${src}" frameborder="0" width="100%" height="400px"></iframe></div>`
|
|
}
|