@portabletext/editor 1.5.2 → 1.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",

package/src/editor/define-schema.ts

@@ -3,8 +3,10 @@ import {
   defineField,
   defineType,
   type BlockDecoratorDefinition,
+  type ObjectSchemaType,
 } from '@sanity/types'
 import startCase from 'lodash.startcase'
+import type {PortableTextMemberSchemaTypes} from '../types/editor'
 import {getPortableTextMemberSchemaTypes} from '../utils/getPortableTextMemberSchemaTypes'
 
 /**
@@ -46,7 +48,9 @@ export function compileSchemaDefinition<
     definition?.blockObjects?.map((blockObject) =>
       defineType({
         type: 'object',
-        name: blockObject.name,
+        // Very naive way to work around `SanitySchema.compile` adding default
+        // fields to objects with the name `image`
+        name: blockObject.name === 'image' ? 'tmp-image' : blockObject.name,
         title: blockObject.title,
         icon: blockObject.icon,
         fields: [],
@@ -107,5 +111,21 @@ export function compileSchemaDefinition<
     types: [portableTextSchema, ...blockObjects, ...inlineObjects],
   }).get('portable-text')
 
-  return getPortableTextMemberSchemaTypes(schema)
+  const pteSchema = getPortableTextMemberSchemaTypes(schema)
+
+  return {
+    ...pteSchema,
+    blockObjects: pteSchema.blockObjects.map((blockObject) =>
+      blockObject.name === 'tmp-image'
+        ? ({
+            ...blockObject,
+            name: 'image',
+            type: {
+              ...blockObject.type,
+              name: 'image',
+            },
+          } as ObjectSchemaType)
+        : blockObject,
+    ),
+  } satisfies PortableTextMemberSchemaTypes
 }

package/src/editor/plugins/createWithPortableTextMarkModel.ts

@@ -411,6 +411,24 @@ export function createWithPortableTextMarkModel(
             })
             return
           }
+
+          const nextSpanDecorators =
+            nextSpan?.marks?.filter((mark) => decorators.includes(mark)) ?? []
+          const decoratorStarting = nextSpanDecorators.length > 0
+
+          if (
+            decoratorStarting &&
+            atTheEndOfAnnotation &&
+            !atTheStartOfAnnotation &&
+            isPortableTextSpan(op.node) &&
+            op.node.marks?.length === 0
+          ) {
+            Transforms.insertNodes(editor, {
+              ...op.node,
+              marks: nextSpanDecorators,
+            })
+            return
+          }
         }
       }