/** * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @format * @flow strict-local * @emails oncall+draft_js * * This is unstable and not part of the public API and should not be used by * production systems. This file may be update/removed without notice. */ import type { RawDraftContentBlock } from "./RawDraftContentBlock"; import type { RawDraftContentState } from "./RawDraftContentState"; const generateRandomKey = require("./generateRandomKey"); const invariant = require("fbjs/lib/invariant"); const traverseInDepthOrder = (blocks: Array, fn: ((block: RawDraftContentBlock) => void)) => { let stack = [...blocks].reverse(); while (stack.length) { const block = stack.pop(); fn(block); const children = block.children; invariant(Array.isArray(children), 'Invalid tree raw block'); stack = stack.concat([...children.reverse()]); } }; const isListBlock = (block?: RawDraftContentBlock): boolean => { if (!(block && block.type)) { return false; } const { type } = block; return type === 'unordered-list-item' || type === 'ordered-list-item'; }; const addDepthToChildren = (block: RawDraftContentBlock) => { if (Array.isArray(block.children)) { block.children = block.children.map(child => child.type === block.type ? { ...child, depth: (block.depth || 0) + 1 } : child); } }; /** * This adapter is intended to be be used as an adapter to draft tree data * * draft state <=====> draft tree state */ const DraftTreeAdapter = { /** * Converts from a tree raw state back to draft raw state */ fromRawTreeStateToRawState(draftTreeState: RawDraftContentState): RawDraftContentState { const { blocks } = draftTreeState; const transformedBlocks = []; invariant(Array.isArray(blocks), 'Invalid raw state'); if (!Array.isArray(blocks) || !blocks.length) { return draftTreeState; } traverseInDepthOrder(blocks, block => { const newBlock = { ...block }; if (isListBlock(block)) { newBlock.depth = newBlock.depth || 0; addDepthToChildren(block); // if it's a non-leaf node, we don't do anything else if (block.children != null && block.children.length > 0) { return; } } delete newBlock.children; transformedBlocks.push(newBlock); }); draftTreeState.blocks = transformedBlocks; return { ...draftTreeState, blocks: transformedBlocks }; }, /** * Converts from draft raw state to tree draft state */ fromRawStateToRawTreeState(draftState: RawDraftContentState): RawDraftContentState { const transformedBlocks = []; const parentStack = []; draftState.blocks.forEach(block => { const isList = isListBlock(block); const depth = block.depth || 0; const treeBlock = { ...block, children: [] }; if (!isList) { transformedBlocks.push(treeBlock); return; } let lastParent = parentStack[0]; // block is non-nested & there are no nested blocks, directly push block if (lastParent == null && depth === 0) { transformedBlocks.push(treeBlock); // block is first nested block or previous nested block is at a lower level } else if (lastParent == null || lastParent.depth < depth - 1) { // create new parent block const newParent = { key: generateRandomKey(), text: '', depth: depth - 1, type: block.type, children: [], entityRanges: [], inlineStyleRanges: [] }; parentStack.unshift(newParent); if (depth === 1) { // add as a root-level block transformedBlocks.push(newParent); } else if (lastParent != null) { // depth > 1 => also add as previous parent's child lastParent.children.push(newParent); } newParent.children.push(treeBlock); } else if (lastParent.depth === depth - 1) { // add as child of last parent lastParent.children.push(treeBlock); } else { // pop out parents at levels above this one from the parent stack while (lastParent != null && lastParent.depth >= depth) { parentStack.shift(); lastParent = parentStack[0]; } if (depth > 0) { lastParent.children.push(treeBlock); } else { transformedBlocks.push(treeBlock); } } }); return { ...draftState, blocks: transformedBlocks }; } }; module.exports = DraftTreeAdapter;