@hyperbook/markdown 0.1.0

package/dist/index.esm.mjs

@@ -0,0 +1,237 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b ||= {})
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Markdown.tsx
+import ReactMarkdown from "react-markdown";
+import remarkDirective from "remark-directive";
+import remarkDirectiveRehype from "remark-directive-rehype";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import remarkGemoji from "remark-gemoji";
+import remarkUnwrapImages from "remark-unwrap-images";
+import rehypeKatex from "rehype-katex";
+import rehypeHighlight from "rehype-highlight";
+import { useDirectives as useDirectives2 } from "@hyperbook/provider";
+
+// src/Code.tsx
+import { useDirectives } from "@hyperbook/provider";
+import { Fragment, useRef, useState } from "react";
+import { MdContentCopy, MdDone } from "react-icons/md";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Code = ({ children, className }) => {
+  const directives = useDirectives();
+  if (className === "language-mermaid" && directives["mermaid"]) {
+    const Mermaid = directives["mermaid"];
+    return /* @__PURE__ */ jsx(Mermaid, {
+      children
+    });
+  }
+  const ref = useRef(null);
+  const [copied, setCopied] = useState(false);
+  const copyCode = () => {
+    if (navigator.clipboard && ref.current) {
+      const text = ref.current.innerText;
+      navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx("code", {
+        ref,
+        className,
+        children
+      }),
+      /* @__PURE__ */ jsx("button", {
+        className: "copy",
+        onClick: copyCode,
+        "aria-label": "Copy Code",
+        children: copied ? /* @__PURE__ */ jsx(MdDone, {}) : /* @__PURE__ */ jsx(MdContentCopy, {})
+      })
+    ]
+  });
+};
+
+// src/Link.tsx
+import { useLink } from "@hyperbook/provider";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Link = ({ href, title, children }) => {
+  const L = useLink();
+  return /* @__PURE__ */ jsx2(L, {
+    href,
+    title,
+    children
+  });
+};
+
+// src/Table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var tableHeaders = [];
+var tdIndex = 0;
+var Table = ({ children, style }) => {
+  tableHeaders = [];
+  return /* @__PURE__ */ jsx3("table", {
+    style,
+    children
+  });
+};
+var Tr = ({ children, style }) => {
+  tdIndex = 0;
+  return /* @__PURE__ */ jsx3("tr", {
+    style,
+    children
+  });
+};
+var Td = ({ children, style }) => {
+  return /* @__PURE__ */ jsx3("td", {
+    "data-label": tableHeaders[tdIndex++],
+    style,
+    children
+  });
+};
+var Th = ({ children, style }) => {
+  tableHeaders.push(children);
+  return /* @__PURE__ */ jsx3("th", {
+    style,
+    children
+  });
+};
+
+// src/Headings.tsx
+import { useBookmark } from "@hyperbook/provider";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var makeAnchor = (heading) => {
+  let anchor = heading.toLowerCase();
+  anchor = anchor.replace(/[^a-zA-Z0-9 ]/g, "");
+  anchor = anchor.replace(/ /g, "-");
+  return anchor;
+};
+var Headings = ({ level, children }) => {
+  const heading = children[0];
+  let anchor = typeof heading === "string" ? makeAnchor(heading) : "";
+  const label = typeof heading === "string" ? heading : anchor;
+  const [bookmark, toggleBookmark] = useBookmark(anchor, label);
+  const container = (children2) => /* @__PURE__ */ jsxs2(Fragment2, {
+    children: [
+      /* @__PURE__ */ jsx4("a", {
+        className: "heading",
+        id: anchor,
+        href: `#${anchor}`,
+        children: /* @__PURE__ */ jsx4("span", {
+          children: children2
+        })
+      }),
+      /* @__PURE__ */ jsx4("button", {
+        className: bookmark ? "bookmark active" : "bookmark",
+        onClick: () => toggleBookmark(),
+        title: "Bookmark",
+        children: "\u{1F516}"
+      })
+    ]
+  });
+  switch (level) {
+    case 1:
+      return /* @__PURE__ */ jsx4("h1", {
+        children: container(children)
+      });
+    case 2:
+      return /* @__PURE__ */ jsx4("h2", {
+        children: container(children)
+      });
+    case 3:
+      return /* @__PURE__ */ jsx4("h3", {
+        children: container(children)
+      });
+    case 4:
+      return /* @__PURE__ */ jsx4("h4", {
+        children: container(children)
+      });
+    case 5:
+      return /* @__PURE__ */ jsx4("h5", {
+        children: container(children)
+      });
+    default:
+      return /* @__PURE__ */ jsx4("h6", {
+        children: container(children)
+      });
+  }
+};
+
+// src/Image.tsx
+import { useMakeUrl } from "@hyperbook/provider";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var Image = ({ src, title, alt }) => {
+  const makeUrl = useMakeUrl();
+  src = makeUrl(src, "public");
+  return /* @__PURE__ */ jsxs3("figure", {
+    children: [
+      /* @__PURE__ */ jsx5("img", {
+        src,
+        alt
+      }),
+      title && /* @__PURE__ */ jsx5("figcaption", {
+        children: title
+      })
+    ]
+  });
+};
+
+// src/Markdown.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Markdown = ({ children }) => {
+  const directives = useDirectives2();
+  return /* @__PURE__ */ jsx6(ReactMarkdown, {
+    className: "hyperbook-markdown",
+    components: __spreadProps(__spreadValues({}, directives), {
+      a: Link,
+      code: Code,
+      td: Td,
+      th: Th,
+      table: Table,
+      tr: Tr,
+      h1: Headings,
+      h2: Headings,
+      h3: Headings,
+      h4: Headings,
+      h5: Headings,
+      h6: Headings,
+      img: Image
+    }),
+    remarkPlugins: [
+      remarkDirective,
+      remarkDirectiveRehype,
+      remarkGfm,
+      remarkMath,
+      remarkGemoji,
+      remarkUnwrapImages
+    ],
+    rehypePlugins: [
+      rehypeKatex,
+      [rehypeHighlight, { ignoreMissing: true, plainText: ["mermaid"] }]
+    ],
+    skipHtml: false,
+    children
+  });
+};
+export {
+  Markdown
+};
+//# sourceMappingURL=index.esm.mjs.map

package/dist/index.esm.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Markdown.tsx", "../src/Code.tsx", "../src/Link.tsx", "../src/Table.tsx", "../src/Headings.tsx", "../src/Image.tsx"],
+  "sourcesContent": ["import ReactMarkdown from \"react-markdown\";\nimport remarkDirective from \"remark-directive\";\nimport remarkDirectiveRehype from \"remark-directive-rehype\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport remarkGemoji from \"remark-gemoji\";\nimport remarkUnwrapImages from \"remark-unwrap-images\";\nimport rehypeKatex from \"rehype-katex\";\nimport rehypeHighlight from \"rehype-highlight\";\nimport { useDirectives } from \"@hyperbook/provider\";\nimport { Code } from \"./Code\";\nimport { Link } from \"./Link\";\nimport { Table, Td, Th, Tr } from \"./Table\";\nimport { Headings } from \"./Headings\";\nimport { Image } from \"./Image\";\n\nimport \"./index.css\";\n\nexport type MarkdownProps = {\n  children: string;\n};\n\nexport const Markdown = ({ children }: MarkdownProps) => {\n  const directives = useDirectives();\n\n  return (\n    <ReactMarkdown\n      className=\"hyperbook-markdown\"\n      components={{\n        ...directives,\n        a: Link,\n        code: Code,\n        td: Td,\n        th: Th,\n        table: Table,\n        tr: Tr,\n        h1: Headings,\n        h2: Headings,\n        h3: Headings,\n        h4: Headings,\n        h5: Headings,\n        h6: Headings,\n        img: Image,\n      }}\n      remarkPlugins={[\n        remarkDirective,\n        remarkDirectiveRehype,\n        remarkGfm,\n        remarkMath,\n        remarkGemoji,\n        remarkUnwrapImages,\n      ]}\n      rehypePlugins={[\n        rehypeKatex,\n        [rehypeHighlight, { ignoreMissing: true, plainText: [\"mermaid\"] }],\n      ]}\n      skipHtml={false}\n    >\n      {children}\n    </ReactMarkdown>\n  );\n};\n", "import { useDirectives } from \"@hyperbook/provider\";\nimport React, { Fragment, useRef, useState } from \"react\";\nimport { Components } from \"react-markdown\";\nimport { MdContentCopy, MdDone } from \"react-icons/md\";\n\nexport const Code: Components[\"code\"] = ({ children, className }) => {\n  const directives = useDirectives();\n  if (className === \"language-mermaid\" && directives[\"mermaid\"]) {\n    const Mermaid = directives[\"mermaid\"];\n    return <Mermaid children={children} />;\n  }\n\n  const ref = useRef<HTMLElement>(null);\n  const [copied, setCopied] = useState(false);\n  const copyCode = () => {\n    if (navigator.clipboard && ref.current) {\n      const text = ref.current.innerText;\n      navigator.clipboard.writeText(text);\n\n      setCopied(true);\n\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <Fragment>\n      <code ref={ref} className={className}>\n        {children}\n      </code>\n      <button className=\"copy\" onClick={copyCode} aria-label=\"Copy Code\">\n        {copied ? <MdDone /> : <MdContentCopy />}\n      </button>\n    </Fragment>\n  );\n};\n", "import { useLink } from \"@hyperbook/provider\";\nimport { Components } from \"react-markdown\";\n\nexport const Link: Components[\"a\"] = ({ href, title, children }) => {\n  const L = useLink();\n  return (\n    <L href={href} title={title}>\n      {children}\n    </L>\n  );\n};\n", "import { ReactNode } from \"react\";\nimport { Components } from \"react-markdown\";\n\nlet tableHeaders: ReactNode[][] = [];\nlet tdIndex = 0;\n\nexport const Table: Components[\"table\"] = ({ children, style }) => {\n  tableHeaders = [];\n  return <table style={style}>{children}</table>;\n};\n\nexport const Tr: Components[\"tr\"] = ({ children, style }) => {\n  tdIndex = 0;\n  return <tr style={style}>{children}</tr>;\n};\n\nexport const Td: Components[\"td\"] = ({ children, style }) => {\n  return (\n    <td data-label={tableHeaders[tdIndex++]} style={style}>\n      {children}\n    </td>\n  );\n};\n\nexport const Th: Components[\"th\"] = ({ children, style }) => {\n  tableHeaders.push(children);\n  return <th style={style}>{children}</th>;\n};\n", "import { useBookmark } from \"@hyperbook/provider\";\nimport { Components } from \"react-markdown\";\n\nexport const makeAnchor = (heading: string) => {\n  // If we have a heading, make it lower case\n  let anchor = heading.toLowerCase();\n\n  // Clean anchor (replace special characters whitespaces).\n  // Alternatively, use encodeURIComponent() if you don't care about\n  // pretty anchor links\n  anchor = anchor.replace(/[^a-zA-Z0-9 ]/g, \"\");\n  anchor = anchor.replace(/ /g, \"-\");\n\n  return anchor;\n};\n\nexport const Headings: Components[\"h1\"] = ({ level, children }) => {\n  // Access actual (string) value of heading\n  const heading = children[0];\n\n  // If we have a heading, make it lower case\n  let anchor = typeof heading === \"string\" ? makeAnchor(heading) : \"\";\n\n  const label = typeof heading === \"string\" ? heading : anchor;\n\n  const [bookmark, toggleBookmark] = useBookmark(anchor, label);\n\n  // Utility\n  const container = (children: React.ReactNode): JSX.Element => (\n    <>\n      <a className=\"heading\" id={anchor} href={`#${anchor}`}>\n        <span>{children}</span>\n      </a>\n      <button\n        className={bookmark ? \"bookmark active\" : \"bookmark\"}\n        onClick={() => toggleBookmark()}\n        title=\"Bookmark\"\n      >\n        \uD83D\uDD16\n      </button>\n    </>\n  );\n\n  switch (level) {\n    case 1:\n      return <h1>{container(children)}</h1>;\n    case 2:\n      return <h2>{container(children)}</h2>;\n    case 3:\n      return <h3>{container(children)}</h3>;\n    case 4:\n      return <h4>{container(children)}</h4>;\n    case 5:\n      return <h5>{container(children)}</h5>;\n\n    default:\n      return <h6>{container(children)}</h6>;\n  }\n};\n", "import { useMakeUrl } from \"@hyperbook/provider\";\nimport { Components } from \"react-markdown\";\n\nexport const Image: Components[\"img\"] = ({ src, title, alt }) => {\n  const makeUrl = useMakeUrl();\n  src = makeUrl(src, \"public\");\n\n  return (\n    <figure>\n      <img src={src} alt={alt} />\n      {title && <figcaption>{title}</figcaption>}\n    </figure>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["useDirectives", "jsx", "jsx", "Fragment", "jsx", "jsxs", "children", "jsx", "jsxs", "jsx", "useDirectives"]
+}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@hyperbook/markdown",
+  "version": "0.1.0",
+  "author": "Mike Barkmin",
+  "homepage": "https://github.com/openpatch/hyperbook#readme",
+  "license": "MIT",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.mjs",
+  "types": "dist/index.d.ts",
+  "typings": "dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.esm.mjs"
+    },
+    "./katex.css": "./dist/assets/katex.min.css",
+    "./index.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/openpatch/hyperbook.git",
+    "directory": "packages/markdown"
+  },
+  "bugs": {
+    "url": "https://github.com/openpatch/hyperbook/issues"
+  },
+  "dependencies": {
+    "@hyperbook/provider": "0.1.0",
+    "react-icons": "4.4.0",
+    "react-markdown": "8.0.3",
+    "rehype-highlight": "5.0.2",
+    "rehype-katex": "6.0.2",
+    "remark-directive": "2.0.1",
+    "remark-directive-rehype": "0.4.0",
+    "remark-gemoji": "7.0.1",
+    "remark-gfm": "3.0.1",
+    "remark-math": "5.1.1",
+    "remark-unwrap-images": "3.0.1"
+  },
+  "peerDependencies": {
+    "react": "18.x",
+    "react-dom": "18.x"
+  },
+  "devDependencies": {
+    "@types/hast": "^2.3.4",
+    "@types/react": "18.0.15",
+    "@types/react-dom": "18.0.6",
+    "@types/unist": "^2.0.6",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "scripts": {
+    "prebuild": "rimraf dist",
+    "version": "pnpm build",
+    "lint": "tsc --noEmit",
+    "test": "jest --env=jsdom --passWithNoTests",
+    "build": "pnpm build:pkg && pnpm build:types",
+    "build:pkg": "node ../../scripts/build.mjs && cp -r assets dist/",
+    "build:types": "tsc --project tsconfig.build.json --declaration --emitDeclarationOnly"
+  }
+}