@hackersheet/next-document-content-components 0.1.0-alpha.10 → 0.1.0-alpha.12

package/dist/cjs/components/code-block/directory-tree.js

@@ -31,6 +31,7 @@ __export(directory_tree_exports, {
   default: () => DirectoryTree
 });
 module.exports = __toCommonJS(directory_tree_exports);
+var import_crypto = require("crypto");
 var import_react = __toESM(require("react"));
 var import_lu = require("react-icons/lu");
 var import_code_block_copy_button = __toESM(require("./code-block-copy-button"));
@@ -38,13 +39,20 @@ async function DirectoryTree({ code, ...props }) {
   const [, filename] = props.language.split(":");
   const treeNode = parseTreeOutput(code);
   const renderTree = (node) => {
-    return /* @__PURE__ */ import_react.default.createElement("li", { className: `${node.type === "directory" ? "directory-tree-directory" : "directory-tree-file"}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "directory-tree-node-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "directory-tree-icon" }, node.type === "directory" && /* @__PURE__ */ import_react.default.createElement(import_lu.LuFolder, null), node.type === "file" && /* @__PURE__ */ import_react.default.createElement(import_lu.LuFile, null)), /* @__PURE__ */ import_react.default.createElement("div", null, node.name)), node.children && /* @__PURE__ */ import_react.default.createElement("ul", null, node.children.map((child) => renderTree(child))));
+    return /* @__PURE__ */ import_react.default.createElement("li", { key: node.id, className: `${node.type === "directory" ? "directory-tree-directory" : "directory-tree-file"}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "directory-tree-node-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "directory-tree-icon" }, node.type === "directory" && /* @__PURE__ */ import_react.default.createElement(import_lu.LuFolder, null), node.type === "file" && /* @__PURE__ */ import_react.default.createElement(import_lu.LuFile, null)), /* @__PURE__ */ import_react.default.createElement("div", null, node.name)), node.children && /* @__PURE__ */ import_react.default.createElement("ul", null, node.children.map((child) => renderTree(child))));
   };
   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_lu.LuFolderTree, null)), /* @__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 }))), /* @__PURE__ */ import_react.default.createElement("div", null, treeNode ? /* @__PURE__ */ import_react.default.createElement("ul", { className: "directory-tree" }, renderTree(treeNode)) : /* @__PURE__ */ import_react.default.createElement("pre", null, code)));
 }
+function encryptSha256(str) {
+  const hash = (0, import_crypto.createHash)("sha256");
+  hash.update(str);
+  return hash.digest("hex");
+}
 function parseTreeOutput(treeOutput) {
   const lines = treeOutput.trim().split("\n");
+  const idPrefix = "tree-" + encryptSha256(treeOutput.trim()) + "-";
   const rootNode = {
+    id: idPrefix + "root",
     name: "",
     type: "directory",
     level: 0,
@@ -55,7 +63,7 @@ function parseTreeOutput(treeOutput) {
   const getExtension = (filename) => filename.match(/\.(\w+)$/)?.[1];
   const cleanNodeName = (name) => name.replace(/^[\s│├└─]+/, "").trim();
   try {
-    lines.forEach((line) => {
+    lines.forEach((line, index) => {
       const trimmedLine = line.trimStart();
       const indent = (trimmedLine.match(/^[\s│├└─]+/) || [""])[0];
       const level = indent.length / 4;
@@ -67,6 +75,7 @@ function parseTreeOutput(treeOutput) {
       }
       const isDirectory = !cleanedLine.includes(".");
       const newNode = {
+        id: idPrefix + "node-" + index,
         name: cleanedLine,
         type: isDirectory ? "directory" : "file",
         extension: isDirectory ? void 0 : getExtension(cleanedLine),

package/dist/cjs/index.js

@@ -1,8 +1,14 @@
 "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))
@@ -11,12 +17,49 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 src_exports = {};
+__export(src_exports, {
+  CodeBlock: () => import_code_block.default,
+  DirectoryTree: () => import_directory_tree.default,
+  Gist: () => import_gist.default,
+  Heading: () => import_heading.default,
+  Image: () => import_image.default,
+  Link: () => import_link.default,
+  LinkCard: () => import_link_card.default,
+  Mermaid: () => import_mermaid.default,
+  XPost: () => import_x_post.default,
+  Youtube: () => import_youtube.default
+});
 module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./components"), module.exports);
+var import_code_block = __toESM(require("./components/code-block/code-block"));
+var import_directory_tree = __toESM(require("./components/code-block/directory-tree"));
+var import_gist = __toESM(require("./components/gist/gist"));
+var import_heading = __toESM(require("./components/heading/heading"));
+var import_image = __toESM(require("./components/image/image"));
+var import_link = __toESM(require("./components/link/link"));
+var import_link_card = __toESM(require("./components/link-card/link-card"));
+var import_mermaid = __toESM(require("./components/mermaid/mermaid"));
+var import_x_post = __toESM(require("./components/x-post/x-post"));
+var import_youtube = __toESM(require("./components/youtube/youtube"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./components")
+  CodeBlock,
+  DirectoryTree,
+  Gist,
+  Heading,
+  Image,
+  Link,
+  LinkCard,
+  Mermaid,
+  XPost,
+  Youtube
 });

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

@@ -1,3 +1,4 @@
+import { createHash } from "crypto";
 import React from "react";
 import { LuFolder, LuFile, LuFolderTree } from "react-icons/lu";
 import CodeBlockCopyButton from "./code-block-copy-button";
@@ -5,13 +6,20 @@ async function DirectoryTree({ code, ...props }) {
   const [, filename] = props.language.split(":");
   const treeNode = parseTreeOutput(code);
   const renderTree = (node) => {
-    return /* @__PURE__ */ React.createElement("li", { className: `${node.type === "directory" ? "directory-tree-directory" : "directory-tree-file"}` }, /* @__PURE__ */ React.createElement("div", { className: "directory-tree-node-content" }, /* @__PURE__ */ React.createElement("div", { className: "directory-tree-icon" }, node.type === "directory" && /* @__PURE__ */ React.createElement(LuFolder, null), node.type === "file" && /* @__PURE__ */ React.createElement(LuFile, null)), /* @__PURE__ */ React.createElement("div", null, node.name)), node.children && /* @__PURE__ */ React.createElement("ul", null, node.children.map((child) => renderTree(child))));
+    return /* @__PURE__ */ React.createElement("li", { key: node.id, className: `${node.type === "directory" ? "directory-tree-directory" : "directory-tree-file"}` }, /* @__PURE__ */ React.createElement("div", { className: "directory-tree-node-content" }, /* @__PURE__ */ React.createElement("div", { className: "directory-tree-icon" }, node.type === "directory" && /* @__PURE__ */ React.createElement(LuFolder, null), node.type === "file" && /* @__PURE__ */ React.createElement(LuFile, null)), /* @__PURE__ */ React.createElement("div", null, node.name)), node.children && /* @__PURE__ */ React.createElement("ul", null, node.children.map((child) => renderTree(child))));
   };
   return /* @__PURE__ */ React.createElement("div", { className: "code-block" }, /* @__PURE__ */ React.createElement("div", { className: "code-block-header" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(LuFolderTree, null)), /* @__PURE__ */ React.createElement("div", { className: "code-block-filename" }, filename), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(CodeBlockCopyButton, { code }))), /* @__PURE__ */ React.createElement("div", null, treeNode ? /* @__PURE__ */ React.createElement("ul", { className: "directory-tree" }, renderTree(treeNode)) : /* @__PURE__ */ React.createElement("pre", null, code)));
 }
+function encryptSha256(str) {
+  const hash = createHash("sha256");
+  hash.update(str);
+  return hash.digest("hex");
+}
 function parseTreeOutput(treeOutput) {
   const lines = treeOutput.trim().split("\n");
+  const idPrefix = "tree-" + encryptSha256(treeOutput.trim()) + "-";
   const rootNode = {
+    id: idPrefix + "root",
     name: "",
     type: "directory",
     level: 0,
@@ -22,7 +30,7 @@ function parseTreeOutput(treeOutput) {
   const getExtension = (filename) => filename.match(/\.(\w+)$/)?.[1];
   const cleanNodeName = (name) => name.replace(/^[\s│├└─]+/, "").trim();
   try {
-    lines.forEach((line) => {
+    lines.forEach((line, index) => {
       const trimmedLine = line.trimStart();
       const indent = (trimmedLine.match(/^[\s│├└─]+/) || [""])[0];
       const level = indent.length / 4;
@@ -34,6 +42,7 @@ function parseTreeOutput(treeOutput) {
       }
       const isDirectory = !cleanedLine.includes(".");
       const newNode = {
+        id: idPrefix + "node-" + index,
         name: cleanedLine,
         type: isDirectory ? "directory" : "file",
         extension: isDirectory ? void 0 : getExtension(cleanedLine),

package/dist/esm/index.mjs

@@ -1 +1,22 @@
-export * from "./components";
+import CodeBlock from "./components/code-block/code-block";
+import DirectoryTree from "./components/code-block/directory-tree";
+import Gist from "./components/gist/gist";
+import Heading from "./components/heading/heading";
+import Image from "./components/image/image";
+import Link from "./components/link/link";
+import LinkCard from "./components/link-card/link-card";
+import Mermaid from "./components/mermaid/mermaid";
+import XPost from "./components/x-post/x-post";
+import Youtube from "./components/youtube/youtube";
+export {
+  CodeBlock,
+  DirectoryTree,
+  Gist,
+  Heading,
+  Image,
+  Link,
+  LinkCard,
+  Mermaid,
+  XPost,
+  Youtube
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hackersheet/next-document-content-components",
-  "version": "0.1.0-alpha.10",
+  "version": "0.1.0-alpha.12",
   "description": "Hacker Sheet document content components for Next.js",
   "keywords": [],
   "repository": {
@@ -31,8 +31,8 @@
     "react-icons": "^5.2.1",
     "react-tweet": "^3.2.1",
     "shiki": "^1.10.3",
-    "@hackersheet/react-document-content": "0.1.0-alpha.11",
-    "@hackersheet/core": "0.1.0-alpha.9"
+    "@hackersheet/core": "0.1.0-alpha.9",
+    "@hackersheet/react-document-content": "0.1.0-alpha.11"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",

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

@@ -1,12 +0,0 @@
-export { default as CodeBlock } from './code-block/code-block.js';
-export { default as DirectoryTree } from './code-block/directory-tree.js';
-export { default as Gist } from './gist/gist.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';
-export { default as Mermaid } from './mermaid/mermaid.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

@@ -1,65 +0,0 @@
-"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,
-  DirectoryTree: () => import_directory_tree.default,
-  Gist: () => import_gist.default,
-  Heading: () => import_heading.default,
-  Image: () => import_image.default,
-  Link: () => import_link.default,
-  LinkCard: () => import_link_card.default,
-  Mermaid: () => import_mermaid.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_directory_tree = __toESM(require("./code-block/directory-tree"));
-var import_gist = __toESM(require("./gist/gist"));
-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"));
-var import_mermaid = __toESM(require("./mermaid/mermaid"));
-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,
-  DirectoryTree,
-  Gist,
-  Heading,
-  Image,
-  Link,
-  LinkCard,
-  Mermaid,
-  XPost,
-  Youtube
-});

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

@@ -1,12 +0,0 @@
-export { default as CodeBlock } from './code-block/code-block.mjs';
-export { default as DirectoryTree } from './code-block/directory-tree.mjs';
-export { default as Gist } from './gist/gist.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';
-export { default as Mermaid } from './mermaid/mermaid.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

@@ -1,22 +0,0 @@
-import CodeBlock from "./code-block/code-block";
-import DirectoryTree from "./code-block/directory-tree";
-import Gist from "./gist/gist";
-import Heading from "./heading/heading";
-import Image from "./image/image";
-import Link from "./link/link";
-import LinkCard from "./link-card/link-card";
-import Mermaid from "./mermaid/mermaid";
-import XPost from "./x-post/x-post";
-import Youtube from "./youtube/youtube";
-export {
-  CodeBlock,
-  DirectoryTree,
-  Gist,
-  Heading,
-  Image,
-  Link,
-  LinkCard,
-  Mermaid,
-  XPost,
-  Youtube
-};