@vercel/og 0.0.24 → 0.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import S,{init as b}from"satori/wasm";import N from"yoga-wasm-web";import*as i from"@resvg/resvg-wasm";import T from"../vendor/resvg.simd.wasm?module";import C from"../vendor/yoga.wasm?module";var v=String.fromCharCode(8205),
|
|
1
|
+
import S,{init as b}from"satori/wasm";import N from"yoga-wasm-web";import*as i from"@resvg/resvg-wasm";import T from"../vendor/resvg.simd.wasm?module";import C from"../vendor/yoga.wasm?module";var v=String.fromCharCode(8205),j=/\uFE0F/g;function c(t){return y(t.indexOf(v)<0?t.replace(j,""):t)}function y(t){for(var n=[],o=0,e=0,s=0;s<t.length;)o=t.charCodeAt(s++),e?(n.push((65536+(e-55296<<10)+(o-56320)).toString(16)),e=0):55296<=o&&o<=56319?e=o:n.push(o.toString(16));return n.join("-")}var r={twemoji:t=>"https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/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 m(t,n){(!n||!r[n])&&(n="twemoji");let o=r[n];return fetch(typeof o=="function"?o(t):`${o}${t.toUpperCase()}.svg`)}var E=i.initWasm(T),R=N(C).then(t=>b(t)),x=fetch(new URL("../vendor/noto-sans-v27-latin-regular.ttf",import.meta.url)).then(t=>t.arrayBuffer()),f,u,_=((u=(f=globalThis==null?void 0:globalThis.process)==null?void 0:f.env)==null?void 0:u.NODE_ENV)==="development",l={"ja-JP":"Noto+Sans+JP","ko-KR":"Noto+Sans+KR","zh-CN":"Noto+Sans+SC","zh-TW":"Noto+Sans+TC","zh-HK":"Noto+Sans+HK","th-TH":"Noto+Sans+Thai","bn-IN":"Noto+Sans+Bengali","ar-AR":"Noto+Sans+Arabic","ta-IN":"Noto+Sans+Tamil","ml-IN":"Noto+Sans+Malayalam","he-IL":"Noto+Sans+Hebrew","te-IN":"Noto+Sans+Telugu",devanagari:"Noto+Sans+Devanagari",kannada:"Noto+Sans+Kannada",symbol:["Noto+Sans+Symbols","Noto+Sans+Symbols+2"],math:"Noto+Sans+Math",unknown:"Noto+Sans"};async function k(t,n){if(!t||!n)return;let o=`https://fonts.googleapis.com/css2?family=${t}&text=${encodeURIComponent(n)}`,s=(await(await fetch(o,{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 g=new Map,I=({emoji:t})=>{let n=async(o,e)=>{if(o==="emoji")return"data:image/svg+xml;base64,"+btoa(await(await m(c(e),t)).text());l[o]||(o="unknown");try{let s=await k(l[o],e);if(s)return{name:`satori_${o}_fallback_${e}`,data:s,weight:400,style:"normal"}}catch(s){console.error("Failed to load dynamic font for",e,". Error:",s)}};return async(...o)=>{let e=JSON.stringify(o),s=g.get(e);if(s)return s;let a=await n(...o);return g.set(e,a),a}},p=class{constructor(n,o={}){let e=Object.assign({width:1200,height:630,debug:!1},o),s=new ReadableStream({async start(a){await R,await E;let d=await x,h=await S(n,{width:e.width,height:e.height,debug:e.debug,fonts:e.fonts||[{name:"sans serif",data:d,weight:700,style:"normal"}],loadAdditionalAsset:I({emoji:e.emoji})}),w=new i.Resvg(h,{fitTo:{mode:"width",value:e.width}});a.enqueue(w.render()),a.close()}});return new Response(s,{headers:{"content-type":"image/png","cache-control":_?"no-cache, no-store":"public, immutable, no-transform, max-age=31536000",...e.headers},status:e.status,statusText:e.statusText})}};export{p as ImageResponse};
|
|
2
2
|
/*! Copyright Twitter Inc. and other contributors. Licensed under MIT */
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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())\nconst isDev = globalThis?.process?.env?.NODE_ENV === 'development'\n\nexport type ImageResponseOptions = ConstructorParameters<typeof Response>[1] & {\n /**\n * The width of the image.\n *\n * @type {number}\n * @default 1200\n */\n width?: number\n /**\n * The height of the image.\n *\n * @type {number}\n * @default 630\n */\n height?: number\n /**\n * Display debug information on the image.\n *\n * @type {boolean}\n * @default false\n */\n debug?: boolean\n /**\n * A list of fonts to use.\n *\n * @type {{ data: ArrayBuffer; name: string; weight?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900; style?: 'normal' | 'italic' }[]}\n * @default Noto Sans Latin Regular.\n */\n fonts?: SatoriOptions['fonts']\n /**\n * Using a specific Emoji style. Defaults to `twemoji`.\n *\n * @link https://github.com/vercel/og#emoji\n * @type {EmojiType}\n * @default 'twemoji'\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 'ja-JP': 'Noto+Sans+JP',\n 'ko-KR': 'Noto+Sans+KR',\n 'zh-CN': 'Noto+Sans+SC',\n 'zh-TW': 'Noto+Sans+TC',\n 'zh-HK': 'Noto+Sans+HK',\n 'th-TH': 'Noto+Sans+Thai',\n 'bn-IN': 'Noto+Sans+Bengali',\n 'ar-AR': 'Noto+Sans+Arabic',\n 'ta-IN': 'Noto+Sans+Tamil',\n 'ml-IN': 'Noto+Sans+Malayalam',\n 'he-IL': 'Noto+Sans+Hebrew',\n 'te-IN': 'Noto+Sans+Telugu',\n devanagari: 'Noto+Sans+Devanagari',\n kannada: 'Noto+Sans+Kannada',\n symbol: ['Noto+Sans+Symbols', 'Noto+Sans+Symbols+2'],\n math: 'Noto+Sans+Math',\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: 630,\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 } as SatoriOptions)\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': isDev\n ? 'no-cache, no-store'\n : '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":[]}
|
|
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())\nconst isDev = globalThis?.process?.env?.NODE_ENV === 'development'\n\nexport type ImageResponseOptions = ConstructorParameters<typeof Response>[1] & {\n /**\n * The width of the image.\n *\n * @type {number}\n * @default 1200\n */\n width?: number\n /**\n * The height of the image.\n *\n * @type {number}\n * @default 630\n */\n height?: number\n /**\n * Display debug information on the image.\n *\n * @type {boolean}\n * @default false\n */\n debug?: boolean\n /**\n * A list of fonts to use.\n *\n * @type {{ data: ArrayBuffer; name: string; weight?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900; style?: 'normal' | 'italic' }[]}\n * @default Noto Sans Latin Regular.\n */\n fonts?: SatoriOptions['fonts']\n /**\n * Using a specific Emoji style. Defaults to `twemoji`.\n *\n * @link https://github.com/vercel/og#emoji\n * @type {EmojiType}\n * @default 'twemoji'\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 'ja-JP': 'Noto+Sans+JP',\n 'ko-KR': 'Noto+Sans+KR',\n 'zh-CN': 'Noto+Sans+SC',\n 'zh-TW': 'Noto+Sans+TC',\n 'zh-HK': 'Noto+Sans+HK',\n 'th-TH': 'Noto+Sans+Thai',\n 'bn-IN': 'Noto+Sans+Bengali',\n 'ar-AR': 'Noto+Sans+Arabic',\n 'ta-IN': 'Noto+Sans+Tamil',\n 'ml-IN': 'Noto+Sans+Malayalam',\n 'he-IL': 'Noto+Sans+Hebrew',\n 'te-IN': 'Noto+Sans+Telugu',\n devanagari: 'Noto+Sans+Devanagari',\n kannada: 'Noto+Sans+Kannada',\n symbol: ['Noto+Sans+Symbols', 'Noto+Sans+Symbols+2'],\n math: 'Noto+Sans+Math',\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: 630,\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 } as SatoriOptions)\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': isDev\n ? 'no-cache, no-store'\n : '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://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vercel/og",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.26",
|
|
4
4
|
"description": "Generate Open Graph Images dynamically from HTML/CSS without a browser",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
"dist/**/*",
|
|
10
10
|
"vendor/**/*"
|
|
11
11
|
],
|
|
12
|
+
"scripts": {
|
|
13
|
+
"build": "tsup src/index.ts --format esm && pnpm types",
|
|
14
|
+
"types": "tsc --project tsconfig.json"
|
|
15
|
+
},
|
|
12
16
|
"keywords": [
|
|
13
17
|
"open graph image",
|
|
14
18
|
"open graph",
|
|
@@ -30,12 +34,8 @@
|
|
|
30
34
|
"tsup": "^6.1.3",
|
|
31
35
|
"typescript": "^4.7.4"
|
|
32
36
|
},
|
|
33
|
-
"packageManager": "pnpm@7.
|
|
37
|
+
"packageManager": "pnpm@7.24.0",
|
|
34
38
|
"engines": {
|
|
35
39
|
"node": ">=16"
|
|
36
|
-
},
|
|
37
|
-
"scripts": {
|
|
38
|
-
"build": "tsup src/index.ts --format esm && pnpm types",
|
|
39
|
-
"types": "tsc --project tsconfig.json"
|
|
40
40
|
}
|
|
41
|
-
}
|
|
41
|
+
}
|