Migrate LexicalClipboard to TypeScript (5/n)

[thegreatercurve]

Continues work on #1242. This PR includes:

• Migrated 1 package solo as it created some type errors with core:
  • lexical-clipboard

Migration steps

I ran the below script to update the directories automatically, and then went through each one fixing the result TypeScript compiler errors, and Lint errors which prevents Vite from building the playground.

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

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 "*__tests__*" -not -path "*dist*" -not -path "flow");
        do sed -i "" "s/boolean %checks/node is FindAndReplace/g" $i;
    done
    for i in $(find ./packages/$directory -iname "*.tsx" -not -path "*__tests__*" -not -path "*dist*" -not -path "flow");
        do sed -i "" "s/boolean %checks/node is FindAndReplace/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

All looks good with the bundle sizes after running npm run build-www. We're still making the most out of Google Closure Compiler:

package	main	TS branch
LexicalClipboard.prod.js	6.2K	6.2K

[vercel]

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

Name	Status	Preview	Updated
lexical	✅ Ready (Inspect)	Visit Preview	May 12, 2022 at 10:00AM (UTC)
lexical-playground	✅ Ready (Inspect)	Visit Preview	May 12, 2022 at 10:00AM (UTC)

[trueadm]

Nice work!