All notable changes to the project are listed here.
For more information visit: https://github.com/codesbiome/electron-react-webpack-typescript-2024
- 🎉 Electron version upgraded
v23.0.0
. - Using
eslint.config.json
as eslint configuration. - Tweaked app themes colors.
- Upgraded outdated packages:
Package | Version |
---|---|
electron | ^31.2.1 |
@electron-forge | 7.4.0 |
electron-squirrel-startup | ^1.0.1 |
@pmmmwh/react-refresh-webpack-plugin | ^0.5.15 |
@typescript-eslint | ^7.16.1 |
css-loader | ^7.1.2 |
eslint | ^9.7.0 |
eslint-plugin-react | ^7.34.4 |
react-refresh | ^0.14.2 |
sass | ^1.77.8 |
sass-loader | ^14.2.1 |
style-loader | ^4.0.0 |
typescript | ^5.5.3 |
webpack | ^5.93.0 |
react | ^18.3.1 |
react-dom | ^18.3.1 |
- 🎉 Application UI and Themes (light/dark).
- Using latest Electron version
v28
- Changed app accent colors & added credits menu item.
- Integrated
electron-window
components & modules in project's file structure. - Separated dark/light themes from application stylesheet for easy modification.
- Added
@styles
alias for easily import stylesheets. - Removed
less-loader
by default from project. - Removed unused
misc
directory. - Removed unused
src/common
directory. - Converted
less
toscss
for window components stylesheet. - Updated forge config with more useful hints.
- Upgraded outdated packages to their latest supported versions.
Upgraded outdated packages:
Package | Version |
---|---|
electron | 27.1.2 |
@electron-forge | 7.1.0 |
@typescript-eslint | 6.13.1 |
eslint-plugin-import | 2.29.0 |
eslint | 8.54.0 |
less | 4.2.0 |
sass | 1.69.5 |
ts-loader | 9.5.1 |
typescript | 5.3.2 |
webpack | 5.89.0 |
react-refresh-webpack-plugin | 0.5.11 |
fork-ts-checker-webpack-plugin | 9.0.2 |
Upgraded outdated packages:
Package | Version |
---|---|
electron | 26.2.2 |
@electron-forge | 6.4.2 |
@typescript-eslint | 6.7.3 |
eslint-plugin-import | 2.28.1 |
eslint-plugin-react | 7.33.2 |
eslint | 8.50.0 |
less | 4.2.0 |
sass | 1.68.0 |
typescript | 5.2.2 |
webpack | 5.88.2 |
react-refresh-webpack-plugin | 0.5.11 |
Upgraded outdated packages:
Package | Version |
---|---|
electron | 25.2.0 |
@electron-forge | 6.2.1 |
@typescript-eslint | 6.0.0 |
eslint | 8.44.0 |
less-loader | 11.1.3 |
sass | 1.63.6 |
sass-loader | 13.3.2 |
ts-loader | 9.4.4 |
typescript | 5.1.6 |
webpack | 5.88.1 |
Upgraded outdated packages:
Package | Version |
---|---|
electron | 25.0.1 |
@typescript-eslint | 5.59.9 |
css-loader | 6.8.1 |
eslint | 8.42.0 |
less-loader | 11.1.2 |
sass | 1.62.1 |
sass-loader | 13.3.1 |
style-loader | 3.3.3 |
ts-loader | 9.4.3 |
typescript | 5.1.3 |
webpack | 5.85.1 |
Upgraded outdated packages:
Package | Version | |
---|---|---|
electron | 24.1.2 |
⬆️ |
@electron-forge | 6.1.1 |
⬆️ |
@typescript-eslint | 5.59.0 |
⬆️ |
eslint | 8.39.0 |
⬆️ |
sass | 1.62.0 |
⬆️ |
sass-loader | 13.2.2 |
⬆️ |
typescript | 5.0.4 |
⬆️ |
webpack | 5.80.0 |
⬆️ |
Upgraded outdated packages:
Package | Version | |
---|---|---|
electron | 23.2.0 |
⬆️ |
eslint | 8.36.0 |
⬆️ |
sass | 1.60.0 |
⬆️ |
sass-loader | 13.2.1 |
⬆️ |
style-loader | 3.3.2 |
⬆️ |
typescript | 5.0.2 |
⬆️ |
webpack | 5.76.3 |
⬆️ |
@types/node | 18.15.10 |
⬆️ |
@types/react | 18.0.29 |
⬆️ |
@types/react-dom | 18.0.11 |
⬆️ |
@typescript-eslint | 5.56.0 |
⬆️ |
Upgraded outdated packages:
Package | Version | |
---|---|---|
electron | 23.1.2 |
⬆️ |
eslint | 8.35.0 |
⬆️ |
sass | 1.58.3 |
⬆️ |
@types/node | 18.14.6 |
⬆️ |
@types/react | 18.0.28 |
⬆️ |
@types/react-dom | 18.0.11 |
⬆️ |
@typescript-eslint | 5.54.0 |
⬆️ |
- 🎉 Electron version upgraded
v23.0.0
- Upgraded outdated packages:
electron
upgraded tov23.0.0
@electron-forge
deps upgraded tov6.0.5
@typescript-eslint
deps upgraded tov5.51.0
css-loader
upgraded tov6.7.3
eslint
upgraded tov8.33.0
eslint-plugin-import
upgraded tov2.27.5
eslint-plugin-react
upgraded tov7.32.2
fork-ts-checker-webpack-plugin
upgraded tov7.3.0
sass
upgraded tov1.58.0
typescript
upgraded tov4.9.5
- 🎉 Electron version upgraded
v22.0.0
- Upgraded outdated packages:
electron
upgraded tov22.0.0
@electron-forge
deps upgraded tov6.0.4
@pmmmwh/react-refresh-webpack-plugin
upgraded tov0.5.10
@typescript-eslint
deps upgraded tov5.46.0
css-loader
upgraded tov6.7.2
eslint
upgraded tov8.29.0
sass-loader
upgraded tov13.2.0
ts-loader
upgraded tov9.4.2
typescript
upgraded tov4.9.4
webpack
upgraded tov5.75.0
- 🎉 Electron version upgraded to
v21.2.0
- Fixed Devtools Console warning message caused by content policy.
- Upgraded forge config plugins format to support latest version.
- Disabled
sandbox
by default in application window. - Upgraded outdated deps:
electron
upgraded tov21.2.0
@electron-forge
deps upgraded tov6.0.0-beta.68
@pmmmwh/react-refresh-webpack-plugin
upgraded tov0.5.8
@typescript-eslint
deps upgraded tov5.41.0
classnames
upgraded tov2.3.2
eslint
upgraded tov8.26.0
eslint-plugin-react
upgraded tov7.31.10
less-loader
upgraded tov11.1.0
sass
upgraded tov1.55.0
sass-loader
upgraded tov13.1.0
ts-loader
upgraded tov9.4.1
typescript
upgraded tov4.8.4
- 🥳 New layout for default application.
- 🤖 Overhaul for dark/light themes with new colors.
- Improved transition timing of title menus list.
- Fixed native modules compiling issue with update to related webpack loader.
- Updated forge
devContentSecurityPolicy
config for electron window. - Upgraded outdated deps:
electron
upgraded tov19.0.14
@electron-forge
deps upgraded tov6.0.0-beta.65
@typescript-eslint
deps upgraded tov5.36.1
eslint
upgraded tov8.23.0
eslint-plugin-react
upgraded tov7.30.1
sass
upgrded tov1.54.0
typescript
upgraded tov4.7.4
- Upgraded outdated deps:
electron
upgraded to^19.0.9
.@typescript-eslint
deps upgraded tov5.30.7
.eslint
upgraded tov8.20.0"
.fork-ts-checker-webpack-plugin
upgraded tov7.2.13
.sass
upgraded tov1.54.0
.sass-loader
upgraded tov13.0.2
.webpack
upgraded tov5.74.0
.
- 🎉 Electron version upgraded to
v19.0.6
- Using
misc/window
for custom window without git submodule. - Upgraded outdated deps:
electron
upgraded tov19.0.6
@electron-forge
deps upgraded tov6.0.0-beta.64
@pmmmwh/react-refresh-webpack-plugin
upgraded tov0.5.7
@types
deps upgraded to latest version@typescript-eslint
deps upgraded tov5.29.0
eslint
upgraded tov8.18.0
eslint-plugin-react
upgraded tov7.30.1
fork-ts-checker-webpack-plugin
upgraded tov7.2.11
less
upgraded tov4.1.3
less-loader
upgraded tov11.0.0
react-refresh
upgraded tov0.14.0
sass
upgraded tov1.53.0
sass-loader
upgraded tov13.0.1
ts-loader
upgraded tov9.3.1
typescript
upgraded tov4.7.4
webpack
upgraded to5.73.0
- 🙌🏻 New Layout for default application.
- 🌑 Dark mode & 💡 Light Mode colors.
- 🎉 Electron version upgraded to
v18.1.0
- Using
sass/scss
stylesheets by default for project (previouslyless
was used). - Using
React Fast Refresh
for hot reloading, removed oldhot-loader
. - Titlebar Menus style overrides for improvements with rounded corners.
- Created a new
Theme.scss
file for adjusting light/dark mode color schemes. - Persist theme state in
localStorage
by default. - Using
pnpm
instead ofyarn
as package manager for project. - Upgraded outdated deps:
electron
upgraded tov18.1.0
eslint
upgraded tov8.13.0
typescript
upgraded tov4.6.3
webpack
upgraded tov5.72.0
react
deps upgraded tov18.0.0
- Upgraded outdated deps:
electron
upgraded tov17.2.0
eslint
ugpraded tov8.11.0
,css-loader
upgraded tov6.7.1
@typescript-eslint/eslint-plugin
deps upgraded tov5.16.0
eslint-plugin-react
upgraded tov7.29.4
ts-loader
upgraded tov9.2.8
typescript
upgraded tov4.6.3
webpack
upgraded tov5.70.0
- 🎉 Electron core upgraded
v17.0.1
- Upgraded outdated deps:
@hot-loader/react-dom
upgraded tov17.0.2
webpack
upgraded tov5.69.1
typescript
upgraded tov4.5.5
fork-ts-checker-webpack-plugin
upgraded tov7.2.1
eslint
upgraded tov8.9.0
css-loader
upgraded tov6.6.0
@typescript-eslint
deps upgraded tov5.12.1
- Electron Window : File menu visible by default
- Upgraded outdated deps:
electron
upgraded tov16.0.7
@electron-forge
deps upgraded tov6.0.0-beta.63
@types/node
upgraded tov17.0.8
@typescript-eslint
deps upgraded tov5.9.1
eslint
upgraded tov8.6.0
typescript
upgraded tov4.5.4
webpack
upgraded tov5.66.0
- 🎉 Electron core upgraded
v16
- Upgraded outdated deps:
@typescript-eslint
deps upgraded to^5.5.0
eslint
upgraded to^8.4.0
fork-ts-checker-webpack-plugin
upgraded to^6.5.0
typescript
upgraded to^4.5.2
webpack
upgraded to^5.64.4
- Fix: CSS/LESS
background-image
corrupted image file output. - Updated: Webpack Rules to load assets using Webpack v5 Asset Modules instead of
file-loader
- Fix: Typo in eslint alias map for
@components
- Updated: Window (submodule) to latest version.
- Removed: Unused contextBridge api declaration.
- Overhauled: Application default layout and styling.
- Overhauled: Project files structure to separate 'main' & 'renderer' modules.
- Added: Custom Window Frame.
- Added: Custom Window Titlebar.
- Added: Custom Menus for Titlebar.
- Added: Window controls for
windows
&mac
based platform. - Renamed:
.eslintrc.json
to.eslintrc
- Upgraded Outdated deps :
eslint
upgraded tov8.2.0
css-loader
upgraded tov6.5.1
@typescript-eslint
deps upgraded tov5.3.0
webpack
upgraded tov5.62.1
- 🎉 Electron core upgraded to version
v15
- Application colors updated for vue environment
- Fix eslint script
- Default window background color updated.
- Upgrade outdated deps:
electron
upgraded to^15.0.0
@electron-forge
deps upgraded to6.0.0-beta.61
@types/node
upgraded to^16.9.6
@typescript-eslint
deps upgraded to^4.31.2
css-loader
upgraded to^6.3.0
- 🎉 Electron core upgraded to version
v14
- Update application style properties
- Enable
nativeWindowOpen
for main window - Remove
enableRemoteModule
from main window - Fix : Hot reloading issue caused by
liveReload
in webpack devServer - Added additional Webpack
devServer
configuration intools/forge/forge.config.js
- Upgraded outdated deps:
@electron-forge
deps upgraded to6.0.0-beta.60
@typescript-eslint
deps upgraded to^4.30.0
@types/react
upgraded to^17.0.19
electron
upgraded to^14.0.0
eslint-plugin-import
upgraded to^2.24.2
eslint-plugin-react
upgraded to^7.25.1
typescript
upgraded to^4.4.2
webpack
upgraded to^5.51.1
- Update file-loader configuration for
assets
files - Add packager configuration for app executable file details
- Update
README
with similar useful projects
- Overhaul for Application default layout and styling.
- Default window background color updated.
- Default
minimal
stats output for main & renderer process via webpack. - Upgraded outdated deps :
electron
upgraded to^13.1.9
@electron-forge
packages upgraded to6.0.0-beta.59
@typescript-eslint
packages upgraded to^4.29.2
css-loader
upgraded to^6.2.0
eslint
upgraded to^7.32.0
fork-ts-checker-webpack-plugin
upgraded to^6.3.2
less-loader
upgraded to10.0.1
style-loader
upgraded to^3.2.1
ts-loader
upgraded to9.2.5
typescript
upgraded to^4.3.5
webpack
upgraded to^5.50.0
- Electron core 🚀 upgraded to version 13.
- Expose Webpack Ports settings in forge configuration.
- Upgraded outdated packages :
electron
upgraded to^13.0.1
@typescript-eslint
packages upgraded to^4.26.0
eslint
upgraded to^7.27.0
css-loader
upgraded to^5.2.6
ts-loader
upgraded to8.3.0
typescript
upgraded to^4.3.2
webpack
upgraded to^5.38.1
fork-ts-checker-webpack-plugin
upgraded to^6.2.10
- Upgraded outdated packages
electron'
upgraded to^12.0.6
react
upgraded to^17.0.2
react-dom
upgraded to^17.0.2
css-loader
upgraded to^5.2.4
eslint
upgraded to^7.25.0
node-loader
upgraded to2.0.0
ts-loader
upgraded to8.2.0
typescript
upgraded to^4.2.4
webpack
upgraded to^5.36.2
- Overhaul for Application component layout and styling.
- Project Files structure updated.
- Move static images to
assets
directory. - Remove
.prettierignore
file. - Use
.tsx
file extension forpreload
andrenderer
incase we need to use components. - Introduce new
assets
webpack alias. - Modify aliases usage for new project structure.
- Upgraded outdated dependencies
electron
upgraded to12.0.1
css-loader
upgraded to5.1.3
eslint
upgraded to7.22.0
less
upgraded to4.1.1
less-loader
upgraded to7.3.0
ts-loader
upgraded to8.0.18
typescript
upgraded to4.2.3
webpack
upgraded to5.27.1
- New Year 2021 🎉🎊
- Upgraded outdated dependencies
electron
version upgraded to11.1.1
react
version upgraded to17.0.1
hot-loader
version upgraded to17.0.1
webpack
version upgraded to5.13.0
typescript
version upgraded to4.1.3
ts-loader
version upgraded to8.0.14
css-loader
version upgraded to5.0.1
style-loader
version upgraded to2.0.0
less
version upgraded to4.1.0
- Upgraded outdated dependencies
electron
version upgraded to10.x
typescript
version upgraded to4.x
less-loader
version upgraded to7.x
- Upgraded outdated dependencies
- Added electron window background color
- Devtools opening on startup is disabled
- Added
preload
script usage (preload.ts) 👍 - Moved webpack
aliases
to separate file - Added new style & color changes to boilerplate layout
- Added prettier configuration files
.prettierrc
.prettierignore
contextIsolation
is enabled by defaultnodeIntegration
enableRemoteModule
nodeIntegrationInWorker
nodeIntegrationInSubFrames
are disabled default
- Upgrade package dependencies to latest
- Add hot module replacement (live reload)
- Add linting via ESLint
- Custom webpack configuration
- Custom forge configuration for package/bundle
- Add aliases for project paths
- Image loader to display images