/** @jsxImportSource npm:react **/ import { blob } from "https://esm.town/v/std/blob"; import { email } from "https://esm.town/v/std/email"; import { renderToString } from "npm:react-dom@18/server"; const updatedKey = "caniuse-updated-at"; const dataKey = "caniuse-data"; function Feature({ feature }: any) { const links = feature.links ?? []; return ( <>

{feature.title}

{feature.description}

Full support: {feature.usage_perc_y}%

{feature.usage_perc_a > 0 ?

Partial support: {feature.usage_perc_a}%

: null} {!!feature.notes ?

Notes: {feature.notes}

: null}

{link.title}

); } export default async function(interval: Interval) { const previousDataUpdatedAt = await blob.getJSON(updatedKey) ?? 0; const previousData = await blob.getJSON(dataKey); const url = "https://raw.githubusercontent.com/Fyrd/caniuse/main/fulldata-json/data-1.0.json"; const data = await fetch(url).then((res) => res.json()); const updatedAt = data.updated; if (previousDataUpdatedAt >= updatedAt) return; const fetchedFeatures = Object.keys(data.data); const features = []; for (const feature of fetchedFeatures) { const previousFeature = previousData?.[feature]; const previousUsage = previousFeature?.usage_perc_y ?? 0; const nextFeature = data.data[feature]; const nextUsage = nextFeature.usage_perc_y; if (nextUsage >= 90 && previousUsage < 90) features.push(feature); } await blob.setJSON(updatedKey, data.updated); await blob.setJSON(dataKey, data.data); if (features.length === 0) return; const html = renderToString(

Hello gunnnnii!

Here are some new Web features that have become available widely available in browsers

{features.map(feature => )}

, ); await email({ subject: `You can use!`, html, }); }