rehype-og-card 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 roboin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,156 @@
+# rehype-og-card
+
+Rehype plugin to convert text links to link cards inspired by [remark-link-card](https://github.com/gladevise/remark-link-card). Bare links are converted to link cards, but not links in lists or non-bare links.
+
+| Features                                       |                                     remark-link-card                                      |      rehype-og-card       |
+| :--------------------------------------------- | :---------------------------------------------------------------------------------------: | :-----------------------: |
+| Plugin type                                    |                                          Remark                                           |          Rehype           |
+| TypeScript support                             |                                             ❌                                             |             ✅             |
+| Convert bare links to link cards               |                                             ✅                                             |             ✅             |
+| Shorten URLs displayed on link cards           |                                             ✅                                             |             ✅             |
+| Server-side cache for images                   |                                             ✅                                             |             ✅             |
+| Cache images with long URLs                    | ❌ ([implemented](https://github.com/gladevise/remark-link-card/pull/16) but not released) |             ✅             |
+| Build cache for Open Graph metadata and images |                                             ❌                                             | Planned to be implemented |
+| Exclude links in lists from conversion         |                                             ❌                                             |             ✅             |
+| Exclude specific domains from conversion       |                                             ❌                                             |             ✅             |
+| Lazy loading images                            |                                             ❌                                             |             ✅             |
+| Async decoding images                          |                                             ❌                                             |             ✅             |
+| Customize the crawler's user agent string      |                                             ❌                                             |             ✅             |
+
+## Installation
+
+```sh
+npm install rehype-og-card
+```
+
+## Usage
+
+```js
+import rehypeOGCard, { RehypeOGCardOptions } from "rehype-og-card";
+import remarkParse from "remark-parse";
+import remarkRehype from "remark-rehype";
+import rehypeStringify from "rehype-stringify";
+import { unified } from "unified";
+
+const processorFactory = (options?: RehypeOGCardOptions) => {
+    return unified().use(remarkParse).use(remarkRehype).use(rehypeOGCard, options).use(rehypeStringify);
+};
+
+const main = async () => {
+    const processor = processorFactory({ serverCache: false });
+
+    const input = `
+this is a link: https://blog.google/products/android/world-emoji-day-2024/
+
+\`https://blog.google/products/android/world-emoji-day-2024/\`
+
+https://blog.google/products/android/world-emoji-day-2024/
+
+[https://blog.google/products/android/world-emoji-day-2024/](https://blog.google/products/android/world-emoji-day-2024/)
+
+[Google blog](https://blog.google/products/android/world-emoji-day-2024/)
+    `.trim();
+
+    const result = await processor.process(input);
+    console.log(result.toString());
+};
+
+main();
+```
+
+Output:
+
+```html
+<p>this is a link: https://blog.google/products/android/world-emoji-day-2024/</p>
+<p><code>https://blog.google/products/android/world-emoji-day-2024/</code></p>
+<p><a class="rlc-container" href="https://blog.google/products/android/world-emoji-day-2024/">
+    <div class="rlc-info">
+        <div class="rlc-title">10 fun facts about emoji for World Emoji Day</div>
+        <div class="rlc-description">Celebrate World Emoji Day with Google, and check out what’s new for Emoji Kitchen.</div>
+        <div class="rlc-url-container">
+            <img class="rlc-favicon" loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=blog.google" alt="favicon" width="16" height="16">
+            <span class="rlc-url">blog.google</span>
+        </div>
+    </div>
+    <div class="rlc-image-container">
+        <img class="rlc-image" loading="lazy" decoding="async" src="https://storage.googleapis.com/gweb-uniblog-publish-prod/images/world_emoji_day_v2_1.width-1300.png" alt="https://storage.googleapis.com/gweb-uniblog-publish-prod/images/world_emoji_day_v2_1.width-1300.png">
+    </div>
+</a></p>
+<p><a href="https://blog.google/products/android/world-emoji-day-2024/">https://blog.google/products/android/world-emoji-day-2024/</a></p>
+<p><a href="https://blog.google/products/android/world-emoji-day-2024/">Google blog</a></p>
+```
+
+## What will be converted to link cards and what won't?
+
+The following links will be converted to link cards:
+
+- Bare links
+- Links that have the same URL and text (if you enable the `enableSameTextURLConversion` option)
+
+The following links will NOT be converted to link cards:
+
+- Links in lists
+- Links in code blocks
+- Links in sentences
+- Non-bare links
+- Links that have the same URL and text (if you disable the `enableSameTextURLConversion` option)
+
+## Options
+
+All options are optional.
+
+### `crawlerUserAgent`
+
+User agent to use for fetching the OG metadata and images.
+
+- Type: `string`
+- Default: `"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36"`
+
+### `decoding`
+
+`decoding` attribute of the image element.
+
+- Type: `"sync" | "async" | "auto"`
+- Default: `"async"`
+
+### `enableSameTextURLConversion`
+
+Whether to enable converting the links that have the same URL and text (e.g., `[https://example.com](https://example.com)`).
+
+- Type: `boolean`
+- Default: `false`
+
+### `excludeDomains`
+
+Domains to exclude from conversion.
+
+- Type: `string[]`
+- Default: `[]`
+
+### `loading`
+
+`loading` attribute of the image element.
+
+- Type: `"eager" | "lazy"`
+- Default: `"lazy"`
+
+### `serverCache`
+
+Whether to cache the OG data on the server.
+
+- Type: `boolean`
+- Default: `true`
+
+### `serverCachePath`
+
+Path to save the server cache.
+
+- Type: `string`
+- Default: `"./public/rehype-og-card-cache/"`
+
+### `shortenURL`
+
+Whether to shorten the displayed URL.
+
+- Type: `boolean`
+- Default: `true`

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { RehypeOGCardOptions } from "./util.js";
+import type { Plugin } from "unified";
+import type { Root } from "hast";
+/**
+ * Rehype plugin to create OG card from bare links.
+ * @param options Plugin options.
+ * @returns Transformer function.
+ */
+declare const rehypeOGCard: Plugin<[RehypeOGCardOptions | undefined], Root>;
+export default rehypeOGCard;
+export { RehypeOGCardOptions };

package/dist/index.js

@@ -0,0 +1,111 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { convertTextToAnchorElement, createOGCard, downloadImage, getOGData, isAnchorElement, isTextNode, isValidURL } from "./util.js";
+import { isElement } from "hast-util-is-element";
+import { visitParents } from "unist-util-visit-parents";
+const DEFAULT_OPTIONS = {
+    crawlerUserAgent: 
+    // eslint-disable-next-line max-len
+    "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36",
+    decoding: "async",
+    enableSameTextURLConversion: false,
+    excludeDomains: [],
+    loading: "lazy",
+    serverCache: true,
+    serverCachePath: "./public/rehype-og-card-cache/",
+    shortenURL: true
+};
+/**
+ * Rehype plugin to create OG card from bare links.
+ * @param options Plugin options.
+ * @returns Transformer function.
+ */
+// eslint-disable-next-line max-lines-per-function
+const rehypeOGCard = (options) => {
+    const mergedOptions = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
+    /**
+     * Transform function to create OG card from bare links.
+     * @param tree Root node of the HAST tree.
+     */
+    // eslint-disable-next-line max-lines-per-function
+    const transform = (tree) => __awaiter(void 0, void 0, void 0, function* () {
+        const linkCardPromises = [];
+        // eslint-disable-next-line max-statements, max-lines-per-function
+        visitParents(tree, ["element", "text"], (node, ancestors) => {
+            var _a;
+            let anchorNode = null;
+            if (node.type === "text" && isValidURL(node.value.trim())) {
+                anchorNode = convertTextToAnchorElement(node);
+            }
+            else if (mergedOptions.enableSameTextURLConversion &&
+                isAnchorElement(node) &&
+                isValidURL(node.properties.href)) {
+                const isBareLink = 
+                // eslint-disable-next-line no-magic-numbers
+                node.children.length === 1 &&
+                    isTextNode(node.children[0]) &&
+                    node.children[0].value === node.properties.href;
+                if (!isBareLink)
+                    return;
+                anchorNode = node;
+            }
+            else {
+                return;
+            }
+            // eslint-disable-next-line no-magic-numbers
+            if (!isElement(ancestors[ancestors.length - 1], "p"))
+                return;
+            const shouldSkip = ancestors.some((ancestor) => isElement(ancestor) && ["ul", "ol"].includes(ancestor.tagName));
+            if (shouldSkip)
+                return;
+            // eslint-disable-next-line no-magic-numbers
+            const isTheOnlyChild = ancestors[ancestors.length - 1].children.length === 1;
+            if (!isTheOnlyChild)
+                return;
+            const targetURL = new URL(anchorNode.properties.href);
+            if ((_a = mergedOptions.excludeDomains) === null || _a === void 0 ? void 0 : _a.includes(targetURL.hostname))
+                return;
+            // eslint-disable-next-line jsdoc/require-jsdoc, max-statements
+            const linkCardPromise = () => __awaiter(void 0, void 0, void 0, function* () {
+                const OGData = yield getOGData(anchorNode.properties.href, mergedOptions.crawlerUserAgent);
+                if (!OGData)
+                    return;
+                if (OGData.OGImageURL && mergedOptions.serverCache) {
+                    const cachePath = yield downloadImage(OGData.OGImageURL, mergedOptions.serverCachePath, mergedOptions.crawlerUserAgent);
+                    if (cachePath) {
+                        OGData.OGImageURL = `/${cachePath}`;
+                    }
+                }
+                if (OGData.faviconURL && mergedOptions.serverCache) {
+                    const cachePath = yield downloadImage(OGData.faviconURL, mergedOptions.serverCachePath, mergedOptions.crawlerUserAgent);
+                    if (cachePath) {
+                        OGData.faviconURL = `/${cachePath}`;
+                    }
+                }
+                if (mergedOptions.shortenURL) {
+                    const shortenedURL = new URL(anchorNode.properties.href);
+                    OGData.displayURL = shortenedURL.hostname;
+                }
+                const OGCard = createOGCard(OGData, mergedOptions);
+                // eslint-disable-next-line no-magic-numbers
+                const index = ancestors[ancestors.length - 1].children.indexOf(node);
+                // eslint-disable-next-line no-magic-numbers
+                if (index === -1)
+                    return;
+                // eslint-disable-next-line no-magic-numbers
+                ancestors[ancestors.length - 1].children.splice(index, 1, ...OGCard);
+            });
+            linkCardPromises.push(linkCardPromise());
+        });
+        yield Promise.all(linkCardPromises);
+    });
+    return transform;
+};
+export default rehypeOGCard;

package/dist/util.d.ts

@@ -0,0 +1,110 @@
+import type { Element, ElementContent, RootContent, Text } from "hast";
+interface RehypeOGCardOptions {
+    /**
+     * Domains to exclude from conversion.
+     */
+    excludeDomains?: string[];
+    /**
+     * `decoding` attribute of the image element.
+     * @default "async"
+     */
+    decoding?: HTMLImageElement["decoding"];
+    /**
+     * `loading` attribute of the image element.
+     * @default "lazy"
+     */
+    loading?: HTMLImageElement["loading"];
+    /**
+     * Whether to shorten the displayed URL.
+     * @default true
+     */
+    shortenURL?: boolean;
+    /**
+     * Whether to enable converting the links
+     * that have the same URL and text (e.g., `[https://example.com](https://example.com)`).
+     * @default false
+     */
+    enableSameTextURLConversion?: boolean;
+    /**
+     * Whether to cache the OG data on the server.
+     * @default true
+     */
+    serverCache?: boolean;
+    /**
+     * Path to save the server cache.
+     * @default "./public/rehype-og-card-cache/"
+     */
+    serverCachePath?: string;
+    /**
+     * User agent to use for fetching the OG metadata and images.
+     * @default "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36"
+     */
+    crawlerUserAgent?: string;
+}
+interface AnchorElement extends Element {
+    tagName: "a";
+    properties: {
+        href: string;
+    };
+}
+/**
+ * Check if the node is a text node.
+ * @param node Node to check.
+ * @returns `true` if the node is a text node, `false` otherwise.
+ */
+declare const isTextNode: (node: ElementContent) => node is Text;
+/**
+ * Check if the node is an anchor element.
+ * @param node Node to check.
+ * @returns `true` if the node is an anchor element, `false` otherwise.
+ */
+declare const isAnchorElement: (node: unknown) => node is AnchorElement;
+/**
+ * Check if the URL is valid.
+ * @param url URL to check.
+ * @returns `true` if the URL is valid, `false` otherwise.
+ */
+declare const isValidURL: (url: string) => boolean;
+interface OGCardData {
+    url: string;
+    title: string;
+    description?: string;
+    displayURL: string;
+    faviconURL?: string;
+    OGImageURL?: string;
+    OGImageAlt?: string;
+    OGImageWidth?: number;
+    OGImageHeight?: number;
+}
+/**
+ * Get OG card data from given URL.
+ * @param url URL to get OG card data.
+ * @param userAgent User agent to use for fetching.
+ * @returns OG card data.
+ */
+declare const getOGData: (url: string, userAgent: string) => Promise<OGCardData | null>;
+/**
+ * Create OG card element from given data.
+ * @param data Data to create OG card.
+ * @param options Options to create OG card.
+ * @returns OG card element.
+ */
+declare const createOGCard: (data: OGCardData, options: Required<{
+    loading: RehypeOGCardOptions["loading"];
+    decoding: RehypeOGCardOptions["decoding"];
+}>) => RootContent[];
+/**
+ * Convert text node to anchor element. **This function does not check if the text is a valid URL.**
+ * @param text Text node to convert.
+ * @returns Anchor element.
+ */
+declare const convertTextToAnchorElement: (text: Text) => AnchorElement;
+/**
+ * Download image from given URL.
+ * @param url URL to download image.
+ * @param directly Path to save the image.
+ * @param userAgent User agent to use for fetching.
+ * @returns Path to the downloaded image.
+ */
+declare const downloadImage: (url: string, directly: string, userAgent: string) => Promise<string | null>;
+export { AnchorElement, RehypeOGCardOptions, OGCardData, isTextNode, isAnchorElement, isValidURL, getOGData, createOGCard, convertTextToAnchorElement, downloadImage };

package/dist/util.js

@@ -0,0 +1,189 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { createHash } from "crypto";
+import { fromHtml } from "hast-util-from-html";
+import fs from "fs/promises";
+import { isElement } from "hast-util-is-element";
+import path from "path";
+import sanitizeHtml from "sanitize-html";
+import scraper from "open-graph-scraper";
+/**
+ * Check if the node is a text node.
+ * @param node Node to check.
+ * @returns `true` if the node is a text node, `false` otherwise.
+ */
+const isTextNode = (node) => Boolean(node) && typeof node === "object" && "type" in node && node.type === "text";
+/**
+ * Check if the node is an anchor element.
+ * @param node Node to check.
+ * @returns `true` if the node is an anchor element, `false` otherwise.
+ */
+const isAnchorElement = (node) => Boolean(node) && isElement(node, "a") && "href" in node.properties && typeof node.properties.href === "string";
+/**
+ * Check if the URL is valid.
+ * @param url URL to check.
+ * @returns `true` if the URL is valid, `false` otherwise.
+ */
+const isValidURL = (url) => {
+    try {
+        new URL(url);
+        return true;
+    }
+    catch (_a) {
+        return false;
+    }
+};
+/**
+ * Get OG card data from given URL.
+ * @param url URL to get OG card data.
+ * @param userAgent User agent to use for fetching.
+ * @returns OG card data.
+ */
+const getOGData = (url, userAgent) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const { result } = yield scraper({
+            fetchOptions: {
+                headers: {
+                    "user-agent": userAgent
+                }
+            },
+            url
+        });
+        const OGImage = result.ogImage ? result.ogImage[0] : null;
+        const faviconURL = result.favicon
+            ? `https://www.google.com/s2/favicons?domain=${new URL(url).hostname}`
+            : // eslint-disable-next-line no-undefined
+                undefined;
+        return {
+            OGImageAlt: OGImage === null || OGImage === void 0 ? void 0 : OGImage.alt,
+            OGImageHeight: OGImage === null || OGImage === void 0 ? void 0 : OGImage.height,
+            OGImageURL: OGImage === null || OGImage === void 0 ? void 0 : OGImage.url,
+            OGImageWidth: OGImage === null || OGImage === void 0 ? void 0 : OGImage.width,
+            // eslint-disable-next-line no-undefined
+            description: result.ogDescription ? sanitizeHtml(result.ogDescription) : undefined,
+            displayURL: url,
+            faviconURL,
+            title: result.ogTitle ? sanitizeHtml(result.ogTitle) : url,
+            url
+        };
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error("[rehype-og-card] Error fetching OG data:", error);
+        return null;
+    }
+});
+/**
+ * Sanitize HTML.
+ * @param html HTML to sanitize.
+ * @returns Sanitized HTML.
+ */
+const sanitize = (html) => {
+    const options = {
+        allowedAttributes: {},
+        allowedTags: [],
+        disallowedTagsMode: "recursiveEscape"
+        // eslint-disable-next-line no-magic-numbers
+    };
+    return sanitizeHtml(html, options);
+};
+/**
+ * Create OG card element from given data.
+ * @param data Data to create OG card.
+ * @param options Options to create OG card.
+ * @returns OG card element.
+ */
+const createOGCard = (data, options) => {
+    data.title = sanitize(data.title);
+    if (data.description) {
+        data.description = sanitize(data.description);
+    }
+    const imageContainerElement = data.OGImageURL
+        ? `
+    <div class="rlc-image-container">
+        <img class="rlc-image"
+            loading="${options.loading}"
+            decoding="${options.decoding}"
+            src="${data.OGImageURL}" alt="${data.OGImageAlt || data.OGImageURL}"
+            ${data.OGImageWidth ? `width="${data.OGImageWidth}"` : ""}
+            ${data.OGImageHeight ? `height="${data.OGImageHeight}"` : ""} >
+    </div>`
+        : "";
+    const descriptionElement = data.description
+        ? `
+        <div class="rlc-description">${data.description}</div>`
+        : "";
+    // The `loading` attribute must be specified before the `src` attribute because of a bug in Firefox.
+    // See https://bugzil.la/1647077 for more information.
+    const card = `
+<a class="rlc-container" href="${data.url}">
+    <div class="rlc-info">
+        <div class="rlc-title">${data.title}</div>${descriptionElement}
+        <div class="rlc-url-container">
+            <img class="rlc-favicon"
+                loading="${options.loading}"
+                decoding="${options.decoding}"
+                src="${data.faviconURL}" alt="favicon" width="16" height="16">
+            <span class="rlc-url">${data.displayURL}</span>
+        </div>
+    </div>${imageContainerElement}
+</a>
+    `.trim();
+    return fromHtml(card, { fragment: true }).children;
+};
+/**
+ * Convert text node to anchor element. **This function does not check if the text is a valid URL.**
+ * @param text Text node to convert.
+ * @returns Anchor element.
+ */
+const convertTextToAnchorElement = (text) => ({
+    children: [text],
+    properties: {
+        href: text.value.trim()
+    },
+    tagName: "a",
+    type: "element"
+});
+/**
+ * Download image from given URL.
+ * @param url URL to download image.
+ * @param directly Path to save the image.
+ * @param userAgent User agent to use for fetching.
+ * @returns Path to the downloaded image.
+ */
+// eslint-disable-next-line max-statements
+const downloadImage = (url, directly, userAgent) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!isValidURL(url)) {
+        // eslint-disable-next-line no-console
+        console.error("[rehype-og-card] Invalid thumbnail URL:", url);
+        return null;
+    }
+    try {
+        const response = yield fetch(url, {
+            headers: {
+                "user-agent": userAgent
+            }
+        });
+        const arrayBuffer = yield response.arrayBuffer();
+        const buffer = Buffer.from(arrayBuffer);
+        const hash = createHash("sha256").update(url).digest("hex");
+        const filename = hash + path.extname(new URL(url).pathname);
+        const savePath = path.posix.join(directly, filename);
+        yield fs.mkdir(directly, { recursive: true });
+        yield fs.writeFile(savePath, buffer);
+        return savePath;
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error("[rehype-og-card] Error downloading image:", error);
+        return null;
+    }
+});
+export { isTextNode, isAnchorElement, isValidURL, getOGData, createOGCard, convertTextToAnchorElement, downloadImage };

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "rehype-og-card",
+  "version": "0.1.0",
+  "description": "Rehype plugin to convert text links to link cards",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "./dist"
+  ],
+  "type": "module",
+  "publishConfig": {
+    "provenance": true
+  },
+  "scripts": {
+    "test": "npx vitest",
+    "lint": "npx eslint ./src/**/*.ts",
+    "format": "npx prettier --write ./src/**/*",
+    "format:check": "npx prettier --check ./src/**/*",
+    "build": "npx tsc",
+    "version": "npm run build && git add .",
+    "ci:version": "changeset version && npm run version",
+    "ci:publish": "npm run build && changeset publish"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Robot-Inventor/rehype-og-card.git"
+  },
+  "keywords": [
+    "markdown",
+    "remark",
+    "ogp",
+    "unified",
+    "rehype",
+    "rehype-plugin"
+  ],
+  "author": "Robot-Inventor",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Robot-Inventor/rehype-og-card/issues"
+  },
+  "homepage": "https://github.com/Robot-Inventor/rehype-og-card#readme",
+  "devDependencies": {
+    "@changesets/changelog-github": "^0.5.0",
+    "@changesets/cli": "^2.27.7",
+    "@robot-inventor/eslint-config": "^0.2.21",
+    "@types/node": "^20.14.11",
+    "@types/sanitize-html": "^2.11.0",
+    "eslint": "^9.7.0",
+    "hast-util-to-html": "^9.0.1",
+    "prettier": "^3.3.3",
+    "rehype-stringify": "^10.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.0",
+    "typescript": "^5.5.3",
+    "unified": "^11.0.5",
+    "vitest": "^2.0.3"
+  },
+  "dependencies": {
+    "@types/hast": "^3.0.4",
+    "hast-util-from-html": "^2.0.1",
+    "hast-util-is-element": "^3.0.0",
+    "open-graph-scraper": "^6.6.3",
+    "sanitize-html": "^2.13.0",
+    "unist-util-visit-parents": "^6.0.1"
+  }
+}