astro-opengraph-images 1.6.2 → 1.6.4

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [1.6.4](https://github.com/shepherdjerred/astro-opengraph-images/compare/v1.6.3...v1.6.4) (2024-07-02)
+
+
+### Bug Fixes
+
+* deps ([134d1d2](https://github.com/shepherdjerred/astro-opengraph-images/commit/134d1d26038bbe1a1c0f66bda0de0cc4c6ef269c))
+
+## [1.6.3](https://github.com/shepherdjerred/astro-opengraph-images/compare/v1.6.2...v1.6.3) (2024-07-02)
+
+
+### Bug Fixes
+
+* add more context to site ([3db768a](https://github.com/shepherdjerred/astro-opengraph-images/commit/3db768aef904a95915696accae28b9aa239a1419))
+* don't set description if it equals the title ([42763b5](https://github.com/shepherdjerred/astro-opengraph-images/commit/42763b523ff25ba8b88a7d4ce463f972974f3ddc))
+* formatting ([94ed9b9](https://github.com/shepherdjerred/astro-opengraph-images/commit/94ed9b99c8db98c284e9ffcc39b050ad3ab8e762))
+* regenerate README ([b8c204e](https://github.com/shepherdjerred/astro-opengraph-images/commit/b8c204e0e9b37868e43692fc1d57e795d8dbb456))
+* regenerate README ([531d5f4](https://github.com/shepherdjerred/astro-opengraph-images/commit/531d5f4780b273e317d608411c64fcba4f3e50db))
+* regenerate README ([4e432c6](https://github.com/shepherdjerred/astro-opengraph-images/commit/4e432c6059b7b6f3f10e54c75307cbbd3e204bf0))
+
 ## [1.6.2](https://github.com/shepherdjerred/astro-opengraph-images/compare/v1.6.1...v1.6.2) (2024-07-01)
 
 

package/README.md

@@ -34,7 +34,7 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
 
 ## Quick Start
 
-1. Add this integration to your `astro.config.js`:
+1. Add this integration to your Astro config:
 
    - Option 1: use the `astro` command:
 
@@ -42,7 +42,7 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
      npx astro add astro-opengraph-images
      ```
 
-   - Option 2: install the package and add the integration to your `astro.config.js`:
+   - Option 2: install the package and add the integration to your Astro config:
 
      ```bash
      npm i astro-opengraph-images
@@ -66,7 +66,7 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
 
    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:
+1. Configure the integration in your Astro config:
 
    ```diff
    -import opengraphImages from "astro-opengraph-images";
@@ -92,7 +92,32 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
    });
    ```
 
-1. Update your Astro layout to add the appropriate `meta` tags. The [OpenGraph site](https://ogp.me/) has more information about valid tags.
+1. Set the [`site`](https://docs.astro.build/en/reference/configuration-reference/#site) property in your Astro config:
+
+   Open Graph requires URLs to be absolute, including the domain your site is hosted at. This integration uses the site defined in your Astro config to create the correct URLs for Open Graph which is `site` must be defined.
+
+   ```diff
+   export default defineConfig({
+   +  site: "https://<your site>.com",
+     integrations: [
+       opengraphImages({
+         options: {
+           fonts: [
+             {
+               name: "Roboto",
+               weight: 400,
+               style: "normal",
+               data: fs.readFileSync("node_modules/@fontsource/roboto/files/roboto-latin-400-normal.woff"),
+             },
+           ],
+         },
+         render: presets.blackAndWhite,
+       }),
+     ],
+   });
+   ```
+
+1. Update your main Astro layout with the appropriate `meta` tags. The [Open Graph site](https://ogp.me/) has more information possible tags.
 
    The following `meta` tags must be defined:
 
@@ -102,65 +127,68 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
      - See the [Open Graph documentation](https://ogp.me/#types) for valid values.
    - `og:image`
      - Set this to the return value of `getImagePath` (example shown below).
+     - If the value of `og:image` does not match what this integration expects then your site will fail to build. This will ensure your site is correctly configured to display Open Graph images.
    - `og:description`
      - Optional. This field may be used when generating images.
 
-   Your site will fail to build if the tags above are not set. Additionally, if the value of `og:image` does not match what this integration expects, the site will fail to build. This is to ensure your site is correctly configured to display Open Graph images.
+   Your site will fail to build if the tags above are not set.
 
-   Make sure the [`site`](https://docs.astro.build/en/reference/configuration-reference/#site) property is configured in your Astro config. This integration will not work without it.
+   - Option 1: Use the [`astro-seo`](https://github.com/jonasmerlin/astro-seo) package:
 
-   Install the [`astro-seo`](https://github.com/jonasmerlin/astro-seo) package to make this a bit easier:
+     Install the `astro-seo` package:
 
-   ```bash
-   npm i astro-seo
-   ```
+     ```bash
+     npm i astro-seo
+     ```
 
-   Update your Astro layout:
+     Update your Astro layout to use the `SEO` component:
 
-   ```diff
-   ---
-   + import { SEO } from "astro-seo";
-
-   interface Props {
-     title: string;
-   }
-
-   const { title } = Astro.props;
-   +const { url, site } = Astro;
-   +const openGraphImageUrl = getImagePath({ url, site });
-   ---
-
-   <!doctype html>
-   <html lang="en">
-     <head>
-       <meta charset="UTF-8" />
-       <meta name="description" content="Astro description" />
-       <meta name="viewport" content="width=device-width" />
-       <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-       <meta name="generator" content={Astro.generator} />
-       <title>{title}</title>
-
-   +    <SEO
-   +      openGraph={
-   +        {
-   +          basic: {
-   +            title: title,
-   +            type: "website",
-   +            image: openGraphImageUrl,
-   +            url: url,
-   +          },
-   +          optional: {
-   +            description: "My page description",
-   +          },
-   +        }
-   +      }
-   +    />
-     </head>
-     <body>
-       <slot />
-     </body>
-   </html>
-   ```
+     ```diff
+     ---
+     + import { SEO } from "astro-seo";
+
+     interface Props {
+       title: string;
+     }
+
+     const { title } = Astro.props;
+      +const { url, site } = Astro;
+     +const openGraphImageUrl = getImagePath({ url, site });
+     ---
+
+     <!doctype html>
+     <html lang="en">
+       <head>
+         <meta charset="UTF-8" />
+         <meta name="description" content="Astro description" />
+         <meta name="viewport" content="width=device-width" />
+         <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+         <meta name="generator" content={Astro.generator} />
+         <title>{title}</title>
+
+     +    <SEO
+     +      openGraph={
+     +        {
+     +          basic: {
+     +            title: title,
+     +            type: "website",
+     +            image: openGraphImageUrl,
+     +            url: url,
+     +          },
+     +          optional: {
+     +            description: "My page description",
+     +          },
+     +        }
+     +      }
+     +    />
+       </head>
+       <body>
+         <slot />
+       </body>
+     </html>
+     ```
+
+   - Option 2: Manually add the `meta` tags to your Astro layout.
 
 1. Build your site. You should see a `.png` file next to each `.html` page in your `dist` folder. Double-check that the `og:image` proprety in your `.html` file matches the path to the `.png` file.
 
@@ -204,140 +232,160 @@ npm i tw-to-css
 
 ### `backgroundImage`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.backgroundImage,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.backgroundImage,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/backgroundImage.png)
 
 ### `blackAndWhite`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.blackAndWhite,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.blackAndWhite,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/blackAndWhite.png)
 
 ### `brandedLogo`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.brandedLogo,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.brandedLogo,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/brandedLogo.png)
 
 ### `gradients`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.gradients,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.gradients,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/gradients.png)
 
 ### `podcast`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.podcast,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.podcast,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/podcast.png)
 
 ### `rauchg`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.rauchg,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.rauchg,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/rauchg.png)
 
 ### `simpleBlog`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.simpleBlog,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.simpleBlog,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/simpleBlog.png)
 
 ### `tailwind`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.tailwind,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.tailwind,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/tailwind.png)
 
 ### `vercel`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.vercel,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.vercel,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/vercel.png)
 
 ### `waveSvg`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.waveSvg,
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.waveSvg,
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/waveSvg.png)

package/README.md.tmpl

@@ -34,7 +34,7 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
 
 ## Quick Start
 
-1. Add this integration to your `astro.config.js`:
+1. Add this integration to your Astro config:
 
    - Option 1: use the `astro` command:
 
@@ -42,7 +42,7 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
      npx astro add astro-opengraph-images
      ```
 
-   - Option 2: install the package and add the integration to your `astro.config.js`:
+   - Option 2: install the package and add the integration to your Astro config:
 
      ```bash
      npm i astro-opengraph-images
@@ -66,7 +66,7 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
 
     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:
+1. Configure the integration in your Astro config:
 
    ```diff
    -import opengraphImages from "astro-opengraph-images";
@@ -92,7 +92,32 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
    });
    ```
 
-1. Update your Astro layout to add the appropriate `meta` tags. The [OpenGraph site](https://ogp.me/) has more information about valid tags.
+1. Set the [`site`](https://docs.astro.build/en/reference/configuration-reference/#site) property in your Astro config:
+
+   Open Graph requires URLs to be absolute, including the domain your site is hosted at. This integration uses the site defined in your Astro config to create the correct URLs for Open Graph which is `site` must be defined.
+
+   ```diff
+   export default defineConfig({
+   +  site: "https://<your site>.com",
+     integrations: [
+       opengraphImages({
+         options: {
+           fonts: [
+             {
+               name: "Roboto",
+               weight: 400,
+               style: "normal",
+               data: fs.readFileSync("node_modules/@fontsource/roboto/files/roboto-latin-400-normal.woff"),
+             },
+           ],
+         },
+         render: presets.blackAndWhite,
+       }),
+     ],
+   });
+   ```
+
+1. Update your main Astro layout with the appropriate `meta` tags. The [Open Graph site](https://ogp.me/) has more information possible tags.
 
    The following `meta` tags must be defined:
 
@@ -102,65 +127,68 @@ You've probably seen this in action when posting a link on Facebook, Twitter, Sl
      * See the [Open Graph documentation](https://ogp.me/#types) for valid values.
    * `og:image`
      * Set this to the return value of `getImagePath` (example shown below).
+     * If the value of `og:image` does not match what this integration expects then your site will fail to build. This will ensure your site is correctly configured to display Open Graph images.
    * `og:description`
      * Optional. This field may be used when generating images.
 
-   Your site will fail to build if the tags above are not set. Additionally, if the value of `og:image` does not match what this integration expects, the site will fail to build. This is to ensure your site is correctly configured to display Open Graph images.
+   Your site will fail to build if the tags above are not set.
 
-   Make sure the [`site`](https://docs.astro.build/en/reference/configuration-reference/#site) property is configured in your Astro config. This integration will not work without it.
+   * Option 1: Use the [`astro-seo`](https://github.com/jonasmerlin/astro-seo) package:
 
-   Install the [`astro-seo`](https://github.com/jonasmerlin/astro-seo) package to make this a bit easier:
+     Install the `astro-seo` package:
 
-   ```bash
-   npm i astro-seo
-   ```
+     ```bash
+     npm i astro-seo
+     ```
 
-   Update your Astro layout:
+     Update your Astro layout to use the `SEO` component:
 
-   ```diff
-   ---
-   + import { SEO } from "astro-seo";
-
-   interface Props {
-     title: string;
-   }
-
-   const { title } = Astro.props;
-   +const { url, site } = Astro;
-   +const openGraphImageUrl = getImagePath({ url, site });
-   ---
-
-   <!doctype html>
-   <html lang="en">
-     <head>
-       <meta charset="UTF-8" />
-       <meta name="description" content="Astro description" />
-       <meta name="viewport" content="width=device-width" />
-       <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-       <meta name="generator" content={Astro.generator} />
-       <title>{title}</title>
-
-   +    <SEO
-   +      openGraph={
-   +        {
-   +          basic: {
-   +            title: title,
-   +            type: "website",
-   +            image: openGraphImageUrl,
-   +            url: url,
-   +          },
-   +          optional: {
-   +            description: "My page description",
-   +          },
-   +        }
-   +      }
-   +    />
-     </head>
-     <body>
-       <slot />
-     </body>
-   </html>
-   ```
+     ```diff
+     ---
+     + import { SEO } from "astro-seo";
+
+     interface Props {
+       title: string;
+     }
+
+     const { title } = Astro.props;
+      +const { url, site } = Astro;
+     +const openGraphImageUrl = getImagePath({ url, site });
+     ---
+
+     <!doctype html>
+     <html lang="en">
+       <head>
+         <meta charset="UTF-8" />
+         <meta name="description" content="Astro description" />
+         <meta name="viewport" content="width=device-width" />
+         <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+         <meta name="generator" content={Astro.generator} />
+         <title>{title}</title>
+
+     +    <SEO
+     +      openGraph={
+     +        {
+     +          basic: {
+     +            title: title,
+     +            type: "website",
+     +            image: openGraphImageUrl,
+     +            url: url,
+     +          },
+     +          optional: {
+     +            description: "My page description",
+     +          },
+     +        }
+     +      }
+     +    />
+       </head>
+       <body>
+         <slot />
+       </body>
+     </html>
+     ```
+
+   * Option 2: Manually add the `meta` tags to your Astro layout.
 
 1. Build your site. You should see a `.png` file next to each `.html` page in your `dist` folder. Double-check that the `og:image` proprety in your `.html` file matches the path to the `.png` file.
 
@@ -205,14 +233,16 @@ npm i tw-to-css
 {{ range $preset := (ds "presets") -}}
 ### `{{ strings.ReplaceAll ".png" "" $preset }}`
 
-```typescript
+```diff
 import opengraphImages, { presets } from "astro-opengraph-images";
 
-opengraphImages({
-  options: {
-    render: presets.{{ strings.ReplaceAll ".png" "" $preset }},
-  }
-}),
+export default defineConfig({
+  integrations: [
+    opengraphImages({
++      render: presets.{{ strings.ReplaceAll ".png" "" $preset }},
+    }),
+  ],
+});
 ```
 
 ![](assets/presets/{{ $preset }})

package/dist/extract.js

@@ -44,7 +44,7 @@ export function extract(html) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         image: image,
     };
-    if (description) {
+    if (description && description != title) {
         returnVal.description = description;
     }
     return returnVal;

package/dist/extract.js.map

@@ -1 +1 @@
-{"version":3,"file":"extract.js","sourceRoot":"","sources":["../src/extract.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iEAAiE;AACjE,2BAA2B;AAC3B,qEAAqE;AACrE,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,OAAO,IAAI;SACR,OAAO,CAAC,yCAAyC,EAAE,EAAE,CAAC;SACtD,OAAO,CAAC,2CAA2C,EAAE,EAAE,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,IAAY;IAClC,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;IAEpE,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,2BAA2B,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1F,MAAM,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,iCAAiC,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACtG,MAAM,GAAG,GAAG,OAAO,CAAC,aAAa,CAAC,yBAAyB,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACtF,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,0BAA0B,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACxF,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,2BAA2B,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1F,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC;IACD,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC;IACD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC;IACD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAChC,OAAO,mBAAmB,KAAK,0BAA0B,CAAC;QAC5D,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,KAAK,CACb,+BAA+B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,sCAAsC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CACxG,CAAC;IACJ,CAAC;IAED,4DAA4D;IAC5D,MAAM,SAAS,GAAgB;QAC7B,oEAAoE;QACpE,KAAK,EAAE,KAAM;QACb,oEAAoE;QACpE,GAAG,EAAE,GAAI;QACT,oEAAoE;QACpE,IAAI,EAAE,IAAK;QACX,oEAAoE;QACpE,KAAK,EAAE,KAAM;KACd,CAAC;IACF,IAAI,WAAW,EAAE,CAAC;QAChB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IACtC,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"extract.js","sourceRoot":"","sources":["../src/extract.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iEAAiE;AACjE,2BAA2B;AAC3B,qEAAqE;AACrE,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,OAAO,IAAI;SACR,OAAO,CAAC,yCAAyC,EAAE,EAAE,CAAC;SACtD,OAAO,CAAC,2CAA2C,EAAE,EAAE,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,IAAY;IAClC,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;IAEpE,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,2BAA2B,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1F,MAAM,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,iCAAiC,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACtG,MAAM,GAAG,GAAG,OAAO,CAAC,aAAa,CAAC,yBAAyB,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACtF,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,0BAA0B,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACxF,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,2BAA2B,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1F,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC;IACD,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC;IACD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC;IACD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAChC,OAAO,mBAAmB,KAAK,0BAA0B,CAAC;QAC5D,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,KAAK,CACb,+BAA+B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,sCAAsC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CACxG,CAAC;IACJ,CAAC;IAED,4DAA4D;IAC5D,MAAM,SAAS,GAAgB;QAC7B,oEAAoE;QACpE,KAAK,EAAE,KAAM;QACb,oEAAoE;QACpE,GAAG,EAAE,GAAI;QACT,oEAAoE;QACpE,IAAI,EAAE,IAAK;QACX,oEAAoE;QACpE,KAAK,EAAE,KAAM;KACd,CAAC;IACF,IAAI,WAAW,IAAI,WAAW,IAAI,KAAK,EAAE,CAAC;QACxC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IACtC,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "astro-opengraph-images",
   "type": "module",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "scripts": {
     "prepare": "husky",
     "lint": "eslint src",
@@ -37,16 +37,16 @@
     "@types/jsdom": "^21.1.7",
     "@types/node": "^20.14.9",
     "@types/react": "^18.3.3",
-    "@typescript-eslint/eslint-plugin": "^7.14.1",
-    "@typescript-eslint/parser": "^7.14.1",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
     "astro": "^4.11.3",
     "eslint": "^8.57.0",
     "husky": "^9.0.11",
     "install": "^0.13.0",
     "lint-staged": "^15.2.7",
     "prettier": "^3.3.2",
-    "typescript": "^5.5.2",
-    "typescript-eslint": "^7.14.1",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^7.15.0",
     "vitest": "^1.6.0"
   },
   "lint-staged": {

package/src/extract.ts

@@ -53,7 +53,7 @@ export function extract(html: string): PageDetails {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     image: image!,
   };
-  if (description) {
+  if (description && description != title) {
     returnVal.description = description;
   }
   return returnVal;