@portabletext/editor 1.50.8 → 1.51.0

package/lib/utils/index.js

@@ -1,14 +1,25 @@
-import { sliceBlocks, isSpan } from "../_chunks-es/util.slice-blocks.js";
-import { blockOffsetToSpanSelectionPoint, getBlockStartPoint, getTextBlockText, isKeyedSegment, reverseSelection, spanSelectionPointToBlockOffset } from "../_chunks-es/util.slice-blocks.js";
+import { sliceBlocks, isSpan } from "../_chunks-es/selection-point.js";
+import { blockOffsetToSpanSelectionPoint, getBlockStartPoint, getSelectionEndPoint, getSelectionStartPoint, getTextBlockText, isKeyedSegment, spanSelectionPointToBlockOffset } from "../_chunks-es/selection-point.js";
 import { blockOffsetToBlockSelectionPoint, blockOffsetToSelectionPoint, blockOffsetsToSelection, childSelectionPointToBlockOffset } from "../_chunks-es/util.child-selection-point-to-block-offset.js";
 import { isEqualSelectionPoints } from "../_chunks-es/util.is-equal-selection-points.js";
 import { getBlockEndPoint, isEmptyTextBlock } from "../_chunks-es/util.is-equal-selection-points.js";
-import { getSelectionEndPoint, getSelectionStartPoint, isSelectionCollapsed, selectionPointToBlockOffset } from "../_chunks-es/util.selection-point-to-block-offset.js";
+import { isSelectionCollapsed, selectionPointToBlockOffset } from "../_chunks-es/util.selection-point-to-block-offset.js";
 import { isTextBlock } from "../_chunks-es/util.merge-text-blocks.js";
 import { mergeTextBlocks } from "../_chunks-es/util.merge-text-blocks.js";
 function isEqualSelections(a, b) {
   return !a && !b ? !0 : !a || !b ? !1 : isEqualSelectionPoints(a.anchor, b.anchor) && isEqualSelectionPoints(a.focus, b.focus);
 }
+function reverseSelection(selection) {
+  return selection && (selection.backward ? {
+    anchor: selection.focus,
+    focus: selection.anchor,
+    backward: !1
+  } : {
+    anchor: selection.focus,
+    focus: selection.anchor,
+    backward: !0
+  });
+}
 function splitTextBlock({
   context,
   block,

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/util.is-equal-selections.ts","../../src/utils/util.split-text-block.ts"],"sourcesContent":["import type {EditorSelection} from '../types/editor'\nimport {isEqualSelectionPoints} from './util.is-equal-selection-points'\n\n/**\n * @public\n */\nexport function isEqualSelections(a: EditorSelection, b: EditorSelection) {\n  if (!a && !b) {\n    return true\n  }\n\n  if (!a || !b) {\n    return false\n  }\n\n  return (\n    isEqualSelectionPoints(a.anchor, b.anchor) &&\n    isEqualSelectionPoints(a.focus, b.focus)\n  )\n}\n","import type {PortableTextTextBlock} from '@sanity/types'\nimport type {EditorSelectionPoint} from '..'\nimport type {EditorContext} from '../editor/editor-snapshot'\nimport {isSpan} from './util.is-span'\nimport {isTextBlock} from './util.is-text-block'\nimport {sliceBlocks} from './util.slice-blocks'\n\n/**\n * @beta\n */\nexport function splitTextBlock({\n  context,\n  block,\n  point,\n}: {\n  context: Pick<EditorContext, 'schema'>\n  block: PortableTextTextBlock\n  point: EditorSelectionPoint\n}): {before: PortableTextTextBlock; after: PortableTextTextBlock} | undefined {\n  const firstChild = block.children.at(0)\n  const lastChild = block.children.at(block.children.length - 1)\n\n  if (!firstChild || !lastChild) {\n    return undefined\n  }\n\n  const before = sliceBlocks({\n    context: {\n      schema: context.schema,\n      selection: {\n        anchor: {\n          path: [{_key: block._key}, 'children', {_key: firstChild._key}],\n          offset: 0,\n        },\n        focus: point,\n      },\n    },\n    blocks: [block],\n  }).at(0)\n  const after = sliceBlocks({\n    context: {\n      schema: context.schema,\n      selection: {\n        anchor: point,\n        focus: {\n          path: [{_key: block._key}, 'children', {_key: lastChild._key}],\n          offset: isSpan(context, lastChild) ? lastChild.text.length : 0,\n        },\n      },\n    },\n    blocks: [block],\n  }).at(0)\n\n  if (!before || !after) {\n    return undefined\n  }\n\n  if (!isTextBlock(context, before) || !isTextBlock(context, after)) {\n    return undefined\n  }\n\n  return {before, after}\n}\n"],"names":["isEqualSelections","a","b","isEqualSelectionPoints","anchor","focus","splitTextBlock","context","block","point","firstChild","children","at","lastChild","length","before","sliceBlocks","schema","selection","path","_key","offset","blocks","after","isSpan","text","isTextBlock"],"mappings":";;;;;;;;AAMgBA,SAAAA,kBAAkBC,GAAoBC,GAAoB;AACpE,SAAA,CAACD,KAAK,CAACC,IACF,KAGL,CAACD,KAAK,CAACC,IACF,KAIPC,uBAAuBF,EAAEG,QAAQF,EAAEE,MAAM,KACzCD,uBAAuBF,EAAEI,OAAOH,EAAEG,KAAK;AAE3C;ACTO,SAASC,eAAe;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAKF,GAA8E;AAC5E,QAAMC,aAAaF,MAAMG,SAASC,GAAG,CAAC,GAChCC,YAAYL,MAAMG,SAASC,GAAGJ,MAAMG,SAASG,SAAS,CAAC;AAEzD,MAAA,CAACJ,cAAc,CAACG;AAClB;AAGF,QAAME,SAASC,YAAY;AAAA,IACzBT,SAAS;AAAA,MACPU,QAAQV,QAAQU;AAAAA,MAChBC,WAAW;AAAA,QACTd,QAAQ;AAAA,UACNe,MAAM,CAAC;AAAA,YAACC,MAAMZ,MAAMY;AAAAA,aAAO,YAAY;AAAA,YAACA,MAAMV,WAAWU;AAAAA,UAAAA,CAAK;AAAA,UAC9DC,QAAQ;AAAA,QACV;AAAA,QACAhB,OAAOI;AAAAA,MAAAA;AAAAA,IAEX;AAAA,IACAa,QAAQ,CAACd,KAAK;AAAA,EACf,CAAA,EAAEI,GAAG,CAAC,GACDW,QAAQP,YAAY;AAAA,IACxBT,SAAS;AAAA,MACPU,QAAQV,QAAQU;AAAAA,MAChBC,WAAW;AAAA,QACTd,QAAQK;AAAAA,QACRJ,OAAO;AAAA,UACLc,MAAM,CAAC;AAAA,YAACC,MAAMZ,MAAMY;AAAAA,aAAO,YAAY;AAAA,YAACA,MAAMP,UAAUO;AAAAA,UAAAA,CAAK;AAAA,UAC7DC,QAAQG,OAAOjB,SAASM,SAAS,IAAIA,UAAUY,KAAKX,SAAS;AAAA,QAAA;AAAA,MAC/D;AAAA,IAEJ;AAAA,IACAQ,QAAQ,CAACd,KAAK;AAAA,EAAA,CACf,EAAEI,GAAG,CAAC;AAEP,MAAI,EAACG,CAAAA,UAAU,CAACQ,UAIZ,EAACG,CAAAA,YAAYnB,SAASQ,MAAM,KAAK,CAACW,YAAYnB,SAASgB,KAAK;AAIzD,WAAA;AAAA,MAACR;AAAAA,MAAQQ;AAAAA,IAAK;AACvB;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/util.is-equal-selections.ts","../../src/utils/util.reverse-selection.ts","../../src/utils/util.split-text-block.ts"],"sourcesContent":["import type {EditorSelection} from '../types/editor'\nimport {isEqualSelectionPoints} from './util.is-equal-selection-points'\n\n/**\n * @public\n */\nexport function isEqualSelections(a: EditorSelection, b: EditorSelection) {\n  if (!a && !b) {\n    return true\n  }\n\n  if (!a || !b) {\n    return false\n  }\n\n  return (\n    isEqualSelectionPoints(a.anchor, b.anchor) &&\n    isEqualSelectionPoints(a.focus, b.focus)\n  )\n}\n","import type {EditorSelection} from '../types/editor'\n\n/**\n * @public\n */\nexport function reverseSelection<\n  TEditorSelection extends NonNullable<EditorSelection> | null,\n>(selection: TEditorSelection): TEditorSelection {\n  if (!selection) {\n    return selection\n  }\n\n  if (selection.backward) {\n    return {\n      anchor: selection.focus,\n      focus: selection.anchor,\n      backward: false,\n    } as TEditorSelection\n  }\n\n  return {\n    anchor: selection.focus,\n    focus: selection.anchor,\n    backward: true,\n  } as TEditorSelection\n}\n","import type {PortableTextTextBlock} from '@sanity/types'\nimport type {EditorSelectionPoint} from '..'\nimport type {EditorContext} from '../editor/editor-snapshot'\nimport {isSpan} from './util.is-span'\nimport {isTextBlock} from './util.is-text-block'\nimport {sliceBlocks} from './util.slice-blocks'\n\n/**\n * @beta\n */\nexport function splitTextBlock({\n  context,\n  block,\n  point,\n}: {\n  context: Pick<EditorContext, 'schema'>\n  block: PortableTextTextBlock\n  point: EditorSelectionPoint\n}): {before: PortableTextTextBlock; after: PortableTextTextBlock} | undefined {\n  const firstChild = block.children.at(0)\n  const lastChild = block.children.at(block.children.length - 1)\n\n  if (!firstChild || !lastChild) {\n    return undefined\n  }\n\n  const before = sliceBlocks({\n    context: {\n      schema: context.schema,\n      selection: {\n        anchor: {\n          path: [{_key: block._key}, 'children', {_key: firstChild._key}],\n          offset: 0,\n        },\n        focus: point,\n      },\n    },\n    blocks: [block],\n  }).at(0)\n  const after = sliceBlocks({\n    context: {\n      schema: context.schema,\n      selection: {\n        anchor: point,\n        focus: {\n          path: [{_key: block._key}, 'children', {_key: lastChild._key}],\n          offset: isSpan(context, lastChild) ? lastChild.text.length : 0,\n        },\n      },\n    },\n    blocks: [block],\n  }).at(0)\n\n  if (!before || !after) {\n    return undefined\n  }\n\n  if (!isTextBlock(context, before) || !isTextBlock(context, after)) {\n    return undefined\n  }\n\n  return {before, after}\n}\n"],"names":["isEqualSelections","a","b","isEqualSelectionPoints","anchor","focus","reverseSelection","selection","backward","splitTextBlock","context","block","point","firstChild","children","at","lastChild","length","before","sliceBlocks","schema","path","_key","offset","blocks","after","isSpan","text","isTextBlock"],"mappings":";;;;;;;;AAMgBA,SAAAA,kBAAkBC,GAAoBC,GAAoB;AACpE,SAAA,CAACD,KAAK,CAACC,IACF,KAGL,CAACD,KAAK,CAACC,IACF,KAIPC,uBAAuBF,EAAEG,QAAQF,EAAEE,MAAM,KACzCD,uBAAuBF,EAAEI,OAAOH,EAAEG,KAAK;AAE3C;ACdO,SAASC,iBAEdC,WAA+C;AAC1CA,SAAAA,cAIDA,UAAUC,WACL;AAAA,IACLJ,QAAQG,UAAUF;AAAAA,IAClBA,OAAOE,UAAUH;AAAAA,IACjBI,UAAU;AAAA,EAAA,IAIP;AAAA,IACLJ,QAAQG,UAAUF;AAAAA,IAClBA,OAAOE,UAAUH;AAAAA,IACjBI,UAAU;AAAA,EAAA;AAEd;ACfO,SAASC,eAAe;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAKF,GAA8E;AAC5E,QAAMC,aAAaF,MAAMG,SAASC,GAAG,CAAC,GAChCC,YAAYL,MAAMG,SAASC,GAAGJ,MAAMG,SAASG,SAAS,CAAC;AAEzD,MAAA,CAACJ,cAAc,CAACG;AAClB;AAGF,QAAME,SAASC,YAAY;AAAA,IACzBT,SAAS;AAAA,MACPU,QAAQV,QAAQU;AAAAA,MAChBb,WAAW;AAAA,QACTH,QAAQ;AAAA,UACNiB,MAAM,CAAC;AAAA,YAACC,MAAMX,MAAMW;AAAAA,aAAO,YAAY;AAAA,YAACA,MAAMT,WAAWS;AAAAA,UAAAA,CAAK;AAAA,UAC9DC,QAAQ;AAAA,QACV;AAAA,QACAlB,OAAOO;AAAAA,MAAAA;AAAAA,IAEX;AAAA,IACAY,QAAQ,CAACb,KAAK;AAAA,EACf,CAAA,EAAEI,GAAG,CAAC,GACDU,QAAQN,YAAY;AAAA,IACxBT,SAAS;AAAA,MACPU,QAAQV,QAAQU;AAAAA,MAChBb,WAAW;AAAA,QACTH,QAAQQ;AAAAA,QACRP,OAAO;AAAA,UACLgB,MAAM,CAAC;AAAA,YAACC,MAAMX,MAAMW;AAAAA,aAAO,YAAY;AAAA,YAACA,MAAMN,UAAUM;AAAAA,UAAAA,CAAK;AAAA,UAC7DC,QAAQG,OAAOhB,SAASM,SAAS,IAAIA,UAAUW,KAAKV,SAAS;AAAA,QAAA;AAAA,MAC/D;AAAA,IAEJ;AAAA,IACAO,QAAQ,CAACb,KAAK;AAAA,EAAA,CACf,EAAEI,GAAG,CAAC;AAEP,MAAI,EAACG,CAAAA,UAAU,CAACO,UAIZ,EAACG,CAAAA,YAAYlB,SAASQ,MAAM,KAAK,CAACU,YAAYlB,SAASe,KAAK;AAIzD,WAAA;AAAA,MAACP;AAAAA,MAAQO;AAAAA,IAAK;AACvB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.50.8",
+  "version": "1.51.0",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -68,27 +68,27 @@
   ],
   "dependencies": {
     "@portabletext/to-html": "^2.0.14",
-    "@xstate/react": "^5.0.4",
+    "@xstate/react": "^5.0.5",
     "debug": "^4.4.1",
     "get-random-values-esm": "^1.0.2",
     "immer": "^10.1.1",
     "lodash": "^4.17.21",
     "lodash.startcase": "^4.4.0",
     "react-compiler-runtime": "19.1.0-rc.1",
-    "slate": "0.114.0",
+    "slate": "0.115.1",
     "slate-dom": "^0.114.0",
     "slate-react": "0.114.2",
-    "use-effect-event": "^1.0.2",
-    "xstate": "^5.19.3",
+    "use-effect-event": "^2.0.0",
+    "xstate": "^5.19.4",
     "@portabletext/patches": "1.1.4",
-    "@portabletext/block-tools": "1.1.28"
+    "@portabletext/block-tools": "1.1.29"
   },
   "devDependencies": {
     "@portabletext/toolkit": "^2.0.17",
     "@sanity/diff-match-patch": "^3.2.0",
     "@sanity/pkg-utils": "^7.2.3",
-    "@sanity/schema": "^3.90.0",
-    "@sanity/types": "^3.90.0",
+    "@sanity/schema": "^3.91.0",
+    "@sanity/types": "^3.91.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/debug": "^4.1.12",
@@ -99,8 +99,8 @@
     "@typescript-eslint/eslint-plugin": "^8.33.0",
     "@typescript-eslint/parser": "^8.33.0",
     "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/browser": "^3.1.4",
-    "@vitest/coverage-istanbul": "^3.1.4",
+    "@vitest/browser": "^3.2.1",
+    "@vitest/coverage-istanbul": "^3.2.1",
     "babel-plugin-react-compiler": "19.1.0-rc.1",
     "eslint": "8.57.1",
     "eslint-plugin-react-hooks": "0.0.0-experimental-f9ae0a4c-20250527",
@@ -110,13 +110,13 @@
     "rxjs": "^7.8.2",
     "typescript": "5.8.3",
     "vite": "^6.2.5",
-    "vitest": "^3.1.4",
+    "vitest": "^3.2.1",
     "vitest-browser-react": "^0.2.0",
     "racejar": "1.2.5"
   },
   "peerDependencies": {
-    "@sanity/schema": "^3.90.0",
-    "@sanity/types": "^3.90.0",
+    "@sanity/schema": "^3.91.0",
+    "@sanity/types": "^3.91.0",
     "react": "^16.9 || ^17 || ^18 || ^19",
     "rxjs": "^7.8.2"
   },

package/src/behaviors/behavior.abstract.delete.ts

@@ -80,7 +80,6 @@ export const abstractDeleteBehaviors = [
         beta: {
           activeAnnotations: [],
           activeDecorators: [],
-          hasTag: () => false,
           internalDrag: undefined,
         },
         context: {

package/src/behaviors/behavior.abstract.insert.ts

@@ -14,7 +14,7 @@ export const abstractInsertBehaviors = [
             type: 'insert.block',
             block,
             placement: index === 0 ? 'before' : 'after',
-            select: 'end',
+            select: event.select ?? 'end',
           }),
         ),
     ],
@@ -29,7 +29,7 @@ export const abstractInsertBehaviors = [
             type: 'insert.block',
             block,
             placement: 'after',
-            select: 'end',
+            select: event.select ?? 'end',
           }),
         ),
     ],
@@ -57,7 +57,7 @@ export const abstractInsertBehaviors = [
                 type: 'insert.block',
                 block: event.blocks[0],
                 placement: 'auto',
-                select: 'end',
+                select: event.select ?? 'end',
               }),
             ]
           : isEmptyTextBlock(snapshot.context, focusTextBlock.node)
@@ -66,7 +66,7 @@ export const abstractInsertBehaviors = [
                   type: 'insert.block',
                   block,
                   placement: index === 0 ? 'auto' : 'after',
-                  select: 'end',
+                  select: event.select ?? 'end',
                 }),
               )
             : event.blocks.flatMap((block, index) =>
@@ -83,7 +83,7 @@ export const abstractInsertBehaviors = [
                         type: 'insert.block',
                         block,
                         placement: 'auto',
-                        select: 'end',
+                        select: event.select ?? 'end',
                       }),
                     ]
                   : index === event.blocks.length - 1
@@ -96,7 +96,7 @@ export const abstractInsertBehaviors = [
                           type: 'insert.block',
                           block,
                           placement: 'auto',
-                          select: 'end',
+                          select: event.select ?? 'end',
                         }),
                       ]
                     : [
@@ -104,7 +104,7 @@ export const abstractInsertBehaviors = [
                           type: 'insert.block',
                           block,
                           placement: 'after',
-                          select: 'end',
+                          select: event.select ?? 'end',
                         }),
                       ],
               ),
@@ -120,7 +120,7 @@ export const abstractInsertBehaviors = [
             type: 'insert.block',
             block,
             placement: index === 0 ? 'auto' : 'after',
-            select: 'end',
+            select: event.select ?? 'end',
           }),
         ),
     ],

package/src/behaviors/behavior.types.event.ts

@@ -337,6 +337,7 @@ type AbstractBehaviorEvent =
       type: StrictExtract<SyntheticBehaviorEventType, 'insert.blocks'>
       blocks: Array<BlockWithOptionalKey>
       placement: InsertPlacement
+      select?: 'start' | 'end' | 'none'
     }
   | {
       type: StrictExtract<SyntheticBehaviorEventType, 'insert.break'>

package/src/converters/converter.portable-text.ts

@@ -61,7 +61,7 @@ export const converterPortableText = defineConverter({
            * If we are dragging internally then we would like to keep the
            * dropped portable text as is.
            */
-          refreshKeys: !snapshot.beta.hasTag?.('dragging internally'),
+          refreshKeys: !snapshot.beta.internalDrag,
           validateFields: false,
         },
       })

package/src/converters/converter.text-plain.ts

@@ -41,7 +41,7 @@ export function createConverterTextPlain(
                   return child.text
                 }
 
-                return snapshot.beta.hasTag('dragging internally')
+                return snapshot.beta.internalDrag
                   ? `[${
                       snapshot.context.schema.inlineObjects.find(
                         (inlineObjectType) =>
@@ -53,7 +53,7 @@ export function createConverterTextPlain(
               .join('')
           }
 
-          return snapshot.beta.hasTag('dragging internally')
+          return snapshot.beta.internalDrag
             ? `[${
                 snapshot.context.schema.blockObjects.find(
                   (blockObjectType) => blockObjectType.name === block._type,

package/src/editor/editor-machine.ts

@@ -68,7 +68,6 @@ type InternalPatchEvent = NamespaceEvent<PatchEvent, 'internal'> & {
  * @internal
  */
 export type EditorActor = ActorRefFrom<typeof editorMachine>
-export type HasTag = ReturnType<EditorActor['getSnapshot']>['hasTag']
 
 /**
  * @internal
@@ -274,7 +273,6 @@ export const editorMachine = setup({
               keyGenerator: context.keyGenerator,
               readOnly: self.getSnapshot().matches({'edit mode': 'read only'}),
               schema: context.schema,
-              hasTag: (tag) => self.getSnapshot().hasTag(tag),
               internalDrag: context.internalDrag,
             }),
           nativeEvent: event.nativeEvent,

package/src/editor/editor-selector.ts

@@ -86,7 +86,6 @@ export function getEditorSnapshot({
         markState: slateEditorInstance.markState,
         schema: editorActorSnapshot.context.schema,
       }),
-      hasTag: (tag) => editorActorSnapshot.hasTag(tag),
       internalDrag: editorActorSnapshot.context.internalDrag,
     },
   }

package/src/editor/editor-snapshot.ts

@@ -3,7 +3,6 @@ import type {Converter} from '../converters/converter.types'
 import type {EventPosition} from '../internal-utils/event-position'
 import {slateRangeToSelection} from '../internal-utils/slate-utils'
 import type {EditorSelection, PortableTextSlateEditor} from '../types/editor'
-import type {HasTag} from './editor-machine'
 import type {EditorSchema} from './editor-schema'
 import {getActiveAnnotations} from './get-active-annotations'
 import {getActiveDecorators} from './get-active-decorators'
@@ -32,7 +31,6 @@ export type EditorSnapshot = {
   beta: {
     activeAnnotations: Array<string>
     activeDecorators: Array<string>
-    hasTag: HasTag
     internalDrag:
       | {
           origin: Pick<EventPosition, 'selection'>
@@ -47,7 +45,6 @@ export function createEditorSnapshot({
   keyGenerator,
   readOnly,
   schema,
-  hasTag,
   internalDrag,
 }: {
   converters: Array<Converter>
@@ -55,7 +52,6 @@ export function createEditorSnapshot({
   keyGenerator: () => string
   readOnly: boolean
   schema: EditorSchema
-  hasTag: HasTag
   internalDrag:
     | {
         origin: Pick<EventPosition, 'selection'>
@@ -91,7 +87,6 @@ export function createEditorSnapshot({
         markState: editor.markState,
         schema,
       }),
-      hasTag,
       internalDrag,
     },
   } satisfies EditorSnapshot

package/src/internal-utils/create-test-snapshot.ts

@@ -19,7 +19,6 @@ export function createTestSnapshot(snapshot: {
     beta: {
       activeAnnotations: snapshot.beta?.activeAnnotations ?? [],
       activeDecorators: snapshot.beta?.activeDecorators ?? [],
-      hasTag: snapshot.beta?.hasTag ?? (() => false),
       internalDrag: undefined,
     },
   }

package/src/internal-utils/event-position.ts

@@ -2,6 +2,7 @@ import {Editor, type BaseRange, type Node} from 'slate'
 import {DOMEditor, isDOMNode} from 'slate-dom'
 import type {EditorSchema, EditorSelection} from '..'
 import type {EditorActor} from '../editor/editor-machine'
+import {getBlockKeyFromSelectionPoint} from '../selection/selection-point'
 import type {PortableTextSlateEditor} from '../types/editor'
 import * as utils from '../utils'
 import {
@@ -80,12 +81,9 @@ export function getEventPosition({
     return undefined
   }
 
-  const focusBlockPath = selection.focus.path.at(0)
-  const focusBlockKey = utils.isKeyedSegment(focusBlockPath)
-    ? focusBlockPath._key
-    : undefined
+  const focusBlockKey = getBlockKeyFromSelectionPoint(selection.focus)
 
-  if (!focusBlockKey) {
+  if (focusBlockKey === undefined) {
     return undefined
   }
 

package/src/internal-utils/selection-block-keys.ts

@@ -1,20 +1,20 @@
+import {getBlockKeyFromSelectionPoint} from '../selection/selection-point'
 import type {EditorSelection} from '../types/editor'
-import {isKeyedSegment} from '../utils'
 
 export function getSelectionBlockKeys(selection: EditorSelection) {
   if (!selection) {
     return undefined
   }
 
-  if (
-    !isKeyedSegment(selection.anchor.path[0]) ||
-    !isKeyedSegment(selection.focus.path[0])
-  ) {
+  const anchorBlockKey = getBlockKeyFromSelectionPoint(selection.anchor)
+  const focusBlockKey = getBlockKeyFromSelectionPoint(selection.focus)
+
+  if (anchorBlockKey === undefined || focusBlockKey === undefined) {
     return undefined
   }
 
   return {
-    anchor: selection.anchor.path[0]._key,
-    focus: selection.focus.path[0]._key,
+    anchor: anchorBlockKey,
+    focus: focusBlockKey,
   }
 }

package/src/internal-utils/selection-focus-text.ts

@@ -1,7 +1,10 @@
 import {isPortableTextBlock, isPortableTextSpan} from '@portabletext/toolkit'
 import type {PortableTextBlock} from '@sanity/types'
+import {
+  getBlockKeyFromSelectionPoint,
+  getChildKeyFromSelectionPoint,
+} from '../selection/selection-point'
 import type {EditorSelection} from '../types/editor'
-import {isKeyedSegment} from '../utils'
 
 export function getSelectionFocusText(
   value: Array<PortableTextBlock> | undefined,
@@ -11,20 +14,21 @@ export function getSelectionFocusText(
     return undefined
   }
 
+  const focusBlockKey = getBlockKeyFromSelectionPoint(selection.focus)
+  const focusChildKey = getChildKeyFromSelectionPoint(selection.focus)
+
+  if (focusBlockKey === undefined || focusChildKey === undefined) {
+    return undefined
+  }
+
   let text: string | undefined
 
   for (const block of value) {
     if (isPortableTextBlock(block)) {
-      if (
-        isKeyedSegment(selection.focus.path[0]) &&
-        block._key === selection.focus.path[0]._key
-      ) {
+      if (block._key === focusBlockKey) {
         for (const child of block.children) {
           if (isPortableTextSpan(child)) {
-            if (
-              isKeyedSegment(selection.focus.path[2]) &&
-              child._key === selection.focus.path[2]._key
-            ) {
+            if (child._key === focusChildKey) {
               text = child.text
               break
             }

package/src/internal-utils/selection-text.ts

@@ -1,90 +1,21 @@
-import {isPortableTextBlock, isPortableTextSpan} from '@portabletext/toolkit'
 import type {PortableTextBlock} from '@sanity/types'
+import {compileSchemaDefinition, defineSchema} from '../editor/editor-schema'
 import type {EditorSelection} from '../types/editor'
-import {isKeyedSegment} from '../utils'
-import {reverseSelection} from '../utils/util.reverse-selection'
+import {sliceBlocks} from '../utils/util.slice-blocks'
+import {getTersePt} from './terse-pt'
 
 export function getSelectionText(
   value: Array<PortableTextBlock> | undefined,
   selection: EditorSelection,
 ) {
   if (!value || !selection) {
-    return undefined
+    return []
   }
 
-  const forwardSelection = selection.backward
-    ? reverseSelection(selection)
-    : selection
+  const slice = sliceBlocks({
+    context: {schema: compileSchemaDefinition(defineSchema({})), selection},
+    blocks: value,
+  })
 
-  if (!forwardSelection) {
-    return undefined
-  }
-
-  const text: Array<string> = []
-
-  for (const block of value) {
-    if (
-      text.length === 0 &&
-      isKeyedSegment(forwardSelection.anchor.path[0]) &&
-      block._key !== forwardSelection.anchor.path[0]._key
-    ) {
-      continue
-    }
-
-    if (text.length > 0) {
-      text.push('|')
-    }
-
-    if (isPortableTextBlock(block)) {
-      for (const child of block.children) {
-        if (isPortableTextSpan(child)) {
-          if (
-            isKeyedSegment(forwardSelection.anchor.path[2]) &&
-            child._key === forwardSelection.anchor.path[2]._key &&
-            isKeyedSegment(forwardSelection.focus.path[2]) &&
-            child._key === forwardSelection.focus.path[2]._key
-          ) {
-            text.push(
-              child.text.slice(
-                forwardSelection.anchor.offset,
-                forwardSelection.focus.offset,
-              ),
-            )
-            break
-          }
-
-          if (
-            isKeyedSegment(forwardSelection.anchor.path[2]) &&
-            child._key === forwardSelection.anchor.path[2]._key
-          ) {
-            text.push(child.text.slice(forwardSelection.anchor.offset))
-            continue
-          }
-
-          if (
-            isKeyedSegment(forwardSelection.focus.path[2]) &&
-            child._key === forwardSelection.focus.path[2]._key
-          ) {
-            text.push(child.text.slice(0, forwardSelection.focus.offset))
-            break
-          }
-
-          if (text.length > 0) {
-            text.push(child.text)
-          }
-        }
-      }
-    } else {
-      text.push(`[${block._type}]`)
-    }
-
-    if (
-      isKeyedSegment(forwardSelection.focus.path[0]) &&
-      block._key === forwardSelection.focus.path[0]._key
-    ) {
-      break
-    }
-  }
-
-  return text
+  return getTersePt(slice)
 }

package/src/internal-utils/terse-pt.test.ts

@@ -1,5 +1,9 @@
 import {expect, test} from 'vitest'
-import {getTersePt, parseTersePt} from './terse-pt'
+import {compileSchemaDefinition, defineSchema} from '../editor/editor-schema'
+import {createTestKeyGenerator} from '../internal-utils/test-key-generator'
+import {getTersePt, parseTersePt, parseTersePtString} from './terse-pt'
+
+const keyGenerator = createTestKeyGenerator()
 
 test(getTersePt.name, () => {
   const fooBlock = {
@@ -23,38 +27,116 @@ test(getTersePt.name, () => {
     children: [{_key: 's4', _type: 'span', text: 'foo\nbar'}],
   }
 
-  expect(getTersePt([fooBlock, barBlock])).toEqual(['foo', '|', 'bar'])
-  expect(getTersePt([emptyBlock, barBlock])).toEqual(['', '|', 'bar'])
+  expect(getTersePt([fooBlock, barBlock])).toEqual(['foo', 'bar'])
+  expect(getTersePt([emptyBlock, barBlock])).toEqual(['', 'bar'])
   expect(getTersePt([fooBlock, emptyBlock, barBlock])).toEqual([
     'foo',
-    '|',
     '',
-    '|',
     'bar',
   ])
-  expect(getTersePt([fooBlock, softReturnBlock])).toEqual([
-    'foo',
-    '|',
-    'foo\nbar',
-  ])
+  expect(getTersePt([fooBlock, softReturnBlock])).toEqual(['foo', 'foo\nbar'])
+
+  expect(
+    getTersePt([
+      {
+        _key: keyGenerator(),
+        _type: 'block',
+        children: [{_key: keyGenerator(), _type: 'span', text: 'foo'}],
+      },
+    ]),
+  ).toEqual(['foo'])
+  expect(
+    getTersePt([
+      {
+        _key: keyGenerator(),
+        _type: 'block',
+        children: [{_key: keyGenerator(), _type: 'span', text: 'foo'}],
+        listItem: 'number',
+      },
+    ]),
+  ).toEqual(['#:foo'])
+  expect(
+    getTersePt([
+      {
+        _key: keyGenerator(),
+        _type: 'block',
+        children: [{_key: keyGenerator(), _type: 'span', text: 'foo'}],
+        listItem: 'number',
+        style: 'h3',
+      },
+    ]),
+  ).toEqual(['#h3:foo'])
+  expect(
+    getTersePt([
+      {
+        _key: keyGenerator(),
+        _type: 'block',
+        children: [{_key: keyGenerator(), _type: 'span', text: 'foo'}],
+        level: 2,
+        listItem: 'number',
+        style: 'h3',
+      },
+    ]),
+  ).toEqual(['>>#h3:foo'])
+})
+
+test(parseTersePtString.name, () => {
+  expect(parseTersePtString('foo')).toEqual(['foo'])
+  expect(parseTersePtString('foo,bar')).toEqual(['foo,bar'])
+  expect(parseTersePtString('foo,bar|baz')).toEqual(['foo,bar', 'baz'])
+  expect(parseTersePtString('|foo')).toEqual(['', 'foo'])
+  expect(parseTersePtString('foo|')).toEqual(['foo', ''])
+  expect(parseTersePtString('foo|bar\nbaz')).toEqual(['foo', 'bar\nbaz'])
+  expect(parseTersePtString('f,oo||ba,r')).toEqual(['f,oo', '', 'ba,r'])
+  expect(parseTersePtString('|')).toEqual(['', ''])
+  expect(parseTersePtString('||')).toEqual(['', '', ''])
+  expect(parseTersePtString('>>#h3:foo')).toEqual(['>>#h3:foo'])
 })
 
 test(parseTersePt.name, () => {
-  expect(parseTersePt('foo')).toEqual(['foo'])
-  expect(parseTersePt('foo,bar')).toEqual(['foo', 'bar'])
-  expect(parseTersePt('foo,bar|baz')).toEqual(['foo', 'bar', '|', 'baz'])
-  expect(parseTersePt('|foo')).toEqual(['', '|', 'foo'])
-  expect(parseTersePt('foo|')).toEqual(['foo', '|', ''])
-  expect(parseTersePt('foo|bar\nbaz')).toEqual(['foo', '|', 'bar\nbaz'])
-  expect(parseTersePt('f,oo||ba,r')).toEqual([
-    'f',
-    'oo',
-    '|',
-    '',
-    '|',
-    'ba',
-    'r',
+  expect(
+    parseTersePt(
+      {
+        schema: compileSchemaDefinition(defineSchema({})),
+        keyGenerator: createTestKeyGenerator(),
+      },
+      parseTersePtString('[image]|foo|>>#h4:bar|-:baz,fizz|,[stock-ticker],'),
+    ),
+  ).toEqual([
+    {
+      _key: 'k0',
+      _type: 'image',
+    },
+    {
+      _key: 'k1',
+      _type: 'block',
+      children: [{_key: 'k2', _type: 'span', text: 'foo'}],
+    },
+    {
+      _key: 'k3',
+      _type: 'block',
+      children: [{_key: 'k4', _type: 'span', text: 'bar'}],
+      level: 2,
+      listItem: 'number',
+      style: 'h4',
+    },
+    {
+      _key: 'k5',
+      _type: 'block',
+      children: [
+        {_key: 'k6', _type: 'span', text: 'baz'},
+        {_key: 'k7', _type: 'span', text: 'fizz'},
+      ],
+      listItem: 'bullet',
+    },
+    {
+      _key: 'k8',
+      _type: 'block',
+      children: [
+        {_key: 'k9', _type: 'span', text: ''},
+        {_key: 'k10', _type: 'stock-ticker'},
+        {_key: 'k11', _type: 'span', text: ''},
+      ],
+    },
   ])
-  expect(parseTersePt('|')).toEqual(['', '|', ''])
-  expect(parseTersePt('||')).toEqual(['', '|', '', '|', ''])
 })