anu-verzum 1.18.1 → 1.20.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.20.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/dist/index.d.ts

@@ -116,6 +116,9 @@ declare const Anu: {
         };
     };
     ServerAPI: {
+        configure: ({ baseURL }: {
+            baseURL?: string;
+        }) => void;
         get: <T = any>(url: string, params?: Record<string, any>) => Promise<import(".").ApiSuccessResponse<T>>;
         post: <T = any>(url: string, data: unknown) => Promise<import(".").ApiSuccessResponse<T>>;
         put: <T = any>(url: string, data: unknown) => Promise<import(".").ApiSuccessResponse<T>>;

package/dist/server-api/server-api.d.ts

@@ -7,6 +7,9 @@ export type ApiErrorResponse = {
     response: null;
 };
 declare const ServerAPI: {
+    configure: ({ baseURL }: {
+        baseURL?: string;
+    }) => void;
     get: <T = any>(url: string, params?: Record<string, any>) => Promise<ApiSuccessResponse<T>>;
     post: <T = any>(url: string, data: unknown) => Promise<ApiSuccessResponse<T>>;
     put: <T = any>(url: string, data: unknown) => Promise<ApiSuccessResponse<T>>;

package/dist/server-api/server-api.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+let _baseURL = '';
+const _resolveURL = url => /^https?:\/\//.test(url) ? url : `${_baseURL}${url}`;
 const SUCCESS_STATUS_CODES = [200, 201, 202, 203, 204, 205, 206, 207, 208, 226];
 const CLIENT_ERROR_STATUS_CODES = [400, 401, 402, 403, 404, 405, 406, 407, 408, 409, 410, 411, 412, 413, 414, 415, 416, 417, 418, 421, 422, 423, 424, 425, 426, 428, 429, 431, 451];
 const SERVER_ERROR_STATUS_CODES = [500, 501, 502, 503, 504, 505, 506, 507, 508, 510, 511];
@@ -105,10 +107,15 @@ const _serverFileAPI = (url, files, data = {}) => (successHandler, errorHandler)
   XHR.send(formData);
 };
 const ServerAPI = {
-  get: (url, params) => new Promise(_serverGetAPI(url, params)),
-  post: (url, data) => new Promise(_serverPostAPI(url, data)),
-  put: (url, data) => new Promise(_serverPutAPI(url, data)),
-  delete: (url, params) => new Promise(_serverDeleteAPI(url, params)),
-  file: (url, files, data) => new Promise(_serverFileAPI(url, files, data))
+  configure: ({
+    baseURL = ''
+  }) => {
+    _baseURL = baseURL.replace(/\/$/, '');
+  },
+  get: (url, params) => new Promise(_serverGetAPI(_resolveURL(url), params)),
+  post: (url, data) => new Promise(_serverPostAPI(_resolveURL(url), data)),
+  put: (url, data) => new Promise(_serverPutAPI(_resolveURL(url), data)),
+  delete: (url, params) => new Promise(_serverDeleteAPI(_resolveURL(url), params)),
+  file: (url, files, data) => new Promise(_serverFileAPI(_resolveURL(url), files, data))
 };
 var _default = exports.default = ServerAPI;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anu-verzum",
-  "version": "1.18.1",
+  "version": "1.20.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
+    }
+});