fix: yarn notifier

[johnrees]

Problem

yarn notifier was unable to run for me locally.

issue 1 - tsconfig baseUrl/paths

I was getting an error that it cannot find module stores/useWalletStore

I fixed this by adding `tsconfig-paths` into the tsconfig

 "ts-node": { 
+   "require": ["tsconfig-paths/register"], 
    "compilerOptions": { 
      "module": "commonjs" 
    } 
 } 

I also removed tsconfig.commonjs.json and merged it into the ts-node field in tsconfig.json

issue 2 - unexpected token '<'

After fixing the paths I got new errors because there is JSX in the one of the imports used by the notifier

I added react-jsx so that the JSX would be compiled rather than preserved. I didn't love this solution because I don't think there should be JSX loaded in a headless script that's called from node.

"compilerOptions": {
+  "jsx": "react-jsx",
  "module": "commonjs"
}

issue 3 - @solana/wallet-adapter-phantom is not cjs

The next error was because @solana/wallet-adapter-phantom is only exported as esmodules

I went down various rabbitholes trying to fix this (type: module in package.json, babel presets, swc, esbuild)

Solution 🎉

By far the simplest approach was to move ConnectionContext and getConnectionContext into their own file, this way the notifier script doesn't import any JSX or the esm @solana/wallet-adapter-phantom code.

⚠️ I don't know if utils/connection.ts is the best place for this file, or if it would be better to leave it in the store file and move the JSX and wallet-adapter code out of the store file instead?

But this works for now and fixes the immediate problem.

Finally

I also upgraded all eslint* dependencies because I got a warning from yarn test-all but I can revert that commit if it's problematic.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/solana-labs/governance-ui/7Jt7NPr9CnanVQMmfDdUEWZaY1LZ
✅ Preview: https://governance-ui-git-jr-fix-notifier-solana-labs.vercel.app

[SebastianBor]

⚠️ I don't know if utils/connection.ts is the best place for this file, or if it would be better to leave it in the store file and move the JSX and wallet-adapter code out of the store file instead?

It's better here, I think store is inherently related to UI and connection is more basic concept
Just let's unify our utility functions under tools and deprecate utils

Thank you for all that cleanup work, the project needs it !!!