rehype-og-card 0.4.2 → 1.0.0

package/README.md

@@ -150,6 +150,13 @@ Domains to exclude from conversion.
 - Type: `"eager" | "lazy"`
 - Default: `"lazy"`
 
+### `openInNewTab`
+
+Whether to open the link in a new tab.
+
+- Type: `boolean`
+- Default: `false`
+
 ### `serverCache`
 
 Whether to cache the OG data on the server.

package/dist/index.js

@@ -24,6 +24,7 @@ const DEFAULT_OPTIONS = {
     enableSameTextURLConversion: false,
     excludeDomains: [],
     loading: "lazy",
+    openInNewTab: false,
     serverCache: true,
     serverCachePath: "./public",
     shortenURL: true

package/dist/types.d.ts

@@ -18,6 +18,11 @@ interface RehypeOGCardOptions {
      * @default true
      */
     shortenURL?: boolean;
+    /**
+     * Whether to open the link in a new tab.
+     * @default false
+     */
+    openInNewTab?: boolean;
     /**
      * Whether to enable converting the links
      * that have the same URL and text (e.g., `[https://example.com](https://example.com)`).

package/dist/util/hast.d.ts

@@ -33,5 +33,6 @@ declare const convertTextToAnchorElement: (text: Text) => AnchorElement;
 declare const createOGCard: (data: OGCardData, options: Required<{
     loading: RehypeOGCardOptions["loading"];
     decoding: RehypeOGCardOptions["decoding"];
+    openInNewTab: RehypeOGCardOptions["openInNewTab"];
 }>) => Element;
 export { AnchorElement, isTextNode, isAnchorElement, convertTextToAnchorElement, createOGCard };

package/dist/util/hast.js

@@ -32,8 +32,13 @@ const convertTextToAnchorElement = (text) => ({
  * @returns OG card element.
  */
 const createOGCard = (data, options) => {
+    const openInNewTab = {
+        rel: "noopener noreferrer",
+        target: "_blank"
+    };
     const card = h("div.og-card-container", [
-        h("a", { href: data.url }, [
+        // eslint-disable-next-line no-extra-parens
+        h("a", Object.assign({ href: data.url }, (options.openInNewTab ? openInNewTab : {})), [
             h("div.og-card-info", [
                 h("div.og-card-title", data.title),
                 data.description ? h("div.og-card-description", data.description) : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rehype-og-card",
-  "version": "0.4.2",
+  "version": "1.0.0",
   "description": "Rehype plugin to convert text links to link cards",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",