@portabletext/editor 1.1.4 → 1.1.5

package/src/editor/plugins/createWithUtils.ts

@@ -5,13 +5,14 @@ import type {
 } from '../../types/editor'
 import {debugWithName} from '../../utils/debug'
 import {toSlateValue} from '../../utils/values'
+import type {EditorActor} from '../editor-machine'
 import type {PortableTextEditor} from '../PortableTextEditor'
 
 const debug = debugWithName('plugin:withUtils')
 
 interface Options {
+  editorActor: EditorActor
   schemaTypes: PortableTextMemberSchemaTypes
-  keyGenerator: () => string
   portableTextEditor: PortableTextEditor
 }
 /**
@@ -19,8 +20,8 @@ interface Options {
  *
  */
 export function createWithUtils({
+  editorActor,
   schemaTypes,
-  keyGenerator,
   portableTextEditor,
 }: Options) {
   return function withUtils(
@@ -79,13 +80,13 @@ export function createWithUtils({
         [
           {
             _type: schemaTypes.block.name,
-            _key: keyGenerator(),
+            _key: editorActor.getSnapshot().context.keyGenerator(),
             style: schemaTypes.styles[0].value || 'normal',
             markDefs: [],
             children: [
               {
                 _type: 'span',
-                _key: keyGenerator(),
+                _key: editorActor.getSnapshot().context.keyGenerator(),
                 text: '',
                 marks: options.decorators.filter((decorator) =>
                   schemaTypes.decorators.find(({value}) => value === decorator),

package/src/editor/plugins/index.ts

@@ -47,8 +47,7 @@ export const withPlugins = <T extends Editor>(
   options: createEditorOptions,
 ): {editor: PortableTextSlateEditor; subscribe: () => () => void} => {
   const e = editor as T & PortableTextSlateEditor
-  const {keyGenerator, portableTextEditor, patches$, readOnly, maxBlocks} =
-    options
+  const {portableTextEditor, patches$, readOnly, maxBlocks} = options
   const {editorActor, schemaTypes} = portableTextEditor
   e.subscriptions = []
   if (e.destroy) {
@@ -63,24 +62,18 @@ export const withPlugins = <T extends Editor>(
     })
   }
   const operationToPatches = createOperationToPatches(schemaTypes)
-  const withObjectKeys = createWithObjectKeys(
-    editorActor,
-    schemaTypes,
-    keyGenerator,
-  )
+  const withObjectKeys = createWithObjectKeys(editorActor, schemaTypes)
   const withSchemaTypes = createWithSchemaTypes({
     editorActor,
     schemaTypes,
-    keyGenerator,
   })
   const withEditableAPI = createWithEditableAPI(
+    editorActor,
     portableTextEditor,
     schemaTypes,
-    keyGenerator,
   )
   const withPatches = createWithPatches({
     editorActor,
-    keyGenerator,
     patches$,
     patchFunctions: operationToPatches,
     readOnly,
@@ -96,7 +89,6 @@ export const withPlugins = <T extends Editor>(
   const withPortableTextMarkModel = createWithPortableTextMarkModel(
     editorActor,
     schemaTypes,
-    keyGenerator,
   )
   const withPortableTextBlockStyle = createWithPortableTextBlockStyle(
     editorActor,
@@ -105,10 +97,10 @@ export const withPlugins = <T extends Editor>(
 
   const withPlaceholderBlock = createWithPlaceholderBlock()
 
-  const withInsertBreak = createWithInsertBreak(schemaTypes, keyGenerator)
+  const withInsertBreak = createWithInsertBreak(editorActor, schemaTypes)
 
   const withUtils = createWithUtils({
-    keyGenerator,
+    editorActor,
     schemaTypes,
     portableTextEditor,
   })

package/src/index.ts

@@ -1,4 +1,4 @@
-export {type Patch} from '@portabletext/patches'
+export type {Patch} from '@portabletext/patches'
 export {PortableTextEditable} from './editor/Editable'
 export type {PortableTextEditableProps} from './editor/Editable'
 export {
@@ -8,7 +8,7 @@ export {
   type PatchEvent,
 } from './editor/editor-machine'
 export {usePortableTextEditor} from './editor/hooks/usePortableTextEditor'
-export {defaultKeyGenerator as keyGenerator} from './editor/hooks/usePortableTextEditorKeyGenerator'
+export {defaultKeyGenerator as keyGenerator} from './editor/key-generator'
 export {usePortableTextEditorSelection} from './editor/hooks/usePortableTextEditorSelection'
 export {PortableTextEditor} from './editor/PortableTextEditor'
 export type {PortableTextEditorProps} from './editor/PortableTextEditor'

package/src/types/options.ts

@@ -6,7 +6,6 @@ import type {PatchObservable} from './editor'
  * @internal
  */
 export type createEditorOptions = {
-  keyGenerator: () => string
   patches$?: PatchObservable
   portableTextEditor: PortableTextEditor
   readOnly: boolean

package/src/utils/__tests__/operationToPatches.test.ts

@@ -3,7 +3,6 @@ import {createEditor, type Descendant} from 'slate'
 import {beforeEach, describe, expect, it} from 'vitest'
 import {PortableTextEditor, type PortableTextEditorProps} from '../..'
 import {schemaType} from '../../editor/__tests__/PortableTextEditorTester'
-import {defaultKeyGenerator} from '../../editor/hooks/usePortableTextEditorKeyGenerator'
 import {withPlugins} from '../../editor/plugins'
 import {getPortableTextMemberSchemaTypes} from '../getPortableTextMemberSchemaTypes'
 import {createOperationToPatches} from '../operationToPatches'
@@ -16,7 +15,6 @@ const {editor} = withPlugins(createEditor(), {
   portableTextEditor: new PortableTextEditor({
     schemaType,
   } as PortableTextEditorProps),
-  keyGenerator: defaultKeyGenerator,
   readOnly: false,
 })
 

package/src/utils/__tests__/patchToOperations.test.ts

@@ -2,7 +2,7 @@ import type {Patch} from '@portabletext/patches'
 import {noop} from 'lodash'
 import {createEditor, type Descendant} from 'slate'
 import {beforeEach, describe, expect, it} from 'vitest'
-import {keyGenerator, PortableTextEditor} from '../..'
+import {PortableTextEditor} from '../..'
 import {schemaType} from '../../editor/__tests__/PortableTextEditorTester'
 import {withPlugins} from '../../editor/plugins'
 import {createApplyPatch} from '../applyPatch'
@@ -16,7 +16,6 @@ const portableTextEditor = new PortableTextEditor({schemaType, onChange: noop})
 
 const {editor} = withPlugins(createEditor(), {
   portableTextEditor,
-  keyGenerator,
   readOnly: false,
 })
 

package/src/editor/hooks/usePortableTextEditorKeyGenerator.ts

@@ -1,27 +0,0 @@
-import {randomKey} from '@sanity/util/content'
-import {createContext, useContext} from 'react'
-
-/**
- * @public
- */
-export const defaultKeyGenerator = (): string => randomKey(12)
-
-/**
- * A React context for sharing the editor's keyGenerator.
- */
-export const PortableTextEditorKeyGeneratorContext =
-  createContext<() => string>(defaultKeyGenerator)
-
-/**
- * Get the current editor selection from the React context.
- */
-export const usePortableTextEditorKeyGenerator = (): (() => string) => {
-  const keyGenerator = useContext(PortableTextEditorKeyGeneratorContext)
-
-  if (keyGenerator === undefined) {
-    throw new Error(
-      `The \`usePortableTextEditorKeyGenerator\` hook must be used inside the <PortableTextEditor> component's context.`,
-    )
-  }
-  return keyGenerator
-}