anu-verzum 1.18.1 → 1.19.0

package/README.md

@@ -4,7 +4,7 @@
 
 <h3>@author: <strong>Anubis-programmer</strong></h3>
 <h3>@license: <strong>MIT</strong></h3>
-<h3>@version: <strong>1.18.1</strong></h3>
+<h3>@version: <strong>1.19.0</strong></h3>
 
 <br>
 
@@ -46,47 +46,10 @@ Create a `babel.config.json` in your project root:
 
 <h3 id="webpack-setup">Webpack setup</h3>
 
-Install the required build dependencies:
-
-```bash
-npm install --save-dev webpack webpack-cli webpack-dev-server html-webpack-plugin babel-loader @babel/core @babel/preset-env
-```
-
-Create (or update) `webpack.config.js`:
+All build tools ship with `anu-verzum` — no separate install needed. Create `webpack.config.js` in your project root:
 
 ```js
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-module.exports = {
-    mode: 'development',
-    entry: './src/index.tsx',           // use index.js for JavaScript-only projects
-    output: {
-        path: path.resolve(__dirname, 'dist'),
-        filename: 'bundle.js',
-        publicPath: '/'
-    },
-    module: {
-        rules: [
-            {
-                test: /\.[jt]sx?$/,     // use /\.jsx?$/ for JavaScript-only projects
-                exclude: /node_modules/,
-                use: 'babel-loader'
-            }
-        ]
-    },
-    resolve: {
-        extensions: ['.js', '.jsx', '.tsx', '.ts']
-    },
-    plugins: [
-        new HtmlWebpackPlugin({ template: './index.html' })
-    ],
-    devServer: {
-        port: 3000,
-        historyApiFallback: true,
-        open: true
-    }
-};
+module.exports = require('anu-verzum/webpack.config')(__dirname);
 ```
 
 Add scripts to `package.json`:
@@ -100,6 +63,16 @@ Add scripts to `package.json`:
 }
 ```
 
+The default config targets `src/index.tsx` as the entry point and `index.html` as the HTML template, served on port 3000. Pass an options object to override any of these:
+
+```js
+module.exports = require('anu-verzum/webpack.config')(__dirname, {
+    entry: './src/main.tsx',
+    template: './public/index.html',
+    port: 4000
+});
+```
+
 <h3 id="importing-in-your-files">Importing in your files</h3>
 
 Every file that contains JSX must import `Anu`, because the JSX transform expands to `Anu.createElement(...)` calls at compile time:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anu-verzum",
-  "version": "1.18.1",
+  "version": "1.19.0",
   "description": "A \"React-like\" UI library that supports JSX syntax, Redux-like state management, array-rendering, i18n, routing and many more.",
   "keywords": [
     "anu-verzum",
@@ -13,7 +13,8 @@
   ],
   "files": [
     "dist",
-    "babel-preset.js"
+    "babel-preset.js",
+    "webpack.config.js"
   ],
   "homepage": "https://github.com/Anubis-programmer/ANUVerzum#readme",
   "bugs": {
@@ -39,12 +40,17 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.21.0",
-    "@babel/plugin-transform-typescript": "^7.28.6"
+    "@babel/plugin-transform-typescript": "^7.28.6",
+    "@babel/preset-env": "^7.21.0",
+    "babel-loader": "^9.0.0",
+    "html-webpack-plugin": "^5.0.0",
+    "webpack": "^5.0.0",
+    "webpack-cli": "^5.0.0",
+    "webpack-dev-server": "^5.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.21.0",
     "@babel/core": "^7.21.0",
-    "@babel/preset-env": "^7.21.0",
     "@babel/preset-typescript": "^7.28.5",
     "@eslint/js": "^10.0.1",
     "@typescript-eslint/eslint-plugin": "^8.59.3",

package/webpack.config.js

@@ -0,0 +1,36 @@
+'use strict';
+
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = (projectRoot, options = {}) => ({
+    mode: 'development',
+    entry: options.entry ?? path.join(projectRoot, 'src/index.tsx'),
+    output: {
+        path: path.join(projectRoot, 'dist'),
+        filename: 'bundle.js',
+        publicPath: '/'
+    },
+    module: {
+        rules: [
+            {
+                test: /\.[jt]sx?$/,
+                exclude: /node_modules/,
+                use: 'babel-loader'
+            }
+        ]
+    },
+    resolve: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx']
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: options.template ?? path.join(projectRoot, 'index.html')
+        })
+    ],
+    devServer: {
+        port: options.port ?? 3000,
+        historyApiFallback: true,
+        open: true
+    }
+});