rme 0.1.0-beta.7 → 0.1.0

package/dist/index.d.ts

@@ -16,6 +16,17 @@ import { LanguageSupport, LanguageDescription } from '@codemirror/language';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 
+interface ErrorBoundaryProps {
+    hasError?: boolean;
+    error?: unknown;
+    fallback?: react__default.ComponentType<{
+        error: Error;
+    }>;
+    onError?: (params: {
+        error: Error;
+    }) => void;
+}
+
 declare const Editor: react.MemoExoticComponent<react.ForwardRefExoticComponent<EditorProps & react.RefAttributes<EditorRef>>>;
 type EditorChangeEventParams = RemirrorEventListenerProps<Extension>;
 type EditorChangeHandler = (params: EditorChangeEventParams) => void;
@@ -50,6 +61,7 @@ interface EditorProps {
     markdownToolBar?: React.ReactNode[];
     wysiwygToolBar?: React.ReactNode[];
     onContextMounted?: (context: EditorContext) => void;
+    errorHandler?: Pick<ErrorBoundaryProps, 'onError' | 'fallback'>;
 }
 
 type StringToDoc = (content: string) => Node;

package/dist/index.mjs

@@ -6543,9 +6543,7 @@ import { setBlockType } from "@remirror/pm/commands";
 var LineHeadingExtension = class extends HeadingExtension {
   createNodeSpec(extra, override) {
     return {
-      ...super.createNodeSpec(extra, override),
-      content: "text*"
-      // Disallow hard breaks in headings
+      ...super.createNodeSpec(extra, override)
     };
   }
   createKeymap() {
@@ -7077,7 +7075,6 @@ var WysiwygThemeWrapper = styled.div.attrs((p) => ({
       Consolas,
       Liberation Mono,
       monospace;
-    line-height: 10px;
     color: ${(props) => props.theme.kbdFontColor};
     vertical-align: middle;
     background-color: ${(props) => props.theme.kbdBgColor};
@@ -7711,10 +7708,12 @@ var WysiwygThemeWrapper = styled.div.attrs((p) => ({
     max-width: 400px;
     border-radius: 0.2em;
     background-color: ${(props) => props.theme.bgColor};
+    line-height: normal;
     z-index: 1;
   }
 
   .inline-html-render {
+    line-height: normal;
   }
 
   .html-node {
@@ -8504,26 +8503,31 @@ import React2 from "react";
 import styled5 from "styled-components";
 import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var Title = styled5.h1`
-    color: ${({ theme }) => theme.dangerColor};
+  color: ${({ theme }) => theme.dangerColor};
 `;
+var DefaultFallback = (props) => /* @__PURE__ */ jsxs2(Fragment4, { children: [
+  /* @__PURE__ */ jsx5(Title, { children: "Sorry, something went wrong!" }),
+  /* @__PURE__ */ jsx5("p", { children: String(props.error) })
+] });
 var ErrorBoundary = class extends React2.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: this.props.hasError ?? false };
   }
-  static getDerivedStateFromError() {
-    return { hasError: true };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
   }
   componentDidCatch(error, errorInfo) {
     console.error("[ErrorBoundary]", error, errorInfo);
   }
   render() {
+    const Fallback = this.props.fallback ?? DefaultFallback;
     if (this.state.hasError) {
-      console.error(this.props.error);
-      return /* @__PURE__ */ jsxs2(Fragment4, { children: [
-        /* @__PURE__ */ jsx5(Title, { "data-testid": "editor_error", children: "Sorry, something went wrong!" }),
-        /* @__PURE__ */ jsx5("p", { children: String(this.props.error) })
-      ] });
+      const error = this.props.error;
+      this.props.onError?.({
+        error
+      });
+      return /* @__PURE__ */ jsx5(Fallback, { error });
     }
     return this.props.children;
   }
@@ -9324,9 +9328,9 @@ var WysiwygEditor = (props) => {
   try {
     initialContent = editorDelegate.stringToDoc(content);
   } catch (error) {
-    return /* @__PURE__ */ jsx10(ErrorBoundary_default, { hasError: true, error });
+    return /* @__PURE__ */ jsx10(ErrorBoundary_default, { hasError: true, error, ...props.errorHandler || {} });
   }
-  return /* @__PURE__ */ jsx10(ErrorBoundary_default, { children: /* @__PURE__ */ jsx10(WysiwygThemeWrapper, { ...styleToken, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx10(ErrorBoundary_default, { ...props.errorHandler || {}, children: /* @__PURE__ */ jsx10(WysiwygThemeWrapper, { ...styleToken, children: /* @__PURE__ */ jsxs5(
     Remirror,
     {
       manager: editorDelegate.manager,
@@ -19557,9 +19561,9 @@ var SourceCodeEditorCore = memo7(
     try {
       initialCntent = markText.stringToDoc(content);
     } catch (error) {
-      return /* @__PURE__ */ jsx19(ErrorBoundary_default, { hasError: true, error });
+      return /* @__PURE__ */ jsx19(ErrorBoundary_default, { hasError: true, error, ...props.errorHandler || {} });
     }
-    return /* @__PURE__ */ jsx19(ErrorBoundary_default, { children: /* @__PURE__ */ jsx19(SourceCodeThemeWrapper, { ...styleToken, children: /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsx19(ErrorBoundary_default, { ...props.errorHandler || {}, children: /* @__PURE__ */ jsx19(SourceCodeThemeWrapper, { ...styleToken, children: /* @__PURE__ */ jsxs7(
       Remirror2,
       {
         manager: markText.manager,
@@ -19608,7 +19612,8 @@ var SourceEditor = (props) => {
         {
           styleToken,
           markdownToolBar,
-          onChange: handleChange
+          onChange: handleChange,
+          errorHandler: props.errorHandler
         }
       )
     }