create-nexgen 1.0.4

package/template/README.md

@@ -0,0 +1,447 @@
+# nexgen
+
+**nexgen** is a full-stack TypeScript framework for building modern web applications. It combines a modular backend architecture with a Vue 3 single-page application frontend, providing everything you need out of the box:
+
+- **API** — [Hono](https://hono.dev) HTTP server with Zod validation and OpenAPI docs
+- **Frontend** — [Vue 3](https://vuejs.org) SPA with Pinia, Vue Router, and real-time Pulse integration
+- **Database** — [Drizzle ORM](https://orm.drizzle.team) with SQLite, MySQL, and PostgreSQL support
+- **Queue** — [BullMQ](https://docs.bullmq.io) for background job processing
+- **Realtime** — [Socket.IO](https://socket.io) for bidirectional event broadcasting
+- **Cache & Session** — Redis-backed with graceful fallback
+- **CLI** — `maker` command for code generation, migrations, runtime, and deploy
+- **Deploy** — Docker Compose with nginx-proxy, auto SSL, and supervisor
+
+## Table of Contents
+
+- [Quick Start](#quick-start)
+- [Architecture](#architecture)
+- [Modules](#modules)
+- [Database](#database)
+- [Events & Queue](#events--queue)
+- [Scheduler](#scheduler)
+- [Realtime](#realtime)
+- [Storage](#storage)
+- [CLI Reference](#cli-reference)
+- [Deploy](#deploy)
+- [Optional Packages](#optional-packages)
+- [Full Documentation](#full-documentation)
+
+## Quick Start
+
+```bash
+cp .env.example .env
+npm install
+npm run maker db:schema
+npm run maker db:seed
+npm run maker dev
+```
+
+This starts the API server, Vue 3 frontend, and queue worker (if Redis enabled) in parallel.
+
+### Package Manager
+
+Commands in this README use `bun maker` as shorthand. Use the equivalent for your package manager:
+
+| Manager | Command |
+|---|---|
+| npm | `npm run maker -- <command>` |
+| pnpm | `pnpm maker <command>` |
+| yarn | `yarn maker <command>` |
+| bun | `bun maker <command>` |
+
+## Architecture
+
+```
+src/
+├── env.ts              # Environment configuration (Zod validated)
+├── database/           # Drizzle schema, migrations, seeders
+├── framework/          # Framework internals (reusable engine)
+│   ├── server.ts       # HTTP server entrypoint
+│   ├── kernel.ts       # App kernel (boots all subsystems)
+│   ├── facade.ts       # Public API surface
+│   ├── http/           # Router, middleware, OpenAPI, static files
+│   ├── database/       # Connection, pagination
+│   ├── events/         # Command & event dispatcher
+│   ├── queue/          # BullMQ queue, worker, dashboard
+│   ├── realtime/       # Socket.IO server, broadcast
+│   ├── cache/          # Redis cache
+│   ├── session/        # Session management
+│   ├── scheduler/      # Cron scheduler
+│   ├── storage/        # File storage (local/S3)
+│   ├── redis/          # Redis client
+│   ├── support/        # JWT, mail, logger, password, URL
+│   └── maker-cli/      # CLI source and stubs
+├── modules/            # Application modules (auto-discovered)
+├── middlewares/        # Auth, role middlewares
+├── resources/          # Vue 3 frontend app
+└── storage/            # Uploaded and generated files
+```
+
+### Boot Sequence
+
+```
+server.ts
+  └─ createKernel()
+       ├─ createHttpApp()   → Builds Hono app with middleware stack
+       │    ├─ sessionMiddleware
+       │    ├─ corsMiddleware
+       │    ├─ loggerMiddleware
+       │    ├─ rateLimiterMiddleware
+       │    ├─ OpenAPI docs (if enabled)
+       │    └─ Health endpoint
+       ├─ initDatabase()    → Connect configured dialect
+       ├─ initRedis()       → Connect Redis (if enabled)
+       ├─ bootQueueJobs()   → Register queue handlers
+       ├─ registerModuleRoutes() → Auto-discover routes
+       ├─ setupBullBoard()  → Queue management UI
+       └─ Frontend static   → Serve SPA if build exists
+  └─ serve()               → Start HTTP listener
+  └─ initRealtime()        → Attach Socket.IO
+  └─ registerShutdownSignals() → Graceful cleanup
+```
+
+### Request Lifecycle
+
+```
+Client → @hono/node-server → sessionMiddleware → corsMiddleware
+  → loggerMiddleware → rateLimiterMiddleware → [module route]
+  → [authMiddleware] → [controller] → JSON response
+```
+
+## Modules
+
+Modules are self-contained units under `src/modules/<name>/`. Each module can contain:
+
+```
+src/modules/blog/
+├── controllers/         # Request handlers + Zod schemas
+│   ├── blog.controller.ts
+│   └── blog.schema.ts
+├── routes/              # Route definitions (auto-discovered)
+│   └── api.ts
+├── database/
+│   ├── models/          # Drizzle table definitions
+│   ├── seeders/         # Database seeders
+│   └── index.ts
+├── jobs/                # Queue job handlers
+└── console/             # Scheduled commands
+```
+
+### Creating a Module
+
+```bash
+bun maker module:make blog
+```
+
+### Adding Components
+
+```bash
+bun maker module:make-controller blog post
+bun maker module:make-route blog post
+bun maker module:make-model blog post
+bun maker module:make-seeder blog post
+bun maker module:make-job blog send-welcome
+bun maker module:make-console blog cleanup
+```
+
+### Facade
+
+The framework's public API is exported from `@/framework/facade.js`:
+
+```ts
+import { db, cache, session, queue, dispatchEvent, notify, storage, mail, jwt, password, urls, logger, paginate } from "@/framework/facade.js";
+```
+
+## Database
+
+nexgen supports SQLite, MySQL, and PostgreSQL through Drizzle ORM. The active dialect is detected from `DATABASE_URL` in `.env`.
+
+### Migrations
+
+```bash
+bun maker db:schema        # Generate schema index from all module models
+bun maker db:generate      # Generate migration SQL files
+bun maker db:migrate       # Generate + run migrations
+bun maker db:migrate --seed
+bun maker db:fresh         # Drop all tables, re-migrate, re-seed
+bun maker db:status        # List migration files
+```
+
+### Models
+
+Models are Drizzle table definitions in `src/modules/<module>/database/models/`. They are auto-detected by dialect and aggregated into `src/database/schema.ts` via `db:schema`.
+
+```ts
+import { sqliteTable, int, text } from "drizzle-orm/sqlite-core";
+
+export const posts = sqliteTable("posts", {
+  id: int().primaryKey({ autoIncrement: true }),
+  title: text().notNull(),
+  body: text(),
+});
+```
+
+### Seeders
+
+```bash
+bun maker db:seed              # Run all seeders
+bun maker db:seed posts        # Run single module seeders
+```
+
+### Pagination
+
+```ts
+import { db, paginate } from "@/framework/facade.js";
+
+const query = db.select().from(posts).orderBy(desc(posts.id));
+const result = await paginate(c, query, 10);
+// { data, meta: { current_page, per_page, total, last_page, from, to }, links: { first, last, prev, next } }
+```
+
+## Events & Queue
+
+### dispatchEvent
+
+Fire domain events that can be broadcast via WebSocket and/or queued as background jobs.
+
+```ts
+import { dispatchEvent } from "@/framework/facade.js";
+
+// Fire event (local in-process)
+await dispatchEvent("user:signup", { userId: 1 });
+
+// Fire and queue background job
+await dispatchEvent("user:signup", { userId: 1 }, { queue: "default" });
+
+// Fire and broadcast to authenticated users
+await dispatchEvent("post.created", { postId: 1 }, { broadcast: { auth: true } });
+
+// Queue, then broadcast from handler (recommended pattern)
+```
+
+### Queue Jobs
+
+Define handlers in `src/modules/<module>/jobs/*.ts`:
+
+```ts
+import { shouldQueue } from "@/framework/facade.js";
+
+shouldQueue("user:signup", "default", async (job) => {
+  const { userId } = job.data;
+  // Process the job
+});
+```
+
+Start the worker:
+
+```bash
+bun maker queue:work --queue=default,mail
+```
+
+### dispatchCommand
+
+Synchronous command pattern with optional async fallback:
+
+```ts
+import { command, dispatchCommand } from "@/framework/facade.js";
+
+command("send-welcome-email", async (payload) => {
+  // Handler runs in-process
+});
+
+await dispatchCommand("send-welcome-email", { userId: 1 });
+await dispatchCommand("send-welcome-email", { userId: 1 }, { async: true }); // Queue instead
+```
+
+## Scheduler
+
+Define scheduled tasks in `src/modules/<module>/console/*.ts`:
+
+```ts
+import { defineSchedule } from "@/framework/facade.js";
+
+defineSchedule({
+  name: "cleanup-temp-files",
+  expression: "*/5 * * * *",
+  runOnInit: false,
+  ttlMs: 120000,
+  handler: async () => {
+    // Scheduled task logic
+  },
+});
+```
+
+Start the scheduler:
+
+```bash
+bun maker schedule:work
+```
+
+## Realtime
+
+### Server-side
+
+Broadcast events to connected clients via Socket.IO:
+
+```ts
+await dispatchEvent("chat.message", { text: "Hello" }, {
+  broadcast: { users: [recipientId] }
+});
+
+await dispatchEvent("admin.alert", { cpu: 92 }, {
+  broadcast: { roles: ["admin"] }
+});
+
+await dispatchEvent("system.update", { status: "ok" }, {
+  broadcast: { all: true }
+});
+```
+
+### Client-side
+
+The frontend uses the Pulse plugin for real-time channels:
+
+```ts
+import { pulse } from "@/plugins/pulse";
+
+const channel = pulse.channel("user:42");
+channel.listen("notification.created", (data) => {
+  showToast(data.title);
+});
+```
+
+## Storage
+
+Supports local disk and S3-compatible object storage (AWS S3, DigitalOcean Spaces, Cloudflare R2, MinIO).
+
+```env
+STORAGE_DRIVER=s3
+STORAGE_BUCKET=my-bucket
+STORAGE_REGION=us-east-1
+STORAGE_ENDPOINT=
+STORAGE_ACCESS_KEY_ID=
+STORAGE_SECRET_ACCESS_KEY=
+```
+
+```ts
+import { storage } from "@/framework/facade.js";
+
+const path = await storage.put("uploads/report.pdf", fileBuffer);
+const url = await storage.temporaryUrl(path, 3600);
+await storage.delete(path);
+```
+
+## CLI Reference
+
+### Module Commands
+
+```bash
+bun maker module:make <name>                  # Create full module scaffold
+bun maker module:make-notification [name]     # Generate notification module
+bun maker module:example [name]               # Generate example module
+bun maker module:delete <name>                # Soft-delete module to trash
+bun maker module:delete-notification [name]   # Remove notification module
+bun maker module:trash:clean [name]           # Permanently remove trash
+bun maker module:list                         # List all modules
+bun maker module:seed <module>                # Run module seeders
+bun maker module:migrate <module>             # Run module migration
+bun maker module:make-route <module> [controller]
+bun maker module:make-controller <module> [name]
+bun maker module:make-model <module> [name]
+bun maker module:make-seeder <module> [name]
+bun maker module:make-job <module> [name]
+bun maker module:make-console <module> [name]
+```
+
+### Database Commands
+
+```bash
+bun maker db:schema           # Generate schema index
+bun maker db:generate         # Generate migration files
+bun maker db:migrate [--seed] # Run migrations
+bun maker db:migrate:run      # Run pending migrations only
+bun maker db:fresh [--seed]   # Drop all + re-migrate
+bun maker db:reset            # Drop and recreate database
+bun maker db:seed [module]    # Run seeders
+bun maker db:status           # List migration files
+bun maker db:push             # Push schema directly
+bun maker db:studio           # Launch Drizzle Studio
+```
+
+### Runtime Commands
+
+```bash
+bun maker dev                               # Full dev stack
+bun maker dev --view=redis,maildev,studio   # Dev stack with tools
+bun maker serve [--prod]                    # Start API server
+bun maker queue:work [--queue=default]      # Start queue worker
+bun maker queue:clear                       # Clear queue keys
+bun maker schedule:work                     # Start scheduler
+bun maker frontend:dev                      # Frontend dev server
+bun maker maildev:view                      # MailDev web UI
+bun maker redis:view                        # Redis Commander UI
+bun maker vite:cache:clear                  # Clear Vite cache
+```
+
+### Deploy Commands
+
+```bash
+bun maker deploy:create --server            # Generate deploy scaffolding
+bun maker deploy:server                     # Start shared infra
+bun maker deploy:app                        # Build and start app
+bun maker deploy:workflow:local             # Full local deploy
+bun maker deploy:workflow:remote            # Full remote deploy
+bun maker deploy:workflow:promote           # Local then remote deploy
+bun maker deploy:db:import                  # Import SQL dump
+```
+
+## Deploy
+
+nexgen uses a two-layer Docker architecture: shared infrastructure (nginx-proxy, MySQL, PostgreSQL, Redis) runs once per host, and the application stack builds and deploys per release.
+
+### Local Deploy
+
+```bash
+bun maker deploy:create --server    # Generate files (one-time)
+bun maker deploy:server             # Start database, Redis, proxy
+bun maker deploy:app                # Build and start app
+```
+
+### Remote Deploy
+
+Configure `deploy/workflow.remote.json` with your SSH details, then:
+
+```bash
+bun maker deploy:workflow:remote
+```
+
+This rsyncs your project to the server, creates Docker networks, starts the infra, builds and runs the app container with supervisor managing API, queue, and scheduler processes.
+
+### Supervisor Inside Container
+
+```
+supervisord
+  ├─ auto-migrate.sh (one-shot, if AUTO_MIGRATE=true)
+  ├─ maker serve --prod       → HTTP API on port 3000
+  ├─ maker queue:work         → BullMQ worker (if Redis enabled)
+  └─ maker schedule:work      → Cron scheduler
+```
+
+See the [deploy documentation](https://niyamulahsan.github.io/nexgen/deploy/overview) for full details.
+
+## Optional Packages
+
+| Package | Feature | When needed |
+|---|---|---|
+| `exceljs` | Excel import/export | If using `/examples/download/excel/*` endpoints |
+| `playwright` | PDF export | If using `/examples/download/pdf/*` endpoints |
+
+```bash
+npm i exceljs
+npm i playwright
+npx playwright install chromium
+```
+
+## Full Documentation
+
+Complete documentation is available at **[https://niyamulahsan.github.io/nexgen](https://niyamulahsan.github.io/nexgen)**

package/template/drizzle.config.ts

@@ -0,0 +1,29 @@
+import { config } from "dotenv";
+import { defineConfig } from "drizzle-kit";
+
+config({ path: ".env" });
+
+function sqlitePathFromUrl(url: string) {
+  if (url.startsWith("sqlite:///")) return url.replace("sqlite:///", "/");
+  if (url.startsWith("sqlite://")) return url.replace("sqlite://", "");
+  if (url.startsWith("sqlite:")) return url.replace("sqlite:", "");
+  return url;
+}
+
+const databaseUrl = process.env.DATABASE_URL || "sqlite:./src/storage/database/nexgen.sqlite";
+const dialect = databaseUrl.startsWith("mysql")
+  ? "mysql"
+  : databaseUrl.startsWith("postgres")
+    ? "postgresql"
+    : "sqlite";
+
+export default defineConfig({
+  schema: process.env.DRIZZLE_SCHEMA || "./src/database/schema.ts",
+  out: `./src/database/migrations/${dialect}`,
+  dialect,
+  dbCredentials: databaseUrl.startsWith("mysql")
+    ? { url: databaseUrl }
+    : databaseUrl.startsWith("postgres")
+      ? { url: databaseUrl }
+      : { url: sqlitePathFromUrl(databaseUrl) }
+});

package/template/eslint.config.js

@@ -0,0 +1,52 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tsParser from "@typescript-eslint/parser";
+import tsPlugin from "@typescript-eslint/eslint-plugin";
+import vueParser from "vue-eslint-parser";
+import vuePlugin from "eslint-plugin-vue";
+import eslintConfigPrettier from "eslint-config-prettier";
+
+export default [
+  {
+    ignores: ["node_modules/**", "dist/**", "src/resources/dist/**", "coverage/**", "**/*.d.ts"]
+  },
+  js.configs.recommended,
+  ...vuePlugin.configs["flat/recommended"],
+  {
+    files: ["**/*.{js,mjs,cjs,ts,tsx,vue}"],
+    languageOptions: {
+      parser: vueParser,
+      parserOptions: {
+        parser: tsParser,
+        ecmaVersion: "latest",
+        sourceType: "module",
+        extraFileExtensions: [".vue"]
+      },
+      globals: {
+        ...globals.node,
+        ...globals.browser
+      }
+    },
+    plugins: {
+      "@typescript-eslint": tsPlugin
+    },
+    rules: {
+      "no-empty": "off",
+      "no-useless-escape": "off",
+      "no-redeclare": "off",
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "warn",
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_"
+        }
+      ],
+      "vue/multi-word-component-names": "off",
+      "vue/no-reserved-component-names": "off",
+      "vue/valid-template-root": "off",
+      "vue/no-ref-as-operand": "off"
+    }
+  },
+  eslintConfigPrettier
+];

package/template/gitignore-stub

@@ -0,0 +1,24 @@
+.env
+node_modules/
+dist/
+
+public/*
+!public/.gitkeep
+
+deploy/.env
+deploy/server/.env
+
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+.DS_Store
+Thumbs.db
+
+# Lock files — regenerated per developer's package manager
+bun.lock
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

package/template/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "nexgen",
+  "private": true,
+  "type": "module",
+  "version": "1.0.0",
+  "bin": {
+    "maker": "./src/framework/maker-cli/src/index.mjs"
+  },
+  "scripts": {
+    "build": "npm run build:all",
+    "build:all": "npm run build:backend && npm run build:frontend",
+    "build:backend": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",
+    "build:frontend": "node src/framework/maker-cli/src/levels/level-2/runtime/build-frontend.mjs",
+    "dev": "node src/framework/maker-cli/src/index.mjs dev",
+    "frontend": "node src/framework/maker-cli/src/index.mjs frontend:dev",
+    "maildev:view": "node src/framework/maker-cli/src/index.mjs maildev:view",
+    "redis:view": "node src/framework/maker-cli/src/index.mjs redis:view",
+    "db:studio": "node src/framework/maker-cli/src/index.mjs db:studio",
+    "maker": "node src/framework/maker-cli/src/index.mjs",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier . --write",
+    "format:check": "prettier . --check"
+  },
+  "dependencies": {
+    "@aws-sdk/client-s3": "^3.1045.0",
+    "@aws-sdk/s3-request-presigner": "^3.1045.0",
+    "@bull-board/api": "^7.1.5",
+    "@bull-board/hono": "^7.1.5",
+    "@hono/node-server": "^2.0.3",
+    "@hono/zod-openapi": "^1.4.0",
+    "@scalar/hono-api-reference": "^0.10.14",
+    "@socket.io/admin-ui": "^0.5.1",
+    "@socket.io/redis-adapter": "^8.3.0",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/head": "^2.0.0",
+    "axios": "^1.16.0",
+    "bcryptjs": "^3.0.3",
+    "bootstrap": "^5.3.8",
+    "bootstrap-icons": "^1.13.1",
+    "bullmq": "^5.76.6",
+    "chalk": "^5.6.2",
+    "commander": "^14.0.3",
+    "dotenv": "^17.4.2",
+    "dotenv-expand": "^13.0.0",
+    "drizzle-orm": "^0.45.2",
+    "glob": "^13.0.6",
+    "hono": "^4.12.18",
+    "hono-rate-limiter": "^0.5.3",
+    "ioredis": "^5.10.1",
+    "lodash-es": "^4.18.1",
+    "luxon": "^3.7.2",
+    "maildev": "^2.2.1",
+    "mime-types": "^3.0.2",
+    "mysql2": "^3.22.3",
+    "node-cron": "^4.2.1",
+    "nodemailer": "^8.0.7",
+    "pinia": "^3.0.4",
+    "redis-commander": "^0.9.0",
+    "sass-embedded": "^1.99.0",
+    "socket.io": "^4.8.3",
+    "socket.io-client": "^4.8.3",
+    "stoker": "^2.0.1",
+    "vite": "^8.0.13",
+    "vue": "^3.5.34",
+    "vue-router": "^5.0.6",
+    "vue-select": "^4.0.0-beta.6",
+    "winston": "^3.19.0",
+    "zod": "^4.4.3"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@types/bootstrap": "^5.2.10",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^25.9.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.2",
+    "@typescript-eslint/parser": "^8.59.2",
+    "drizzle-kit": "^0.31.10",
+    "eslint": "^10.4.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "^10.9.1",
+    "globals": "^17.6.0",
+    "prettier": "^3.8.3",
+    "tsc-alias": "^1.8.17",
+    "tsx": "^4.21.0",
+    "typescript": "^6.0.3",
+    "vue-eslint-parser": "^10.4.0"
+  },
+  "engines": {
+    "node": ">=24 <25",
+    "bun": ">=1.3.0 <2",
+    "pnpm": ">=10 <11",
+    "yarn": ">=1.22.0 <2"
+  }
+}

package/template/public/assets/AuthLayout-CbswhpjJ.js

@@ -0,0 +1 @@
+import{A as e,C as t,D as n,N as r,O as i,_ as a}from"./index-Bleyx5dm.js";import{t as o}from"./admin-ui-CU34rLdN.js";var s=t({__name:`AuthLayout`,setup(t){let s=o();return i(()=>{s.initTheme()}),n(()=>{s.cleanupTheme()}),(t,n)=>{let i=r(`router-view`);return e(),a(i)}}});export{s as default};

package/template/public/assets/Button-_7aQ7gHL.js

@@ -0,0 +1 @@
+import{A as e,C as t,H as n,I as r,M as i,T as a,U as o,g as s,h as c,p as l,v as u,y as d}from"./index-Bleyx5dm.js";var f=[`type`],p={key:1},m=t({name:`Button`,inheritAttrs:!1,__name:`Button`,props:{label:{},icon:{},type:{default:`button`}},setup(t){let m=r(),h=t,g=c(()=>!!m.default?.().length);return(t,r)=>(e(),d(`button`,a({class:`d-flex justify-content-center align-items-center custom-btn shadow-none`,type:h.type},t.$attrs),[g.value?i(t.$slots,`default`,{key:0}):(e(),d(l,{key:1},[h.label?(e(),d(`span`,{key:0,class:n([`text-capitalize`,{"me-1":h.icon}])},o(h.label),3)):u(``,!0),h.icon?(e(),d(`span`,p,[s(`i`,{class:n(h.icon)},null,2)])):u(``,!0)],64))],16,f))}});export{m as t};

package/template/public/assets/Input-CLNJXmKc.css

@@ -0,0 +1 @@
+.must[data-v-60b4d1ec]{width:4px;height:4px;margin-top:5px;margin-left:2px}.max[data-v-60b4d1ec]{font-size:.6rem}

package/template/public/assets/Input-z8GI8Aqo.js

@@ -0,0 +1 @@
+import{A as e,C as t,E as n,H as r,O as i,P as a,T as o,U as s,V as c,g as l,h as u,i as d,y as f}from"./index-Bleyx5dm.js";var p=typeof navigator<`u`?navigator.userAgent.toLowerCase():``,m=p.includes(`firefox`),h=p.includes(`edg`),g=p.includes(`opr`)||p.includes(`opera`),_=p.includes(`brave`),v=p.includes(`chrome`)&&!h&&!g&&!_,y=p.includes(`android`),b=p.includes(`safari`)&&!v&&!y,x=/iphone|ipad|ipod/.test(p),S=p.includes(`windows`),C=p.includes(`macintosh`),w={userAgent:p,isFirefox:u(()=>m),isChrome:u(()=>v),isSafari:u(()=>b),isEdge:u(()=>h),isOpera:u(()=>g),isBrave:u(()=>_),isAndroid:u(()=>y),isIOS:u(()=>x),isWindows:u(()=>S),isMac:u(()=>C)};function T(){return w}var E={class:`position-relative`},D=[`for`],O={class:`position-relative`},k=[`innerHTML`],A=[`innerHTML`],j=[`value`,`maxlength`,`readonly`,`autocomplete`],M=[`id`],N=d(t({name:`Input`,inheritAttrs:!1,__name:`Input`,props:{focus:{type:Boolean},must:{type:Boolean},err:{type:[String,Boolean],default:!1},modelValue:{default:``},category:{},hood:{type:[String,Boolean,Number]},readonly:{type:Boolean}},emits:[`update:modelValue`],setup(t,{emit:d}){let{isFirefox:p}=T(),m=a(),h=t,g=u(()=>m.topclass||`mb-2`),_=u(()=>m.id||``),v=u(()=>m.label||``),y=u(()=>m.type||`text`),b=u(()=>{let e=m.maxlength;return e==null?null:Number(e)}),x=u(()=>m.autocomplete||([`number`,`decimal`].includes(h.category??``)?`off`:`on`)),S=u(()=>b.value??void 0),C=u(()=>h.hood===!1||h.hood==null?``:String(h.hood)),w=u(()=>b.value==null||!p&&y.value===`month`?``:b.value-String(h.modelValue).length),N=d,P=e=>{let t=e.target;if(h.category===`number`)N(`update:modelValue`,t.value=t.value.replace(/[^\d]/gi,``));else if(h.category===`decimal`){let e=t.value;e=e.replace(/[^0-9.]/g,``);let n=e.split(`.`);n.length>2&&(e=n[0]+`.`+n.slice(1).join(``)),N(`update:modelValue`,t.value=e)}else if(h.category===`+decimal-`){let e=t.value;e=e.replace(/[^0-9.-]/g,``);let n=e.includes(`-`);e=e.replace(/-/g,``),n&&(e=`-`+e);let r=e.split(`.`);r.length>2&&(e=r[0]+`.`+r.slice(1).join(``)),N(`update:modelValue`,t.value=e)}else if(h.category===`mobile`){let e=t.value.replace(/[^\d]/g,``),n=e;t.value.includes(`+`)&&(n=`+`+e),N(`update:modelValue`,t.value=n)}else if(h.category===`tax-period`){let e=t.value.replace(/[^\d-]/g,``);if(e=e.replace(/-/g,``),e=e.slice(0,6),e.length>4){let t=e.slice(0,4),n=e.slice(4,6);if(n.length===2){let e=parseInt(n,10);e<1&&(e=1),e>12&&(e=12),n=e.toString().padStart(2,`0`)}e=t+`-`+n}N(`update:modelValue`,t.value=e)}else if(h.category===`bin`){let e=t.value.replace(/[^\d]/g,``);e=e.slice(0,14);let n=e;e.length>9&&(n=e.slice(0,9)+`-`+e.slice(9,14)),N(`update:modelValue`,t.value=n)}else if(h.category===`challan-number`){let e=t.value.replace(/[^\d]/g,``);e=e.slice(0,16);let n=e;e.length>4&&(n=e.slice(0,4)+`-`+e.slice(4,16)),N(`update:modelValue`,t.value=n)}else N(`update:modelValue`,t.value)};return i(()=>{!h.focus||!_.value||n(()=>{document.querySelector(`#${_.value}`)?.focus()})}),(t,n)=>(e(),f(`div`,{class:r(g.value)},[l(`div`,E,[l(`label`,{for:_.value,class:r([`d-flex align-items-center mb-1`,{"d-none":!v.value}])},[l(`div`,O,[l(`span`,{class:`text-capitalize`,innerHTML:v.value},null,8,k),l(`span`,{class:r([`position-absolute text-danger rounded-circle bg-danger must`,{"d-none":!h.must}])},null,2)]),l(`div`,{class:r([`text-end ms-auto text-primary fw-semibold`,{"d-none":!h.hood}]),style:{"font-size":`12px`,"margin-top":`0.15rem`},innerHTML:C.value},null,10,A)],10,D),l(`input`,o({class:`form-control`,value:h.modelValue,maxlength:S.value,readonly:h.readonly},c(m),{autocomplete:x.value,onInput:P}),null,16,j),l(`div`,{class:r([`position-absolute bottom-0 end-0 pe-1 text-secondary max`,{"d-none":!b.value}])},s(w.value),3)]),l(`div`,{id:`${_.value}Help`,class:r([`form-text mt-1 text-danger`,{"d-none":!h.err}])},s(h.err),11,M)],2))}}),[[`__scopeId`,`data-v-60b4d1ec`]]);export{T as n,N as t};

package/template/public/assets/InputPasswordToggle-BxlzVGp3.js

@@ -0,0 +1 @@
+import{A as e,B as t,C as n,E as r,H as i,O as a,P as o,T as s,U as c,V as l,g as u,h as d,i as f,y as p}from"./index-Bleyx5dm.js";import{n as m}from"./Input-z8GI8Aqo.js";var h={class:`position-relative`},g=[`for`],_={class:`position-relative`},v=[`innerHTML`],y=[`innerHTML`],b={class:`input-group mb-3`},x=[`type`,`value`,`maxlength`,`readonly`],S=[`id`],C=f(n({name:`InputPasswordToggle`,inheritAttrs:!1,__name:`InputPasswordToggle`,props:{focus:{type:Boolean},must:{type:Boolean},err:{type:[String,Boolean],default:!1},modelValue:{default:``},category:{},hood:{type:[String,Boolean,Number]},readonly:{type:Boolean}},emits:[`update:modelValue`],setup(n,{emit:f}){let{isFirefox:C}=m(),w=o(),T=n,E=d(()=>w.topclass||`mb-3`),D=d(()=>w.id||``),O=d(()=>w.label||``),k=d(()=>w.type||`text`),A=d(()=>{let e=w.maxlength;return e==null?null:Number(e)}),j=d(()=>A.value??void 0),M=d(()=>T.hood===!1||T.hood==null?``:String(T.hood)),N=d(()=>A.value==null||!C&&k.value===`month`?``:A.value-String(T.modelValue).length),P=f,F=e=>{let t=e.target;if(T.category===`number`)P(`update:modelValue`,t.value=t.value.replace(/[^\d]/gi,``));else if(T.category===`decimal`){let e=t.value.replace(/[^\d.]/g,``),n=e.split(`.`);e=n[0],n.length>1&&(e+=`.`+n.slice(1).join(``)),P(`update:modelValue`,t.value=e)}else if(T.category===`mobile`){let e=t.value.replace(/[^\d]/g,``),n=e;t.value.includes(`+`)&&(n=`+`+e),P(`update:modelValue`,t.value=n)}else if(T.category===`tax-period`){let e=t.value.replace(/[^\d-]/g,``);if(e=e.replace(/-/g,``),e=e.slice(0,6),e.length>4){let t=e.slice(0,4),n=e.slice(4,6);if(n.length===2){let e=parseInt(n,10);e<1&&(e=1),e>12&&(e=12),n=e.toString().padStart(2,`0`)}e=t+`-`+n}P(`update:modelValue`,t.value=e)}else if(T.category===`bin`){let e=t.value.replace(/[^\d]/g,``);e=e.slice(0,14);let n=e;e.length>9&&(n=e.slice(0,9)+`-`+e.slice(9,14)),P(`update:modelValue`,t.value=n)}else if(T.category===`challan-number`){let e=t.value.replace(/[^\d]/g,``);e=e.slice(0,16);let n=e;e.length>4&&(n=e.slice(0,4)+`-`+e.slice(4,16)),P(`update:modelValue`,t.value=n)}else P(`update:modelValue`,t.value)},I=t(!1),L=()=>I.value=!I.value;return a(()=>{!T.focus||!D.value||r(()=>{document.querySelector(`#${D.value}`)?.focus()})}),(t,n)=>(e(),p(`div`,{class:i(E.value)},[u(`div`,h,[u(`label`,{for:D.value,class:i([`d-flex align-items-center`,{"d-none":!O.value}])},[u(`div`,_,[u(`span`,{class:`text-capitalize mb-1`,innerHTML:O.value},null,8,v),u(`span`,{class:i([`position-absolute text-danger rounded-circle bg-danger must`,{"d-none":!T.must}])},null,2)]),u(`div`,{class:i([`text-end ms-auto text-primary align-self-center`,{"d-none":!T.hood}]),style:{"font-size":`12px`,"margin-top":`0.15rem`},innerHTML:M.value},null,10,y)],10,g),u(`div`,b,[u(`input`,s({class:`form-control border-0`,type:I.value?`text`:`password`,value:T.modelValue,maxlength:j.value,readonly:T.readonly},l(w),{onInput:F}),null,16,x),u(`button`,{class:`input-group-text p-0 border-0 border-start border-1 position-relative z-1`,type:`button`,onClick:L},[u(`i`,{class:i([`py-2 px-3`,I.value?`bi bi-eye`:`bi bi-eye-slash`]),style:{"font-size":`15px`}},null,2)])]),u(`div`,{class:i([`position-absolute bottom-0 end-0 pe-1 text-secondary max`,{"d-none":!A.value}])},c(N.value),3)]),u(`div`,{id:`${D.value}Help`,class:i([`form-text mt-1 text-danger`,{"d-none":!T.err}])},c(T.err),11,S)],2))}}),[[`__scopeId`,`data-v-917a8bc2`]]);export{C as t};

package/template/public/assets/InputPasswordToggle-C77FI9Eg.css

@@ -0,0 +1 @@
+input[data-v-917a8bc2]{border-color:#ccc}input[data-v-917a8bc2]:read-only{background-color:#f8f8f8}input[data-v-917a8bc2]::placeholder{color:#bfbfbf}button[data-v-917a8bc2]:focus-visible{box-shadow:none;border:none}.form-text[data-v-917a8bc2]{font-size:.75rem}.must[data-v-917a8bc2]{width:4px;height:4px;margin-top:5px;margin-left:2px}.max[data-v-917a8bc2]{font-size:.6rem}