Update to version 1.4.0 with new features and bug fixes

Author: prod3v3loper

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 Samet Tarim
+Copyright (c) 2019 prod3v3loper
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

app/index.js

@@ -1,37 +1,37 @@
 // DEFAULTS
-const createGLOBALSjson = require("./settings/defaults/global");
-const createPackageJson = require("./settings/defaults/package-json");
-const createTsconfig = require("./settings/defaults/tsconfig-json");
-const createBabelJson = require("./settings/defaults/babel-json");
-const createComposerJson = require("./settings/defaults/composer-json");
+import createGLOBALSjson from "./settings/defaults/global.js";
+import createPackageJson from "./settings/defaults/package-json.js";
+import createTsconfig from "./settings/defaults/tsconfig-json.js";
+import createBabelJson from "./settings/defaults/babel-json.js";
+import createComposerJson from "./settings/defaults/composer-json.js";
 // Yeoman
-const Generator = require("yeoman-generator");
+import Generator from "yeoman-generator";
 // Helper for create empty folders
-// const mkdirp = require( 'mkdirp' );
+// import mkdirp from 'mkdirp';
 // Scaffold
-// const List = require("@webpack-cli/webpack-scaffold").List;
-// const Input = require('@webpack-cli/webpack-scaffold').Input;
+// import { List, Input } from "@webpack-cli/webpack-scaffold";
 // Default abstracted configs
-const createCommonConfig = require("./settings/configs/common");
-const createProConfig = require("./settings/configs/pro");
-const createDevConfig = require("./settings/configs/dev");
+import createCommonConfig from "./settings/configs/common.js";
+import createProConfig from "./settings/configs/pro.js";
+import createDevConfig from "./settings/configs/dev.js";
 
 /**
  * Yeoman Webpack Scaffolding
  *
  * @author      prod3v3loper
  * @copyright   Copyright (C) 2021 prod3v3loper - All rights reserved
  * @license     MIT
- * @version     1.3.7
- * @since       1.0
+ * @version     1.4.0
+ * @since       1.0.0
  * @package     MELABUAI
  * @subpackage  generator-webpack-preact
+ * @link        https://www.prod3v3loper.com
  *
  * @see         https://yeoman.io/authoring/index.html
  * @see         https://github.com/evenstensberg/webpack-scaffold-demo
  * @see         https://yeoman.io/authoring/dependencies.html
  */
-module.exports = class WebpackGenerator extends Generator {
+export default class WebpackGenerator extends Generator {
   /**
    * Constructor
    *
@@ -60,6 +60,7 @@ module.exports = class WebpackGenerator extends Generator {
     // And you can then access it later; e.g.
     // this.log(this.options.name);
 
+    opts.env = opts.env || {};
     opts.env.configuration = {
       // This create the webpack.config.js
       // This property says set name webpack."config".js
@@ -80,6 +81,8 @@ module.exports = class WebpackGenerator extends Generator {
         configName: "",
       },
     };
+
+    this.options.env = opts.env;
   }
 
   /**

app/settings/configs/common.js

@@ -2,9 +2,9 @@
  * webpack.config.js
  */
 // Get the dev plugins
-const comPlugins = require("../plugins/common");
+import comPlugins from "../plugins/common.js";
 
-module.exports = function createComConfig(answer) {
+export default function createComConfig(answer) {
   let comConf = {
     entry: {
       index: answer.entry ? "'" + answer.entry + "'" : "'./src/index.jsx'",

app/settings/configs/dev.js

@@ -2,9 +2,9 @@
  * webpack.dev.js
  */
 // Get the dev plugins
-const devPlugins = require("../plugins/dev");
+import devPlugins from "../plugins/dev.js";
 
-module.exports = function createDevConfig(answer) {
+export default function createDevConfig(answer) {
   let devConf = {
     mode: "'development'",
     optimization: {

app/settings/configs/pro.js

@@ -2,9 +2,9 @@
  * webpack.pro.js
  */
 // Get the pro plugins
-// const proPlugins = require("../plugins/pro");
+import proPlugins from "../plugins/pro.js";
 
-module.exports = function createProConfig(answer) {
+export default function createProConfig(answer) {
   let proConf = {
     mode: "'production'",
     optimization: {

app/settings/defaults/babel-json.js

@@ -1,7 +1,7 @@
 
 
 // babel.config.json
-module.exports = function createBabelJson(answer) {
+export default function createBabelJson(answer) {
     const babelJsonConf = {
         // Example, we have our config for that in webpack config
         // "targets": {

app/settings/defaults/composer-json.js

@@ -1,6 +1,6 @@
 
 
-module.exports = function createComposerJson(answer) {
+export default function createComposerJson(answer) {
     const composerJsonConf = {
         // "autoload": {
         //     "psr-4": { "": "src/" }

app/settings/defaults/global.js

@@ -2,7 +2,7 @@
  * Extra config file, for Base and Globals
  */
 
-module.exports = function createGlobalJson(answer) {
+export default function createGlobalJson(answer) {
   let globalJsonConf = {
     baseURL: "https://www.prod3v3loper.com",
     logoURL: "",

app/settings/defaults/package-json.js

@@ -5,7 +5,7 @@
  * @see https://yeoman.io/authoring/dependencies.html
  */
 
-module.exports = function createPackageJson(answer) {
+export default function createPackageJson(answer) {
   const pkgJsonConf = {
     name: answer.name ? answer.name : "generator-webpack-preact",
     description: answer.description
@@ -37,35 +37,35 @@ module.exports = function createPackageJson(answer) {
         ? "'" + answer.repo + "'"
         : "https://github.com/prod3v3loper/generator-webpack-preact.git",
     },
+    type: "module",
     scripts: {
       dev: "webpack serve --open --config webpack.dev.js",
       prod: "webpack --config webpack.prod.js",
-      watch: "npx webpack watch --mode development"
     },
     devDependencies: {
-      "webpack": "^5.81.0",
-      "webpack-cli": "^5.0.2",
-      "webpack-dev-server": "^4.13.3",
-      "webpack-merge": "^5.8.0",
-      "css-loader": "^6.7.3",
-      "node-sass": "^8.0.0",
-      "sass-loader": "^13.2.2",
-      "style-loader": "^3.3.2",
+      "webpack": "^5.91.0",
+      "webpack-cli": "^5.1.4",
+      "webpack-dev-server": "^5.0.4",
+      "webpack-merge": "^5.10.0",
+      "css-loader": "^7.1.2",
+      "sass": "^1.77.4",
+      "sass-loader": "^14.2.1",
+      "style-loader": "^4.0.0",
       "file-loader": "^6.2.0",
-      "ts-loader": "^9.4.2",
-      "typescript": "^5.0.4",
+      "ts-loader": "^9.5.1",
+      "typescript": "^5.4.5",
       "clean-webpack-plugin": "^4.0.0",
-      "html-webpack-plugin": "^5.5.1",
-      "@babel/core": "^7.21.5",
-      "@babel/plugin-transform-react-jsx": "^7.21.5",
+      "html-webpack-plugin": "^5.6.0",
+      "@babel/core": "^7.24.7",
+      "@babel/plugin-transform-react-jsx": "^7.24.7",
       "@babel/plugin-proposal-class-properties": "^7.18.6",
       "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-      "@babel/preset-env": "^7.21.5",
-      "@babel/preset-typescript": "^7.21.5",
-      "babel-loader": "^9.1.2"
+      "@babel/preset-env": "^7.24.7",
+      "@babel/preset-typescript": "^7.24.7",
+      "babel-loader": "^9.1.3"
     },
     dependencies: {
-      "preact": "^10.13.2",
+      "preact": "^10.22.0",
       "redux-zero": "^5.1.7"
     }
   };

app/settings/defaults/tsconfig-json.js

@@ -5,10 +5,11 @@
  * @see https://www.typescriptlang.org/docs/handbook/compiler-options.html
  */
 
-module.exports = function createTsconfigJson(answer) {
+export default function createTsconfigJson(answer) {
   let tsJsonConf = {
     // https://www.typescriptlang.org/docs/handbook/compiler-options.html
     compilerOptions: {
+      forceConsistentCasingInFileNames: true,
       strict: true,
       /* Enable all strict type-checking options. */
       // "allowSyntheticDefaultImports": true,
@@ -18,13 +19,17 @@ module.exports = function createTsconfigJson(answer) {
       preserveConstEnums: true,
       target: answer.target ? "'" + answer.target + "'" : "ES6",
       /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'. */
-      module: "commonjs",
+      module: "ESNext",
       /* Specify module code generation: 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
       outDir: "./dist",
       /* Redirect output structure to the directory. */
       jsx: "react",
       jsxFactory: "h",
       allowJs: true,
+      moduleResolution: "node",
+      esModuleInterop: true,
+      skipLibCheck: true,
+      allowSyntheticDefaultImports: true
       // "lib": [
       //     "es6",
       //     "dom"

app/settings/plugins/common.js

@@ -5,7 +5,7 @@
  * @see     https://github.com/jantimon/html-webpack-plugin#minification
  */
 
-module.exports = function commonPlugins(answer) {
+export default function commonPlugins(answer) {
   return [
     /**
       * All files inside webpack's output.path directory will be removed once, but the

app/settings/plugins/dev.js

@@ -4,6 +4,6 @@
  * To do this you add in generator.js to topScopes your plugin
  */
 
-module.exports = function devPlugins(answer) {
+export default function devPlugins(answer) {
   return ["new webpack.HotModuleReplacementPlugin()"];
 };

app/settings/plugins/pro.js

@@ -4,6 +4,6 @@
  * To do this you add in generator.js to topScopes your plugin
  */
 
-module.exports = function proPlugins(answer) {
+export default function proPlugins(answer) {
   return [""];
 };

app/templates/configs/webpack.config.js

@@ -1,11 +1,16 @@
-const path = require("path");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
+import path from "path";
+import { fileURLToPath } from "url";
+import { CleanWebpackPlugin } from "clean-webpack-plugin";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+
+// Simuliere __dirname in ES-Modulen
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 /**
  * Thats your Webpack common config file
  */
-module.exports = {
+export default {
 
 	entry: {
 		index: "./src/index.tsx"

app/templates/configs/webpack.dev.js

@@ -1,14 +1,19 @@
-const path = require("path");
-const webpack = require("webpack");
-const { merge } = require("webpack-merge");
-const common = require("./webpack.config.js");
+import path from "path";
+import { fileURLToPath } from "url";
+import webpack from "webpack";
+import { merge } from "webpack-merge";
+import common from "./webpack.config.js";
+
+// Simuliere __dirname in ES-Modulen
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 /**
  * Thts your development config with hotmodule page reload
  * 
  * npx webpack serve --config webpack.dev.js
  */
-module.exports = merge(common, {
+export default merge(common, {
 
 	mode: "development",
 

app/templates/configs/webpack.prod.js

@@ -1,13 +1,18 @@
-const path = require("path");
-const { merge } = require("webpack-merge");
-const common = require("./webpack.config.js");
+import path from "path";
+import { fileURLToPath } from "url";
+import { merge } from "webpack-merge";
+import common from "./webpack.config.js";
+
+// Simuliere __dirname in ES-Modulen
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 /**
  * Thats your production config
  * 
  * $ npx webpack --config webpack.prod.js
  */
-module.exports = merge(common, {
+export default merge(common, {
 
 	mode: "production",