slate/test.js

/* eslint-disable no-console */

import { Raw, Inline } from './src'

function printNode(node, depth = 0) {
    const indent = Array(depth * 2).join(' ')

    if (node.kind === 'text') {
        console.log(`${indent}#text key=${node.key}`)
        const ranges = node.getRanges()
        ranges.forEach(range => {
            console.log(`${indent}  ${JSON.stringify(range.text)}`)
        })
    }
    else {
        console.log(`${indent}#${node.kind + (node.isVoid ? '(void)' : '')} type=${node.type} key=${node.key} ${node.data ? JSON.stringify(node.data.toJS()) : ''}`)
        node.nodes.forEach(child => printNode(child, depth + 1))
    }
}

function print(st) {
    printNode(st.document)
    console.log('')
}

const state = Raw.deserialize({
    nodes: [
        {
            kind: 'block',
            type: 'paragraph',
            key: 'container',
            nodes: [
                {
                    key: 'sometext',
                    kind: 'text',
                    text: 'Hello'
                }
            ]
        }
    ]
}, { terse: true })

print(state)

const newState = state.transform()
    .moveTo({
        anchorKey: 'sometext',
        focusKey: 'sometext',
        anchorOffset: 3,
        focusOffset: 3
    })
    .insertTextByKey('sometext', 1, 'X')
    .apply()

console.log(newState.selection.toJS())
print(newState)