arcanajs 1.0.0 → 2.0.0

package/lib/shared/core/ArcanaJSApp.js

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArcanaJSApp = void 0;
+const react_1 = __importStar(require("react"));
+const Page_1 = require("../components/Page");
+const RouterContext_1 = require("../context/RouterContext");
+const ArcanaJSApp = ({ initialPage, initialData, initialParams = {}, initialUrl, csrfToken, views, layout: Layout, }) => {
+    const [page, setPage] = (0, react_1.useState)(initialPage);
+    const [data, setData] = (0, react_1.useState)(initialData);
+    const [params, setParams] = (0, react_1.useState)(initialParams);
+    const [url, setUrl] = (0, react_1.useState)(initialUrl ||
+        (typeof window !== "undefined" ? window.location.pathname : "/"));
+    (0, react_1.useEffect)(() => {
+        const handlePopState = (event) => {
+            if (event.state) {
+                setPage(event.state.page);
+                setData(event.state.data);
+                setParams(event.state.params || {});
+                setUrl(window.location.pathname);
+            }
+        };
+        window.addEventListener("popstate", handlePopState);
+        return () => window.removeEventListener("popstate", handlePopState);
+    }, []);
+    const navigateTo = async (newUrl) => {
+        try {
+            const response = await fetch(newUrl, {
+                headers: { "x-arcanajs-request": "true" },
+            });
+            if (!response.ok) {
+                if (response.status === 404) {
+                    setPage("NotFoundPage");
+                    setUrl(newUrl);
+                    window.history.pushState({ page: "NotFoundPage", data: {} }, "", newUrl);
+                    return;
+                }
+                throw new Error(`Navigation failed: ${response.status} ${response.statusText}`);
+            }
+            const json = await response.json();
+            window.history.pushState({ page: json.page, data: json.data, params: json.params }, "", newUrl);
+            setPage(json.page);
+            setData(json.data);
+            setParams(json.params || {});
+            setUrl(newUrl);
+        }
+        catch (error) {
+            console.error("Navigation failed", error);
+            // Optionally set an error state here to show a UI toast or error page
+        }
+    };
+    const renderPage = () => {
+        const Component = views[page] || views["NotFoundPage"] || (() => react_1.default.createElement("div", null, "404 Not Found"));
+        return (react_1.default.createElement(Page_1.Page, { data: data },
+            react_1.default.createElement(Component, { data: data, navigateTo: navigateTo, params: params })));
+    };
+    const content = renderPage();
+    return (react_1.default.createElement(RouterContext_1.RouterProvider, { value: {
+            navigateTo,
+            currentPage: page,
+            currentUrl: url,
+            params,
+            csrfToken,
+        } }, Layout ? react_1.default.createElement(Layout, null, content) : react_1.default.createElement(react_1.default.Fragment, null, content)));
+};
+exports.ArcanaJSApp = ArcanaJSApp;

package/lib/shared/hooks/useDynamicComponents.d.ts

@@ -0,0 +1 @@
+export declare const useDynamicComponents: (loader: () => Promise<any>) => any;

package/lib/shared/hooks/useDynamicComponents.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDynamicComponents = void 0;
+const react_1 = require("react");
+const useDynamicComponents = (loader) => {
+    const [component, setComponent] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        let mounted = true;
+        loader().then((mod) => {
+            if (mounted) {
+                setComponent(mod.default || mod);
+            }
+        });
+        return () => {
+            mounted = false;
+        };
+    }, []); // loader dependency omitted to avoid loops if loader is inline
+    return component;
+};
+exports.useDynamicComponents = useDynamicComponents;

package/lib/shared/hooks/useHead.d.ts

@@ -0,0 +1 @@
+export declare const useHead: () => import("../context/HeadContext").HeadManager | null;

package/lib/shared/hooks/useHead.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHead = void 0;
+const react_1 = require("react");
+const HeadContext_1 = require("../context/HeadContext");
+const useHead = () => (0, react_1.useContext)(HeadContext_1.HeadContext);
+exports.useHead = useHead;

package/lib/shared/hooks/useLocation.d.ts

@@ -0,0 +1,5 @@
+export declare const useLocation: () => {
+    pathname: string;
+    search: string;
+    hash: string;
+};

package/lib/shared/hooks/useLocation.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocation = void 0;
+const useRouter_1 = require("./useRouter");
+const useLocation = () => {
+    const { currentUrl } = (0, useRouter_1.useRouter)();
+    return {
+        pathname: currentUrl,
+        search: typeof window !== "undefined" ? window.location.search : "",
+        hash: typeof window !== "undefined" ? window.location.hash : "",
+    };
+};
+exports.useLocation = useLocation;

package/lib/shared/hooks/usePage.d.ts

@@ -0,0 +1 @@
+export declare const usePage: <T = any>() => T;

package/lib/shared/hooks/usePage.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePage = void 0;
+const react_1 = require("react");
+const PageContext_1 = require("../context/PageContext");
+const usePage = () => (0, react_1.useContext)(PageContext_1.PageContext);
+exports.usePage = usePage;

package/lib/shared/hooks/useParams.d.ts

@@ -0,0 +1 @@
+export declare const useParams: () => Record<string, string>;

package/lib/shared/hooks/useParams.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useParams = void 0;
+const react_1 = require("react");
+const RouterContext_1 = require("../context/RouterContext");
+const useParams = () => {
+    const context = (0, react_1.useContext)(RouterContext_1.RouterContext);
+    if (!context) {
+        throw new Error("useParams must be used within an ArcanaJSApp");
+    }
+    return context.params;
+};
+exports.useParams = useParams;

package/lib/shared/hooks/useQuery.d.ts

@@ -0,0 +1 @@
+export declare const useQuery: () => URLSearchParams;

package/lib/shared/hooks/useQuery.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuery = void 0;
+const useLocation_1 = require("./useLocation");
+const useQuery = () => {
+    const { search } = (0, useLocation_1.useLocation)();
+    return new URLSearchParams(search);
+};
+exports.useQuery = useQuery;

package/lib/shared/hooks/useRouter.d.ts

@@ -0,0 +1 @@
+export declare const useRouter: () => import("../context/RouterContext").RouterContextType;

package/lib/shared/hooks/useRouter.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRouter = void 0;
+const react_1 = require("react");
+const RouterContext_1 = require("../context/RouterContext");
+const useRouter = () => {
+    const context = (0, react_1.useContext)(RouterContext_1.RouterContext);
+    if (!context) {
+        throw new Error("useRouter must be used within an ArcanaJSApp");
+    }
+    return context;
+};
+exports.useRouter = useRouter;

package/lib/shared/utils/createSingletonContext.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+/**
+ * Creates a React Context that persists across multiple module loads (Webpack bundles vs Node require).
+ * This is essential for SSR applications where the server bundle and dynamically loaded views
+ * might reference different instances of the "same" context module.
+ *
+ * @param key A unique string key to identify this context globally
+ * @param defaultValue The default value for the context
+ * @returns A React Context instance (singleton)
+ */
+export declare function createSingletonContext<T>(key: string, defaultValue: T): React.Context<T>;

package/lib/shared/utils/createSingletonContext.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSingletonContext = createSingletonContext;
+const react_1 = require("react");
+/**
+ * Creates a React Context that persists across multiple module loads (Webpack bundles vs Node require).
+ * This is essential for SSR applications where the server bundle and dynamically loaded views
+ * might reference different instances of the "same" context module.
+ *
+ * @param key A unique string key to identify this context globally
+ * @param defaultValue The default value for the context
+ * @returns A React Context instance (singleton)
+ */
+function createSingletonContext(key, defaultValue) {
+    const globalAny = global;
+    const symbolKey = Symbol.for(`ARCANAJS_CONTEXT_${key}`);
+    if (!globalAny[symbolKey]) {
+        globalAny[symbolKey] = (0, react_1.createContext)(defaultValue);
+    }
+    return globalAny[symbolKey];
+}

package/package.json

@@ -1,31 +1,71 @@
 {
   "name": "arcanajs",
-  "author": {
-    "name": "Mohammed Ben Cheikh",
-    "email": "mohammed.bencheikh.dev@gmail.com",
-    "url": "https://mohammedbencheikh.com/"
+  "version": "2.0.0",
+  "description": "ArcanaJS Framework",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": "./lib/index.js",
+    "./server": "./lib/server.js"
   },
-  "version": "1.0.0",
-  "description": "A powerful full-stack framework combining Express, React and MongoDB with server-side rendering",
-  "keywords": [
-    "framework",
-    "full-stack",
-    "express",
-    "react",
-    "mongodb",
-    "ssr",
-    "mvc",
-    "arcana",
-    "routing",
-    "server-side-rendering"
+  "files": [
+    "lib",
+    "webpack.client.js",
+    "webpack.server.js",
+    "tsconfig.json",
+    "babel.config.js",
+    "postcss.config.js",
+    "tailwind.config.js"
   ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/arcanajs/arcanajs.git"
+  "scripts": {
+    "build": "tsc -p tsconfig.lib.json",
+    "build:app": "cross-env NODE_ENV=production webpack --config webpack.server.js && cross-env NODE_ENV=production webpack --config webpack.client.js",
+    "dev:server": "cross-env NODE_ENV=development webpack --config webpack.server.js --watch",
+    "dev:server:tsx": "tsx watch src/example/server/index.ts",
+    "dev:client": "cross-env NODE_ENV=development webpack --config webpack.client.js --watch",
+    "dev": "concurrently \"npm run dev:server\" \"npm run dev:client\"",
+    "dev:tsx": "concurrently \"npm run dev:server:tsx\" \"npm run dev:client\"",
+    "start": "cross-env NODE_ENV=production node dist/server.js"
   },
-  "bugs": {
-    "url": "https://github.com/arcanajs/arcanajs/issues"
+  "dependencies": {
+    "@babel/core": "^7.23.0",
+    "@babel/preset-env": "^7.23.0",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.0",
+    "@tailwindcss/postcss": "^4.1.17",
+    "autoprefixer": "^10.4.22",
+    "babel-loader": "^10.0.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "compression": "^1.8.1",
+    "concurrently": "^9.2.1",
+    "cookie-parser": "^1.4.7",
+    "cross-env": "^10.1.0",
+    "css-loader": "^7.1.2",
+    "express": "^5.1.0",
+    "helmet": "^8.1.0",
+    "html-webpack-plugin": "^5.6.5",
+    "mini-css-extract-plugin": "^2.9.4",
+    "null-loader": "^4.0.1",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^4.1.17",
+    "ts-loader": "^9.4.4",
+    "typescript": "^5.2.2",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^6.0.1",
+    "webpack-node-externals": "^3.0.0"
   },
-  "homepage": "https://arcanajs.com",
-  "license": "MIT"
-}
+  "devDependencies": {
+    "@types/compression": "^1.8.1",
+    "@types/cookie-parser": "^1.4.10",
+    "@types/express": "^5.0.5",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.20.6"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+    autoprefixer: {},
+  },
+};

package/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

package/tsconfig.json

@@ -1,27 +1,16 @@
 {
   "compilerOptions": {
     "target": "ES2020",
-    "module": "commonjs",
-    "lib": ["ES2020"],
+    "module": "CommonJS",
+    "lib": ["DOM", "ES2020"],
     "jsx": "react",
-    "outDir": "./dist",
-    "rootDir": ".",
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "moduleResolution": "node",
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "allowSyntheticDefaultImports": true,
-    "types": ["node"],
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    }
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "moduleResolution": "node"
   },
-  "include": ["src/**/*", "config/**/*", "bin/**/*"],
-  "exclude": ["node_modules", "dist", "tests"]
+  "include": ["src/**/*"]
 }

package/webpack.client.js

@@ -0,0 +1,71 @@
+const path = require("path");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
+const isProduction = process.env.NODE_ENV === "production";
+
+module.exports = {
+  mode: isProduction ? "production" : "development",
+  target: "web",
+  entry: {
+    client: "./src/example/client/index.tsx",
+  },
+  output: {
+    path: path.resolve(__dirname, "dist/public"),
+    filename: isProduction
+      ? "[name].[contenthash].bundle.js"
+      : "[name].bundle.js",
+    publicPath: "/",
+    assetModuleFilename: "assets/[hash][ext][query]",
+  },
+  resolve: {
+    extensions: [".ts", ".tsx", ".js", ".jsx"],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(ts|tsx|js|jsx)$/,
+        exclude: /node_modules/,
+        use: "babel-loader",
+      },
+      {
+        test: /\.css$/,
+        use: [
+          isProduction ? MiniCssExtractPlugin.loader : "style-loader",
+          "css-loader",
+          "postcss-loader",
+        ],
+      },
+      {
+        test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|eot|ttf|otf)$/i,
+        type: "asset/resource",
+      },
+    ],
+  },
+  plugins: [
+    new CleanWebpackPlugin(),
+    new HtmlWebpackPlugin({
+      template: "./src/lib/server/default-index.html",
+      filename: "index.html",
+      inject: "body",
+      minify: isProduction,
+    }),
+    new MiniCssExtractPlugin({
+      filename: isProduction ? "[name].[contenthash].css" : "[name].css",
+    }),
+  ],
+  optimization: {
+    splitChunks: {
+      chunks: "all",
+      cacheGroups: {
+        vendor: {
+          test: /[\\/]node_modules[\\/]/,
+          name: "vendors",
+          chunks: "all",
+        },
+      },
+    },
+  },
+  devtool: isProduction ? "source-map" : "eval-source-map",
+};

package/webpack.server.js

@@ -0,0 +1,39 @@
+const path = require("path");
+const nodeExternals = require("webpack-node-externals");
+
+const isProduction = process.env.NODE_ENV === "production";
+
+module.exports = {
+  mode: isProduction ? "production" : "development",
+  target: "node",
+  entry: "./src/example/server/index.ts",
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "server.js",
+  },
+  externals: [nodeExternals()],
+  resolve: {
+    extensions: [".ts", ".tsx", ".js", ".jsx"],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(ts|tsx|js|jsx)$/,
+        exclude: /node_modules/,
+        use: "babel-loader",
+      },
+      {
+        test: /\.css$/,
+        use: "null-loader", // Ignore CSS on server side
+      },
+      {
+        test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|eot|ttf|otf)$/i,
+        type: "asset/resource",
+        generator: {
+          emit: false, // Don't emit files for server build, just get paths
+        },
+      },
+    ],
+  },
+  devtool: isProduction ? "source-map" : "eval-source-map",
+};

package/.prettierrc

@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "trailingComma": "all"
-}

package/README.md

@@ -1,115 +0,0 @@
-<div align="center">
-  <img src="https://digiclips.ma/arcanajs.png" alt="ArcanaJS Logo" width="200" style="border-radius: 9px;"/>
-  
-  <p><strong>ArcanaJS A modern, full-stack JavaScript framework for building fast, SEO-friendly web applications</strong></p>
-
-[![npm version](https://img.shields.io/npm/v/arcanajs.svg?style=flat-square)](https://www.npmjs.com/package/arcanajs)
-[![license](https://img.shields.io/npm/l/arcanajs.svg?style=flat-square)](https://github.com/arcanajs/arcanajs/blob/main/LICENSE)
-[![downloads](https://img.shields.io/npm/dm/arcanajs.svg?style=flat-square)](https://www.npmjs.com/package/arcanajs)
-[![Build Status](https://img.shields.io/github/actions/workflow/status/arcanajs/arcanajs/ci.yml?style=flat-square)](https://github.com/arcanajs/arcanajs/actions)
-
-[Website](https://arcanajs.com) • [Documentation](https://arcanajs.com/docs) • [Examples](https://github.com/arcanajs/examples) • [Community](https://discord.gg/zkFDewQ7TW)
-
-</div>
-
-## 📚 Documentation
-
-Comprehensive guides, API references, and tutorials are available at: **[https://arcanajs.com/docs](https://arcanajs.com/docs)**
-
-## 🤝 Contributing
-
-We welcome contributions from the community! Whether it's:
-
-- 🐛 **Bug reports** – Help us identify and fix issues
-- 💡 **Feature requests** – Share your ideas for improvements
-- 📝 **Documentation** – Improve or translate our docs
-- 🔧 **Code contributions** – Submit bug fixes or new features
-
-### How to Contribute
-
-1. **Fork** the repository
-2. **Create** a feature branch:
-   ```bash
-   git checkout -b feature/amazing-feature
-   ```
-3. **Commit** your changes:
-   ```bash
-   git commit -m "feat: add amazing feature"
-   ```
-4. **Push** to your branch:
-   ```bash
-   git push origin feature/amazing-feature
-   ```
-5. **Open** a Pull Request
-
-### Contribution Guidelines
-
-- Follow the existing code style and conventions
-- Write clear commit messages (we use [Conventional Commits](https://www.conventionalcommits.org/))
-- Add tests for new features
-- Update documentation as needed
-- Ensure all tests pass before submitting PR
-
-Refer to our [Contributing Guidelines](CONTRIBUTING.md) for detailed information.
-
----
-
-## 💬 Community
-
-Join our growing community:
-
-- **Discord** – [Join our Discord server](https://discord.gg/zkFDewQ7TW) for discussions and support
-- **Twitter** – Follow [@ArcanaJS](https://twitter.com/arcanajs) for updates
-- **Stack Overflow** – Tag your questions with `arcanajs`
-- **GitHub Discussions** – [Start a discussion](https://github.com/arcanajs/arcanajs/discussions)
-
-## 🙏 Acknowledgments
-
-ArcanaJS is built on the shoulders of giants. Special thanks to:
-
-- The **React** team for the amazing UI library
-- The **Express** community for the robust web framework
-- The **MongoDB** team for the flexible database
-- All our [contributors](https://github.com/arcanajs/arcanajs/graphs/contributors) who make this project better
-
-### Inspiration
-
-ArcanaJS draws inspiration from excellent frameworks like:
-
-- [NestJS](https://nestjs.com/) – Progressive Node.js framework
-- [Laravel](https://laravel.com/) – PHP framework with elegant syntax
-
----
-
-## 👨‍💻 Author
-
-<div align="center">
-  <img src="https://github.com/mohammed-ben-cheikh.png" width="100" style="border-radius: 50%;" alt="Mohammed Ben Cheikh"/>
-  
-  **Mohammed Ben Cheikh**
-  
-  Full-Stack Developer & Framework Architect
-  
-  [![Website](https://img.shields.io/badge/Website-mohammedbencheikh.com-blue?style=flat-square)](https://mohammedbencheikh.com)
-  [![Email](https://img.shields.io/badge/Email-mohammed.bencheikh.dev@gmail.com-red?style=flat-square)](mailto:mohammed.bencheikh.dev@gmail.com)
-  [![GitHub](https://img.shields.io/badge/GitHub-@mohammed--ben--cheikh-black?style=flat-square)](https://github.com/mohammed-ben-cheikh)
-  [![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue?style=flat-square)](https://linkedin.com/in/mohammed-ben-cheikh)
-</div>
-
----
-
-<div align="center">
-  <p><strong>Made with ❤️ and dedication by <a href="https://mohammedbencheikh.com">Mohammed Ben Cheikh</a></strong></p>
-  
-  <p>If you find <strong>ArcanaJS</strong> useful, please consider:</p>
-  
-  ⭐ **[Starring the project](https://github.com/arcanajs/arcanajs)** on GitHub
-  
-  🐦 **[Following us](https://twitter.com/arcanajs)** on Twitter
-  
-  💖 **[Sponsoring the project](https://github.com/sponsors/arcanajs)** to support development
-  
-  ---
-  
-  <sub>© 2025 ArcanaJS. All rights reserved.</sub>
-</div>

package/arcanajs-cli.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/nest-cli",
-  "collection": "@nestjs/schematics",
-  "sourceRoot": "src",
-  "compilerOptions": {
-    "deleteOutDir": true
-  }
-}