@readme/markdown 6.75.0-beta.47 → 6.75.0-beta.48

package/dist/processor/transform/index.d.ts

@@ -1,5 +1,6 @@
 import readmeComponentsTransformer from './readme-components';
+import rehypeToc from './rehype-toc';
 import readmeToMdx from './readme-to-mdx';
-export { readmeComponentsTransformer, readmeToMdx };
+export { readmeComponentsTransformer, rehypeToc, readmeToMdx };
 declare const _default: (() => (tree: any) => void)[];
 export default _default;

package/dist/processor/transform/rehype-toc.d.ts

@@ -0,0 +1,8 @@
+import { Transformer } from 'unified';
+import { Root } from 'hast';
+import { CompiledComponents } from '../../types';
+interface Options {
+    components?: CompiledComponents;
+}
+declare const rehypeToc: ({ components }: Options) => Transformer<Root, Root>;
+export default rehypeToc;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <rafe@readme.io>",
-  "version": "6.75.0-beta.47",
+  "version": "6.75.0-beta.48",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",
@@ -27,29 +27,29 @@
     "@mdx-js/mdx": "^3.0.0",
     "@readme/emojis": "^5.1.0",
     "@readme/syntax-highlighter": "^13.0.0",
+    "@stefanprobst/rehype-extract-toc": "^2.2.0",
     "copy-to-clipboard": "^3.3.2",
     "core-js": "^3.36.1",
     "debug": "^4.3.4",
     "emoji-regex": "^10.2.1",
     "gemoji": "^8.1.0",
     "hast-util-sanitize": "^4.0.0",
+    "hastscript": "^9.0.0",
     "lodash.escape": "^4.0.1",
     "lodash.kebabcase": "^4.1.1",
     "mdast-util-find-and-replace": "^3.0.1",
-    "mdast-util-toc": "^5.1.0",
     "path-browserify": "^1.0.1",
     "process": "^0.11.10",
     "prop-types": "^15.8.1",
-    "rehype-sanitize": "^4.0.0",
+    "rehype-remark": "^10.0.0",
+    "rehype-slug": "^6.0.0",
     "remark": "^15.0.1",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.0",
     "remark-mdx": "^3.0.0",
     "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.0",
-    "remark-stringify": "^11.0.0",
     "trim": "^1.0.1",
-    "unified": "^8.4.0",
+    "unified": "^11.0.4",
     "unist-util-flatmap": "^1.0.0",
     "unist-util-visit": "^5.0.0",
     "util": "^0.12.5"
@@ -82,6 +82,7 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14",
     "@testing-library/user-event": "^14.5.2",
+    "@types/hast": "^3.0.4",
     "@types/jest": "^29.5.12",
     "@types/mdast": "^4.0.3",
     "@types/mdx": "^2.0.12",
@@ -105,6 +106,7 @@
     "prettier": "^3.2.5",
     "puppeteer": "^19.8.3",
     "react-router-dom": "^6.22.3",
+    "remark-slug": "^7.0.1",
     "sass": "^1.77.3",
     "sass-loader": "^13.2.2",
     "semantic-release": "^22.0.12",

package/components/Heading/index.jsx

@@ -1,56 +0,0 @@
-const PropTypes = require('prop-types');
-const React = require('react');
-
-function Heading({ tag, showAnchorIcons, ...props }) {
-  if (!props.children) return '';
-
-  const attrs = {
-    className: `heading heading-${props.level} header-scroll`,
-    align: props.align,
-  };
-
-  const children = [
-    <div key={`heading-anchor-${props.id}`} className="heading-anchor anchor waypoint" id={props.id} />,
-    <div key={`heading-text-${props.id}`} className="heading-text">
-      {props.children}
-    </div>,
-  ];
-
-  if (showAnchorIcons) {
-    const headingText = props.children[1];
-    children.push(
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      <a
-        key={`heading-anchor-icon-${props.id}`}
-        aria-label={`Skip link to ${headingText}`}
-        className="heading-anchor-icon fa fa-anchor"
-        href={`#${props.id}`}
-      />
-    );
-  }
-
-  return React.createElement(tag, attrs, children);
-}
-
-function CreateHeading(level, { showAnchorIcons }) {
-  // eslint-disable-next-line react/display-name
-  return props => <Heading {...props} level={level} showAnchorIcons={showAnchorIcons} tag={`h${level}`} />;
-}
-
-Heading.propTypes = {
-  align: PropTypes.oneOf(['left', 'center', 'right', '']),
-  children: PropTypes.array.isRequired,
-  id: PropTypes.string.isRequired,
-  level: PropTypes.number,
-  showAnchorIcons: PropTypes.bool,
-  tag: PropTypes.string.isRequired,
-};
-
-Heading.defaultProps = {
-  align: '',
-  id: '',
-  level: 2,
-  showAnchorIcons: true,
-};
-
-module.exports = CreateHeading;

package/components/Style.jsx

@@ -1,31 +0,0 @@
-const PropTypes = require('prop-types');
-const React = require('react');
-
-const Style = ({ children, safeMode }) => {
-  return safeMode ? (
-    <pre>
-      <code>{`<style>\n${children}\n</style>`}</code>
-    </pre>
-  ) : (
-    <style>{children}</style>
-  );
-};
-
-Style.propTypes = {
-  children: PropTypes.node,
-  safeMode: PropTypes.bool,
-};
-
-const CreateStyle =
-  ({ safeMode }) =>
-  // eslint-disable-next-line react/display-name
-  props =>
-    <Style {...props} safeMode={safeMode} />;
-
-CreateStyle.sanitize = sanitize => {
-  sanitize.tagNames.push('style');
-
-  return sanitize;
-};
-
-module.exports = CreateStyle;