@portabletext/editor 1.15.2 → 1.16.0

package/lib/selectors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/selectors/selector.get-active-list-item.ts"],"sourcesContent":["import type {PortableTextListBlock} from '@sanity/types'\nimport {createGuards} from '../behavior-actions/behavior.guards'\nimport type {EditorSelector} from '../editor/editor-selector'\nimport {getSelectedBlocks} from './selectors'\n\n/**\n * @alpha\n */\nexport const getActiveListItem: EditorSelector<\n  PortableTextListBlock['listItem'] | undefined\n> = ({context}) => {\n  if (!context.selection) {\n    return undefined\n  }\n\n  const guards = createGuards(context)\n  const selectedBlocks = getSelectedBlocks({context}).map((block) => block.node)\n  const selectedTextBlocks = selectedBlocks.filter(guards.isTextBlock)\n\n  const firstTextBlock = selectedTextBlocks.at(0)\n\n  if (!firstTextBlock) {\n    return undefined\n  }\n\n  const firstListItem = firstTextBlock.listItem\n\n  if (!firstListItem) {\n    return undefined\n  }\n\n  if (selectedTextBlocks.every((block) => block.listItem === firstListItem)) {\n    return firstListItem\n  }\n\n  return undefined\n}\n"],"names":["getActiveListItem","context","selection","guards","createGuards","selectedTextBlocks","getSelectedBlocks","map","block","node","filter","isTextBlock","firstTextBlock","at","firstListItem","listItem","every"],"mappings":";;;AAQO,MAAMA,oBAETA,CAAC;AAAA,EAACC;AAAO,MAAM;AACjB,MAAI,CAACA,QAAQC;AACX;AAGF,QAAMC,SAASC,aAAaH,OAAO,GAE7BI,qBADiBC,kBAAkB;AAAA,IAACL;AAAAA,EAAQ,CAAA,EAAEM,IAAKC,CAAAA,UAAUA,MAAMC,IAAI,EACnCC,OAAOP,OAAOQ,WAAW,GAE7DC,iBAAiBP,mBAAmBQ,GAAG,CAAC;AAE9C,MAAI,CAACD;AACH;AAGF,QAAME,gBAAgBF,eAAeG;AAErC,MAAKD,iBAIDT,mBAAmBW,MAAOR,CAAUA,UAAAA,MAAMO,aAAaD,aAAa;AAC/DA,WAAAA;AAIX;"}
+{"version":3,"file":"index.js","sources":["../../src/selectors/selector.get-active-list-item.ts","../../src/selectors/selector.get-active-style.ts","../../src/selectors/selector.get-selected-spans.ts","../../src/selectors/selector.is-active-annotation.ts","../../src/selectors/selector.is-selection-expanded.ts","../../src/selectors/selector.is-active-decorator.ts","../../src/selectors/selector.is-active-list-item.ts","../../src/selectors/selector.is-active-style.ts"],"sourcesContent":["import type {PortableTextListBlock} from '@sanity/types'\nimport {createGuards} from '../behavior-actions/behavior.guards'\nimport type {EditorSelector} from '../editor/editor-selector'\nimport {getSelectedBlocks} from './selectors'\n\n/**\n * @alpha\n */\nexport const getActiveListItem: EditorSelector<\n  PortableTextListBlock['listItem'] | undefined\n> = ({context}) => {\n  if (!context.selection) {\n    return undefined\n  }\n\n  const guards = createGuards(context)\n  const selectedBlocks = getSelectedBlocks({context}).map((block) => block.node)\n  const selectedTextBlocks = selectedBlocks.filter(guards.isTextBlock)\n\n  const firstTextBlock = selectedTextBlocks.at(0)\n\n  if (!firstTextBlock) {\n    return undefined\n  }\n\n  const firstListItem = firstTextBlock.listItem\n\n  if (!firstListItem) {\n    return undefined\n  }\n\n  if (selectedTextBlocks.every((block) => block.listItem === firstListItem)) {\n    return firstListItem\n  }\n\n  return undefined\n}\n","import type {PortableTextTextBlock} from '@sanity/types'\nimport {createGuards} from '../behavior-actions/behavior.guards'\nimport type {EditorSelector} from '../editor/editor-selector'\nimport {getSelectedBlocks} from './selectors'\n\n/**\n * @alpha\n */\nexport const getActiveStyle: EditorSelector<PortableTextTextBlock['style']> = ({\n  context,\n}) => {\n  if (!context.selection) {\n    return undefined\n  }\n\n  const guards = createGuards(context)\n  const selectedBlocks = getSelectedBlocks({context}).map((block) => block.node)\n  const selectedTextBlocks = selectedBlocks.filter(guards.isTextBlock)\n\n  const firstTextBlock = selectedTextBlocks.at(0)\n\n  if (!firstTextBlock) {\n    return undefined\n  }\n\n  const firstStyle = firstTextBlock.style\n\n  if (!firstStyle) {\n    return undefined\n  }\n\n  if (selectedTextBlocks.every((block) => block.style === firstStyle)) {\n    return firstStyle\n  }\n\n  return undefined\n}\n","import {\n  isKeySegment,\n  isPortableTextSpan,\n  isPortableTextTextBlock,\n  type KeyedSegment,\n  type PortableTextSpan,\n} from '@sanity/types'\nimport type {EditorSelector} from '../editor/editor-selector'\n\n/**\n * @alpha\n */\nexport const getSelectedSpans: EditorSelector<\n  Array<{\n    node: PortableTextSpan\n    path: [KeyedSegment, 'children', KeyedSegment]\n  }>\n> = ({context}) => {\n  if (!context.selection) {\n    return []\n  }\n\n  const selectedSpans: Array<{\n    node: PortableTextSpan\n    path: [KeyedSegment, 'children', KeyedSegment]\n  }> = []\n\n  const startPoint = context.selection.backward\n    ? context.selection.focus\n    : context.selection.anchor\n  const endPoint = context.selection.backward\n    ? context.selection.anchor\n    : context.selection.focus\n\n  const startBlockKey = isKeySegment(startPoint.path[0])\n    ? startPoint.path[0]._key\n    : undefined\n  const endBlockKey = isKeySegment(endPoint.path[0])\n    ? endPoint.path[0]._key\n    : undefined\n\n  if (!startBlockKey || !endBlockKey) {\n    return selectedSpans\n  }\n\n  const startSpanKey = isKeySegment(startPoint.path[2])\n    ? startPoint.path[2]._key\n    : undefined\n  const endSpanKey = isKeySegment(endPoint.path[2])\n    ? endPoint.path[2]._key\n    : undefined\n\n  for (const block of context.value) {\n    if (!isPortableTextTextBlock(block)) {\n      continue\n    }\n\n    if (block._key === startBlockKey) {\n      for (const child of block.children) {\n        if (!isPortableTextSpan(child)) {\n          continue\n        }\n\n        if (startSpanKey && child._key === startSpanKey) {\n          selectedSpans.push({\n            node: child,\n            path: [{_key: block._key}, 'children', {_key: child._key}],\n          })\n\n          if (startBlockKey === endBlockKey) {\n            break\n          }\n        }\n\n        if (endSpanKey && child._key === endSpanKey) {\n          selectedSpans.push({\n            node: child,\n            path: [{_key: block._key}, 'children', {_key: child._key}],\n          })\n          break\n        }\n\n        if (selectedSpans.length > 0) {\n          selectedSpans.push({\n            node: child,\n            path: [{_key: block._key}, 'children', {_key: child._key}],\n          })\n        }\n      }\n\n      if (startBlockKey === endBlockKey) {\n        break\n      }\n\n      continue\n    }\n\n    if (block._key === endBlockKey) {\n      for (const child of block.children) {\n        if (!isPortableTextSpan(child)) {\n          continue\n        }\n\n        if (endSpanKey && child._key === endSpanKey) {\n          selectedSpans.push({\n            node: child,\n            path: [{_key: block._key}, 'children', {_key: child._key}],\n          })\n          break\n        }\n\n        selectedSpans.push({\n          node: child,\n          path: [{_key: block._key}, 'children', {_key: child._key}],\n        })\n      }\n\n      break\n    }\n\n    if (selectedSpans.length > 0) {\n      for (const child of block.children) {\n        if (!isPortableTextSpan(child)) {\n          continue\n        }\n\n        selectedSpans.push({\n          node: child,\n          path: [{_key: block._key}, 'children', {_key: child._key}],\n        })\n      }\n    }\n  }\n\n  return selectedSpans\n}\n","import {isPortableTextTextBlock} from '@sanity/types'\nimport type {EditorSelector} from '../editor/editor-selector'\nimport {getSelectedSpans} from './selector.get-selected-spans'\nimport {getSelectedBlocks} from './selectors'\n\n/**\n * @alpha\n */\nexport function isActiveAnnotation(\n  annotation: string,\n): EditorSelector<boolean> {\n  return (snapshot) => {\n    if (!snapshot.context.selection) {\n      return false\n    }\n\n    const selectedBlocks = getSelectedBlocks(snapshot)\n    const selectedSpans = getSelectedSpans(snapshot)\n\n    if (selectedSpans.length === 0) {\n      return false\n    }\n\n    if (\n      selectedSpans.some(\n        (span) => !span.node.marks || span.node.marks?.length === 0,\n      )\n    ) {\n      return false\n    }\n\n    const selectionMarkDefs = selectedBlocks.flatMap((block) =>\n      isPortableTextTextBlock(block.node) ? (block.node.markDefs ?? []) : [],\n    )\n\n    return selectedSpans.every((span) => {\n      const spanMarkDefs =\n        span.node.marks?.flatMap((mark) => {\n          const markDef = selectionMarkDefs.find(\n            (markDef) => markDef._key === mark,\n          )\n\n          return markDef ? [markDef._type] : []\n        }) ?? []\n\n      return spanMarkDefs.includes(annotation)\n    })\n  }\n}\n","import type {EditorSelector} from '../editor/editor-selector'\nimport {isSelectionCollapsed} from './selector.is-selection-collapsed'\n\n/**\n * @alpha\n */\nexport const isSelectionExpanded: EditorSelector<boolean> = ({context}) => {\n  return !isSelectionCollapsed({context})\n}\n","import type {EditorSelector} from '../editor/editor-selector'\nimport {getSelectedSpans} from './selector.get-selected-spans'\nimport {isSelectionExpanded} from './selector.is-selection-expanded'\n\n/**\n * @alpha\n */\nexport function isActiveDecorator(decorator: string): EditorSelector<boolean> {\n  return (snapshot) => {\n    if (isSelectionExpanded(snapshot)) {\n      const selectedSpans = getSelectedSpans(snapshot)\n\n      return (\n        selectedSpans.length > 0 &&\n        selectedSpans.every((span) => span.node.marks?.includes(decorator))\n      )\n    }\n\n    return snapshot.context.activeDecorators.includes(decorator)\n  }\n}\n","import type {EditorSelector} from '../editor/editor-selector'\nimport {getActiveListItem} from './selector.get-active-list-item'\n\n/**\n * @alpha\n */\nexport function isActiveListItem(listItem: string): EditorSelector<boolean> {\n  return (snapshot) => {\n    const activeListItem = getActiveListItem(snapshot)\n\n    return activeListItem === listItem\n  }\n}\n","import type {EditorSelector} from '../editor/editor-selector'\nimport {getActiveStyle} from './selector.get-active-style'\n\n/**\n * @alpha\n */\nexport function isActiveStyle(style: string): EditorSelector<boolean> {\n  return (snapshot) => {\n    const activeStyle = getActiveStyle(snapshot)\n\n    return activeStyle === style\n  }\n}\n"],"names":["getActiveListItem","context","selection","guards","createGuards","selectedTextBlocks","getSelectedBlocks","map","block","node","filter","isTextBlock","firstTextBlock","at","firstListItem","listItem","every","getActiveStyle","firstStyle","style","getSelectedSpans","selectedSpans","startPoint","backward","focus","anchor","endPoint","startBlockKey","isKeySegment","path","_key","undefined","endBlockKey","startSpanKey","endSpanKey","value","isPortableTextTextBlock","child","children","isPortableTextSpan","push","length","isActiveAnnotation","annotation","snapshot","selectedBlocks","some","span","marks","selectionMarkDefs","flatMap","markDefs","mark","markDef","find","_type","includes","isSelectionExpanded","isSelectionCollapsed","isActiveDecorator","decorator","activeDecorators","isActiveListItem","isActiveStyle"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.15.2",
+  "version": "1.16.0",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -40,7 +40,7 @@
       "default": "./lib/behaviors/index.js"
     },
     "./selectors": {
-      "source": "./src/selectors/index.ts",
+      "source": "./src/selectors/_exports/index.ts",
       "import": "./lib/selectors/index.js",
       "require": "./lib/selectors/index.cjs",
       "default": "./lib/selectors/index.js"
@@ -70,18 +70,18 @@
   },
   "devDependencies": {
     "@portabletext/toolkit": "^2.0.16",
-    "@sanity/block-tools": "^3.66.1",
+    "@sanity/block-tools": "^3.67.1",
     "@sanity/diff-match-patch": "^3.1.1",
-    "@sanity/pkg-utils": "^6.11.14",
-    "@sanity/schema": "^3.66.1",
-    "@sanity/types": "^3.66.1",
+    "@sanity/pkg-utils": "^6.12.0",
+    "@sanity/schema": "^3.67.1",
+    "@sanity/types": "^3.67.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@types/debug": "^4.1.5",
     "@types/lodash": "^4.17.13",
     "@types/lodash.startcase": "^4.4.9",
     "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
     "@typescript-eslint/eslint-plugin": "^8.17.0",
     "@typescript-eslint/parser": "^8.17.0",
     "@vitejs/plugin-react": "^4.3.4",
@@ -100,12 +100,12 @@
     "vite": "^6.0.3",
     "vitest": "^2.1.8",
     "vitest-browser-react": "^0.0.4",
-    "racejar": "1.1.0"
+    "racejar": "1.1.1"
   },
   "peerDependencies": {
-    "@sanity/block-tools": "^3.66.1",
-    "@sanity/schema": "^3.66.1",
-    "@sanity/types": "^3.66.1",
+    "@sanity/block-tools": "^3.67.1",
+    "@sanity/schema": "^3.67.1",
+    "@sanity/types": "^3.67.1",
     "react": "^16.9 || ^17 || ^18 || ^19",
     "rxjs": "^7.8.1",
     "styled-components": "^6.1.13"

package/src/behavior-actions/behavior.action-utils.insert-block.ts

@@ -1,8 +1,6 @@
 import {Editor, Transforms, type Descendant} from 'slate'
-import type {
-  PortableTextMemberSchemaTypes,
-  PortableTextSlateEditor,
-} from '../types/editor'
+import type {EditorSchema} from '../editor/define-schema'
+import type {PortableTextSlateEditor} from '../types/editor'
 import {isEqualToEmptyEditor} from '../utils/values'
 
 export function insertBlock({
@@ -14,7 +12,7 @@ export function insertBlock({
   block: Descendant
   placement: 'auto' | 'after' | 'before'
   editor: PortableTextSlateEditor
-  schema: PortableTextMemberSchemaTypes
+  schema: EditorSchema
 }) {
   if (!editor.selection) {
     const lastBlock = Array.from(

package/src/behavior-actions/behavior.actions.ts

@@ -233,7 +233,7 @@ const behaviorActionImplementations: BehaviorActionImplementations = {
       Transforms.deselect(action.editor)
     }
   },
-  'select previous block': ({action}) => {
+  'select.previous block': ({action}) => {
     if (!action.editor.selection) {
       console.error('Unable to select previous block without a selection')
       return
@@ -250,7 +250,7 @@ const behaviorActionImplementations: BehaviorActionImplementations = {
 
     Transforms.select(action.editor, previousBlockPath)
   },
-  'select next block': ({action}) => {
+  'select.next block': ({action}) => {
     if (!action.editor.selection) {
       console.error('Unable to select next block without a selection')
       return
@@ -370,15 +370,15 @@ export function performAction({
       })
       break
     }
-    case 'select previous block': {
-      behaviorActionImplementations['select previous block']({
+    case 'select.previous block': {
+      behaviorActionImplementations['select.previous block']({
         context,
         action,
       })
       break
     }
-    case 'select next block': {
-      behaviorActionImplementations['select next block']({
+    case 'select.next block': {
+      behaviorActionImplementations['select.next block']({
         context,
         action,
       })

package/src/behavior-actions/behavior.guards.ts

@@ -4,18 +4,14 @@ import {
   type PortableTextListBlock,
   type PortableTextTextBlock,
 } from '@sanity/types'
-import type {PortableTextMemberSchemaTypes} from '../types/editor'
+import type {EditorSchema} from '../editor/define-schema'
 
 /**
  * @alpha
  */
 export type BehaviorGuards = ReturnType<typeof createGuards>
 
-export function createGuards({
-  schema,
-}: {
-  schema: PortableTextMemberSchemaTypes
-}) {
+export function createGuards({schema}: {schema: EditorSchema}) {
   function isListBlock(block: unknown): block is PortableTextListBlock {
     return isPortableTextListBlock(block) && block._type === schema.block.name
   }

package/src/behaviors/behavior.code-editor.ts

@@ -1,8 +1,4 @@
-import {
-  getFirstBlock,
-  getLastBlock,
-  getSelectedBlocks,
-} from '../selectors/selectors'
+import * as selectors from '../selectors'
 import {isHotkey} from '../utils/is-hotkey'
 import {defineBehavior} from './behavior.types'
 
@@ -26,8 +22,8 @@ export function createCodeEditorBehaviors(config: CodeEditorBehaviorsConfig) {
           config.moveBlockUpShortcut,
           event.keyboardEvent,
         )
-        const firstBlock = getFirstBlock({context})
-        const selectedBlocks = getSelectedBlocks({context})
+        const firstBlock = selectors.getFirstBlock({context})
+        const selectedBlocks = selectors.getSelectedBlocks({context})
         const blocksAbove =
           firstBlock?.node._key !== selectedBlocks[0]?.node._key
 
@@ -52,8 +48,8 @@ export function createCodeEditorBehaviors(config: CodeEditorBehaviorsConfig) {
           config.moveBlockDownShortcut,
           event.keyboardEvent,
         )
-        const lastBlock = getLastBlock({context})
-        const selectedBlocks = getSelectedBlocks({context})
+        const lastBlock = selectors.getLastBlock({context})
+        const selectedBlocks = selectors.getSelectedBlocks({context})
         const blocksBelow =
           lastBlock?.node._key !==
           selectedBlocks[selectedBlocks.length - 1]?.node._key

package/src/behaviors/behavior.core.block-objects.ts

@@ -1,12 +1,6 @@
 import {isPortableTextTextBlock} from '@sanity/types'
 import {isEmptyTextBlock} from '../editor/utils/utils'
-import {
-  getFocusBlockObject,
-  getFocusTextBlock,
-  getNextBlock,
-  getPreviousBlock,
-  selectionIsCollapsed,
-} from '../selectors/selectors'
+import * as selectors from '../selectors'
 import {isHotkey} from '../utils/is-hotkey'
 import {defineBehavior} from './behavior.types'
 
@@ -14,8 +8,8 @@ const arrowDownOnLonelyBlockObject = defineBehavior({
   on: 'key.down',
   guard: ({context, event}) => {
     const isArrowDown = isHotkey('ArrowDown', event.keyboardEvent)
-    const focusBlockObject = getFocusBlockObject({context})
-    const nextBlock = getNextBlock({context})
+    const focusBlockObject = selectors.getFocusBlockObject({context})
+    const nextBlock = selectors.getNextBlock({context})
 
     return isArrowDown && focusBlockObject && !nextBlock
   },
@@ -26,15 +20,15 @@ const arrowUpOnLonelyBlockObject = defineBehavior({
   on: 'key.down',
   guard: ({context, event}) => {
     const isArrowUp = isHotkey('ArrowUp', event.keyboardEvent)
-    const focusBlockObject = getFocusBlockObject({context})
-    const previousBlock = getPreviousBlock({context})
+    const focusBlockObject = selectors.getFocusBlockObject({context})
+    const previousBlock = selectors.getPreviousBlock({context})
 
     return isArrowUp && focusBlockObject && !previousBlock
   },
   actions: [
     () => [
       {type: 'insert.text block', placement: 'before'},
-      {type: 'select previous block'},
+      {type: 'select.previous block'},
     ],
   ],
 })
@@ -42,8 +36,8 @@ const arrowUpOnLonelyBlockObject = defineBehavior({
 const breakingBlockObject = defineBehavior({
   on: 'insert.break',
   guard: ({context}) => {
-    const focusBlockObject = getFocusBlockObject({context})
-    const collapsedSelection = selectionIsCollapsed({context})
+    const focusBlockObject = selectors.getFocusBlockObject({context})
+    const collapsedSelection = selectors.isSelectionCollapsed({context})
 
     return collapsedSelection && focusBlockObject !== undefined
   },
@@ -53,9 +47,9 @@ const breakingBlockObject = defineBehavior({
 const deletingEmptyTextBlockAfterBlockObject = defineBehavior({
   on: 'delete.backward',
   guard: ({context}) => {
-    const focusTextBlock = getFocusTextBlock({context})
-    const selectionCollapsed = selectionIsCollapsed({context})
-    const previousBlock = getPreviousBlock({context})
+    const focusTextBlock = selectors.getFocusTextBlock({context})
+    const selectionCollapsed = selectors.isSelectionCollapsed({context})
+    const previousBlock = selectors.getPreviousBlock({context})
 
     if (!focusTextBlock || !selectionCollapsed || !previousBlock) {
       return false
@@ -90,9 +84,9 @@ const deletingEmptyTextBlockAfterBlockObject = defineBehavior({
 const deletingEmptyTextBlockBeforeBlockObject = defineBehavior({
   on: 'delete.forward',
   guard: ({context}) => {
-    const focusTextBlock = getFocusTextBlock({context})
-    const selectionCollapsed = selectionIsCollapsed({context})
-    const nextBlock = getNextBlock({context})
+    const focusTextBlock = selectors.getFocusTextBlock({context})
+    const selectionCollapsed = selectors.isSelectionCollapsed({context})
+    const nextBlock = selectors.getNextBlock({context})
 
     if (!focusTextBlock || !selectionCollapsed || !nextBlock) {
       return false

package/src/behaviors/behavior.core.lists.ts

@@ -1,12 +1,6 @@
 import {createGuards} from '../behavior-actions/behavior.guards'
 import {isEmptyTextBlock} from '../editor/utils/utils'
-import {
-  getFocusListBlock,
-  getFocusSpan,
-  getFocusTextBlock,
-  getSelectedBlocks,
-  selectionIsCollapsed,
-} from '../selectors/selectors'
+import * as selectors from '../selectors'
 import {isHotkey} from '../utils/is-hotkey'
 import {defineBehavior} from './behavior.types'
 
@@ -15,9 +9,9 @@ const MAX_LIST_LEVEL = 10
 const clearListOnBackspace = defineBehavior({
   on: 'delete.backward',
   guard: ({context}) => {
-    const selectionCollapsed = selectionIsCollapsed({context})
-    const focusTextBlock = getFocusTextBlock({context})
-    const focusSpan = getFocusSpan({context})
+    const selectionCollapsed = selectors.isSelectionCollapsed({context})
+    const focusTextBlock = selectors.getFocusTextBlock({context})
+    const focusSpan = selectors.getFocusSpan({context})
 
     if (!selectionCollapsed || !focusTextBlock || !focusSpan) {
       return false
@@ -25,7 +19,7 @@ const clearListOnBackspace = defineBehavior({
 
     const atTheBeginningOfBLock =
       focusTextBlock.node.children[0]._key === focusSpan.node._key &&
-      context.selection.focus.offset === 0
+      context.selection?.focus.offset === 0
 
     if (atTheBeginningOfBLock && focusTextBlock.node.level === 1) {
       return {focusTextBlock}
@@ -47,9 +41,9 @@ const clearListOnBackspace = defineBehavior({
 const unindentListOnBackspace = defineBehavior({
   on: 'delete.backward',
   guard: ({context}) => {
-    const selectionCollapsed = selectionIsCollapsed({context})
-    const focusTextBlock = getFocusTextBlock({context})
-    const focusSpan = getFocusSpan({context})
+    const selectionCollapsed = selectors.isSelectionCollapsed({context})
+    const focusTextBlock = selectors.getFocusTextBlock({context})
+    const focusSpan = selectors.getFocusSpan({context})
 
     if (!selectionCollapsed || !focusTextBlock || !focusSpan) {
       return false
@@ -57,7 +51,7 @@ const unindentListOnBackspace = defineBehavior({
 
     const atTheBeginningOfBLock =
       focusTextBlock.node.children[0]._key === focusSpan.node._key &&
-      context.selection.focus.offset === 0
+      context.selection?.focus.offset === 0
 
     if (
       atTheBeginningOfBLock &&
@@ -83,8 +77,8 @@ const unindentListOnBackspace = defineBehavior({
 const clearListOnEnter = defineBehavior({
   on: 'insert.break',
   guard: ({context}) => {
-    const selectionCollapsed = selectionIsCollapsed({context})
-    const focusListBlock = getFocusListBlock({context})
+    const selectionCollapsed = selectors.isSelectionCollapsed({context})
+    const focusListBlock = selectors.getFocusListBlock({context})
 
     if (
       !selectionCollapsed ||
@@ -116,7 +110,7 @@ const indentListOnTab = defineBehavior({
       return false
     }
 
-    const selectedBlocks = getSelectedBlocks({context})
+    const selectedBlocks = selectors.getSelectedBlocks({context})
     const guards = createGuards(context)
     const selectedListBlocks = selectedBlocks.flatMap((block) =>
       guards.isListBlock(block.node)
@@ -157,7 +151,7 @@ const unindentListOnShiftTab = defineBehavior({
       return false
     }
 
-    const selectedBlocks = getSelectedBlocks({context})
+    const selectedBlocks = selectors.getSelectedBlocks({context})
     const guards = createGuards(context)
     const selectedListBlocks = selectedBlocks.flatMap((block) =>
       guards.isListBlock(block.node)

package/src/behaviors/behavior.links.ts

@@ -1,5 +1,5 @@
-import {getFocusSpan, selectionIsCollapsed} from '../selectors/selectors'
-import type {PortableTextMemberSchemaTypes} from '../types/editor'
+import type {EditorSchema} from '../editor/define-schema'
+import * as selectors from '../selectors'
 import {defineBehavior} from './behavior.types'
 
 /**
@@ -7,7 +7,7 @@ import {defineBehavior} from './behavior.types'
  */
 export type LinkBehaviorsConfig = {
   linkAnnotation?: (context: {
-    schema: PortableTextMemberSchemaTypes
+    schema: EditorSchema
     url: string
   }) => {name: string; value: {[prop: string]: unknown}} | undefined
 }
@@ -19,7 +19,7 @@ export function createLinkBehaviors(config: LinkBehaviorsConfig) {
   const pasteLinkOnSelection = defineBehavior({
     on: 'paste',
     guard: ({context, event}) => {
-      const selectionCollapsed = selectionIsCollapsed({context})
+      const selectionCollapsed = selectors.isSelectionCollapsed({context})
       const text = event.data.getData('text/plain')
       const url = looksLikeUrl(text) ? text : undefined
       const annotation =
@@ -45,8 +45,8 @@ export function createLinkBehaviors(config: LinkBehaviorsConfig) {
   const pasteLinkAtCaret = defineBehavior({
     on: 'paste',
     guard: ({context, event}) => {
-      const focusSpan = getFocusSpan({context})
-      const selectionCollapsed = selectionIsCollapsed({context})
+      const focusSpan = selectors.getFocusSpan({context})
+      const selectionCollapsed = selectors.isSelectionCollapsed({context})
 
       if (!focusSpan || !selectionCollapsed) {
         return false

package/src/behaviors/behavior.markdown.ts

@@ -1,14 +1,9 @@
 import {isPortableTextTextBlock} from '@sanity/types'
+import type {EditorSchema} from '../editor/define-schema'
 import {getTextBlockText} from '../editor/utils/utils'
 import {spanSelectionPointToBlockOffset} from '../editor/utils/utils.block-offset'
+import * as selectors from '../selectors'
 import {getBlockTextBefore} from '../selectors/selector.get-text-before'
-import {
-  getFocusBlock,
-  getFocusSpan,
-  getFocusTextBlock,
-  selectionIsCollapsed,
-} from '../selectors/selectors'
-import type {PortableTextMemberSchemaTypes} from '../types/editor'
 import {defineBehavior} from './behavior.types'
 
 /**
@@ -16,24 +11,16 @@ import {defineBehavior} from './behavior.types'
  */
 export type MarkdownBehaviorsConfig = {
   horizontalRuleObject?: (context: {
-    schema: PortableTextMemberSchemaTypes
+    schema: EditorSchema
   }) => {name: string; value?: {[prop: string]: unknown}} | undefined
-  defaultStyle?: (context: {
-    schema: PortableTextMemberSchemaTypes
-  }) => string | undefined
+  defaultStyle?: (context: {schema: EditorSchema}) => string | undefined
   headingStyle?: (context: {
-    schema: PortableTextMemberSchemaTypes
+    schema: EditorSchema
     level: number
   }) => string | undefined
-  blockquoteStyle?: (context: {
-    schema: PortableTextMemberSchemaTypes
-  }) => string | undefined
-  unorderedListStyle?: (context: {
-    schema: PortableTextMemberSchemaTypes
-  }) => string | undefined
-  orderedListStyle?: (context: {
-    schema: PortableTextMemberSchemaTypes
-  }) => string | undefined
+  blockquoteStyle?: (context: {schema: EditorSchema}) => string | undefined
+  unorderedListStyle?: (context: {schema: EditorSchema}) => string | undefined
+  orderedListStyle?: (context: {schema: EditorSchema}) => string | undefined
 }
 
 /**
@@ -49,9 +36,9 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
         return false
       }
 
-      const selectionCollapsed = selectionIsCollapsed({context})
-      const focusTextBlock = getFocusTextBlock({context})
-      const focusSpan = getFocusSpan({context})
+      const selectionCollapsed = selectors.isSelectionCollapsed({context})
+      const focusTextBlock = selectors.getFocusTextBlock({context})
+      const focusSpan = selectors.getFocusSpan({context})
 
       if (!selectionCollapsed || !focusTextBlock || !focusSpan) {
         return false
@@ -65,7 +52,7 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
             'children',
             {_key: focusSpan.node._key},
           ],
-          offset: context.selection.focus.offset,
+          offset: context.selection?.focus.offset ?? 0,
         },
       })
 
@@ -137,8 +124,8 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
       }
 
       const hrObject = config.horizontalRuleObject?.(context)
-      const focusBlock = getFocusTextBlock({context})
-      const selectionCollapsed = selectionIsCollapsed({context})
+      const focusBlock = selectors.getFocusTextBlock({context})
+      const selectionCollapsed = selectors.isSelectionCollapsed({context})
 
       if (!hrObject || !focusBlock || !selectionCollapsed) {
         return false
@@ -189,7 +176,7 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
       const hrRegExp = /^(---)$|(___)$|(\*\*\*)$/gm
       const hrCharacters = text.match(hrRegExp)?.[0]
       const hrObject = config.horizontalRuleObject?.(context)
-      const focusBlock = getFocusBlock({context})
+      const focusBlock = selectors.getFocusBlock({context})
 
       if (!hrCharacters || !hrObject || !focusBlock) {
         return false
@@ -237,9 +224,9 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
         return false
       }
 
-      const selectionCollapsed = selectionIsCollapsed({context})
-      const focusTextBlock = getFocusTextBlock({context})
-      const focusSpan = getFocusSpan({context})
+      const selectionCollapsed = selectors.isSelectionCollapsed({context})
+      const focusTextBlock = selectors.getFocusTextBlock({context})
+      const focusSpan = selectors.getFocusSpan({context})
 
       if (!selectionCollapsed || !focusTextBlock || !focusSpan) {
         return false
@@ -253,7 +240,7 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
             'children',
             {_key: focusSpan.node._key},
           ],
-          offset: context.selection.focus.offset,
+          offset: context.selection?.focus.offset ?? 0,
         },
       })
 
@@ -317,9 +304,9 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
   const clearStyleOnBackspace = defineBehavior({
     on: 'delete.backward',
     guard: ({context}) => {
-      const selectionCollapsed = selectionIsCollapsed({context})
-      const focusTextBlock = getFocusTextBlock({context})
-      const focusSpan = getFocusSpan({context})
+      const selectionCollapsed = selectors.isSelectionCollapsed({context})
+      const focusTextBlock = selectors.getFocusTextBlock({context})
+      const focusSpan = selectors.getFocusSpan({context})
 
       if (!selectionCollapsed || !focusTextBlock || !focusSpan) {
         return false
@@ -327,7 +314,7 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
 
       const atTheBeginningOfBLock =
         focusTextBlock.node.children[0]._key === focusSpan.node._key &&
-        context.selection.focus.offset === 0
+        context.selection?.focus.offset === 0
 
       const defaultStyle = config.defaultStyle?.(context)
 
@@ -360,9 +347,9 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
         return false
       }
 
-      const selectionCollapsed = selectionIsCollapsed({context})
-      const focusTextBlock = getFocusTextBlock({context})
-      const focusSpan = getFocusSpan({context})
+      const selectionCollapsed = selectors.isSelectionCollapsed({context})
+      const focusTextBlock = selectors.getFocusTextBlock({context})
+      const focusSpan = selectors.getFocusSpan({context})
 
       if (!selectionCollapsed || !focusTextBlock || !focusSpan) {
         return false
@@ -376,7 +363,7 @@ export function createMarkdownBehaviors(config: MarkdownBehaviorsConfig) {
             'children',
             {_key: focusSpan.node._key},
           ],
-          offset: context.selection.focus.offset,
+          offset: context.selection?.focus.offset ?? 0,
         },
       })
 

package/src/behaviors/behavior.types.ts

@@ -71,10 +71,10 @@ export type SyntheticBehaviorEvent =
       }
     }
   | {
-      type: 'insert.soft break'
+      type: 'insert.break'
     }
   | {
-      type: 'insert.break'
+      type: 'insert.soft break'
     }
   | {
       type: 'insert.text'
@@ -176,17 +176,17 @@ export type BehaviorActionIntend =
       effect: () => void
     }
   | {
-      type: 'select'
-      selection: EditorSelection
+      type: 'reselect'
     }
   | {
-      type: 'select previous block'
+      type: 'select'
+      selection: EditorSelection
     }
   | {
-      type: 'select next block'
+      type: 'select.previous block'
     }
   | {
-      type: 'reselect'
+      type: 'select.next block'
     }
   | {
       type: 'style.add'

package/src/behaviors/index.ts

@@ -1,3 +1,4 @@
+export type {EditorSchema} from '../editor/define-schema'
 export type {EditorContext} from '../editor/editor-snapshot'
 export type {PickFromUnion} from '../type-utils'
 export type {

package/src/editor/Editable.tsx

@@ -159,7 +159,9 @@ export const PortableTextEditable = forwardRef<
   const rangeDecorationsRef = useRef(rangeDecorations)
 
   const editorActor = useContext(EditorActorContext)
-  const readOnly = useSelector(editorActor, (s) => s.context.readOnly)
+  const readOnly = useSelector(editorActor, (s) =>
+    s.matches({'edit mode': 'read only'}),
+  )
   const schemaTypes = useSelector(editorActor, (s) => s.context.schema)
   const slateEditor = useSlate()
 
@@ -366,6 +368,7 @@ export const PortableTextEditable = forwardRef<
   // Restore selection from props when the editor has been initialized properly with it's value
   useEffect(() => {
     const onReady = editorActor.on('ready', () => {
+      syncRangeDecorations()
       restoreSelectionFromProps()
     })
     const onInvalidValue = editorActor.on('invalid value', () => {
@@ -380,7 +383,7 @@ export const PortableTextEditable = forwardRef<
       onInvalidValue.unsubscribe()
       onValueChanged.unsubscribe()
     }
-  }, [editorActor, restoreSelectionFromProps])
+  }, [editorActor, restoreSelectionFromProps, syncRangeDecorations])
 
   // Restore selection from props when it changes
   useEffect(() => {
@@ -407,9 +410,13 @@ export const PortableTextEditable = forwardRef<
 
   // Sync range decorations after an operation is applied
   useEffect(() => {
-    const teardown = withSyncRangeDecorations(slateEditor, syncRangeDecorations)
+    const teardown = withSyncRangeDecorations({
+      editorActor,
+      slateEditor,
+      syncRangeDecorations,
+    })
     return () => teardown()
-  }, [slateEditor, syncRangeDecorations])
+  }, [editorActor, slateEditor, syncRangeDecorations])
 
   // Handle from props onCopy function
   const handleCopy = useCallback(