More tests!

demo/main.tsx

@@ -1,7 +1,8 @@
 import { baseKeymap, toggleMark } from "prosemirror-commands";
 import { keymap } from "prosemirror-keymap";
 import { Schema } from "prosemirror-model";
-import { EditorState, Plugin } from "prosemirror-state";
+import { EditorState, Plugin, TextSelection } from "prosemirror-state";
+import { a, doc, p, strong } from "prosemirror-test-builder";
 import { Decoration, DecorationSet } from "prosemirror-view";
 import "prosemirror-view/style/prosemirror.css";
 import React, {
@@ -84,6 +85,13 @@ const editorState = EditorState.create({
   plugins: [keymap(baseKeymap)],
 });
 
+// const startDoc = doc(p(strong(a("foo<a>"), "bar")));
+
+// const editorState = EditorState.create({
+//   doc: startDoc,
+//   selection: TextSelection.create(startDoc, startDoc.tag.a),
+// });
+
 const Paragraph = forwardRef(function Paragraph(
   {
     children,
@@ -97,6 +105,7 @@ const Paragraph = forwardRef(function Paragraph(
   ref: Ref<HTMLParagraphElement>
 ) {
   useView((view) => {
+    view.focus();
     // eslint-disable-next-line no-console
     // console.log(pos, view.coordsAtPos(pos));
   });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nytimes/react-prosemirror",
-  "version": "0.2.3",
+  "version": "0.3.0-alpha.4",
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/cjs/index.js",
@@ -39,6 +39,7 @@
     "test": "jest"
   },
   "devDependencies": {
+    "@jest/globals": "^29.6.2",
     "@swc/cli": "^0.1.61",
     "@swc/core": "^1.3.32",
     "@swc/jest": "^0.2.24",
@@ -60,6 +61,7 @@
     "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "expect": "^29.6.2",
     "husky": "^8.0.3",
     "jest": "^29.0.0",
     "jest-environment-jsdom": "^29.4.1",

src/components/OutputSpec.tsx

@@ -6,7 +6,7 @@ type Props = {
   children: ReactNode;
 };
 
-export const OutputSpec = forwardRef(function OutputSpec(
+const ForwardedOutputSpec = forwardRef(function OutputSpec(
   { outputSpec, children, ...initialProps }: Props,
   ref
 ) {
@@ -19,6 +19,7 @@ export const OutputSpec = forwardRef(function OutputSpec(
       "@nytimes/react-prosemirror only supports strings and arrays in toDOM"
     );
   }
+
   const tagSpec = outputSpec[0] as string;
   const tagName = tagSpec.replace(" ", ":");
   const attrs = outputSpec[1];
@@ -49,7 +50,13 @@ export const OutputSpec = forwardRef(function OutputSpec(
       }
       return createElement(tagName, props, children);
     }
-    content.push(<OutputSpec outputSpec={child}>{children}</OutputSpec>);
+    content.push(
+      <ForwardedOutputSpec ref={undefined} outputSpec={child}>
+        {children}
+      </ForwardedOutputSpec>
+    );
   }
   return createElement(tagName, props, ...content);
 });
+
+export { ForwardedOutputSpec as OutputSpec };