@readme/markdown 6.75.0-beta.30 → 6.75.0-beta.32

package/dist/processor/compile/html-block.d.ts

@@ -0,0 +1,3 @@
+import { HTMLBlock } from '../../types';
+declare const htmlBlock: (node: HTMLBlock) => string;
+export default htmlBlock;

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

@@ -1,2 +1,4 @@
+import readmeComponentsTransformer from './readme-components';
+export { readmeComponentsTransformer };
 declare const _default: (() => (tree: any) => void)[];
 export default _default;

package/dist/processor/transform/readme-components.d.ts

@@ -0,0 +1,6 @@
+import { Transform } from 'mdast-util-from-markdown';
+interface Options {
+    components: Record<string, string>;
+}
+declare const readmeComponents: (opts: Options) => () => Transform;
+export default readmeComponents;

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.30",
+  "version": "6.75.0-beta.32",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",
@@ -51,7 +51,7 @@
     "trim": "^1.0.1",
     "unified": "^8.4.0",
     "unist-util-flatmap": "^1.0.0",
-    "unist-util-visit": "^4.1.1",
+    "unist-util-visit": "^5.0.0",
     "util": "^0.12.5"
   },
   "peerDependencies": {
@@ -85,8 +85,9 @@
     "@types/jest": "^29.5.12",
     "@types/mdast": "^4.0.3",
     "@types/mdx": "^2.0.12",
+    "@types/unist": "^3.0.2",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/ui": "^1.5.0",
+    "@vitest/ui": "^1.6.0",
     "babel-jest": "^29.5.0",
     "babel-loader": "^9.1.2",
     "browserify-fs": "^1.0.0",
@@ -111,6 +112,7 @@
     "terser-webpack-plugin": "^5.3.7",
     "ts-loader": "^9.4.2",
     "typescript": "^5.4.5",
+    "unist-util-map": "^4.0.0",
     "vitest": "^1.4.0",
     "webpack": "^5.56.0",
     "webpack-cli": "^5.0.1",

package/components/HTMLBlock/index.jsx

@@ -1,69 +0,0 @@
-/* eslint-disable no-eval
- */
-const escape = require('lodash.escape');
-const PropTypes = require('prop-types');
-const React = require('react');
-
-const MATCH_SCRIPT_TAGS = /<script\b[^>]*>([\s\S]*?)<\/script *>\n?/gim;
-
-const extractScripts = (html = '') => {
-  const scripts = [];
-  let match;
-  while ((match = MATCH_SCRIPT_TAGS.exec(html)) !== null) {
-    scripts.push(match[1]);
-  }
-  const cleaned = html.replace(MATCH_SCRIPT_TAGS, '');
-  return [cleaned, () => scripts.map(js => window.eval(js))];
-};
-
-class HTMLBlock extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    [this.html, this.exec] = extractScripts(this.props.html);
-  }
-
-  componentDidMount() {
-    const { runScripts } = this.props;
-    if (typeof window !== 'undefined' && (runScripts === '' || runScripts)) this.exec();
-  }
-
-  render() {
-    const { html, safeMode } = this.props;
-
-    if (safeMode) {
-      return (
-        <pre className="html-unsafe">
-          <code dangerouslySetInnerHTML={{ __html: escape(html) }} />
-        </pre>
-      );
-    }
-
-    return <div className="rdmd-html" dangerouslySetInnerHTML={{ __html: this.html }} />;
-  }
-}
-
-HTMLBlock.defaultProps = {
-  runScripts: false,
-  safeMode: false,
-};
-
-HTMLBlock.propTypes = {
-  html: PropTypes.string,
-  runScripts: PropTypes.any,
-  safeMode: PropTypes.bool,
-};
-
-const CreateHtmlBlock =
-  ({ safeMode }) =>
-  // eslint-disable-next-line react/display-name
-  props =>
-    <HTMLBlock {...props} safeMode={safeMode} />;
-
-CreateHtmlBlock.sanitize = schema => {
-  schema.tagNames.push('html-block');
-  schema.attributes['html-block'] = ['html', 'runScripts'];
-
-  return schema;
-};
-
-module.exports = CreateHtmlBlock;