Migrate lexical-react to TypeScript (7/n)

[thegreatercurve]

Continues work on #1242. This PR includes:

• Migrated 1 package::
  • lexical-react

Migration steps

I ran the below script to update the directories automatically, and then fixed each compiler linter error manually:

#!/usr/bin/env bash
DIRECTORIES=(
    "lexical-react" 
)

for directory in ${DIRECTORIES[@]}; do
    # Preserve commit history
    for i in $(find ./packages/$directory -iname "*.js" -not -path "*dist*");
        do git mv "$i" "$(echo $i | rev | cut -d '.' -f 2- | rev).ts";
    done
    for i in $(find ./packages/$directory -iname "*.jsx" -not -path "*dist*");
        do git mv "$i" "$(echo $i | rev | cut -d '.' -f 2- | rev).tsx";
    done

    for i in $(find ./packages/$directory -iname "*.ts" -not -path "*dist*" -not -path "flow");
        do sed -i "" "s/boolean %checks/node is ManuallyFindAndReplace/g" $i && sed -i "" "s/: LexicalNode>/ = LexicalNode>/g" $i;
    done
    for i in $(find ./packages/$directory -iname "*.tsx" -not -path "*dist*" -not -path "flow");
        do sed -i "" "s/boolean %checks/node is ManuallyFindAndReplace/g" $i && sed -i "" "s/: LexicalNode>/ = LexicalNode>/g" $i;
    done
    
    npx @khanacademy/flow-to-ts --write "./packages/$directory/**/{!*.d.ts,*.ts}";
    npx @khanacademy/flow-to-ts --write "./packages/$directory/**/*.tsx";
done

npm run prettier:fix;

Bundle sizes

Bundle sizes are consistent with main. Below are some sample packages:

package	main	TS branch
LexicalCharacterLimitPlugin.prod.js	3.4K	3.4K
LexicalAutoLinkPlugin.prod.js	2.5K	2.5K
LexicalTablePlugin.prod.js	1.6k	1.6K

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
lexical	✅ Ready (Inspect)	Visit Preview	May 20, 2022 at 8:18AM (UTC)
lexical-playground	✅ Ready (Inspect)	Visit Preview	May 20, 2022 at 8:18AM (UTC)

[thegreatercurve]

@acywatson I'll rebase the serialization PR on top of this and fix any merge conflict. I just want to try and get the TS stuff before the end of the week.

[acywatson]

@acywatson I'll rebase the serialization PR on top of this and fix any merge conflict. I just want to try and get the TS stuff before the end of the week.

That's fine, but let me worry about the rebase, if you don't mind. :)

[tylerjbainbridge]

Looks good to me!