@portabletext/editor 1.36.4 → 1.36.6

package/lib/utils/index.d.ts

@@ -464,6 +464,7 @@ declare const editorMachine: StateMachine<
   | {
       type: 'insert.blocks'
       blocks: Array<PortableTextBlock>
+      placement: 'auto' | 'after' | 'before'
     }
   | {
       type: 'insert.block object'
@@ -898,6 +899,7 @@ declare const editorMachine: StateMachine<
   | {
       type: 'insert.blocks'
       blocks: Array<PortableTextBlock>
+      placement: 'auto' | 'after' | 'before'
     }
   | {
       type: 'insert.block object'
@@ -1222,6 +1224,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -1579,6 +1582,7 @@ declare const editorMachine: StateMachine<
         | {
             type: 'insert.blocks'
             blocks: Array<PortableTextBlock>
+            placement: 'auto' | 'after' | 'before'
           }
         | {
             type: 'insert.block object'
@@ -1960,6 +1964,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -2315,6 +2320,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -2607,6 +2613,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -2962,6 +2969,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -3257,6 +3265,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -3612,6 +3621,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -3906,6 +3916,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -4261,6 +4272,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -4554,6 +4566,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -4909,6 +4922,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -5203,6 +5217,7 @@ declare const editorMachine: StateMachine<
             | {
                 type: 'insert.blocks'
                 blocks: Array<PortableTextBlock>
+                placement: 'auto' | 'after' | 'before'
               }
             | {
                 type: 'insert.block object'
@@ -5576,6 +5591,7 @@ declare const editorMachine: StateMachine<
             | {
                 type: 'insert.blocks'
                 blocks: Array<PortableTextBlock>
+                placement: 'auto' | 'after' | 'before'
               }
             | {
                 type: 'insert.block object'
@@ -5931,6 +5947,7 @@ declare const editorMachine: StateMachine<
             | {
                 type: 'insert.blocks'
                 blocks: Array<PortableTextBlock>
+                placement: 'auto' | 'after' | 'before'
               }
             | {
                 type: 'insert.block object'
@@ -6225,6 +6242,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -6580,6 +6598,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -6872,6 +6891,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -7227,6 +7247,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -7520,6 +7541,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -7875,6 +7897,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -8171,6 +8194,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -8526,6 +8550,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -8822,6 +8847,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -9200,6 +9226,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -9575,6 +9602,7 @@ declare const editorMachine: StateMachine<
           | {
               type: 'insert.blocks'
               blocks: Array<PortableTextBlock>
+              placement: 'auto' | 'after' | 'before'
             }
           | {
               type: 'insert.block object'
@@ -10100,6 +10128,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -10457,6 +10486,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -10756,6 +10786,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -11113,6 +11144,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -11405,6 +11437,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -11762,6 +11795,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -12054,6 +12088,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -12411,6 +12446,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -12716,6 +12752,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -13073,6 +13110,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -13379,6 +13417,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -13736,6 +13775,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -14028,6 +14068,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -14385,6 +14426,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -14680,6 +14722,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -15037,6 +15080,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -15237,6 +15281,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -15383,6 +15428,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -15740,6 +15786,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -16041,6 +16088,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -16398,6 +16446,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -16700,6 +16749,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -17057,6 +17107,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -17350,6 +17401,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -17707,6 +17759,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -18002,6 +18055,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -18359,6 +18413,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -18660,6 +18715,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -19017,6 +19073,7 @@ declare const editorMachine: StateMachine<
                   | {
                       type: 'insert.blocks'
                       blocks: Array<PortableTextBlock>
+                      placement: 'auto' | 'after' | 'before'
                     }
                   | {
                       type: 'insert.block object'
@@ -19747,6 +19804,7 @@ declare type SyntheticBehaviorEvent =
   | {
       type: 'insert.blocks'
       blocks: Array<PortableTextBlock>
+      placement: 'auto' | 'after' | 'before'
     }
   | {
       type: 'insert.block object'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.36.4",
+  "version": "1.36.6",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -73,7 +73,7 @@
     "get-random-values-esm": "^1.0.2",
     "lodash": "^4.17.21",
     "lodash.startcase": "^4.4.0",
-    "react-compiler-runtime": "19.0.0-beta-e1e972c-20250221",
+    "react-compiler-runtime": "19.0.0-beta-40c6c23-20250301",
     "slate": "0.112.0",
     "slate-dom": "^0.112.2",
     "slate-react": "0.112.1",
@@ -100,9 +100,9 @@
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.0.7",
     "@vitest/coverage-istanbul": "^3.0.7",
-    "babel-plugin-react-compiler": "19.0.0-beta-e1e972c-20250221",
+    "babel-plugin-react-compiler": "19.0.0-beta-40c6c23-20250301",
     "eslint": "8.57.1",
-    "eslint-plugin-react-compiler": "19.0.0-beta-e1e972c-20250221",
+    "eslint-plugin-react-compiler": "19.0.0-beta-40c6c23-20250301",
     "eslint-plugin-react-hooks": "experimental",
     "jsdom": "^26.0.0",
     "react": "^19.0.0",
@@ -112,7 +112,7 @@
     "vite": "^6.2.0",
     "vitest": "^3.0.7",
     "vitest-browser-react": "^0.1.1",
-    "racejar": "1.2.0"
+    "racejar": "1.2.1"
   },
   "peerDependencies": {
     "@sanity/schema": "^3.77.2",
@@ -137,12 +137,15 @@
     "lint:fix": "biome lint --write .",
     "test": "vitest --run",
     "test:watch": "vitest",
-    "test:chromium": "vitest --run --project \"browser (chromium)\"",
-    "test:chromium:watch": "vitest --project \"browser (chromium)\"",
-    "test:firefox": "vitest --run --project \"browser (firefox)\"",
-    "test:firefox:watch": "vitest --project \"browser (firefox)\"",
-    "test:webkit": "vitest --run --project \"browser (webkit)\"",
-    "test:webkit:watch": "vitest --project \"browser (webkit)\"",
+    "test:e2e:chromium": "vitest --run --project \"browser.bak (chromium)\"",
+    "test:browser": "vitest --run --project browser",
+    "test:browser:watch": "vitest --project browser",
+    "test:browser:chromium": "vitest --run --project \"browser (chromium)\"",
+    "test:browser:chromium:watch": "vitest --project \"browser (chromium)\"",
+    "test:browser:firefox": "vitest --run --project \"browser (firefox)\"",
+    "test:browser:firefox:watch": "vitest --project \"browser (firefox)\"",
+    "test:browser:webkit": "vitest --run --project \"browser (webkit)\"",
+    "test:browser:webkit:watch": "vitest --project \"browser (webkit)\"",
     "test:unit": "vitest --run --project unit",
     "test:unit:watch": "vitest --project unit"
   }

package/src/behavior-actions/behavior.action.insert-blocks.ts

@@ -9,9 +9,24 @@ export const insertBlocksActionImplementation: BehaviorActionImplementation<
   const fragment = toSlateValue(action.blocks, {schemaTypes: context.schema})
 
   if (!action.editor.selection) {
+    if (action.placement === 'before') {
+      action.editor.insertFragment(fragment, {
+        at: Editor.start(action.editor, []),
+      })
+      return
+    }
+
+    if (action.placement === 'after') {
+      action.editor.insertFragment(fragment, {
+        at: Editor.end(action.editor, []),
+      })
+      return
+    }
+
+    action.editor.insertFragment(fragment)
     return
   }
-  // Ensure that markDefs for any annotations inside this fragment are copied over to the focused text block.
+
   const [focusBlock, focusPath] = Editor.node(
     action.editor,
     action.editor.selection,
@@ -20,6 +35,22 @@ export const insertBlocksActionImplementation: BehaviorActionImplementation<
     },
   )
 
+  if (action.placement === 'before' && focusPath) {
+    Transforms.insertNodes(action.editor, fragment, {at: focusPath})
+    return
+  }
+
+  if (action.placement === 'after' && focusPath) {
+    const nextPath = [focusPath[0] + 1]
+    Transforms.insertNodes(action.editor, fragment, {at: nextPath})
+    Transforms.select(action.editor, {
+      anchor: {path: [nextPath[0], 0], offset: 0},
+      focus: {path: [nextPath[0], 0], offset: 0},
+    })
+    return
+  }
+
+  // Ensure that markDefs for any annotations inside this fragment are copied over to the focused text block.
   if (
     action.editor.isTextBlock(focusBlock) &&
     action.editor.isTextBlock(fragment[0])

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

@@ -123,6 +123,7 @@ const behaviorActionImplementations: BehaviorActionImplementations = {
         type: 'insert.blocks',
         blocks: action.data,
         editor: action.editor,
+        placement: 'auto',
       },
     })
   },

package/src/behaviors/behavior.default.ts

@@ -141,6 +141,7 @@ const raiseInsertBlocks = defineBehavior({
       raise({
         type: 'insert.blocks',
         blocks: event.data,
+        placement: 'auto',
       }),
     ],
   ],

package/src/behaviors/behavior.types.ts

@@ -101,6 +101,7 @@ export type SyntheticBehaviorEvent =
   | {
       type: 'insert.blocks'
       blocks: Array<PortableTextBlock>
+      placement: 'auto' | 'after' | 'before'
     }
   | {
       type: 'insert.block object'

package/src/internal-utils/parse-blocks.ts

@@ -8,6 +8,28 @@ import type {EditorSchema} from '../editor/define-schema'
 import type {EditorContext} from '../editor/editor-snapshot'
 import {isTypedObject} from './asserters'
 
+export function parseBlocks({
+  context,
+  blocks,
+  options,
+}: {
+  context: Pick<EditorContext, 'keyGenerator' | 'schema'>
+  blocks: unknown
+  options: {
+    refreshKeys: boolean
+  }
+}): Array<PortableTextBlock> {
+  if (!Array.isArray(blocks)) {
+    return []
+  }
+
+  return blocks.flatMap((block) => {
+    const parsedBlock = parseBlock({context, block, options})
+
+    return parsedBlock ? [parsedBlock] : []
+  })
+}
+
 export function parseBlock({
   context,
   block,

package/src/internal-utils/test-key-generator.ts

@@ -1,8 +1,8 @@
-export function createTestKeyGenerator() {
+export function createTestKeyGenerator(prefix?: string) {
   let index = 0
 
   return function keyGenerator() {
-    const key = `k${index}`
+    const key = `${prefix ?? ''}k${index}`
     index++
     return key
   }