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

package/README.md

@@ -0,0 +1,3 @@
+# @hackersheet/next-document-content-components
+
+Hacker Sheet document content components for Next.js

package/dist/cjs/components/code-block/code-block-copy-button.d.ts

@@ -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/cjs/components/code-block/code-block-copy-button.js

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+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 code_block_copy_button_exports = {};
+__export(code_block_copy_button_exports, {
+  default: () => CodeBlockCopyButton
+});
+module.exports = __toCommonJS(code_block_copy_button_exports);
+var import_react = __toESM(require("react"));
+var import_hi2 = require("react-icons/hi2");
+function CodeBlockCopyButton({ code }) {
+  const [copied, setCopied] = (0, import_react.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__ */ import_react.default.createElement("button", { onClick: handleClick }, copied ? /* @__PURE__ */ import_react.default.createElement(import_hi2.HiCheck, { size: 18 }) : /* @__PURE__ */ import_react.default.createElement(import_hi2.HiOutlineClipboardDocumentList, { size: 18 }));
+}

package/dist/cjs/components/code-block/code-block-icon.d.ts

@@ -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/cjs/components/code-block/code-block-icon.js

@@ -0,0 +1,66 @@
+"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 code_block_icon_exports = {};
+__export(code_block_icon_exports, {
+  default: () => CodeBlockIcon
+});
+module.exports = __toCommonJS(code_block_icon_exports);
+var import_react = __toESM(require("react"));
+var import_fa6 = require("react-icons/fa6");
+var import_hi2 = require("react-icons/hi2");
+var import_si = require("react-icons/si");
+var import_tb = require("react-icons/tb");
+var import_vsc = require("react-icons/vsc");
+function CodeBlockIcon({ language }) {
+  switch (language) {
+    case "sh":
+    case "bash":
+      return /* @__PURE__ */ import_react.default.createElement(import_fa6.FaTerminal, null);
+    case "hcl":
+      return /* @__PURE__ */ import_react.default.createElement(import_si.SiTerraform, null);
+    case "typescript":
+      return /* @__PURE__ */ import_react.default.createElement(import_si.SiTypescript, null);
+    case "tsx":
+      return /* @__PURE__ */ import_react.default.createElement(import_fa6.FaReact, null);
+    case "markdown":
+      return /* @__PURE__ */ import_react.default.createElement(import_si.SiMarkdown, null);
+    case "php":
+      return /* @__PURE__ */ import_react.default.createElement(import_si.SiPhp, null);
+    case "ruby":
+      return /* @__PURE__ */ import_react.default.createElement(import_si.SiRuby, null);
+    case "yaml":
+      return /* @__PURE__ */ import_react.default.createElement(import_si.SiYaml, null);
+    case "json":
+      return /* @__PURE__ */ import_react.default.createElement(import_vsc.VscJson, null);
+    case "text":
+      return /* @__PURE__ */ import_react.default.createElement(import_tb.TbTxt, null);
+    default:
+      return /* @__PURE__ */ import_react.default.createElement(import_hi2.HiCodeBracket, null);
+  }
+}

package/dist/cjs/components/code-block/code-block-kifu.d.ts

@@ -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/cjs/components/code-block/code-block-kifu.js

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+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 code_block_kifu_exports = {};
+__export(code_block_kifu_exports, {
+  default: () => CodeBlockKifu
+});
+module.exports = __toCommonJS(code_block_kifu_exports);
+var import_kifu_for_js = require("kifu-for-js");
+var import_navigation = require("next/navigation");
+var import_react = __toESM(require("react"));
+function CodeBlockKifu({ kifu, filename }) {
+  const searchParams = (0, import_navigation.useSearchParams)();
+  const id = filename ? `user-content-${filename}` : void 0;
+  const [kifuStore] = (0, import_react.useState)(() => new import_kifu_for_js.KifuStore({ kifu }));
+  (0, import_react.useEffect)(() => {
+    initKifuUserSettings();
+  }, []);
+  (0, import_react.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__ */ import_react.default.createElement("div", { className: "my-4 flex justify-center", id }, /* @__PURE__ */ import_react.default.createElement(import_kifu_for_js.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));
+  }
+}

package/dist/cjs/components/code-block/code-block-mermaid.d.ts

@@ -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/cjs/components/code-block/code-block-mermaid.js

@@ -0,0 +1,71 @@
+"use strict";
+"use client";
+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 code_block_mermaid_exports = {};
+__export(code_block_mermaid_exports, {
+  default: () => CodeBlockMermaid
+});
+module.exports = __toCommonJS(code_block_mermaid_exports);
+var import_crypto = require("crypto");
+var import_mermaid = __toESM(require("mermaid"));
+var import_next_themes = require("next-themes");
+var import_react = __toESM(require("react"));
+function createId(code) {
+  const hash = (0, import_crypto.createHash)("sha256");
+  hash.update(code);
+  return "id-" + hash.digest("hex");
+}
+function CodeBlockMermaid({ code }) {
+  const ref = (0, import_react.useRef)(null);
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  const [svg, setSvg] = (0, import_react.useState)("");
+  const { theme, systemTheme } = (0, import_next_themes.useTheme)();
+  const id = createId(code);
+  (0, import_react.useEffect)(() => {
+    const renderMermaid = async () => {
+      if (!mounted) {
+        setMounted(true);
+      }
+      const currentTheme = theme === "system" ? systemTheme : theme;
+      if (mounted && ref.current) {
+        import_mermaid.default.initialize({ theme: currentTheme });
+        try {
+          const result = await import_mermaid.default.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__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, "Loading..."));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { dangerouslySetInnerHTML: { __html: svg }, ref }));
+}

package/dist/cjs/components/code-block/code-block.d.ts

@@ -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/cjs/components/code-block/code-block.js

@@ -0,0 +1,48 @@
+"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 code_block_exports = {};
+__export(code_block_exports, {
+  default: () => CodeBlock
+});
+module.exports = __toCommonJS(code_block_exports);
+var import_react = __toESM(require("react"));
+var import_code_block_copy_button = __toESM(require("./code-block-copy-button"));
+var import_code_block_icon = __toESM(require("./code-block-icon"));
+var import_code_block_kifu = __toESM(require("./code-block-kifu"));
+var import_code_block_mermaid = __toESM(require("./code-block-mermaid"));
+var import_shiki = require("./shiki");
+async function CodeBlock({ code, language }) {
+  const [lang, filename] = language.split(":");
+  const isMermaid = lang === "mermaid";
+  const isKifu = lang === "kifu";
+  if (isMermaid) return /* @__PURE__ */ import_react.default.createElement(import_code_block_mermaid.default, { code });
+  if (isKifu) return /* @__PURE__ */ import_react.default.createElement(import_code_block_kifu.default, { kifu: code, filename });
+  const html = await (0, import_shiki.highlighteCode)(code, lang);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "code-block" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "code-block-header" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_code_block_icon.default, { language })), /* @__PURE__ */ import_react.default.createElement("div", { className: "code-block-filename" }, filename), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_code_block_copy_button.default, { code }))), html && /* @__PURE__ */ import_react.default.createElement("div", { dangerouslySetInnerHTML: { __html: html } }), !html && /* @__PURE__ */ import_react.default.createElement("pre", null, code));
+}

package/dist/cjs/components/code-block/shiki.d.ts

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

package/dist/cjs/components/code-block/shiki.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shiki_exports = {};
+__export(shiki_exports, {
+  highlighteCode: () => highlighteCode
+});
+module.exports = __toCommonJS(shiki_exports);
+var import_transformers = require("@shikijs/transformers");
+var import_react = require("react");
+var import_shiki = require("shiki");
+async function highlighteCode(code, language) {
+  const highlighter = await getShikiHighlighter();
+  const shikiLang = Object.keys(import_shiki.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: [(0, import_transformers.transformerNotationDiff)(), (0, import_transformers.transformerNotationWordHighlight)()]
+  });
+  return html;
+}
+const getShikiHighlighter = (0, import_react.cache)(async () => {
+  return (0, import_shiki.getSingletonHighlighter)({
+    themes: Object.keys(import_shiki.bundledThemes),
+    langs: Object.keys(import_shiki.bundledLanguages)
+  });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  highlighteCode
+});

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

@@ -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/cjs/components/image/image.js

@@ -0,0 +1,38 @@
+"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 image_exports = {};
+__export(image_exports, {
+  default: () => Image
+});
+module.exports = __toCommonJS(image_exports);
+var import_image = __toESM(require("next/image"));
+var import_react = __toESM(require("react"));
+function Image({ src, width, height, alt }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_image.default, { src, width, height, alt });
+}

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

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

package/dist/cjs/components/index.js

@@ -0,0 +1,56 @@
+"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 components_exports = {};
+__export(components_exports, {
+  CodeBlock: () => import_code_block.default,
+  Image: () => import_image.default,
+  KifuTo: () => import_kifu_to.default,
+  Link: () => import_link.default,
+  LinkCard: () => import_link_card.default,
+  XPost: () => import_x_post.default,
+  Youtube: () => import_youtube.default
+});
+module.exports = __toCommonJS(components_exports);
+var import_code_block = __toESM(require("./code-block/code-block"));
+var import_image = __toESM(require("./image/image"));
+var import_kifu_to = __toESM(require("./kifu-to/kifu-to"));
+var import_link = __toESM(require("./link/link"));
+var import_link_card = __toESM(require("./link-card/link-card"));
+var import_x_post = __toESM(require("./x-post/x-post"));
+var import_youtube = __toESM(require("./youtube/youtube"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeBlock,
+  Image,
+  KifuTo,
+  Link,
+  LinkCard,
+  XPost,
+  Youtube
+});

package/dist/cjs/components/kifu-to/kifu-to.d.ts

@@ -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/cjs/components/kifu-to/kifu-to.js

@@ -0,0 +1,41 @@
+"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 kifu_to_exports = {};
+__export(kifu_to_exports, {
+  default: () => KifuTo
+});
+module.exports = __toCommonJS(kifu_to_exports);
+var import_link = __toESM(require("next/link"));
+var import_react = __toESM(require("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__ */ import_react.default.createElement(import_link.default, { href }, label);
+}

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

@@ -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/cjs/components/link/link.js

@@ -0,0 +1,38 @@
+"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_exports = {};
+__export(link_exports, {
+  default: () => Link
+});
+module.exports = __toCommonJS(link_exports);
+var import_link = __toESM(require("next/link"));
+var import_react = __toESM(require("react"));
+function Link({ href, id, children }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_link.default, { href, id }, children);
+}

package/dist/cjs/components/link-card/link-card.d.ts

@@ -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 };