ababil 1.0.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3 @@
1
+ {
2
+ "prettier.printWidth": 150
3
+ }
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License Copyright (c) 2025 DevAbabil
2
+
3
+ Permission is hereby granted, free of
4
+ charge, to any person obtaining a copy of this software and associated
5
+ documentation files (the "Software"), to deal in the Software without
6
+ restriction, including without limitation the rights to use, copy, modify, merge,
7
+ publish, distribute, sublicense, and/or sell copies of the Software, and to
8
+ permit persons to whom the Software is furnished to do so, subject to the
9
+ following conditions:
10
+
11
+ The above copyright notice and this permission notice
12
+ (including the next paragraph) shall be included in all copies or substantial
13
+ portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
16
+ ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
17
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO
18
+ EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
19
+ OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
20
+ FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
package/README.md CHANGED
@@ -1 +1,153 @@
1
- ### Initialized for my next project
1
+ # Ababil Hossain CLI Portfolio
2
+
3
+ A beautifully styled **Command Line Interface (CLI)** portfolio showcasing **Ababil Hossain**, a passionate **Web Developer & Programmer** from **Bangladesh**.
4
+ This terminal-based experience provides a **vibrant**, **elegant**, and **colorful** way to explore Ababil’s background, skills, and featured projects — all right from your console!
5
+
6
+ ## Features
7
+
8
+ - **Vibrant UI** powered by [chalk](https://www.npmjs.com/package/chalk) and [gradient-string](https://www.npmjs.com/package/gradient-string)
9
+ - **Clean, structured layout** using [boxen](https://www.npmjs.com/package/boxen)
10
+ - Displays **About**, **Skills**, **Projects**
11
+ - Single global CLI command — `ababil`
12
+ - **Fast**, **lightweight**, and **easy to customize**
13
+
14
+ ## Installation
15
+
16
+ Install the CLI globally using your favorite package manager:
17
+
18
+ ### **npm**
19
+
20
+ ```bash
21
+ npm install -g ababil
22
+ ```
23
+
24
+ ### **yarn**
25
+
26
+ ```bash
27
+ yarn global add ababil
28
+ ```
29
+
30
+ ### **pnpm**
31
+
32
+ ```bash
33
+ pnpm add -g ababil
34
+ ```
35
+
36
+ ### **bun**
37
+
38
+ ```bash
39
+ bun add -g ababil
40
+ ```
41
+
42
+ Then run the CLI from anywhere in your terminal:
43
+
44
+ ```bash
45
+ ababil
46
+ ```
47
+
48
+ ## Run Without Global Install
49
+
50
+ You can also run the CLI directly using one of the following:
51
+
52
+ ### **npx**
53
+
54
+ ```bash
55
+ npx ababil
56
+ ```
57
+
58
+ ### **yarn dlx**
59
+
60
+ ```bash
61
+ yarn dlx ababil
62
+ ```
63
+
64
+ ### **pnpm dlx**
65
+
66
+ ```bash
67
+ pnpm dlx ababil
68
+ ```
69
+
70
+ ### **bunx**
71
+
72
+ ```bash
73
+ bunx ababil
74
+ ```
75
+
76
+ Sit back and enjoy the colorful interactive experience!
77
+
78
+ ## Development Setup
79
+
80
+ If you'd like to modify or contribute to this project, follow these steps:
81
+
82
+ 1. **Clone the repository**
83
+
84
+ ```bash
85
+ git clone https://github.com/DevAbabil/ababil.git
86
+ cd ababil
87
+ ```
88
+
89
+ 2. **Install dependencies**
90
+
91
+ ```bash
92
+ npm install
93
+ ```
94
+
95
+ 3. **Run in development mode**
96
+
97
+ ```bash
98
+ npm run dev
99
+ ```
100
+
101
+ ## Project Structure
102
+
103
+ ```
104
+ ababil
105
+ ├── scripts
106
+ │ ├── build.sh
107
+ │ └── publish.sh
108
+ ├── src
109
+ │ ├── components
110
+ │ │ ├── _about.ts
111
+ │ │ ├── _footer.ts
112
+ │ │ ├── _header.ts
113
+ │ │ ├── _skills.ts
114
+ │ │ ├── _projects.ts
115
+ │ │ └── index.ts
116
+ │ ├── data
117
+ │ │ └── index.ts
118
+ │ ├── utils
119
+ │ └── index.ts
120
+ ├── .vscode
121
+ │ └── settings.json
122
+ ├── banner.ts
123
+ ├── .gitignore
124
+ ├── LICENSE
125
+ ├── .npmignore
126
+ ├── package.json
127
+ ├── package-lock.json
128
+ ├── README.md
129
+ ├── tsconfig.json
130
+ └── tsup.config.ts
131
+ ```
132
+
133
+ ## Tech Stack
134
+
135
+ | Category | Technologies |
136
+ | ---------------- | -------------------------------- |
137
+ | **CLI Styling** | chalk, boxen, gradient-string |
138
+ | **Language** | TypeScript (Node.js, ES Modules) |
139
+ | **Bundler** | tsup |
140
+ | **Dev Runner** | tsx |
141
+ | **Package Tool** | npm, yarn, pnpm, bun |
142
+
143
+ ## Inspiration
144
+
145
+ This project reflects my love for **clean terminal experiences**, **minimalist design**, and **developer creativity**.
146
+ A single command — `ababil` — brings my portfolio to life, right inside your console.
147
+
148
+ ## License
149
+
150
+ This project is licensed under the **MIT License**.
151
+ You’re free to use, modify, and distribute it with attribution.
152
+
153
+ © 2025 **Ababil Hossain** · [devababil.com](https://devababil.com)
package/banner.ts ADDED
@@ -0,0 +1,22 @@
1
+ import fs from "fs";
2
+ import path from "path";
3
+ import data from "./src/data";
4
+
5
+ export const pkg = JSON.parse(fs.readFileSync(path.resolve(process.cwd(), "package.json"), "utf-8"));
6
+
7
+ const banner = `
8
+ #!/usr/bin/env node
9
+
10
+ /**
11
+ * @packageName ${pkg.name}
12
+ * @description ${pkg.description}
13
+ * @author ${pkg?.author}
14
+ * @license MIT
15
+ * @version ${pkg.version}
16
+ * @repository ${pkg?.repository?.url?.replace("git+", "")}
17
+ * @created ${data?.timestamp?.createdAt}
18
+ * @lastModified ${data?.timestamp?.updatedAt}
19
+ **/
20
+ `.trim();
21
+
22
+ fs.writeFileSync("banner.txt", banner);
package/dist/index.js ADDED
@@ -0,0 +1,224 @@
1
+ #!/usr/bin/env node
2
+
3
+ /**
4
+ * @packageName ababil
5
+ * @description CLI portfolio for Ababil Hossain
6
+ * @author Ababil Hossain <ababil.webdev@gmail.com>
7
+ * @license MIT
8
+ * @version 1.2.0
9
+ * @repository https://github.com/DevAbabil/ababil.git
10
+ * @created 2024-03-02
11
+ * @lastModified 2025-10-23
12
+ **/
13
+ "use strict";
14
+ var __create = Object.create;
15
+ var __defProp = Object.defineProperty;
16
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
17
+ var __getOwnPropNames = Object.getOwnPropertyNames;
18
+ var __getProtoOf = Object.getPrototypeOf;
19
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
20
+ var __copyProps = (to, from, except, desc) => {
21
+ if (from && typeof from === "object" || typeof from === "function") {
22
+ for (let key of __getOwnPropNames(from))
23
+ if (!__hasOwnProp.call(to, key) && key !== except)
24
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
25
+ }
26
+ return to;
27
+ };
28
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
29
+ // If the importer is in node compatibility mode or this is not an ESM
30
+ // file that has been converted to a CommonJS file using a Babel-
31
+ // compatible transform (i.e. "__esModule" has not been set), then set
32
+ // "default" to the CommonJS "module.exports" for node compatibility.
33
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
34
+ mod
35
+ ));
36
+
37
+ // src/index.ts
38
+ var import_boxen = __toESM(require("boxen"));
39
+
40
+ // src/components/_header.ts
41
+ var import_gradient_string = __toESM(require("gradient-string"));
42
+
43
+ // src/data/index.ts
44
+ var import_fs = __toESM(require("fs"));
45
+ var import_path = __toESM(require("path"));
46
+ var pkg = JSON.parse(import_fs.default.readFileSync(import_path.default.resolve(process.cwd(), "package.json"), "utf-8"));
47
+ var data_default = {
48
+ about: {
49
+ name: "Ababil Hossain",
50
+ profession: "Full Stack Web Developer",
51
+ description: `I'm a passionate Full Stack Developer who loves transforming complex challenges into elegant, user-friendly solutions. I enjoy creating scalable web applications that blend performance with beautiful design.`,
52
+ address: "Dinajpur, Bangladesh"
53
+ },
54
+ skills: {
55
+ frontend: ["Tailwind", "MUI", "Shadcn-UI", "React", "Next.js", "Progressive Web Apps"],
56
+ backend: ["Node.js", "Express.js", "Moduler-MVC"],
57
+ database: ["MongoDB", "PostgreSQL", "Redis"],
58
+ tools: ["Git", "GitHub", "GitLab", "NPM", "VS Code", "Postman", "Figma", "Linux"],
59
+ language: ["JavaScript", "TypeScript", "ShellScript"]
60
+ },
61
+ contact: {
62
+ website: "https://devababil.com",
63
+ github: "https://github.com/DevAbabil",
64
+ gitlab: "https://gitlab.com/DevAbabil",
65
+ x: "https://x.com/DevAbabil",
66
+ linkedIn: "https://www.linkedin.com/in/DevAbabil",
67
+ facebook: "https://facebook.com/programmerababil",
68
+ whatsapp: "01937853223",
69
+ discord: "https://discord.gg/DevAbabil"
70
+ },
71
+ projects: {
72
+ cutefetch: {
73
+ label: "cutefetch",
74
+ source: "https://github.com/DevAbabil/cutefetch",
75
+ description: "Lightweight HTTP client inspired by Axios for modern web applications."
76
+ },
77
+ "emoji-picker": {
78
+ label: "emoji-picker",
79
+ source: "https://github.com/DevAbabil/emoji-picker",
80
+ description: "Simple browser extension to pick and copy emojis instantly anywhere."
81
+ },
82
+ sigla: {
83
+ label: "sigla",
84
+ source: "https://github.com/DevAbabil/sigla",
85
+ description: "Customizable badge generator for GitHub profiles using Node.js and Canvas."
86
+ },
87
+ siteviews: {
88
+ label: "siteviews",
89
+ source: "https://github.com/DevAbabil/siteviews",
90
+ description: "Zero-config website counter tracking visits with user info support."
91
+ },
92
+ "react-siteviews": {
93
+ label: "react-siteviews",
94
+ source: "https://github.com/DevAbabil/react-siteviews",
95
+ description: "React component to count and display user visits beautifully."
96
+ },
97
+ "make-public": {
98
+ label: "make-public",
99
+ source: "https://github.com/DevAbabil/make-public",
100
+ description: "CLI tool to instantly expose local APIs to the public."
101
+ },
102
+ "gen-table": {
103
+ label: "gen-table",
104
+ source: "https://github.com/DevAbabil/gen-table",
105
+ description: "CLI utility generating markdown tables from custom rows and columns."
106
+ },
107
+ "mongoose-qb": {
108
+ label: "mongoose-qb",
109
+ source: "https://github.com/DevAbabil/mongoose-qb",
110
+ description: "Mongoose query builder for filtering, searching, sorting, and pagination."
111
+ }
112
+ },
113
+ timestamp: {
114
+ createdAt: pkg == null ? void 0 : pkg.createdAt,
115
+ updatedAt: (/* @__PURE__ */ new Date()).toLocaleDateString("en-CA", {
116
+ timeZone: "Asia/Dhaka"
117
+ })
118
+ },
119
+ version: pkg == null ? void 0 : pkg.version
120
+ };
121
+
122
+ // src/components/_header.ts
123
+ var header = () => import_gradient_string.default.pastel.multiline(`
124
+ =============================================
125
+ \u{1F44B} Hi, I'm ${data_default.about.name}
126
+ \u{1F4BB} ${data_default.about.profession}
127
+ =============================================
128
+ `);
129
+ var header_default = header;
130
+
131
+ // src/components/_footer.ts
132
+ var import_gradient_string2 = __toESM(require("gradient-string"));
133
+ var footer = () => import_gradient_string2.default.instagram.multiline(`
134
+
135
+ ----------------------------------------------------------------------------------------------------
136
+
137
+ \u{1F4AC} Thanks for visiting my CLI portfolio!
138
+ Created : ${data_default.timestamp.createdAt}
139
+ Updated : ${data_default.timestamp.updatedAt}
140
+ Version : ababil@${data_default.version}
141
+ `);
142
+ var footer_default = footer;
143
+
144
+ // src/components/_about.ts
145
+ var import_chalk = __toESM(require("chalk"));
146
+ var about = () => `${import_chalk.default.bold("\u{1F464} About Me")}
147
+
148
+ ~/ ${import_chalk.default.bold("Name")} ${import_chalk.default.bold(":")} ${data_default.about.name}
149
+ ~/ ${import_chalk.default.bold("Profession")} ${import_chalk.default.bold(":")} ${data_default.about.profession}
150
+
151
+ ~/ ${import_chalk.default.bold("Location")} ${import_chalk.default.bold(":")} ${data_default.about.address}
152
+ ~/ ${import_chalk.default.bold("WhatsApp")} ${import_chalk.default.bold(":")} ${import_chalk.default.cyan(data_default.contact.whatsapp)}
153
+ ~/ ${import_chalk.default.bold("Website")} ${import_chalk.default.bold(":")} ${import_chalk.default.blue.underline(data_default.contact.website)}
154
+ ~/ ${import_chalk.default.bold("GitHub")} ${import_chalk.default.bold(":")} ${import_chalk.default.blue.underline(data_default.contact.github)}
155
+ ~/ ${import_chalk.default.bold("Facebook")} ${import_chalk.default.bold(":")} ${import_chalk.default.blue.underline(data_default.contact.facebook)}
156
+ ~/ ${import_chalk.default.bold("X (Twitter)")} ${import_chalk.default.bold(":")} ${import_chalk.default.blue.underline(data_default.contact.x)}
157
+ ~/ ${import_chalk.default.bold("Discord")} ${import_chalk.default.bold(":")} ${import_chalk.default.blue.underline(data_default.contact.discord)}
158
+ `;
159
+ var about_default = about;
160
+
161
+ // src/components/_projects.ts
162
+ var import_chalk2 = __toESM(require("chalk"));
163
+ var project = data_default.projects;
164
+ var projects = () => `
165
+ ${import_chalk2.default.greenBright.bold("\u{1F310} Featured Projects:")}
166
+
167
+ \u2022 ${import_chalk2.default.bold(project.cutefetch.label)} \u2192 ${import_chalk2.default.white(project.cutefetch.description)}
168
+ Source : ${import_chalk2.default.blue.underline(project.cutefetch.source)}
169
+
170
+ \u2022 ${import_chalk2.default.bold(project["emoji-picker"].label)} \u2192 ${import_chalk2.default.white(project["emoji-picker"].description)}
171
+ Source : ${import_chalk2.default.blue.underline(project["emoji-picker"].source)}
172
+
173
+ \u2022 ${import_chalk2.default.bold(project.sigla.label)} \u2192 ${import_chalk2.default.white(project.sigla.description)}
174
+ Source : ${import_chalk2.default.blue.underline(project.sigla.source)}
175
+
176
+ \u2022 ${import_chalk2.default.bold(project.siteviews.label)} \u2192 ${import_chalk2.default.white(project.siteviews.description)}
177
+ Source : ${import_chalk2.default.blue.underline(project.siteviews.source)}
178
+
179
+ \u2022 ${import_chalk2.default.bold(project["react-siteviews"].label)} \u2192 ${import_chalk2.default.white(project["react-siteviews"].description)}
180
+ Source : ${import_chalk2.default.blue.underline(project["react-siteviews"].source)}
181
+
182
+ \u2022 ${import_chalk2.default.bold(project["make-public"].label)} \u2192 ${import_chalk2.default.white(project["make-public"].description)}
183
+ Source : ${import_chalk2.default.blue.underline(project["make-public"].source)}
184
+
185
+ \u2022 ${import_chalk2.default.bold(project["gen-table"].label)} \u2192 ${import_chalk2.default.white(project["gen-table"].description)}
186
+ Source : ${import_chalk2.default.blue.underline(project["gen-table"].source)}
187
+
188
+ \u2022 ${import_chalk2.default.bold(project["mongoose-qb"].label)} \u2192 ${import_chalk2.default.white(project["mongoose-qb"].description)}
189
+ Source : ${import_chalk2.default.blue.underline(project["mongoose-qb"].source)}
190
+ `;
191
+ var projects_default = projects;
192
+
193
+ // src/components/_skills.ts
194
+ var import_chalk3 = __toESM(require("chalk"));
195
+ var skills = () => `
196
+ ${import_chalk3.default.bold("\u{1F680} Skills Overview")}
197
+
198
+ + ${import_chalk3.default.cyan("Frontend")} ${import_chalk3.default.bold(":")} ${data_default.skills.frontend.join(", ")}
199
+ + ${import_chalk3.default.green("Backend")} ${import_chalk3.default.bold(":")} ${data_default.skills.backend.join(", ")}
200
+ + ${import_chalk3.default.greenBright("Database")} ${import_chalk3.default.bold(":")} ${data_default.skills.database.join(", ")}
201
+ + ${import_chalk3.default.cyanBright("Languages")} ${import_chalk3.default.bold(":")} ${data_default.skills.language.join(", ")}
202
+ + ${import_chalk3.default.cyan("Tools")} ${import_chalk3.default.bold(":")} ${data_default.skills.tools.join(", ")}
203
+ `;
204
+ var skills_default = skills;
205
+
206
+ // src/index.ts
207
+ var import_console = require("console");
208
+ var content = (0, import_boxen.default)(
209
+ `
210
+ ${header_default()}
211
+ ${about_default()}
212
+ ${skills_default()}
213
+ ${projects_default()}
214
+ ${footer_default()}
215
+ `,
216
+ {
217
+ padding: 0.5,
218
+ borderStyle: "round",
219
+ borderColor: "green",
220
+ width: 105,
221
+ title: "DevAbabil CLI README"
222
+ }
223
+ );
224
+ (0, import_console.log)(content);
package/package.json CHANGED
@@ -1,19 +1,47 @@
1
1
  {
2
2
  "name": "ababil",
3
- "version": "1.0.2",
4
- "description": "",
3
+ "version": "1.2.0",
4
+ "description": "CLI portfolio for Ababil Hossain",
5
5
  "main": "index.js",
6
+ "bin": {
7
+ "ababil": "./dist/index.js"
8
+ },
9
+ "type": "commonjs",
6
10
  "scripts": {
7
- "test": "echo \"Error: no test specified\" && exit 1"
11
+ "dev": "tsx --watch ./src/index.ts",
12
+ "start": "node ./dist/index.js",
13
+ "build": "sh ./scripts/build.sh",
14
+ "publish:latest": "sh ./scripts/publish.sh"
8
15
  },
9
- "author": "Md Ababil Hossain",
10
- "license": "ISC",
16
+ "keywords": [
17
+ "CLI",
18
+ "portfolio",
19
+ "developer",
20
+ "ababil",
21
+ "ababilhossain",
22
+ "terminal"
23
+ ],
24
+ "author": "Ababil Hossain <ababil.webdev@gmail.com>",
25
+ "license": "MIT",
11
26
  "repository": {
12
27
  "type": "git",
13
- "url": "git+https://github.com/DevAbabil/ababil.git"
28
+ "url": "https://github.com/DevAbabil/ababil.git"
14
29
  },
15
30
  "bugs": {
16
31
  "url": "https://github.com/DevAbabil/ababil/issues"
17
32
  },
18
- "homepage": "https://github.com/DevAbabil/ababil#readme"
33
+ "homepage": "https://github.com/DevAbabil/ababil#readme",
34
+ "createdAt": "2024-03-02",
35
+ "dependencies": {
36
+ "boxen": "^8.0.1",
37
+ "chalk": "^5.6.2",
38
+ "gradient-string": "^3.0.0"
39
+ },
40
+ "devDependencies": {
41
+ "@types/node": "^24.9.1",
42
+ "rimraf": "^6.0.1",
43
+ "tsup": "^8.5.0",
44
+ "tsx": "^4.20.6",
45
+ "typescript": "^5.9.3"
46
+ }
19
47
  }
package/index.js DELETED
@@ -1,2 +0,0 @@
1
- const name = "Ababil";
2
- module.exports = name;