astro-opengraph-images 1.6.0 → 1.6.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [1.6.2](https://github.com/shepherdjerred/astro-opengraph-images/compare/v1.6.1...v1.6.2) (2024-07-01)
+
+
+### Bug Fixes
+
+* remove type ([0400a2e](https://github.com/shepherdjerred/astro-opengraph-images/commit/0400a2e71d33dcd3fbc5e595e9f984f14097118b))
+
+## [1.6.1](https://github.com/shepherdjerred/astro-opengraph-images/compare/v1.6.0...v1.6.1) (2024-07-01)
+
+
+### Bug Fixes
+
+* correct preset return types ([21e668a](https://github.com/shepherdjerred/astro-opengraph-images/commit/21e668acc0c426a07435af73e4ccbae351d83d40))
+
 ## [1.6.0](https://github.com/shepherdjerred/astro-opengraph-images/compare/v1.5.0...v1.6.0) (2024-07-01)
 
 

package/README.md

@@ -24,10 +24,11 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
 > [!WARNING]
 > This integration has only been tested with statically rendered sites. It is untested with server-side rendering.
 
+- Written in TypeScript
 - Generate Open Graph images for every page on your site.
 - Use a preset renderer to get started quickly.
-- Images are fully customizable.
-- Use React + Tailwind syntax or vanilla JavaScript to define your own custom images.
+- Images are fully customizable using [Satori](https://github.com/vercel/satori).
+- Use React/JSX + Tailwind syntax or vanilla JavaScript to define your own custom images.
 - Supports both static pages and Astro content collections.
 - Pages can be written in Markdown, MDX, HTML, or any other format.
 
@@ -63,9 +64,7 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
    npm i @fontsource/roboto
    ```
 
-   You can find more fonts on [Fontsource](https://fontsource.org/), or you can use any font file.
-
-   See [Satori's font documentation](https://github.com/vercel/satori?tab=readme-ov-file#fonts) for more information.
+   You can find more fonts on [Fontsource](https://fontsource.org/), or you can use any font file that you have. See [Satori's font documentation](https://github.com/vercel/satori?tab=readme-ov-file#fonts) for more information.
 
 1. Configure the integration in your `astro.config.js` file:
 
@@ -170,6 +169,16 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
    - Sending a link to your site in an application that supports Open Graph like iMessage, Slack, Discord, etc.
    - Visit [opengraph.xyz](http://opengraph.xyz/) and test your site.
 
+## Examples
+
+There is an example site using this integration under [`example/`](https://github.com/shepherdjerred/astro-opengraph-images/tree/main/example).
+
+### Sites Using This
+
+If you're using this project, [open a PR](https://github.com/shepherdjerred/astro-opengraph-images/compare) to add your site to this list.
+
+- [sjer.red](https://sjer.red) ([source](https://github.com/shepherdjerred/sjer.red))
+
 ## Custom Renderers
 
 You can create your own custom images with a render function. Take a look at how [a preset](https://github.com/shepherdjerred/astro-opengraph-images/blob/main/src/presets/blackAndWhite.tsx) works.

package/README.md.tmpl

@@ -24,10 +24,11 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
 > [!WARNING]
 > This integration has only been tested with statically rendered sites. It is untested with server-side rendering.
 
+- Written in TypeScript
 - Generate Open Graph images for every page on your site.
 - Use a preset renderer to get started quickly.
-- Images are fully customizable.
-- Use React + Tailwind syntax or vanilla JavaScript to define your own custom images.
+- Images are fully customizable using [Satori](https://github.com/vercel/satori).
+- Use React/JSX + Tailwind syntax or vanilla JavaScript to define your own custom images.
 - Supports both static pages and Astro content collections.
 - Pages can be written in Markdown, MDX, HTML, or any other format.
 
@@ -63,9 +64,7 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
     npm i @fontsource/roboto
     ```
 
-    You can find more fonts on [Fontsource](https://fontsource.org/), or you can use any font file.
-
-    See [Satori's font documentation](https://github.com/vercel/satori?tab=readme-ov-file#fonts) for more information.
+    You can find more fonts on [Fontsource](https://fontsource.org/), or you can use any font file that you have. See [Satori's font documentation](https://github.com/vercel/satori?tab=readme-ov-file#fonts) for more information.
 
 1. Configure the integration in your `astro.config.js` file:
 
@@ -170,6 +169,16 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
     * Sending a link to your site in an application that supports Open Graph like iMessage, Slack, Discord, etc.
     * Visit [opengraph.xyz](http://opengraph.xyz/) and test your site.
 
+## Examples
+
+There is an example site using this integration under [`example/`](https://github.com/shepherdjerred/astro-opengraph-images/tree/main/example).
+
+### Sites Using This
+
+If you're using this project, [open a PR](https://github.com/shepherdjerred/astro-opengraph-images/compare) to add your site to this list.
+
+* [sjer.red](https://sjer.red) ([source](https://github.com/shepherdjerred/sjer.red))
+
 ## Custom Renderers
 
 You can create your own custom images with a render function. Take a look at how [a preset](https://github.com/shepherdjerred/astro-opengraph-images/blob/main/src/presets/blackAndWhite.tsx) works.

package/dist/presets/blackAndWhite.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
-export declare function blackAndWhite({ title, description }: RenderFunctionInput): React.ReactNode;
+export declare function blackAndWhite({ title, description }: RenderFunctionInput): Promise<React.ReactNode>;
 //# sourceMappingURL=blackAndWhite.d.ts.map

package/dist/presets/blackAndWhite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blackAndWhite.d.ts","sourceRoot":"","sources":["../../src/presets/blackAndWhite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,SAAS,CA+B1F"}
+{"version":3,"file":"blackAndWhite.d.ts","sourceRoot":"","sources":["../../src/presets/blackAndWhite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,mBAAmB,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CA+BnG"}

package/dist/presets/blackAndWhite.js

@@ -1,6 +1,6 @@
 import React from "react";
 export function blackAndWhite({ title, description }) {
-    return (React.createElement("div", { style: {
+    return Promise.resolve(React.createElement("div", { style: {
             height: "100%",
             width: "100%",
             display: "flex",

package/dist/presets/blackAndWhite.js.map

@@ -1 +1 @@
-{"version":3,"file":"blackAndWhite.js","sourceRoot":"","sources":["../../src/presets/blackAndWhite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAuB;IACvE,OAAO,CACL,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,MAAM;YACvB,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,aAAa;YACzB,QAAQ,EAAE,EAAE;SACb;QAED,6BACE,KAAK,EAAE;gBACL,SAAS,EAAE,EAAE;aACd,IAEA,KAAK,CACF;QACN,6BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb,IAEA,WAAW,IAAI,EAAE,CACd,CACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"blackAndWhite.js","sourceRoot":"","sources":["../../src/presets/blackAndWhite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAuB;IACvE,OAAO,OAAO,CAAC,OAAO,CACpB,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,MAAM;YACvB,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,aAAa;YACzB,QAAQ,EAAE,EAAE;SACb;QAED,6BACE,KAAK,EAAE;gBACL,SAAS,EAAE,EAAE;aACd,IAEA,KAAK,CACF;QACN,6BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb,IAEA,WAAW,IAAI,EAAE,CACd,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/presets/gradients.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
-export declare function gradients({ title, description }: RenderFunctionInput): React.ReactNode;
+export declare function gradients({ title, description }: RenderFunctionInput): Promise<React.ReactNode>;
 //# sourceMappingURL=gradients.d.ts.map

package/dist/presets/gradients.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/presets/gradients.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAqCtF"}
+{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/presets/gradients.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,mBAAmB,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAqC/F"}

package/dist/presets/gradients.js

@@ -1,6 +1,6 @@
 import React from "react";
 export function gradients({ title, description }) {
-    return (React.createElement("div", { style: {
+    return Promise.resolve(React.createElement("div", { style: {
             display: "flex",
             height: "100%",
             width: "100%",

package/dist/presets/gradients.js.map

@@ -1 +1 @@
-{"version":3,"file":"gradients.js","sourceRoot":"","sources":["../../src/presets/gradients.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAuB;IACnE,OAAO,CACL,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,8CAA8C;YAC/D,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,CAAC,CAAC;YACjB,UAAU,EAAE,GAAG;YACf,SAAS,EAAE,QAAQ;SACpB;QAED,6BACE,KAAK,EAAE;gBACL,eAAe,EAAE,4DAA4D;gBAC7E,cAAc,EAAE,MAAM;gBACtB,KAAK,EAAE,aAAa;aACrB,IAEA,KAAK,CACF;QACN,6BACE,KAAK,EAAE;gBACL,eAAe,EAAE,6DAA6D;gBAC9E,cAAc,EAAE,MAAM;gBACtB,KAAK,EAAE,aAAa;aACrB,IAEA,WAAW,IAAI,EAAE,CACd,CACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"gradients.js","sourceRoot":"","sources":["../../src/presets/gradients.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAuB;IACnE,OAAO,OAAO,CAAC,OAAO,CACpB,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,8CAA8C;YAC/D,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,CAAC,CAAC;YACjB,UAAU,EAAE,GAAG;YACf,SAAS,EAAE,QAAQ;SACpB;QAED,6BACE,KAAK,EAAE;gBACL,eAAe,EAAE,4DAA4D;gBAC7E,cAAc,EAAE,MAAM;gBACtB,KAAK,EAAE,aAAa;aACrB,IAEA,KAAK,CACF;QACN,6BACE,KAAK,EAAE;gBACL,eAAe,EAAE,6DAA6D;gBAC9E,cAAc,EAAE,MAAM;gBACtB,KAAK,EAAE,aAAa;aACrB,IAEA,WAAW,IAAI,EAAE,CACd,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/presets/rauchg.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
-export declare function rauchg({ title }: RenderFunctionInput): React.ReactNode;
+export declare function rauchg({ title }: RenderFunctionInput): Promise<React.ReactNode>;
 //# sourceMappingURL=rauchg.d.ts.map

package/dist/presets/rauchg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rauchg.d.ts","sourceRoot":"","sources":["../../src/presets/rauchg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,SAAS,CA2DtE"}
+{"version":3,"file":"rauchg.d.ts","sourceRoot":"","sources":["../../src/presets/rauchg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CA2D/E"}

package/dist/presets/rauchg.js

@@ -1,6 +1,6 @@
 import React from "react";
 export function rauchg({ title }) {
-    return (React.createElement("div", { style: {
+    return Promise.resolve(React.createElement("div", { style: {
             display: "flex",
             height: "100%",
             width: "100%",

package/dist/presets/rauchg.js.map

@@ -1 +1 @@
-{"version":3,"file":"rauchg.js","sourceRoot":"","sources":["../../src/presets/rauchg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAuB;IACnD,OAAO,CACL,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QAED,6BACE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,GAAG,EAAE,EAAE;gBACP,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB;YAED,8BACE,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,UAAU,EAAE,OAAO;iBACpB,GACD;YACF,8BACE,KAAK,EAAE;oBACL,UAAU,EAAE,CAAC;oBACb,QAAQ,EAAE,EAAE;iBACb,oBAGI,CACH;QACN,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;gBAChB,cAAc,EAAE,QAAQ;gBACxB,OAAO,EAAE,WAAW;gBACpB,MAAM,EAAE,QAAQ;gBAChB,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,GAAG;gBACb,SAAS,EAAE,QAAQ;gBACnB,eAAe,EAAE,OAAO;gBACxB,KAAK,EAAE,OAAO;gBACd,UAAU,EAAE,GAAG;aAChB,IAEA,KAAK,CACF,CACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"rauchg.js","sourceRoot":"","sources":["../../src/presets/rauchg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAuB;IACnD,OAAO,OAAO,CAAC,OAAO,CACpB,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QAED,6BACE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,GAAG,EAAE,EAAE;gBACP,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB;YAED,8BACE,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,UAAU,EAAE,OAAO;iBACpB,GACD;YACF,8BACE,KAAK,EAAE;oBACL,UAAU,EAAE,CAAC;oBACb,QAAQ,EAAE,EAAE;iBACb,oBAGI,CACH;QACN,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;gBAChB,cAAc,EAAE,QAAQ;gBACxB,OAAO,EAAE,WAAW;gBACpB,MAAM,EAAE,QAAQ;gBAChB,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,GAAG;gBACb,SAAS,EAAE,QAAQ;gBACnB,eAAe,EAAE,OAAO;gBACxB,KAAK,EAAE,OAAO;gBACd,UAAU,EAAE,GAAG;aAChB,IAEA,KAAK,CACF,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/presets/vercel.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
-export declare function vercel({ title }: RenderFunctionInput): React.ReactNode;
+export declare function vercel({ title }: RenderFunctionInput): Promise<React.ReactNode>;
 //# sourceMappingURL=vercel.d.ts.map

package/dist/presets/vercel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vercel.d.ts","sourceRoot":"","sources":["../../src/presets/vercel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,SAAS,CA4CtE"}
+{"version":3,"file":"vercel.d.ts","sourceRoot":"","sources":["../../src/presets/vercel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CA4C/E"}

package/dist/presets/vercel.js

@@ -1,6 +1,6 @@
 import React from "react";
 export function vercel({ title }) {
-    return (React.createElement("div", { style: {
+    return Promise.resolve(React.createElement("div", { style: {
             height: "100%",
             width: "100%",
             display: "flex",

package/dist/presets/vercel.js.map

@@ -1 +1 @@
-{"version":3,"file":"vercel.js","sourceRoot":"","sources":["../../src/presets/vercel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAuB;IACnD,OAAO,CACL,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,QAAQ;YAClB,eAAe,EAAE,OAAO;YACxB,eAAe,EACb,wIAAwI;YAC1I,cAAc,EAAE,aAAa;SAC9B;QAED,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;aACzB;YAED,6BAAK,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;gBAC3E,8BAAM,CAAC,EAAC,kCAAkC,GAAQ,CAC9C,CACF;QACN,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE,QAAQ;gBACnB,KAAK,EAAE,OAAO;gBACd,SAAS,EAAE,EAAE;gBACb,UAAU,EAAE,GAAG;gBACf,UAAU,EAAE,UAAU;aACvB;YAED,+BAAI,KAAK,CAAK,CACV,CACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"vercel.js","sourceRoot":"","sources":["../../src/presets/vercel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAuB;IACnD,OAAO,OAAO,CAAC,OAAO,CACpB,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,QAAQ;YAClB,eAAe,EAAE,OAAO;YACxB,eAAe,EACb,wIAAwI;YAC1I,cAAc,EAAE,aAAa;SAC9B;QAED,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;aACzB;YAED,6BAAK,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;gBAC3E,8BAAM,CAAC,EAAC,kCAAkC,GAAQ,CAC9C,CACF;QACN,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE,QAAQ;gBACnB,KAAK,EAAE,OAAO;gBACd,SAAS,EAAE,EAAE;gBACb,UAAU,EAAE,GAAG;gBACf,UAAU,EAAE,UAAU;aACvB;YAED,+BAAI,KAAK,CAAK,CACV,CACF,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "astro-opengraph-images",
   "type": "module",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "scripts": {
     "prepare": "husky",
     "lint": "eslint src",

package/src/presets/blackAndWhite.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
 
-export function blackAndWhite({ title, description }: RenderFunctionInput): React.ReactNode {
-  return (
+export function blackAndWhite({ title, description }: RenderFunctionInput): Promise<React.ReactNode> {
+  return Promise.resolve(
     <div
       style={{
         height: "100%",
@@ -30,6 +30,6 @@ export function blackAndWhite({ title, description }: RenderFunctionInput): Reac
       >
         {description ?? ""}
       </div>
-    </div>
+    </div>,
   );
 }

package/src/presets/gradients.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
 
-export function gradients({ title, description }: RenderFunctionInput): React.ReactNode {
-  return (
+export function gradients({ title, description }: RenderFunctionInput): Promise<React.ReactNode> {
+  return Promise.resolve(
     <div
       style={{
         display: "flex",
@@ -36,6 +36,6 @@ export function gradients({ title, description }: RenderFunctionInput): React.Re
       >
         {description ?? ""}
       </div>
-    </div>
+    </div>,
   );
 }

package/src/presets/rauchg.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
 
-export function rauchg({ title }: RenderFunctionInput): React.ReactNode {
-  return (
+export function rauchg({ title }: RenderFunctionInput): Promise<React.ReactNode> {
+  return Promise.resolve(
     <div
       style={{
         display: "flex",
@@ -58,6 +58,6 @@ export function rauchg({ title }: RenderFunctionInput): React.ReactNode {
       >
         {title}
       </div>
-    </div>
+    </div>,
   );
 }

package/src/presets/vercel.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import type { RenderFunctionInput } from "../types.js";
 
-export function vercel({ title }: RenderFunctionInput): React.ReactNode {
-  return (
+export function vercel({ title }: RenderFunctionInput): Promise<React.ReactNode> {
+  return Promise.resolve(
     <div
       style={{
         height: "100%",
@@ -43,6 +43,6 @@ export function vercel({ title }: RenderFunctionInput): React.ReactNode {
       >
         <b>{title}</b>
       </div>
-    </div>
+    </div>,
   );
 }