fix(form): support patch symbols for PT-input PTE patches

sanity-io · Sep 23, 2022 · f120f6d · f120f6d
1 parent d9546db
commit f120f6d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/packages/sanity/src/form/inputs/PortableText/PortableTextInput.tsx b/packages/sanity/src/form/inputs/PortableText/PortableTextInput.tsx
@@ -9,6 +9,7 @@ import {
   HotkeyOptions,
   InvalidValue,
   EditorSelection,
+  Patch,
 } from '@sanity/portable-text-editor'
 import React, {
   useEffect,
@@ -23,7 +24,7 @@ import {Subject} from 'rxjs'
 import {Box, useToast} from '@sanity/ui'
 import scrollIntoView from 'scroll-into-view-if-needed'
 import {debounce} from 'lodash'
-import {FormPatch as FormBuilderPatch} from '../../patch'
+import {FormPatch, SANITY_PATCH_TYPE} from '../../patch'
 import {ArrayOfObjectsItemMember, ObjectFormNode} from '../../store'
 import type {
   ArrayOfObjectsInputProps,
@@ -265,7 +266,7 @@ export function PortableTextInput(props: PortableTextInputProps) {
     (change: EditorChange): void => {
       switch (change.type) {
         case 'mutation':
-          onChange(change.patches as FormBuilderPatch[])
+          onChange(toFormPatches(change.patches))
           break
         case 'selection':
           setFocusPathDebounced(change.selection)
@@ -278,7 +279,7 @@ export function PortableTextInput(props: PortableTextInputProps) {
           break
         case 'undo':
         case 'redo':
-          onChange(change.patches as FormBuilderPatch[])
+          onChange(toFormPatches(change.patches))
           break
         case 'invalidValue':
           setInvalidValue(change)
@@ -379,3 +380,7 @@ export function PortableTextInput(props: PortableTextInputProps) {
     </Box>
   )
 }
+
+function toFormPatches(patches: any) {
+  return patches.map((p: Patch) => ({...p, patchType: SANITY_PATCH_TYPE})) as FormPatch[]
+}
diff --git a/packages/sanity/src/form/patch/patch.ts b/packages/sanity/src/form/patch/patch.ts
@@ -7,6 +7,7 @@ import type {
   FormUnsetPatch,
   FormIncPatch,
   FormDecPatch,
+  FormDiffMatchPatch,
 } from './types'
 
 export const SANITY_PATCH_TYPE = Symbol.for('sanity.patch')
@@ -42,6 +43,10 @@ export function unset(path: Path = []): FormUnsetPatch {
   return {patchType: SANITY_PATCH_TYPE, type: 'unset', path}
 }
 
+export function diffMatchPatch(value: string, path: Path = []): FormDiffMatchPatch {
+  return {patchType: SANITY_PATCH_TYPE, type: 'diffMatchPatch', path, value}
+}
+
 export function inc(amount = 1, path: Path = []): FormIncPatch {
   return {patchType: SANITY_PATCH_TYPE, type: 'inc', path, value: amount}
 }

diff --git a/packages/sanity/src/form/utils/mutationPatch.ts b/packages/sanity/src/form/utils/mutationPatch.ts
@@ -80,7 +80,7 @@ function toFormBuilderPatches(origin: FormPatchOrigin, patch: MutationPatch): Fo
             }
             if (type === 'diffMatchPatch') {
               return {
-                type: 'diffMatchPatch',
+                type,
                 path: decodePath(gradientPath),
                 value: patch[type][gradientPath],
                 origin,