@hackersheet/next-document-content-components 0.1.0-alpha.1

package/dist/cjs/components/link-card/link-card.js

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var link_card_exports = {};
+__export(link_card_exports, {
+  default: () => LinkCard
+});
+module.exports = __toCommonJS(link_card_exports);
+var import_image = __toESM(require("next/image"));
+var import_react = __toESM(require("react"));
+function LinkCard({
+  domain,
+  url,
+  title,
+  description,
+  imageUrl,
+  imageHeight,
+  imageWidth
+}) {
+  const faviconUrl = `https://t1.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://${domain}&size=16`;
+  return /* @__PURE__ */ import_react.default.createElement("a", { href: url, className: "link-card" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "link-card-main" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "link-card-title" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "link-card-description" }, description), /* @__PURE__ */ import_react.default.createElement("div", { className: "link-card-domain" }, /* @__PURE__ */ import_react.default.createElement("picture", null, /* @__PURE__ */ import_react.default.createElement("img", { src: faviconUrl, alt: `${domain} favicon`, width: 16, height: 16 })), /* @__PURE__ */ import_react.default.createElement("div", null, domain))), imageUrl && /* @__PURE__ */ import_react.default.createElement("div", { className: "link-card-image" }, /* @__PURE__ */ import_react.default.createElement(import_image.default, { alt: title, src: imageUrl, height: imageHeight, width: imageWidth })));
+}

package/dist/cjs/components/x-post/x-post.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { XPostComponentProps } from '@hackersheet/react-document-content';
+
+declare function XPost({ id }: XPostComponentProps): Promise<React.JSX.Element>;
+
+export { XPost as default };

package/dist/cjs/components/x-post/x-post.js

@@ -0,0 +1,49 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var x_post_exports = {};
+__export(x_post_exports, {
+  default: () => XPost
+});
+module.exports = __toCommonJS(x_post_exports);
+var import_cache = require("next/cache");
+var import_react = __toESM(require("react"));
+var import_react_tweet = require("react-tweet");
+var import_api = require("react-tweet/api");
+const getTweet = (0, import_cache.unstable_cache)(async (id) => (0, import_api.getTweet)(id), ["tweet"], {
+  revalidate: 3600 * 24
+});
+async function XPost({ id }) {
+  try {
+    const tweet = await getTweet(id);
+    return tweet ? /* @__PURE__ */ import_react.default.createElement(import_react_tweet.EmbeddedTweet, { tweet }) : /* @__PURE__ */ import_react.default.createElement(import_react_tweet.TweetNotFound, null);
+  } catch (error) {
+    console.error(error);
+    return /* @__PURE__ */ import_react.default.createElement(import_react_tweet.TweetNotFound, { error });
+  }
+}

package/dist/cjs/components/youtube/youtube.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { YoutubeComponentProps } from '@hackersheet/react-document-content';
+
+declare function Youtube({ videoId, params, playLabel, ...props }: YoutubeComponentProps): Promise<React.JSX.Element>;
+
+export { Youtube as default };

package/dist/cjs/components/youtube/youtube.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var youtube_exports = {};
+__export(youtube_exports, {
+  default: () => Youtube
+});
+module.exports = __toCommonJS(youtube_exports);
+var import_google = require("@next/third-parties/google");
+var import_react = __toESM(require("react"));
+async function Youtube({ videoId, params, playLabel, ...props }) {
+  const paramsString = params ? Object.entries(params).filter(([, value]) => value !== void 0).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join("&") : void 0;
+  return /* @__PURE__ */ import_react.default.createElement(import_google.YouTubeEmbed, { ...props, videoid: videoId, params: paramsString, playlabel: playLabel });
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,9 @@
+export { default as CodeBlock } from './components/code-block/code-block.js';
+export { default as Image } from './components/image/image.js';
+export { default as KifuTo } from './components/kifu-to/kifu-to.js';
+export { default as Link } from './components/link/link.js';
+export { default as LinkCard } from './components/link-card/link-card.js';
+export { default as XPost } from './components/x-post/x-post.js';
+export { default as Youtube } from './components/youtube/youtube.js';
+import 'react';
+import '@hackersheet/react-document-content';

package/dist/cjs/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./components"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./components")
+});

package/dist/esm/components/code-block/code-block-copy-button.d.mts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+interface CodeBlockCopyButtonProps {
+    code: string;
+}
+declare function CodeBlockCopyButton({ code }: CodeBlockCopyButtonProps): React.JSX.Element;
+
+export { type CodeBlockCopyButtonProps, CodeBlockCopyButton as default };

package/dist/esm/components/code-block/code-block-copy-button.mjs

@@ -0,0 +1,17 @@
+"use client";
+import React, { useState } from "react";
+import { HiOutlineClipboardDocumentList, HiCheck } from "react-icons/hi2";
+function CodeBlockCopyButton({ code }) {
+  const [copied, setCopied] = useState(false);
+  const removeShikiCode = (code2) => code2.replace(/ *\/\/.*\[!code[^\]]+\]/gm, "").trim();
+  const handleClick = () => {
+    navigator.clipboard.writeText(removeShikiCode(code)).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1e3);
+    });
+  };
+  return /* @__PURE__ */ React.createElement("button", { onClick: handleClick }, copied ? /* @__PURE__ */ React.createElement(HiCheck, { size: 18 }) : /* @__PURE__ */ React.createElement(HiOutlineClipboardDocumentList, { size: 18 }));
+}
+export {
+  CodeBlockCopyButton as default
+};

package/dist/esm/components/code-block/code-block-icon.d.mts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+interface CodeBlockIconProps {
+    language: string;
+}
+declare function CodeBlockIcon({ language }: CodeBlockIconProps): React.JSX.Element;
+
+export { type CodeBlockIconProps, CodeBlockIcon as default };

package/dist/esm/components/code-block/code-block-icon.mjs

@@ -0,0 +1,36 @@
+import React from "react";
+import { FaTerminal, FaReact } from "react-icons/fa6";
+import { HiCodeBracket } from "react-icons/hi2";
+import { SiTypescript, SiTerraform, SiMarkdown, SiPhp, SiRuby, SiYaml } from "react-icons/si";
+import { TbTxt } from "react-icons/tb";
+import { VscJson } from "react-icons/vsc";
+function CodeBlockIcon({ language }) {
+  switch (language) {
+    case "sh":
+    case "bash":
+      return /* @__PURE__ */ React.createElement(FaTerminal, null);
+    case "hcl":
+      return /* @__PURE__ */ React.createElement(SiTerraform, null);
+    case "typescript":
+      return /* @__PURE__ */ React.createElement(SiTypescript, null);
+    case "tsx":
+      return /* @__PURE__ */ React.createElement(FaReact, null);
+    case "markdown":
+      return /* @__PURE__ */ React.createElement(SiMarkdown, null);
+    case "php":
+      return /* @__PURE__ */ React.createElement(SiPhp, null);
+    case "ruby":
+      return /* @__PURE__ */ React.createElement(SiRuby, null);
+    case "yaml":
+      return /* @__PURE__ */ React.createElement(SiYaml, null);
+    case "json":
+      return /* @__PURE__ */ React.createElement(VscJson, null);
+    case "text":
+      return /* @__PURE__ */ React.createElement(TbTxt, null);
+    default:
+      return /* @__PURE__ */ React.createElement(HiCodeBracket, null);
+  }
+}
+export {
+  CodeBlockIcon as default
+};

package/dist/esm/components/code-block/code-block-kifu.d.mts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface KifuProps {
+    kifu: string;
+    filename?: string;
+}
+declare function CodeBlockKifu({ kifu, filename }: KifuProps): React.JSX.Element | null;
+
+export { type KifuProps, CodeBlockKifu as default };

package/dist/esm/components/code-block/code-block-kifu.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { KifuLite, KifuStore } from "kifu-for-js";
+import { useSearchParams } from "next/navigation";
+import React, { useEffect, useState } from "react";
+function CodeBlockKifu({ kifu, filename }) {
+  const searchParams = useSearchParams();
+  const id = filename ? `user-content-${filename}` : void 0;
+  const [kifuStore] = useState(() => new KifuStore({ kifu }));
+  useEffect(() => {
+    initKifuUserSettings();
+  }, []);
+  useEffect(() => {
+    const newPly = Number(searchParams.get("ply") ?? 0);
+    const hash = typeof window !== "undefined" ? window.location.hash.replace(/^#!?/, "") : "";
+    if (hash === id) {
+      kifuStore.player.goto(newPly);
+    }
+  }, [searchParams, kifuStore, id]);
+  if (!kifuStore) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: "my-4 flex justify-center", id }, /* @__PURE__ */ React.createElement(KifuLite, { style: { width: "100%" }, kifuStore }));
+}
+function initKifuUserSettings() {
+  const LOCALSTORAGE_KEY = "kifuforjs";
+  const defaultSettings = {
+    hapticFeedback: false
+  };
+  const settings = localStorage.getItem(LOCALSTORAGE_KEY);
+  if (!settings) {
+    localStorage.setItem(LOCALSTORAGE_KEY, JSON.stringify(defaultSettings));
+  }
+}
+export {
+  CodeBlockKifu as default
+};

package/dist/esm/components/code-block/code-block-mermaid.d.mts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+interface CodeBlockMermaidProps {
+    code: string;
+}
+declare function CodeBlockMermaid({ code }: CodeBlockMermaidProps): React.JSX.Element;
+
+export { type CodeBlockMermaidProps, CodeBlockMermaid as default };

package/dist/esm/components/code-block/code-block-mermaid.mjs

@@ -0,0 +1,41 @@
+"use client";
+import { createHash } from "crypto";
+import mermaid from "mermaid";
+import { useTheme } from "next-themes";
+import React, { useEffect, useRef, useState } from "react";
+function createId(code) {
+  const hash = createHash("sha256");
+  hash.update(code);
+  return "id-" + hash.digest("hex");
+}
+function CodeBlockMermaid({ code }) {
+  const ref = useRef(null);
+  const [mounted, setMounted] = useState(false);
+  const [svg, setSvg] = useState("");
+  const { theme, systemTheme } = useTheme();
+  const id = createId(code);
+  useEffect(() => {
+    const renderMermaid = async () => {
+      if (!mounted) {
+        setMounted(true);
+      }
+      const currentTheme = theme === "system" ? systemTheme : theme;
+      if (mounted && ref.current) {
+        mermaid.initialize({ theme: currentTheme });
+        try {
+          const result = await mermaid.render(id, code, ref.current);
+          setSvg(result.svg);
+        } catch {
+          setSvg("Mermaid Syntax Error");
+        }
+      }
+    };
+    renderMermaid();
+  }, [mounted, code, id, theme, systemTheme, setSvg, setMounted]);
+  if (!mounted)
+    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, "Loading..."));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { dangerouslySetInnerHTML: { __html: svg }, ref }));
+}
+export {
+  CodeBlockMermaid as default
+};

package/dist/esm/components/code-block/code-block.d.mts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CodeBlockComponentProps } from '@hackersheet/react-document-content';
+
+declare function CodeBlock({ code, language }: CodeBlockComponentProps): Promise<React.JSX.Element>;
+
+export { CodeBlock as default };

package/dist/esm/components/code-block/code-block.mjs

@@ -0,0 +1,18 @@
+import React from "react";
+import CodeBlockCopyButton from "./code-block-copy-button";
+import CodeBlockIcon from "./code-block-icon";
+import CodeBlockKifu from "./code-block-kifu";
+import CodeBlockMermaid from "./code-block-mermaid";
+import { highlighteCode } from "./shiki";
+async function CodeBlock({ code, language }) {
+  const [lang, filename] = language.split(":");
+  const isMermaid = lang === "mermaid";
+  const isKifu = lang === "kifu";
+  if (isMermaid) return /* @__PURE__ */ React.createElement(CodeBlockMermaid, { code });
+  if (isKifu) return /* @__PURE__ */ React.createElement(CodeBlockKifu, { kifu: code, filename });
+  const html = await highlighteCode(code, lang);
+  return /* @__PURE__ */ React.createElement("div", { className: "code-block" }, /* @__PURE__ */ React.createElement("div", { className: "code-block-header" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(CodeBlockIcon, { language })), /* @__PURE__ */ React.createElement("div", { className: "code-block-filename" }, filename), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(CodeBlockCopyButton, { code }))), html && /* @__PURE__ */ React.createElement("div", { dangerouslySetInnerHTML: { __html: html } }), !html && /* @__PURE__ */ React.createElement("pre", null, code));
+}
+export {
+  CodeBlock as default
+};

package/dist/esm/components/code-block/shiki.d.mts

@@ -0,0 +1,3 @@
+declare function highlighteCode(code: string, language: string): Promise<string | null>;
+
+export { highlighteCode };

package/dist/esm/components/code-block/shiki.mjs

@@ -0,0 +1,28 @@
+import { transformerNotationDiff, transformerNotationWordHighlight } from "@shikijs/transformers";
+import { cache } from "react";
+import { bundledLanguages, bundledThemes, getSingletonHighlighter } from "shiki";
+async function highlighteCode(code, language) {
+  const highlighter = await getShikiHighlighter();
+  const shikiLang = Object.keys(bundledLanguages).find((lang) => lang === language);
+  if (shikiLang === void 0 && language !== "text") {
+    return null;
+  }
+  const html = highlighter.codeToHtml(code, {
+    lang: shikiLang || "text",
+    themes: {
+      light: "github-light",
+      dark: "github-dark-dimmed"
+    },
+    transformers: [transformerNotationDiff(), transformerNotationWordHighlight()]
+  });
+  return html;
+}
+const getShikiHighlighter = cache(async () => {
+  return getSingletonHighlighter({
+    themes: Object.keys(bundledThemes),
+    langs: Object.keys(bundledLanguages)
+  });
+});
+export {
+  highlighteCode
+};

package/dist/esm/components/image/image.d.mts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ImageComponentProps } from '@hackersheet/react-document-content';
+
+declare function Image({ src, width, height, alt }: ImageComponentProps): React.JSX.Element;
+
+export { Image as default };

package/dist/esm/components/image/image.mjs

@@ -0,0 +1,8 @@
+import NextImage from "next/image";
+import React from "react";
+function Image({ src, width, height, alt }) {
+  return /* @__PURE__ */ React.createElement(NextImage, { src, width, height, alt });
+}
+export {
+  Image as default
+};

package/dist/esm/components/index.d.mts

@@ -0,0 +1,9 @@
+export { default as CodeBlock } from './code-block/code-block.mjs';
+export { default as Image } from './image/image.mjs';
+export { default as KifuTo } from './kifu-to/kifu-to.mjs';
+export { default as Link } from './link/link.mjs';
+export { default as LinkCard } from './link-card/link-card.mjs';
+export { default as XPost } from './x-post/x-post.mjs';
+export { default as Youtube } from './youtube/youtube.mjs';
+import 'react';
+import '@hackersheet/react-document-content';

package/dist/esm/components/index.mjs

@@ -0,0 +1,16 @@
+import CodeBlock from "./code-block/code-block";
+import Image from "./image/image";
+import KifuTo from "./kifu-to/kifu-to";
+import Link from "./link/link";
+import LinkCard from "./link-card/link-card";
+import XPost from "./x-post/x-post";
+import Youtube from "./youtube/youtube";
+export {
+  CodeBlock,
+  Image,
+  KifuTo,
+  Link,
+  LinkCard,
+  XPost,
+  Youtube
+};

package/dist/esm/components/kifu-to/kifu-to.d.mts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { KifuToComponentProps } from '@hackersheet/react-document-content';
+
+declare function KifuTo({ id, ply, label: defaultLabel }: KifuToComponentProps): React.JSX.Element;
+
+export { KifuTo as default };

package/dist/esm/components/kifu-to/kifu-to.mjs

@@ -0,0 +1,11 @@
+import Link from "next/link";
+import React from "react";
+function KifuTo({ id, ply, label: defaultLabel }) {
+  const fullId = `user-content-${id}`;
+  const href = `?ply=${ply}#${fullId}`;
+  const label = defaultLabel ?? `${ply}\u624B\u76EE`;
+  return /* @__PURE__ */ React.createElement(Link, { href }, label);
+}
+export {
+  KifuTo as default
+};

package/dist/esm/components/link/link.d.mts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LinkComponentProps } from '@hackersheet/react-document-content';
+
+declare function Link({ href, id, children }: LinkComponentProps): React.JSX.Element;
+
+export { Link as default };

package/dist/esm/components/link/link.mjs

@@ -0,0 +1,8 @@
+import NextLink from "next/link";
+import React from "react";
+function Link({ href, id, children }) {
+  return /* @__PURE__ */ React.createElement(NextLink, { href, id }, children);
+}
+export {
+  Link as default
+};

package/dist/esm/components/link-card/link-card.d.mts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LinkCardComponentProps } from '@hackersheet/react-document-content';
+
+declare function LinkCard({ domain, url, title, description, imageUrl, imageHeight, imageWidth, }: LinkCardComponentProps): React.JSX.Element;
+
+export { LinkCard as default };

package/dist/esm/components/link-card/link-card.mjs

@@ -0,0 +1,17 @@
+import Image from "next/image";
+import React from "react";
+function LinkCard({
+  domain,
+  url,
+  title,
+  description,
+  imageUrl,
+  imageHeight,
+  imageWidth
+}) {
+  const faviconUrl = `https://t1.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://${domain}&size=16`;
+  return /* @__PURE__ */ React.createElement("a", { href: url, className: "link-card" }, /* @__PURE__ */ React.createElement("div", { className: "link-card-main" }, /* @__PURE__ */ React.createElement("div", { className: "link-card-title" }, title), /* @__PURE__ */ React.createElement("div", { className: "link-card-description" }, description), /* @__PURE__ */ React.createElement("div", { className: "link-card-domain" }, /* @__PURE__ */ React.createElement("picture", null, /* @__PURE__ */ React.createElement("img", { src: faviconUrl, alt: `${domain} favicon`, width: 16, height: 16 })), /* @__PURE__ */ React.createElement("div", null, domain))), imageUrl && /* @__PURE__ */ React.createElement("div", { className: "link-card-image" }, /* @__PURE__ */ React.createElement(Image, { alt: title, src: imageUrl, height: imageHeight, width: imageWidth })));
+}
+export {
+  LinkCard as default
+};

package/dist/esm/components/x-post/x-post.d.mts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { XPostComponentProps } from '@hackersheet/react-document-content';
+
+declare function XPost({ id }: XPostComponentProps): Promise<React.JSX.Element>;
+
+export { XPost as default };

package/dist/esm/components/x-post/x-post.mjs

@@ -0,0 +1,19 @@
+import { unstable_cache } from "next/cache";
+import React from "react";
+import { EmbeddedTweet, TweetNotFound } from "react-tweet";
+import { getTweet as _getTweet } from "react-tweet/api";
+const getTweet = unstable_cache(async (id) => _getTweet(id), ["tweet"], {
+  revalidate: 3600 * 24
+});
+async function XPost({ id }) {
+  try {
+    const tweet = await getTweet(id);
+    return tweet ? /* @__PURE__ */ React.createElement(EmbeddedTweet, { tweet }) : /* @__PURE__ */ React.createElement(TweetNotFound, null);
+  } catch (error) {
+    console.error(error);
+    return /* @__PURE__ */ React.createElement(TweetNotFound, { error });
+  }
+}
+export {
+  XPost as default
+};

package/dist/esm/components/youtube/youtube.d.mts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { YoutubeComponentProps } from '@hackersheet/react-document-content';
+
+declare function Youtube({ videoId, params, playLabel, ...props }: YoutubeComponentProps): Promise<React.JSX.Element>;
+
+export { Youtube as default };

package/dist/esm/components/youtube/youtube.mjs

@@ -0,0 +1,9 @@
+import { YouTubeEmbed } from "@next/third-parties/google";
+import React from "react";
+async function Youtube({ videoId, params, playLabel, ...props }) {
+  const paramsString = params ? Object.entries(params).filter(([, value]) => value !== void 0).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join("&") : void 0;
+  return /* @__PURE__ */ React.createElement(YouTubeEmbed, { ...props, videoid: videoId, params: paramsString, playlabel: playLabel });
+}
+export {
+  Youtube as default
+};

package/dist/esm/index.d.mts

@@ -0,0 +1,9 @@
+export { default as CodeBlock } from './components/code-block/code-block.mjs';
+export { default as Image } from './components/image/image.mjs';
+export { default as KifuTo } from './components/kifu-to/kifu-to.mjs';
+export { default as Link } from './components/link/link.mjs';
+export { default as LinkCard } from './components/link-card/link-card.mjs';
+export { default as XPost } from './components/x-post/x-post.mjs';
+export { default as Youtube } from './components/youtube/youtube.mjs';
+import 'react';
+import '@hackersheet/react-document-content';

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export * from "./components";