@vercel/og 0.0.12-beta.2 → 0.0.12

package/dist/emoji/index.d.ts

@@ -2,12 +2,14 @@
  * Modified version of https://unpkg.com/twemoji@13.1.0/dist/twemoji.esm.js.
  */
 export declare function getIconCode(char: string): string;
-declare const api: {
+declare const apis: {
+    twemoji: (code: any) => string;
     openmoji: string;
-    twemoji: string;
     blobmoji: string;
     noto: string;
+    fluent: (code: any) => string;
+    fluentFlat: (code: any) => string;
 };
-export declare type EmojiType = keyof typeof api;
+export declare type EmojiType = keyof typeof apis;
 export declare function loadEmoji(code: string, type?: EmojiType): Promise<Response>;
 export {};

package/dist/index.js

@@ -1,2 +1,3 @@
-import y,{init as v}from"satori/wasm";import b from"yoga-wasm-web";import*as i from"@resvg/resvg-wasm";import S from"../vendor/resvg.simd.wasm?module";import E from"../vendor/yoga.wasm?module";var u=String.fromCharCode(8205),w=/\uFE0F/g;function m(o){return j(o.indexOf(u)<0?o.replace(w,""):o)}function j(o){for(var n=[],e=0,t=0,s=0;s<o.length;)e=o.charCodeAt(s++),t?(n.push((65536+(t-55296<<10)+(e-56320)).toString(16)),t=0):55296<=e&&e<=56319?t=e:n.push(e.toString(16));return n.join("-")}var r={openmoji:"https://cdn.jsdelivr.net/npm/@svgmoji/openmoji@2.0.0/svg/",twemoji:"https://twemoji.maxcdn.com/v/latest/svg/",blobmoji:"https://cdn.jsdelivr.net/npm/@svgmoji/blob@2.0.0/svg/",noto:"https://cdn.jsdelivr.net/gh/svgmoji/svgmoji/packages/svgmoji__noto/svg/"};function c(o,n){(!n||!r[n])&&(n="twemoji");let e=n!=="twemoji";return fetch(`${r[n]}${e?o.toUpperCase():o}.svg`)}var C=i.initWasm(S),x=b(E).then(o=>v(o)),R=fetch(new URL("../vendor/inter-v12-latin-regular.ttf",import.meta.url)).then(o=>o.arrayBuffer()),g={zh:"Noto+Sans+SC",ja:"Noto+Sans+JP",ko:"Noto+Sans+KR",th:"Noto+Sans+Thai",unknown:"Noto+Sans"};async function k(o,n){if(!o||!n)return;let e=`https://fonts.googleapis.com/css2?family=${o}&text=${encodeURIComponent(n)}`,s=(await(await fetch(e,{headers:{"User-Agent":"Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; de-at) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1"}})).text()).match(/src: url\((.+)\) format\('(opentype|truetype)'\)/);if(!s)throw new Error("Failed to load font");return fetch(s[1]).then(a=>a.arrayBuffer())}var p=new Map,T=({emoji:o})=>{let n=async(e,t)=>{if(e==="emoji")return"data:image/svg+xml;base64,"+btoa(await(await c(m(t),o)).text());g[e]||(e="unknown");try{let s=await k(g[e],t);if(s)return{name:`satori_${e}_fallback_${t}`,data:s,weight:400,style:"normal"}}catch(s){console.error("Failed to load dynamic font for",t,". Error:",s)}};return async(...e)=>{let t=JSON.stringify(e),s=p.get(t);if(s)return s;let a=await n(...e);return p.set(t,a),a}},l=class{constructor(n,e={}){let t=Object.assign({width:1200,height:800,debug:!1},e),s=new ReadableStream({async start(a){await x,await C;let f=await R,d=await y(n,{width:t.width,height:t.height,debug:t.debug,fonts:t.fonts||[{name:"Inter",data:f,weight:700,style:"normal"}],loadAdditionalAsset:T({emoji:t.emoji})}),h=new i.Resvg(d,{fitTo:{mode:"width",value:t.width}});a.enqueue(h.render()),a.close()}});return new Response(s,{headers:{"content-type":"image/png","cache-control":"public, immutable, no-transform, max-age=31536000",...t.headers},status:t.status,statusText:t.statusText})}};export{l as ImageResponse};
+import j,{init as y}from"satori/wasm";import S from"yoga-wasm-web";import*as i from"@resvg/resvg-wasm";import b from"../vendor/resvg.simd.wasm?module";import C from"../vendor/yoga.wasm?module";var h=String.fromCharCode(8205),w=/\uFE0F/g;function m(t){return v(t.indexOf(h)<0?t.replace(w,""):t)}function v(t){for(var n=[],e=0,o=0,a=0;a<t.length;)e=t.charCodeAt(a++),o?(n.push((65536+(o-55296<<10)+(e-56320)).toString(16)),o=0):55296<=e&&e<=56319?o=e:n.push(e.toString(16));return n.join("-")}var r={twemoji:t=>"https://twemoji.maxcdn.com/v/latest/svg/"+t.toLowerCase()+".svg",openmoji:"https://cdn.jsdelivr.net/npm/@svgmoji/openmoji@2.0.0/svg/",blobmoji:"https://cdn.jsdelivr.net/npm/@svgmoji/blob@2.0.0/svg/",noto:"https://cdn.jsdelivr.net/gh/svgmoji/svgmoji/packages/svgmoji__noto/svg/",fluent:t=>"https://cdn.jsdelivr.net/gh/shuding/fluentui-emoji-unicode/assets/"+t.toLowerCase()+"_color.svg",fluentFlat:t=>"https://cdn.jsdelivr.net/gh/shuding/fluentui-emoji-unicode/assets/"+t.toLowerCase()+"_flat.svg"};function c(t,n){(!n||!r[n])&&(n="twemoji");let e=r[n];return fetch(typeof e=="function"?e(t):`${e}${t.toUpperCase()}.svg`)}var E=i.initWasm(b),N=S(C).then(t=>y(t)),T=fetch(new URL("../vendor/noto-sans-v27-latin-regular.ttf",import.meta.url)).then(t=>t.arrayBuffer()),g={zh:"Noto+Sans+SC",ja:"Noto+Sans+JP",ko:"Noto+Sans+KR",th:"Noto+Sans+Thai",he:"Noto+Sans+Hebrew",ar:"Noto+Sans+Arabic",bn:"Noto+Sans+Bengali",ta:"Noto+Sans+Tamil",te:"Noto+Sans+Telugu",ml:"Noto+Sans+Malayalam",devanagari:"Noto+Sans+Devanagari",unknown:"Noto+Sans"};async function k(t,n){if(!t||!n)return;let e=`https://fonts.googleapis.com/css2?family=${t}&text=${encodeURIComponent(n)}`,a=(await(await fetch(e,{headers:{"User-Agent":"Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; de-at) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1"}})).text()).match(/src: url\((.+)\) format\('(opentype|truetype)'\)/);if(!a)throw new Error("Failed to load font");return fetch(a[1]).then(s=>s.arrayBuffer())}var l=new Map,x=({emoji:t})=>{let n=async(e,o)=>{if(e==="emoji")return"data:image/svg+xml;base64,"+btoa(await(await c(m(o),t)).text());g[e]||(e="unknown");try{let a=await k(g[e],o);if(a)return{name:`satori_${e}_fallback_${o}`,data:a,weight:400,style:"normal"}}catch(a){console.error("Failed to load dynamic font for",o,". Error:",a)}};return async(...e)=>{let o=JSON.stringify(e),a=l.get(o);if(a)return a;let s=await n(...e);return l.set(o,s),s}},p=class{constructor(n,e={}){let o=Object.assign({width:1200,height:800,debug:!1},e),a=new ReadableStream({async start(s){await N,await E;let f=await T,d=await j(n,{width:o.width,height:o.height,debug:o.debug,fonts:o.fonts||[{name:"sans serif",data:f,weight:700,style:"normal"}],loadAdditionalAsset:x({emoji:o.emoji})}),u=new i.Resvg(d,{fitTo:{mode:"width",value:o.width}});s.enqueue(u.render()),s.close()}});return new Response(a,{headers:{"content-type":"image/png","cache-control":"public, immutable, no-transform, max-age=31536000",...o.headers},status:o.status,statusText:o.statusText})}};export{p as ImageResponse};
 /*! Copyright Twitter Inc. and other contributors. Licensed under MIT */
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/og.ts","../src/emoji/index.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport type { SatoriOptions } from 'satori'\n\n// @ts-ignore\nimport satori, { init as initSatori } from 'satori/wasm'\nimport initYoga from 'yoga-wasm-web'\nimport * as resvg from '@resvg/resvg-wasm'\n\n// @ts-ignore\nimport resvg_wasm from '../vendor/resvg.simd.wasm?module'\n// @ts-ignore\nimport yoga_wasm from '../vendor/yoga.wasm?module'\n\nimport { loadEmoji, getIconCode, EmojiType } from './emoji'\n\nconst initializedResvg = resvg.initWasm(resvg_wasm)\nconst initializedYoga = initYoga(yoga_wasm).then((yoga) => initSatori(yoga))\nconst fallbackFont = fetch(\n  new URL('../vendor/noto-sans-v27-latin-regular.ttf', import.meta.url)\n).then((res) => res.arrayBuffer())\n\ntype ImageResponseOptions = ConstructorParameters<typeof Response>[1] &\n  Partial<\n    Pick<\n      SatoriOptions,\n      | 'width'\n      | 'height'\n      | 'debug'\n      | 'loadAdditionalAsset'\n      | 'graphemeImages'\n      | 'fonts'\n    >\n  > & {\n    emoji?: EmojiType\n  }\n\n// @TODO: Support font style and weights, and make this option extensible rather\n// than built-in.\n// @TODO: Cover most languages with Noto Sans.\nconst languageFontMap = {\n  zh: 'Noto+Sans+SC',\n  ja: 'Noto+Sans+JP',\n  ko: 'Noto+Sans+KR',\n  th: 'Noto+Sans+Thai',\n  he: 'Noto+Sans+Hebrew',\n  ar: 'Noto+Sans+Arabic',\n  bn: 'Noto+Sans+Bengali',\n  ta: 'Noto+Sans+Tamil',\n  te: 'Noto+Sans+Telugu',\n  ml: 'Noto+Sans+Malayalam',\n  devanagari: 'Noto+Sans+Devanagari',\n  unknown: 'Noto+Sans',\n}\n\nasync function loadGoogleFont(font: string, text: string) {\n  if (!font || !text) return\n\n  const API = `https://fonts.googleapis.com/css2?family=${font}&text=${encodeURIComponent(\n    text\n  )}`\n\n  const css = await (\n    await fetch(API, {\n      headers: {\n        // Make sure it returns TTF.\n        'User-Agent':\n          'Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; de-at) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1',\n      },\n    })\n  ).text()\n\n  const resource = css.match(/src: url\\((.+)\\) format\\('(opentype|truetype)'\\)/)\n  if (!resource) throw new Error('Failed to load font')\n\n  return fetch(resource[1]).then((res) => res.arrayBuffer())\n}\n\nconst assetCache = new Map<string, any>()\nconst loadDynamicAsset = ({ emoji }: { emoji?: EmojiType }) => {\n  const fn = async (code, text) => {\n    if (code === 'emoji') {\n      // It's an emoji, load the image.\n      return (\n        `data:image/svg+xml;base64,` +\n        btoa(await (await loadEmoji(getIconCode(text), emoji)).text())\n      )\n    }\n\n    // Try to load from Google Fonts.\n    if (!languageFontMap[code]) code = 'unknown'\n\n    try {\n      const data = await loadGoogleFont(languageFontMap[code], text)\n\n      if (data) {\n        return {\n          name: `satori_${code}_fallback_${text}`,\n          data,\n          weight: 400,\n          style: 'normal',\n        }\n      }\n    } catch (e) {\n      console.error('Failed to load dynamic font for', text, '. Error:', e)\n    }\n  }\n\n  return async (...args: Parameters<typeof fn>) => {\n    const key = JSON.stringify(args)\n    const cache = assetCache.get(key)\n    if (cache) return cache\n\n    const asset = await fn(...args)\n    assetCache.set(key, asset)\n    return asset\n  }\n}\n\nexport class ImageResponse {\n  constructor(element: ReactElement, options: ImageResponseOptions = {}) {\n    const extendedOptions = Object.assign(\n      {\n        width: 1200,\n        height: 800,\n        debug: false,\n      },\n      options\n    )\n\n    const result = new ReadableStream({\n      async start(controller) {\n        await initializedYoga\n        await initializedResvg\n        const fontData = await fallbackFont\n\n        const svg = await satori(element, {\n          width: extendedOptions.width,\n          height: extendedOptions.height,\n          debug: extendedOptions.debug,\n          fonts: extendedOptions.fonts || [\n            {\n              name: 'sans serif',\n              data: fontData,\n              weight: 700,\n              style: 'normal',\n            },\n          ],\n          loadAdditionalAsset: loadDynamicAsset({\n            emoji: extendedOptions.emoji,\n          }),\n        })\n\n        const resvgJS = new resvg.Resvg(svg, {\n          fitTo: {\n            mode: 'width',\n            value: extendedOptions.width,\n          },\n        })\n\n        controller.enqueue(resvgJS.render())\n        controller.close()\n      },\n    })\n\n    return new Response(result, {\n      headers: {\n        'content-type': 'image/png',\n        'cache-control': 'public, immutable, no-transform, max-age=31536000',\n        ...extendedOptions.headers,\n      },\n      status: extendedOptions.status,\n      statusText: extendedOptions.statusText,\n    })\n  }\n}\n","/**\n * Modified version of https://unpkg.com/twemoji@13.1.0/dist/twemoji.esm.js.\n */\n\n/*! Copyright Twitter Inc. and other contributors. Licensed under MIT */\n\nconst U200D = String.fromCharCode(8205)\nconst UFE0Fg = /\\uFE0F/g\n\nexport function getIconCode(char: string) {\n  return toCodePoint(char.indexOf(U200D) < 0 ? char.replace(UFE0Fg, '') : char)\n}\n\nfunction toCodePoint(unicodeSurrogates: string) {\n  var r: string[] = [],\n    c = 0,\n    p = 0,\n    i = 0\n  while (i < unicodeSurrogates.length) {\n    c = unicodeSurrogates.charCodeAt(i++)\n    if (p) {\n      r.push((65536 + ((p - 55296) << 10) + (c - 56320)).toString(16))\n      p = 0\n    } else if (55296 <= c && c <= 56319) {\n      p = c\n    } else {\n      r.push(c.toString(16))\n    }\n  }\n  return r.join('-')\n}\n\nconst apis = {\n  twemoji: (code) =>\n    'https://twemoji.maxcdn.com/v/latest/svg/' + code.toLowerCase() + '.svg',\n  openmoji: 'https://cdn.jsdelivr.net/npm/@svgmoji/openmoji@2.0.0/svg/',\n  blobmoji: 'https://cdn.jsdelivr.net/npm/@svgmoji/blob@2.0.0/svg/',\n  noto: 'https://cdn.jsdelivr.net/gh/svgmoji/svgmoji/packages/svgmoji__noto/svg/',\n  fluent: (code) =>\n    'https://cdn.jsdelivr.net/gh/shuding/fluentui-emoji-unicode/assets/' +\n    code.toLowerCase() +\n    '_color.svg',\n  fluentFlat: (code) =>\n    'https://cdn.jsdelivr.net/gh/shuding/fluentui-emoji-unicode/assets/' +\n    code.toLowerCase() +\n    '_flat.svg',\n}\n\nexport type EmojiType = keyof typeof apis\n\nexport function loadEmoji(code: string, type?: EmojiType) {\n  // https://github.com/svgmoji/svgmoji\n  if (!type || !apis[type]) {\n    type = 'twemoji'\n  }\n  const api = apis[type]\n  if (typeof api === 'function') {\n    return fetch(api(code))\n  }\n  return fetch(`${api}${code.toUpperCase()}.svg`)\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/og",
-  "version": "0.0.12-beta.2",
+  "version": "0.0.12",
   "description": "Vercel Open Graph Image Generation",
   "type": "module",
   "main": "dist/index.js",
@@ -18,8 +18,8 @@
   "license": "MIT",
   "dependencies": {
     "@resvg/resvg-wasm": "2.0.0-alpha.4",
-    "satori": "0.0.29",
-    "yoga-wasm-web": "0.1.1"
+    "satori": "0.0.32",
+    "yoga-wasm-web": "0.1.2"
   },
   "devDependencies": {
     "@types/node": "^18.0.5",