How to get sorted nodes in order of their appearance?

[reactuz]

In above case, I want to get a list of nodes sorted by their order of appearance. So I would need something like:

getOrderedNodeKeys() // [1, 2, 5, 48, 47, 6]

[2wheeh]

you can do dfs to get what you want.
there is $dfs exported from @lexical/utils.

import {$dfs} from '@lexical/utils';

const $getOrderedNodeKeys = () => $dfs().map(({node}) => node.getKey());

you should call $ functions inside of update, read or command listener. for example:

import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
import {$dfs} from '@lexical/utils';
import {COMMAND_PRIORITY_EDITOR, createCommand} from 'lexical';
import {useEffect} from 'react';

const $getOrderedNodeKeys = () => $dfs().map(({node}) => node.getKey());

const PRINT_COMMAND = createCommand('PRINT_COMMAND');

export function MyPlugin() {
  const [editor] = useLexicalComposerContext();

  useEffect(() => {
    return editor.registerCommand(
      PRINT_COMMAND,
      () => {
        console.log($getOrderedNodeKeys());

        return true;
      },
      COMMAND_PRIORITY_EDITOR,
    );
  }, [editor]);

  return (
    <button onClick={() => editor.dispatchCommand(PRINT_COMMAND, undefined)}>
      print
    </button>
  );
}

[reactuz]

@2wheeh Thanks mate!