generator-pninja 1.5.1 → 1.6.0

package/README.md

@@ -113,7 +113,7 @@ Fully wired together: auth, routing, forms, CRUD, migrations.
 
 ### Data Management
 
-- **Soft Delete Support** - Logical deletion with `deleted_at` timestamps (use `@softDelete` annotation in JDL)
+- **Soft Delete Support** - Logical deletion with `deleted_at` timestamps; includes a web interface to view, restore, or permanently delete soft-deleted records. Unique constraints are enforced at the application level. Use `@softDelete` annotation in JDL.
 
 ```jdl
   @softDelete
@@ -123,6 +123,18 @@ Fully wired together: auth, routing, forms, CRUD, migrations.
   }
 ```
 
+> ⚠️ When `@softDelete` is used, unique constraints are enforced at the application level only — no unique index is generated in the migration.
+
+- **Pessimistic Record Locking** - Records are locked when opened for editing, preventing concurrent modifications. Locks expire automatically after 15 minutes, are renewed every 2 minutes via heartbeat, and can be force-released from the lock administration interface. Use `@pessimisticLock` annotation in JDL.
+
+```jdl
+  @pessimisticLock
+  entity MyEntity {
+    name String required
+    description String
+  }
+```
+
 - **CSV Database Seeding** - Populate your database from CSV files
 - **Seeding Administration** - Web interface to run seeders individually or in bulk, with direct CSV upload from the browser
 - **Migration Administration** - Web interface to run `migrate`, `rollback`, `migrate:fresh` and check `migrate:status` without the command line
@@ -206,6 +218,47 @@ Fully wired together: auth, routing, forms, CRUD, migrations.
 
 - [i18next][i18next-url]
 
+## API Documentation
+
+PNinja generates an interactive **API documentation interface** powered by **[Swagger UI](https://swagger.io/tools/swagger-ui/)** and an **OpenAPI 3.0 specification** built automatically from your JDL model.
+
+### In the generated application
+
+The API docs are accessible at `/support/api-docs` in the generated React client.
+
+**Features:**
+
+- **Interactive console** — execute API calls directly from the browser
+- **Authentication** — supports both Bearer token and OAuth2 (Keycloak) login via the **Authorize** button
+- **Full endpoint coverage** — all generated entities, auth, user, and locks endpoints are documented
+- **Schema reference** — read and write schemas for every entity, including blob field handling
+
+**Authenticating via Swagger UI:**
+
+- **Bearer token** (machine-to-machine): paste a valid JWT in the Authorize dialog
+- **OAuth2** (interactive login): click Authorize → select OAuth2 → log in via Keycloak
+
+**For machine-to-machine integrations**, use the Client Credentials flow:
+
+```sh
+curl -X POST 'https://<keycloak-host>/realms/<realm>/protocol/openid-connect/token' \
+  -H 'Content-Type: application/x-www-form-urlencoded' \
+  -d 'grant_type=client_credentials' \
+  -d 'client_id=YOUR_CLIENT_ID' \
+  -d 'client_secret=YOUR_CLIENT_SECRET'
+```
+
+Then use the returned `access_token` as Bearer header in all API calls.
+
+### How it works
+
+The OpenAPI specification is:
+
+- **Generated** by `generators/entities/utils/openapi-generator.js` from your JDL entities
+- **Stored** as `server/resources/openapi.json` with Keycloak URL placeholders
+- **Served dynamically** at `GET /api/openapi.json` by `OpenApiController`, which resolves the Keycloak URLs from `server/.env` at runtime
+- **Rendered** by `swagger-ui-react` in the React client at `/support/api-docs`
+
 ## Roadmap
 
 ### Frontend Frameworks
@@ -218,14 +271,6 @@ Fully wired together: auth, routing, forms, CRUD, migrations.
 - [SQL Server][sqlserver-url] support
 - [Oracle][oracle-url] support
 
-### Features
-
-- **Multi-tenancy Support** - Isolated data per tenant
-- **API Versioning** - Version management for APIs
-- **Real-time Features** - WebSockets/Pusher integration
-- **GraphQL Support** - Alternative API layer
-- **Advanced Caching** - Redis integration with cache strategies
-
 ### DevOps
 
 - **GitHub Actions CI/CD** - Automated testing and deployment

package/generators/app/index.js

@@ -39,7 +39,7 @@ export default class extends Generator {
     this.option('searchEngine', {
       type: String,
       description: 'The search engine to use (database, algolia, elastic, meilisearch, typesense, solr, null)',
-    })
+    });
   }
   async initializing() {
     hello(this.log, true);
@@ -105,6 +105,20 @@ export default class extends Generator {
       namespace: 'pninja:search'
     });
 
+    // sub generator Locking
+    const lockingGeneratorPath = path.resolve(__dirname, '../locking/index.js');
+    const { default: LockingGenerator } = await import(lockingGeneratorPath);
+
+    await this.composeWith({
+      Generator: LockingGenerator,
+      path: path.dirname(lockingGeneratorPath)
+    }, {
+      fromMain: true,
+      env: this.env,
+      resolved: lockingGeneratorPath,
+      namespace: 'pninja:locking'
+    });
+
     // sub generator Docker
     const dockerGeneratorPath = path.resolve(__dirname, '../docker/index.js');
     const { default: DockerGenerator } = await import(dockerGeneratorPath);
@@ -194,10 +208,10 @@ export default class extends Generator {
 
   async writing() {
     await this.spawn('composer', ['create-project', '--prefer-dist', 'laravel/laravel=~11.6.1', 'server']);
-    await this.spawn('composer', ['require', '--dev', 'beyondcode/laravel-dump-server'], { cwd: 'server' });
+    await this.spawn('composer', ['require', '--dev', 'beyondcode/laravel-dump-server:^2.1'], { cwd: 'server' });
     await this.spawn('php', ['artisan', 'install:api', '--without-migration-prompt'], { cwd: 'server' });
-    await this.spawn('composer', ['require', 'casbin/laravel-authz'], { cwd: 'server' });
-    await this.spawn('composer', ['require', 'owen-it/laravel-auditing'], { cwd: 'server' });
+    await this.spawn('composer', ['require', 'casbin/laravel-authz:^4.1'], { cwd: 'server' });
+    await this.spawn('composer', ['require', 'owen-it/laravel-auditing:^14.0'], { cwd: 'server' });
     let envFileContents = fs.readFileSync(`${this.destinationPath('server')}/.env`, { encoding: 'utf8', flag: 'r' });
     envFileContents = envFileContents.replace(/^APP_NAME=.*$/m, `APP_NAME=${to.constant(this.answers.name)}`);
     envFileContents = envFileContents.replace(/^APP_KEY=.*$/m, `APP_KEY=${randomstring.generate()}`);

package/generators/auth/templates/packages/pninja/laravel-keycloak-guard/src/KeycloakGuard.php

@@ -48,7 +48,7 @@ class KeycloakGuard implements Guard
 
         try {
             $claims = $this->getDecodedToken();
-        } catch (InvalidTokenException) {
+        } catch (\Throwable) {
             return null;
         }
 
@@ -167,8 +167,12 @@ class KeycloakGuard implements Guard
             return null;
         }
 
-        $plain             = $this->decoder->decode($rawToken);
-        $this->decodedToken = $this->decoder->claims($plain);
+        try {
+            $plain = $this->decoder->decode($rawToken);
+            $this->decodedToken = $this->decoder->claims($plain);
+        } catch (InvalidTokenException) {
+            return null;
+        }
 
         return $this->decodedToken;
     }

package/generators/auth/templates/packages/pninja/laravel-keycloak-guard/src/TokenDecoder.php

@@ -7,6 +7,8 @@ namespace Pninja\KeycloakGuard;
 use DateInterval;
 use Lcobucci\Clock\SystemClock;
 use Lcobucci\JWT\Configuration;
+use Lcobucci\JWT\Encoding\JoseEncoder;
+use Lcobucci\JWT\Token\Parser;
 use Lcobucci\JWT\Signer;
 use Lcobucci\JWT\Signer\Key\InMemory;
 use Lcobucci\JWT\Token\Plain;
@@ -33,8 +35,7 @@ class TokenDecoder
         $signer = $this->getSigner();
 
         // Parse without verification first so we can read the header (kid, alg)
-        $insecureParser = Configuration::forUnsecuredSigner();
-        $parsed         = $insecureParser->parser()->parse($tokenString);
+        $parsed = (new Parser(new JoseEncoder()))->parse($tokenString);
 
         if (! $parsed instanceof Plain) {
             throw InvalidTokenException::invalidSignature();

package/generators/client/react.inc.js

@@ -5,6 +5,7 @@ import { getModelForeignIds } from './utils/getModelForeignIds.js';
 import { getLanguageData } from './config/languages.js';
 import { AcRule } from '../utils/AcRule.js';
 import { getEntities, getEntitiesRelationships, getEnums } from '../utils/entities-utils.js';
+import { OpenApiGenerator } from '../entities/utils/openapi-generator.js';
 
 const colors = [
     "lime",
@@ -33,7 +34,12 @@ export async function createEntityPages({
 }) {
     const hasSoftDelete = entity.softDelete;
     that.fs.copyTpl(
-        that.templatePath("react/src/pages/entities/EntityList.tsx.ejs"),
+        that.templatePath("../../client/templates/react/src/shared/services/entity.service.ts.ejs"),
+        that.destinationPath(`client/src/shared/services/${to.slug(entity.name)}.service.ts`),
+        { entity, to, pluralize, searchEngine }
+    );
+    that.fs.copyTpl(
+        that.templatePath("../../client/templates/react/src/pages/entities/EntityList.tsx.ejs"),
         that.destinationPath(`client/src/pages/entities/${entity.name}List.tsx`),
         {
             entity,
@@ -48,7 +54,7 @@ export async function createEntityPages({
         });
     if (hasSoftDelete) {
         that.fs.copyTpl(
-            that.templatePath("react/src/pages/entities/EntityTrash.tsx.ejs"),
+            that.templatePath("../../client/templates/react/src/pages/entities/EntityTrash.tsx.ejs"),
             that.destinationPath(`client/src/pages/entities/${entity.name}Trash.tsx`),
             {
                 entity,
@@ -63,7 +69,7 @@ export async function createEntityPages({
             });
     }
     that.fs.copyTpl(
-        that.templatePath("react/src/pages/entities/EntityView.tsx.ejs"),
+        that.templatePath("../../client/templates/react/src/pages/entities/EntityView.tsx.ejs"),
         that.destinationPath(`client/src/pages/entities/${entity.name}View.tsx`),
         {
             entity,
@@ -76,7 +82,7 @@ export async function createEntityPages({
             relatedEntities: getModelRelatedEntities(entity, relationships)
         });
     that.fs.copyTpl(
-        that.templatePath("react/src/pages/entities/EntityEdit.tsx.ejs"),
+        that.templatePath("../../client/templates/react/src/pages/entities/EntityEdit.tsx.ejs"),
         that.destinationPath(`client/src/pages/entities/${entity.name}Edit.tsx`),
         {
             entity,
@@ -84,10 +90,11 @@ export async function createEntityPages({
             pluralize,
             columns: entity.fields.map(c => to.snake(c.name)),
             foreignIds: getModelForeignIds(entity, relationships),
-            relatedEntities: getModelRelatedEntities(entity, relationships)
+            relatedEntities: getModelRelatedEntities(entity, relationships).length,
+            locking: entity.pessimisticLock
         });
     that.fs.copyTpl(
-        that.templatePath("react/src/components/entities/EntityForm.tsx.ejs"),
+        that.templatePath("../../client/templates/react/src/components/entities/EntityForm.tsx.ejs"),
         that.destinationPath(`client/src/components/entities/${entity.name}Form.tsx`),
         {
             entity,
@@ -103,11 +110,12 @@ export async function createEntityPages({
             ).map(rel => to.snake(rel.relationshipName || rel.otherEntityName)),
             to,
             pluralize,
-            searchEngine
+            searchEngine,
+            locking: entity.pessimisticLock
         }
     );
     that.fs.copyTpl(
-        that.templatePath("react/src/components/entities/EntityDeleteButton.tsx.ejs"),
+        that.templatePath("../../client/templates/react/src/components/entities/EntityDeleteButton.tsx.ejs"),
         that.destinationPath(`client/src/components/entities/${entity.name}DeleteButton.tsx`),
         {
             entity,
@@ -116,7 +124,7 @@ export async function createEntityPages({
         }
     );
     that.fs.copyTpl(
-        that.templatePath("react/src/shared/model/entity.model.ts.ejs"),
+        that.templatePath("../../client/templates/react/src/shared/model/entity.model.ts.ejs"),
         that.destinationPath(`client/src/shared/model/${to.slug(entity.name)}.model.ts`),
         {
             entity,
@@ -138,27 +146,28 @@ export async function createReactClient(that) {
 
     await that.spawn('npm', ['create', 'vite@6.1.1', 'client', '--', '--template', 'react-ts', '--no-install']);
 
-    that.fs.copyTpl(that.templatePath('react/.env.ejs'), that.destinationPath('client/.env'), { searchEngine });
-    that.fs.copyTpl(that.templatePath('react/.gitignore.ejs'), that.destinationPath('client/.gitignore'), {});
-    that.fs.copyTpl(that.templatePath('react/eslint.config.js.ejs'), that.destinationPath('client/eslint.config.js'), {});
-    that.fs.copyTpl(that.templatePath('react/index.html.ejs'), that.destinationPath('client/index.html'), { appName });
-    that.fs.copyTpl(that.templatePath('react/package.json.ejs'), that.destinationPath('client/package.json'), { name: to.slug(appName) });
-    that.fs.copyTpl(that.templatePath('react/package-lock.json.ejs'), that.destinationPath('client/package-lock.json'), { name: to.slug(appName) });
-    that.fs.copyTpl(that.templatePath('react/tsconfig.app.json.ejs'), that.destinationPath('client/tsconfig.app.json'), {});
-    that.fs.copyTpl(that.templatePath('react/tsconfig.json.ejs'), that.destinationPath('client/tsconfig.json'), {});
-    that.fs.copyTpl(that.templatePath('react/tsconfig.node.json.ejs'), that.destinationPath('client/tsconfig.node.json'), {});
-    that.fs.copyTpl(that.templatePath('react/vite.config.ts.ejs'), that.destinationPath('client/vite.config.ts'), {});
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/.env.ejs'), that.destinationPath('client/.env'), { searchEngine });
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/.gitignore.ejs'), that.destinationPath('client/.gitignore'), {});
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/eslint.config.js.ejs'), that.destinationPath('client/eslint.config.js'), {});
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/index.html.ejs'), that.destinationPath('client/index.html'), { appName });
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/package.json.ejs'), that.destinationPath('client/package.json'), { name: to.slug(appName) });
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/package-lock.json.ejs'), that.destinationPath('client/package-lock.json'), { name: to.slug(appName) });
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/tsconfig.app.json.ejs'), that.destinationPath('client/tsconfig.app.json'), {});
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/tsconfig.json.ejs'), that.destinationPath('client/tsconfig.json'), {});
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/tsconfig.node.json.ejs'), that.destinationPath('client/tsconfig.node.json'), {});
+    that.fs.copyTpl(that.templatePath('../../client/templates/react/vite.config.ts.ejs'), that.destinationPath('client/vite.config.ts'), {});
 
     for (const lang of languages) {
-        that.fs.copyTpl(that.templatePath(`react/public/locales/log/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/log.json`));
-        that.fs.copyTpl(that.templatePath(`react/public/locales/audit/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/audit.json`));
-        that.fs.copyTpl(that.templatePath(`react/public/locales/seeder/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/seeder.json`));
-        that.fs.copyTpl(that.templatePath(`react/public/locales/migrations/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/migrations.json`));
-        that.fs.copyTpl(that.templatePath(`react/public/locales/common/${lang}.json.ejs`), that.destinationPath(`client/public/locales/${lang}/common.json`), { appName });
+        that.fs.copyTpl(that.templatePath(`../../client/templates/react/public/locales/log/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/log.json`));
+        that.fs.copyTpl(that.templatePath(`../../client/templates/react/public/locales/audit/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/audit.json`));
+        that.fs.copyTpl(that.templatePath(`../../client/templates/react/public/locales/seeder/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/seeder.json`));
+        that.fs.copyTpl(that.templatePath(`../../client/templates/react/public/locales/migrations/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/migrations.json`));
+        that.fs.copyTpl(that.templatePath(`../../client/templates/react/public/locales/common/${lang}.json.ejs`), that.destinationPath(`client/public/locales/${lang}/common.json`), { appName });
         if (!['null', 'database'].includes(searchEngine)) {
-            that.fs.copyTpl(that.templatePath(`react/public/locales/searchReindex/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/searchReindex.json`));
+            that.fs.copyTpl(that.templatePath(`../../client/templates/react/public/locales/searchReindex/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/searchReindex.json`));
         }
-        that.fs.copyTpl(that.templatePath(`react/public/locales/entities/entities.json.ejs`), that.destinationPath(`client/public/locales/${lang}/entities.json`), {
+        that.fs.copyTpl(that.templatePath(`../../client/templates/react/public/locales/locking/${lang}.json`), that.destinationPath(`client/public/locales/${lang}/locking.json`));
+        that.fs.copyTpl(that.templatePath(`../../client/templates/react/public/locales/entities/entities.json.ejs`), that.destinationPath(`client/public/locales/${lang}/entities.json`), {
             entities: [AcRule],
             relationships: [],
             to,
@@ -167,137 +176,141 @@ export async function createReactClient(that) {
             getModelRelatedEntities
         });
     };
-    that.fs.copyTpl(that.templatePath("react/public/fonts/material-symbols-outlined.woff2"), that.destinationPath(`client/public/fonts/material-symbols-outlined.woff2`));
-    that.fs.copyTpl(that.templatePath("react/public/fonts/material-symbols-rounded.woff2"), that.destinationPath(`client/public/fonts/material-symbols-rounded.woff2`));
-    that.fs.copyTpl(that.templatePath("react/public/fonts/material-symbols-sharp.woff2"), that.destinationPath(`client/public/fonts/material-symbols-sharp.woff2`));
-    that.fs.copyTpl(that.templatePath("react/public/fonts/IBMPlexMono-Regular.ttf"), that.destinationPath(`client/public/fonts/IBMPlexMono-Regular.ttf`));
-    that.fs.copyTpl(that.templatePath("react/public/fonts/InterVariable-Italic.woff2"), that.destinationPath(`client/public/fonts/InterVariable-Italic.woff2`));
-    that.fs.copyTpl(that.templatePath("react/public/fonts/InterVariable.woff2"), that.destinationPath(`client/public/fonts/InterVariable.woff2`));
+    that.fs.copy(that.templatePath("../../client/templates/react/public/fonts"), that.destinationPath("client/public/fonts"));
+    that.fs.copy(that.templatePath("../../client/templates/react/public/wordlists"), that.destinationPath("client/public/wordlists"));
 
-    that.fs.copyTpl(that.templatePath("react/src/App.css.ejs"), that.destinationPath(`client/src/App.css`), {});
-    that.fs.copyTpl(that.templatePath("react/src/App.tsx.ejs"), that.destinationPath(`client/src/App.tsx`), { entities: [AcRule], to, pluralize, searchEngine });
-    that.fs.copyTpl(that.templatePath("react/src/i18n.js.ejs"), that.destinationPath(`client/src/i18n.js`), {
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/App.css.ejs"), that.destinationPath(`client/src/App.css`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/App.tsx.ejs"), that.destinationPath(`client/src/App.tsx`), { entities: [AcRule], to, pluralize, searchEngine });
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/i18n.js.ejs"), that.destinationPath(`client/src/i18n.js`), {
         supportedLngs: JSON.stringify(languages).replaceAll(`"`, `'`),
         fallbackLng: nativeLanguage,
-        searchEngine
+        searchEngine,
     });
-    that.fs.copyTpl(that.templatePath("react/src/index.css.ejs"), that.destinationPath(`client/src/index.css`), { navbarStartcolor });
-    that.fs.copyTpl(that.templatePath("react/src/main.tsx.ejs"), that.destinationPath(`client/src/main.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/index.css.ejs"), that.destinationPath(`client/src/index.css`), { navbarStartcolor });
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/main.tsx.ejs"), that.destinationPath(`client/src/main.tsx`), {});
 
-    that.fs.copyTpl(that.templatePath("assets/icon.png"), that.destinationPath(`client/public/icon.png`));
-    that.fs.copyTpl(that.templatePath("assets/icon.svg"), that.destinationPath(`client/public/icon.svg`));
-    that.fs.copyTpl(that.templatePath("assets/algolia-logo.svg"), that.destinationPath(`client/src/assets/algolia-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/elastic-logo.svg"), that.destinationPath(`client/src/assets/elastic-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/laravel-logo.svg"), that.destinationPath(`client/src/assets/laravel-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/logo.svg"), that.destinationPath(`client/src/assets/logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/mariadb-logo.svg"), that.destinationPath(`client/src/assets/mariadb-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/meilisearch-logo.svg"), that.destinationPath(`client/src/assets/meilisearch-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/mysql-logo.svg"), that.destinationPath(`client/src/assets/mysql-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/pgsql-logo.svg"), that.destinationPath(`client/src/assets/pgsql-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/pninja-logo-dark.svg"), that.destinationPath(`client/src/assets/pninja-logo-dark.svg`));
-    that.fs.copyTpl(that.templatePath("assets/pninja-logo-light.svg"), that.destinationPath(`client/src/assets/pninja-logo-light.svg`));
-    that.fs.copyTpl(that.templatePath("assets/react.svg"), that.destinationPath(`client/src/assets/react.svg`));
-    that.fs.copyTpl(that.templatePath("assets/solr-logo.svg"), that.destinationPath(`client/src/assets/solr-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/sqlite-logo.svg"), that.destinationPath(`client/src/assets/sqlite-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/typesense-logo.svg"), that.destinationPath(`client/src/assets/typesense-logo.svg`));
-    that.fs.copyTpl(that.templatePath("assets/vite.svg"), that.destinationPath(`client/src/assets/vite.svg`));
-    that.fs.copyTpl(that.templatePath("assets/vue.svg"), that.destinationPath(`client/src/assets/vue.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/icon.png"), that.destinationPath(`client/public/icon.png`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/icon.svg"), that.destinationPath(`client/public/icon.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/algolia-logo.svg"), that.destinationPath(`client/src/assets/algolia-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/elastic-logo.svg"), that.destinationPath(`client/src/assets/elastic-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/laravel-logo.svg"), that.destinationPath(`client/src/assets/laravel-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/logo.svg"), that.destinationPath(`client/src/assets/logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/mariadb-logo.svg"), that.destinationPath(`client/src/assets/mariadb-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/meilisearch-logo.svg"), that.destinationPath(`client/src/assets/meilisearch-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/mysql-logo.svg"), that.destinationPath(`client/src/assets/mysql-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/pgsql-logo.svg"), that.destinationPath(`client/src/assets/pgsql-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/pninja-logo-dark.svg"), that.destinationPath(`client/src/assets/pninja-logo-dark.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/pninja-logo-light.svg"), that.destinationPath(`client/src/assets/pninja-logo-light.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/react.svg"), that.destinationPath(`client/src/assets/react.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/solr-logo.svg"), that.destinationPath(`client/src/assets/solr-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/sqlite-logo.svg"), that.destinationPath(`client/src/assets/sqlite-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/typesense-logo.svg"), that.destinationPath(`client/src/assets/typesense-logo.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/vite.svg"), that.destinationPath(`client/src/assets/vite.svg`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/assets/vue.svg"), that.destinationPath(`client/src/assets/vue.svg`));
 
-    that.fs.copyTpl(that.templatePath("react/src/components/ApiResponsePagination.tsx.ejs"), that.destinationPath(`client/src/components/ApiResponsePagination.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/Can.tsx.ejs"), that.destinationPath(`client/src/components/Can.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/ConfirmButton.tsx.ejs"), that.destinationPath(`client/src/components/ConfirmButton.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/DarkModeToggle.tsx.ejs"), that.destinationPath(`client/src/components/DarkModeToggle.tsx`), { to });
-    that.fs.copyTpl(that.templatePath("react/src/components/Footer.tsx.ejs"), that.destinationPath(`client/src/components/Footer.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/index.ts.ejs"), that.destinationPath(`client/src/components/formElements/index.ts`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/Checkbox.tsx.ejs"), that.destinationPath(`client/src/components/formElements/Checkbox.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/ColorField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/ColorField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/DateField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/DateField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/DateTimeField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/DateTimeField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/DurationField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/DurationField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/EmailField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/EmailField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/FileField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/FileField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/FormErrors.tsx.ejs"), that.destinationPath(`client/src/components/formElements/FormErrors.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/FormFieldInfo.tsx.ejs"), that.destinationPath(`client/src/components/formElements/FormFieldInfo.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/FormLabel.tsx.ejs"), that.destinationPath(`client/src/components/formElements/FormLabel.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/InfoValidations.tsx.ejs"), that.destinationPath(`client/src/components/formElements/InfoValidations.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/NumberField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/NumberField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/PasswordField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/PasswordField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/RadioGroup.tsx.ejs"), that.destinationPath(`client/src/components/formElements/RadioGroup.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/RangeField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/RangeField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/SelectField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/SelectField.tsx`), { searchEngine });
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/TelField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/TelField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/Textarea.tsx.ejs"), that.destinationPath(`client/src/components/formElements/Textarea.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/Textarea.css"), that.destinationPath(`client/src/components/formElements/Textarea.css`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/TextField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/TextField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/TimeField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/TimeField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/UrlField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/UrlField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/formElements/UuidField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/UuidField.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/HtmlViewer.tsx.ejs"), that.destinationPath(`client/src/components/HtmlViewer.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/Icon.tsx.ejs"), that.destinationPath(`client/src/components/Icon.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/JsonPrint.tsx.ejs"), that.destinationPath(`client/src/components/JsonPrint.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/LangSelect.tsx.ejs"), that.destinationPath(`client/src/components/LangSelect.tsx`), { to });
-    that.fs.copyTpl(that.templatePath("react/src/components/LoginButton.tsx.ejs"), that.destinationPath(`client/src/components/LoginButton.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/LogoutButton.tsx.ejs"), that.destinationPath(`client/src/components/LogoutButton.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/Menu.tsx.ejs"), that.destinationPath(`client/src/components/Menu.tsx`), { appName, entities, to, pluralize, withLangSelect: languages.length > 1, searchEngine });
-    that.fs.copyTpl(that.templatePath("react/src/components/LoginRedirector.tsx.ejs"), that.destinationPath(`client/src/components/LoginRedirector.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/components/SearchInput.css"), that.destinationPath(`client/src/components/SearchInput.css`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/SearchInput.tsx.ejs"), that.destinationPath(`client/src/components/SearchInput.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/SimpleLoader.tsx.ejs"), that.destinationPath(`client/src/components/SimpleLoader.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/TableSkeletonLoader.tsx.ejs"), that.destinationPath(`client/src/components/TableSkeletonLoader.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/components/Toast.tsx.ejs"), that.destinationPath(`client/src/components/Toast.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/ApiResponsePagination.tsx.ejs"), that.destinationPath(`client/src/components/ApiResponsePagination.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/Can.tsx.ejs"), that.destinationPath(`client/src/components/Can.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/ConfirmButton.tsx.ejs"), that.destinationPath(`client/src/components/ConfirmButton.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/DarkModeToggle.tsx.ejs"), that.destinationPath(`client/src/components/DarkModeToggle.tsx`), { to });
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/Footer.tsx.ejs"), that.destinationPath(`client/src/components/Footer.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/index.ts.ejs"), that.destinationPath(`client/src/components/formElements/index.ts`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/Checkbox.tsx.ejs"), that.destinationPath(`client/src/components/formElements/Checkbox.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/ColorField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/ColorField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/DateField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/DateField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/DateTimeField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/DateTimeField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/DurationField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/DurationField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/EmailField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/EmailField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/FileField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/FileField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/FormErrors.tsx.ejs"), that.destinationPath(`client/src/components/formElements/FormErrors.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/FormFieldInfo.tsx.ejs"), that.destinationPath(`client/src/components/formElements/FormFieldInfo.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/FormLabel.tsx.ejs"), that.destinationPath(`client/src/components/formElements/FormLabel.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/InfoValidations.tsx.ejs"), that.destinationPath(`client/src/components/formElements/InfoValidations.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/NumberField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/NumberField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/PasswordField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/PasswordField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/RadioGroup.tsx.ejs"), that.destinationPath(`client/src/components/formElements/RadioGroup.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/RangeField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/RangeField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/SelectField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/SelectField.tsx`), { searchEngine });
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/TelField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/TelField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/Textarea.tsx.ejs"), that.destinationPath(`client/src/components/formElements/Textarea.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/Textarea.css"), that.destinationPath(`client/src/components/formElements/Textarea.css`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/TextField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/TextField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/TimeField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/TimeField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/UrlField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/UrlField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/formElements/UuidField.tsx.ejs"), that.destinationPath(`client/src/components/formElements/UuidField.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/HtmlViewer.tsx.ejs"), that.destinationPath(`client/src/components/HtmlViewer.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/Icon.tsx.ejs"), that.destinationPath(`client/src/components/Icon.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/JsonPrint.tsx.ejs"), that.destinationPath(`client/src/components/JsonPrint.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/LangSelect.tsx.ejs"), that.destinationPath(`client/src/components/LangSelect.tsx`), { to });
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/LoginButton.tsx.ejs"), that.destinationPath(`client/src/components/LoginButton.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/LogoutButton.tsx.ejs"), that.destinationPath(`client/src/components/LogoutButton.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/Menu.tsx.ejs"), that.destinationPath(`client/src/components/Menu.tsx`), { appName, entities, to, pluralize, withLangSelect: languages.length > 1, searchEngine });
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/LoginRedirector.tsx.ejs"), that.destinationPath(`client/src/components/LoginRedirector.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/SearchInput.css"), that.destinationPath(`client/src/components/SearchInput.css`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/SearchInput.tsx.ejs"), that.destinationPath(`client/src/components/SearchInput.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/SimpleLoader.tsx.ejs"), that.destinationPath(`client/src/components/SimpleLoader.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/TableSkeletonLoader.tsx.ejs"), that.destinationPath(`client/src/components/TableSkeletonLoader.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/Toast.tsx.ejs"), that.destinationPath(`client/src/components/Toast.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/components/Tooltip.tsx.ejs"), that.destinationPath(`client/src/components/Tooltip.tsx`));
 
-    that.fs.copyTpl(that.templatePath("react/src/config/languages.ts.ejs"), that.destinationPath(`client/src/config/languages.ts`), {
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/config/languages.ts.ejs"), that.destinationPath(`client/src/config/languages.ts`), {
         languages: JSON.stringify(languages).replaceAll(`"`, `'`),
         languagesData: JSON.stringify(languages.map(lng => getLanguageData(lng)), null, 2)
     });
 
-    that.fs.copyTpl(that.templatePath("react/src/contexts/AuthContext.tsx.ejs"), that.destinationPath(`client/src/contexts/AuthContext.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/contexts/AuthorizationContext.tsx.ejs"), that.destinationPath(`client/src/contexts/AuthorizationContext.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/contexts/AuthProvider.tsx.ejs"), that.destinationPath(`client/src/contexts/AuthProvider.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/contexts/NotificationContext.tsx.ejs"), that.destinationPath(`client/src/contexts/NotificationContext.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/contexts/AuthContext.tsx.ejs"), that.destinationPath(`client/src/contexts/AuthContext.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/contexts/AuthorizationContext.tsx.ejs"), that.destinationPath(`client/src/contexts/AuthorizationContext.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/contexts/AuthProvider.tsx.ejs"), that.destinationPath(`client/src/contexts/AuthProvider.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/contexts/NotificationContext.tsx.ejs"), that.destinationPath(`client/src/contexts/NotificationContext.tsx`), {});
 
-    that.fs.copyTpl(that.templatePath("react/src/pages/Home.tsx.ejs"), that.destinationPath(`client/src/pages/Home.tsx`), {
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/Home.tsx.ejs"), that.destinationPath(`client/src/pages/Home.tsx`), {
         dbms: that.config.get('dbms'),
         searchEngine: that.config.get('searchEngine')
     });
-    that.fs.copyTpl(that.templatePath("react/src/pages/Login.tsx.ejs"), that.destinationPath(`client/src/pages/Login.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/pages/Logout.tsx.ejs"), that.destinationPath(`client/src/pages/Logout.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/Login.tsx.ejs"), that.destinationPath(`client/src/pages/Login.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/Logout.tsx.ejs"), that.destinationPath(`client/src/pages/Logout.tsx`));
 
-    that.fs.copyTpl(that.templatePath("react/src/pages/errors/Err403.tsx.ejs"), that.destinationPath(`client/src/pages/errors/Err403.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/pages/errors/Err404.tsx.ejs"), that.destinationPath(`client/src/pages/errors/Err404.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/errors/Err403.tsx.ejs"), that.destinationPath(`client/src/pages/errors/Err403.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/errors/Err404.tsx.ejs"), that.destinationPath(`client/src/pages/errors/Err404.tsx`), {});
 
-    that.fs.copyTpl(that.templatePath("react/src/pages/seeder/SeederList.tsx.ejs"), that.destinationPath(`client/src/pages/seeder/SeederList.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/Seeder.tsx.ejs"), that.destinationPath(`client/src/pages/admin/Seeder.tsx`));
 
-    that.fs.copyTpl(that.templatePath("react/src/pages/admin/Migrations.tsx.ejs"), that.destinationPath(`client/src/pages/admin/Migrations.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/Migrations.tsx.ejs"), that.destinationPath(`client/src/pages/admin/Migrations.tsx`));
 
     if (!['null', 'database'].includes(searchEngine)) {
-        that.fs.copyTpl(that.templatePath("react/src/pages/search-reindex/SearchReindexList.tsx.ejs"), that.destinationPath(`client/src/pages/search-reindex/SearchReindexList.tsx`), { searchEngine });
+        that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/SearchReindex.tsx.ejs"), that.destinationPath(`client/src/pages/admin/SearchReindex.tsx`), { searchEngine });
     }
 
-    that.fs.copyTpl(that.templatePath("react/src/pages/server-logs/LogViewer.tsx.ejs"), that.destinationPath(`client/src/pages/server-logs/LogViewer.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/Logs.tsx.ejs"), that.destinationPath(`client/src/pages/admin/Logs.tsx`), {});
+
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/support/ApiDocs.tsx.ejs"), that.destinationPath(`client/src/pages/support/ApiDocs.tsx`), {});
 
-    that.fs.copyTpl(that.templatePath("react/src/hooks/useAuthState.ts.ejs"), that.destinationPath(`client/src/hooks/useAuthState.ts`), {});
-    that.fs.copyTpl(that.templatePath("react/src/hooks/useAutoShortcuts.tsx.ejs"), that.destinationPath(`client/src/hooks/useAutoShortcuts.tsx`), {});
-    that.fs.copyTpl(that.templatePath("react/src/hooks/useRoles.ts.ejs"), that.destinationPath(`client/src/hooks/useRoles.ts`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/hooks/useAuthState.ts.ejs"), that.destinationPath(`client/src/hooks/useAuthState.ts`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/hooks/useAutoShortcuts.tsx.ejs"), that.destinationPath(`client/src/hooks/useAutoShortcuts.tsx`), {});
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/hooks/useRoles.ts.ejs"), that.destinationPath(`client/src/hooks/useRoles.ts`), {});
 
-    that.fs.copyTpl(that.templatePath("react/src/shared/axiosInstance.ts.ejs"), that.destinationPath(`client/src/shared/axiosInstance.ts`));
-    that.fs.copyTpl(that.templatePath("react/src/shared/axiosInterceptors.ts.ejs"), that.destinationPath(`client/src/shared/axiosInterceptors.ts`));
-    that.fs.copyTpl(that.templatePath("react/src/shared/entitiesIcons.tsx.ejs"), that.destinationPath(`client/src/shared/entitiesIcons.tsx`), { entities });
-    that.fs.copyTpl(that.templatePath("react/src/shared/model/ac-rule.model.ts.ejs"), that.destinationPath(`client/src/shared/model/ac-rule.model.ts`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/shared/axiosInstance.ts.ejs"), that.destinationPath(`client/src/shared/axiosInstance.ts`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/shared/axiosInterceptors.ts.ejs"), that.destinationPath(`client/src/shared/axiosInterceptors.ts`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/shared/entitiesIcons.tsx.ejs"), that.destinationPath(`client/src/shared/entitiesIcons.tsx`), { entities });
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/shared/model/ac-rule.model.ts.ejs"), that.destinationPath(`client/src/shared/model/ac-rule.model.ts`));
 
-    that.fs.copyTpl(that.templatePath("react/src/pages/audit/Audits.tsx.ejs"), that.destinationPath(`client/src/pages/audit/Audits.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/pages/audit/AuditHistory.tsx.ejs"), that.destinationPath(`client/src/pages/audit/AuditHistory.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/pages/audit/AuditList.tsx.ejs"), that.destinationPath(`client/src/pages/audit/AuditList.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/pages/audit/AuditStatistics.tsx.ejs"), that.destinationPath(`client/src/pages/audit/AuditStatistics.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/pages/audit/AuditUserActivity.tsx.ejs"), that.destinationPath(`client/src/pages/audit/AuditUserActivity.tsx`));
-    that.fs.copyTpl(that.templatePath("react/src/pages/audit/AuditView.tsx.ejs"), that.destinationPath(`client/src/pages/audit/AuditView.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/audit/index.ts.ejs"), that.destinationPath(`client/src/pages/admin/audit/index.ts`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/audit/Audits.tsx.ejs"), that.destinationPath(`client/src/pages/admin/audit/Audits.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/audit/AuditHistory.tsx.ejs"), that.destinationPath(`client/src/pages/admin/audit/AuditHistory.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/audit/AuditList.tsx.ejs"), that.destinationPath(`client/src/pages/admin/audit/AuditList.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/audit/AuditStatistics.tsx.ejs"), that.destinationPath(`client/src/pages/admin/audit/AuditStatistics.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/audit/AuditUserActivity.tsx.ejs"), that.destinationPath(`client/src/pages/admin/audit/AuditUserActivity.tsx`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/pages/admin/audit/AuditView.tsx.ejs"), that.destinationPath(`client/src/pages/admin/audit/AuditView.tsx`));
 
     createEntityPages({ that, entity: AcRule, enums: [], relationships: [], searchEngine });
 
-    that.fs.copyTpl(that.templatePath("react/src/types/api-response.types.ts.ejs"), that.destinationPath(`client/src/types/api-response.types.ts`));
-    that.fs.copyTpl(that.templatePath("react/src/types/auth.ts.ejs"), that.destinationPath(`client/src/types/auth.ts`));
-    that.fs.copyTpl(that.templatePath("react/src/types/authorization.ts.ejs"), that.destinationPath(`client/src/types/authorization.ts`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/types/api-response.types.ts.ejs"), that.destinationPath(`client/src/types/api-response.types.ts`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/types/auth.ts.ejs"), that.destinationPath(`client/src/types/auth.ts`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/react/src/types/authorization.ts.ejs"), that.destinationPath(`client/src/types/authorization.ts`));
+
+    that.fs.copyTpl(that.templatePath("../../client/templates/blobs/dummy.pdf"), that.destinationPath(`server/database/factories/dummy.pdf`));
+    that.fs.copyTpl(that.templatePath("../../client/templates/blobs/dummy.png"), that.destinationPath(`server/database/factories/dummy.png`));
 
-    that.fs.copyTpl(that.templatePath("blobs/dummy.pdf"), that.destinationPath(`server/database/factories/dummy.pdf`));
-    that.fs.copyTpl(that.templatePath("blobs/dummy.png"), that.destinationPath(`server/database/factories/dummy.png`));
+    // Api Docs generation
+    const openApiGen = new OpenApiGenerator(that);
+    openApiGen.generateOpenApi([AcRule]);
 }