[desk-tool] Adjust FormBuilder to use patchChannel

sanity-io · Aug 31, 2017 · 40fe45c · 40fe45c
1 parent 4386525
commit 40fe45c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/packages/@sanity/desk-tool/src/pane/Editor.js b/packages/@sanity/desk-tool/src/pane/Editor.js
@@ -117,6 +117,7 @@ function getToggleKeyState(event) {
 
 export default withRouterHOC(class Editor extends React.PureComponent {
   static propTypes = {
+    patchChannel: PropTypes.object,
     draft: PropTypes.object,
     published: PropTypes.object,
     type: PropTypes.object.isRequired,
@@ -337,7 +338,8 @@ export default withRouterHOC(class Editor extends React.PureComponent {
       isLoading,
       isPublishing,
       isUnpublishing,
-      isCreatingDraft
+      isCreatingDraft,
+      patchChannel
     } = this.props
 
     const {
@@ -411,6 +413,7 @@ export default withRouterHOC(class Editor extends React.PureComponent {
           </div>
           <form className={styles.editor} onSubmit={preventDefault} id="Sanity_Default_DeskTool_Editor_ScrollContainer">
             <FormBuilder
+              patchChannel={patchChannel}
               value={draft || published || {_type: type.name}}
               type={type}
               onChange={this.handleChange}

diff --git a/packages/@sanity/desk-tool/src/pane/EditorWrapper.js b/packages/@sanity/desk-tool/src/pane/EditorWrapper.js
@@ -67,6 +67,7 @@ export default class EditorPane extends React.Component {
   }
 
   state = INITIAL_STATE
+  patchChannel = FormBuilder.createPatchChannel()
 
   setup(documentId) {
     this.dispose()
@@ -100,7 +101,7 @@ export default class EditorPane extends React.Component {
     }
     // Broadcast incoming patches to input components that applies patches on their own
     // Note: This is *experimental*
-    FormBuilder.receivePatches({
+    this.patchChannel.receivePatches({
       patches: event.patches,
       snapshot: event.document
     })
@@ -257,6 +258,7 @@ export default class EditorPane extends React.Component {
 
     return (
       <Editor
+        patchChannel={this.patchChannel}
         type={schema.get(typeName)}
         published={published.snapshot}
         draft={draft.snapshot}

diff --git a/packages/@sanity/form-builder/src/sanity/SanityFormBuilder.js b/packages/@sanity/form-builder/src/sanity/SanityFormBuilder.js
@@ -25,7 +25,8 @@ export default function SanityFormBuilder(props) {
       resolvePreviewComponent={SanityPreview}
       resolveValidationComponent={ValidationList}
     />)
-
 }
 
+SanityFormBuilder.createPatchChannel = FormBuilder.createPatchChannel
+
 export {inputResolver, defaultConfig}