@hackersheet/next-document-content-components 0.1.0-alpha.4 → 0.1.0-alpha.6

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

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

package/dist/cjs/components/heading/heading.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 heading_exports = {};
+__export(heading_exports, {
+  default: () => Heading
+});
+module.exports = __toCommonJS(heading_exports);
+var import_link = __toESM(require("next/link"));
+var import_react = __toESM(require("react"));
+var import_md = require("react-icons/md");
+function Heading({ HeadingTag, id, children }) {
+  return /* @__PURE__ */ import_react.default.createElement(HeadingTag, { id, className: "heading" }, /* @__PURE__ */ import_react.default.createElement(import_link.default, { href: `#${id}` }, /* @__PURE__ */ import_react.default.createElement("span", { className: "heading-label" }, children), /* @__PURE__ */ import_react.default.createElement("span", { className: "heading-link-icon" }, /* @__PURE__ */ import_react.default.createElement(import_md.MdLink, null))));
+}

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

@@ -1,4 +1,5 @@
 export { default as CodeBlock } from './code-block/code-block.js';
+export { default as Heading } from './heading/heading.js';
 export { default as Image } from './image/image.js';
 export { default as Link } from './link/link.js';
 export { default as LinkCard } from './link-card/link-card.js';

package/dist/cjs/components/index.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var components_exports = {};
 __export(components_exports, {
   CodeBlock: () => import_code_block.default,
+  Heading: () => import_heading.default,
   Image: () => import_image.default,
   Link: () => import_link.default,
   LinkCard: () => import_link_card.default,
@@ -38,6 +39,7 @@ __export(components_exports, {
 });
 module.exports = __toCommonJS(components_exports);
 var import_code_block = __toESM(require("./code-block/code-block"));
+var import_heading = __toESM(require("./heading/heading"));
 var import_image = __toESM(require("./image/image"));
 var import_link = __toESM(require("./link/link"));
 var import_link_card = __toESM(require("./link-card/link-card"));
@@ -47,6 +49,7 @@ var import_youtube = __toESM(require("./youtube/youtube"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CodeBlock,
+  Heading,
   Image,
   Link,
   LinkCard,

package/dist/cjs/components/mermaid/mermaid.js

@@ -65,7 +65,8 @@ function Mermaid({ code }) {
     };
     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 }));
+  if (!mounted) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "mermaid-block mermaid-loading" }, /* @__PURE__ */ import_react.default.createElement("div", null, "Loading..."));
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "mermaid-block", dangerouslySetInnerHTML: { __html: svg }, ref });
 }

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

@@ -35,5 +35,5 @@ 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 });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "youtube-block" }, /* @__PURE__ */ import_react.default.createElement(import_google.YouTubeEmbed, { ...props, videoid: videoId, params: paramsString, playlabel: playLabel }));
 }

package/dist/cjs/index.d.ts

@@ -1,4 +1,5 @@
 export { default as CodeBlock } from './components/code-block/code-block.js';
+export { default as Heading } from './components/heading/heading.js';
 export { default as Image } from './components/image/image.js';
 export { default as Link } from './components/link/link.js';
 export { default as LinkCard } from './components/link-card/link-card.js';

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

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

package/dist/esm/components/heading/heading.mjs

@@ -0,0 +1,9 @@
+import Link from "next/link";
+import React from "react";
+import { MdLink } from "react-icons/md";
+function Heading({ HeadingTag, id, children }) {
+  return /* @__PURE__ */ React.createElement(HeadingTag, { id, className: "heading" }, /* @__PURE__ */ React.createElement(Link, { href: `#${id}` }, /* @__PURE__ */ React.createElement("span", { className: "heading-label" }, children), /* @__PURE__ */ React.createElement("span", { className: "heading-link-icon" }, /* @__PURE__ */ React.createElement(MdLink, null))));
+}
+export {
+  Heading as default
+};

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

@@ -1,4 +1,5 @@
 export { default as CodeBlock } from './code-block/code-block.mjs';
+export { default as Heading } from './heading/heading.mjs';
 export { default as Image } from './image/image.mjs';
 export { default as Link } from './link/link.mjs';
 export { default as LinkCard } from './link-card/link-card.mjs';

package/dist/esm/components/index.mjs

@@ -1,4 +1,5 @@
 import CodeBlock from "./code-block/code-block";
+import Heading from "./heading/heading";
 import Image from "./image/image";
 import Link from "./link/link";
 import LinkCard from "./link-card/link-card";
@@ -7,6 +8,7 @@ import XPost from "./x-post/x-post";
 import Youtube from "./youtube/youtube";
 export {
   CodeBlock,
+  Heading,
   Image,
   Link,
   LinkCard,

package/dist/esm/components/mermaid/mermaid.mjs

@@ -32,9 +32,10 @@ function Mermaid({ code }) {
     };
     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 }));
+  if (!mounted) {
+    return /* @__PURE__ */ React.createElement("div", { className: "mermaid-block mermaid-loading" }, /* @__PURE__ */ React.createElement("div", null, "Loading..."));
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: "mermaid-block", dangerouslySetInnerHTML: { __html: svg }, ref });
 }
 export {
   Mermaid as default

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

@@ -2,7 +2,7 @@ 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 });
+  return /* @__PURE__ */ React.createElement("div", { className: "youtube-block" }, /* @__PURE__ */ React.createElement(YouTubeEmbed, { ...props, videoid: videoId, params: paramsString, playlabel: playLabel }));
 }
 export {
   Youtube as default

package/dist/esm/index.d.mts

@@ -1,4 +1,5 @@
 export { default as CodeBlock } from './components/code-block/code-block.mjs';
+export { default as Heading } from './components/heading/heading.mjs';
 export { default as Image } from './components/image/image.mjs';
 export { default as Link } from './components/link/link.mjs';
 export { default as LinkCard } from './components/link-card/link-card.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hackersheet/next-document-content-components",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.6",
   "description": "Hacker Sheet document content components for Next.js",
   "keywords": [],
   "repository": {