Upgraded boilerplate all package to latest version

[NorthBei]

Descriptio

Upgraded boilerplate to latest version and update some api & config

Change

1. Updgrade all package to lastest version
2. Updated react 18 render api, electron-forge config
3. Change main entry point in pakcage.json

Package upgrade/update

I upgrade all package from current to lastest.

and replace eslint-plugin-node with eslint-plugin-n for eslint-config-standard.

Testing

I already try to run these commands to ensure that could work well.

yarn start

yarn lint

yarn package

yarn make

and check things going well

Issue & Reference

electron-forge

Becasue electron-forge upgarde, we should add devContentSecurityPolicy into forge config, allow electron app load react logo from remote url for this boilerplate.

if you just want to add specific url into whitelist, you could do this:

...
      {
        mainConfig: ...,
        devContentSecurityPolicy: "img-src 'self' https://www.vectorlogo.zone;",
        renderer: { ... },
      },
...

Refs:

• electron-forge-docs/config/plugins/webpack.md
• [webpack] Add a configuration option to set the CSP header during development #2331

React 18

Upgrading react from v17 to v18, should update the render api

Refs:

• How to Upgrade to React 18

styled-component

Because react and @types/react also upgrade to v18, and styled-component's type package not compatible the lastest version of @types/react, it will leads the createGlobalStyle api error in typescript like below image.

However, it's not affect the app running.

• React 18 compatibility? #3738
• @types/react@18 break @types/styled-components #59765

eslint-config-standard

Sinece eslint-config-standard v17.0.0, it require eslint-plugin-n instead of eslint-plugin-node.

Refs:

• Cannot find module 'eslint-plugin-node' #226

System Info

• MacOS v10.15.6
• Node.js v16.16.0
• yarn v1.22.19

[MatanYemini]

Why don't we merge it?

[NorthBei]

If thers is anything should be modified before merege this PR, feel free to tell me, please.

[alanhg]

nice job.