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

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/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.31",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",
@@ -86,7 +86,7 @@
     "@types/mdast": "^4.0.3",
     "@types/mdx": "^2.0.12",
     "@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",

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;