@hapico/cli 0.0.18 → 0.0.19

package/bin/index.js

@@ -54,6 +54,7 @@ const crypto_1 = require("crypto");
 const child_process_1 = require("child_process");
 const util_1 = require("util");
 const chalk_1 = __importDefault(require("chalk"));
+const pako_1 = __importDefault(require("pako"));
 // Promisify exec for async usage
 const execPromise = (0, util_1.promisify)(child_process_1.exec);
 // Directory to store the token and project config
@@ -249,24 +250,38 @@ class RoomState {
         if (this.reconnectTimeout) {
             clearTimeout(this.reconnectTimeout);
         }
-        this.ws = new ws_1.WebSocket(`https://ws2.myworkbeast.com/ws?room=${this.roomId}`);
-        this.ws.onopen = () => {
+        this.ws = new ws_1.WebSocket(`wss://ws3.myworkbeast.com/ws?room=${this.roomId}`);
+        // Set binaryType to 'arraybuffer' to handle binary data
+        this.ws.binaryType = 'arraybuffer';
+        this.ws.on("open", () => {
             console.log(chalk_1.default.green(`Connected to room: ${this.roomId}`));
             this.isConnected = true;
             this.reconnectAttempts = 0;
             onConnected === null || onConnected === void 0 ? void 0 : onConnected(); // Call the onConnected callback if provided
-        };
-        this.ws.onclose = () => {
+        });
+        this.ws.on("close", () => {
             console.log(chalk_1.default.yellow(`⚠ Disconnected from room: ${this.roomId}`));
             this.isConnected = false;
             this.reconnectAttempts++;
             const delay = Math.min(1000 * Math.pow(2, this.reconnectAttempts), 30000);
             console.log(chalk_1.default.yellow(`Attempting to reconnect in ${delay / 1000}s...`));
             this.reconnectTimeout = setTimeout(() => this.connect(onConnected), delay);
-        };
+        });
         this.ws.on("message", (data) => {
             try {
-                const jsonStr = typeof data === "string" ? data : data.toString();
+                let jsonStr;
+                if (data instanceof ArrayBuffer) {
+                    jsonStr = pako_1.default.inflate(data, { to: 'string' });
+                }
+                else if (typeof data === "string") {
+                    jsonStr = data;
+                }
+                else if (Buffer.isBuffer(data)) {
+                    jsonStr = pako_1.default.inflate(data, { to: 'string' });
+                }
+                else {
+                    jsonStr = data.toString(); // Fallback nếu không nén
+                }
                 const parsedData = JSON.parse(jsonStr);
                 const includes = [
                     "view",
@@ -316,10 +331,12 @@ class RoomState {
     }
     updateState(key, value) {
         if (this.ws && this.ws.readyState === ws_1.WebSocket.OPEN) {
-            this.ws.send(JSON.stringify({
+            const message = JSON.stringify({
                 type: "update",
                 state: { [key]: value },
-            }));
+            });
+            const compressed = pako_1.default.deflate(message); // Nén dữ liệu
+            this.ws.send(compressed); // Gửi binary
         }
     }
     disconnect() {
@@ -327,7 +344,7 @@ class RoomState {
             clearTimeout(this.reconnectTimeout);
         }
         if (this.ws) {
-            this.ws.onclose = null; // Prevent reconnect on intentional close
+            this.ws.removeAllListeners("close"); // Prevent reconnect on intentional close
             this.ws.close();
         }
     }
@@ -338,7 +355,7 @@ class RoomState {
         return this.isConnected;
     }
 }
-commander_1.program.version("0.0.18").description("Hapico CLI for project management");
+commander_1.program.version("0.0.19").description("Hapico CLI for project management");
 commander_1.program
     .command("clone <id>")
     .description("Clone a project by ID")
@@ -487,7 +504,7 @@ commander_1.program
         }
         const projectType = project.data.type || "view";
         if (projectType === "zalominiapp") {
-            qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}`, { small: true }, (qrcode) => {
+            qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=75`, { small: true }, (qrcode) => {
                 console.log(chalk_1.default.cyan("📱 Scan this QR code to connect to the project:"));
                 console.log(qrcode);
             });
@@ -500,27 +517,24 @@ commander_1.program
         }
     });
 });
-commander_1.program
-    .command("push")
-    .description("Push the project source code to the server")
-    .action(() => {
+// Hàm tái sử dụng để push mã nguồn lên server
+async function pushProject(spinner) {
     const data = getStoredToken();
     const { accessToken } = data || {};
     if (!accessToken) {
-        console.error(chalk_1.default.red("✗ You need to login first. Use 'hapico login' command."));
-        return;
+        spinner.fail(chalk_1.default.red("✗ You need to login first. Use 'hapico login' command."));
+        return false;
     }
-    const saveSpinner = (0, ora_1.default)(chalk_1.default.blue("Saving project source code...")).start();
     const pwd = process.cwd();
     const projectId = getStoredProjectId(pwd);
     if (!projectId) {
-        saveSpinner.fail(chalk_1.default.red("✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."));
-        return;
+        spinner.fail(chalk_1.default.red("✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."));
+        return false;
     }
     const srcDir = path.join(pwd, "src");
     if (!fs.existsSync(srcDir)) {
-        saveSpinner.fail(chalk_1.default.red("✗ Source directory 'src' does not exist. Please clone a project first."));
-        return;
+        spinner.fail(chalk_1.default.red("✗ Source directory 'src' does not exist. Please clone a project first."));
+        return false;
     }
     const fileManager = new FileManager(srcDir);
     const files = fileManager.listFiles();
@@ -536,23 +550,33 @@ commander_1.program
         });
     }
     const apiUrl = `https://base.myworkbeast.com/api/views/${projectId}`;
-    axios_1.default
-        .put(apiUrl, {
-        code: JSON.stringify({
-            files,
-        }),
-    }, {
-        headers: {
-            Authorization: `Bearer ${accessToken}`,
-            "Content-Type": "application/json",
-        },
-    })
-        .then(() => {
+    try {
+        await axios_1.default.put(apiUrl, {
+            code: JSON.stringify({
+                files,
+            }),
+        }, {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+                "Content-Type": "application/json",
+            },
+        });
+        return true;
+    }
+    catch (error) {
+        spinner.fail(chalk_1.default.red(`✗ Error saving project: ${error.message}`));
+        return false;
+    }
+}
+commander_1.program
+    .command("push")
+    .description("Push the project source code to the server")
+    .action(async () => {
+    const saveSpinner = (0, ora_1.default)(chalk_1.default.blue("Saving project source code...")).start();
+    const success = await pushProject(saveSpinner);
+    if (success) {
         saveSpinner.succeed(chalk_1.default.green("Project source code saved successfully!"));
-    })
-        .catch((error) => {
-        saveSpinner.fail(chalk_1.default.red(`✗ Error saving project: ${error.message}`));
-    });
+    }
 });
 commander_1.program
     .command("login")
@@ -893,4 +917,36 @@ commander_1.program
         });
     }
 });
+// hapico publish
+commander_1.program.command("publish").action(async () => {
+    const publishSpinner = (0, ora_1.default)(chalk_1.default.blue("Publishing to Hapico...")).start();
+    // Bước 1: Push mã nguồn lên server (tái sử dụng hàm pushProject)
+    const pushSuccess = await pushProject(publishSpinner);
+    if (!pushSuccess) {
+        return; // Dừng nếu push thất bại
+    }
+    // Bước 2: Gọi API để publish
+    const { accessToken } = getStoredToken();
+    const pwd = process.cwd();
+    const projectId = getStoredProjectId(pwd);
+    if (!projectId) {
+        publishSpinner.fail(chalk_1.default.red("✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."));
+        return;
+    }
+    const apiUrl = "https://base.myworkbeast.com/api/views/publish";
+    try {
+        await axios_1.default.post(apiUrl, { view_id: parseInt(projectId, 10) }, // Đảm bảo viewId là number
+        {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+                "Content-Type": "application/json",
+            },
+        });
+        publishSpinner.succeed(chalk_1.default.green("Project published successfully!"));
+    }
+    catch (error) {
+        console.log(error);
+        publishSpinner.fail(chalk_1.default.red(`✗ Error publishing project: ${error.message}`));
+    }
+});
 commander_1.program.parse(process.argv);

package/bun.lock

@@ -11,6 +11,7 @@
         "lodash": "^4.17.21",
         "open": "^10.2.0",
         "ora": "^8.2.0",
+        "pako": "^2.1.0",
         "prettier": "^3.6.2",
         "qrcode-terminal": "^0.12.0",
         "unzipper": "^0.12.3",
@@ -22,6 +23,7 @@
         "@types/commander": "^2.12.5",
         "@types/lodash": "^4.17.20",
         "@types/node": "^24.1.0",
+        "@types/pako": "^2.0.4",
         "@types/qrcode-terminal": "^0.12.2",
         "@types/unzipper": "^0.10.11",
         "@types/ws": "^8.18.1",
@@ -88,6 +90,8 @@
 
     "@types/node": ["@types/node@24.1.0", "", { "dependencies": { "undici-types": "~7.8.0" } }, "sha512-ut5FthK5moxFKH2T1CUOC6ctR67rQRvvHdFLCD2Ql6KXmMuCrjsSsRI9UsLCm9M18BMwClv4pn327UvB7eeO1w=="],
 
+    "@types/pako": ["@types/pako@2.0.4", "", {}, "sha512-VWDCbrLeVXJM9fihYodcLiIv0ku+AlOa/TQ1SvYOaBuyrSKgEcro95LJyIsJ4vSo6BXIxOKxiJAat04CmST9Fw=="],
+
     "@types/qrcode-terminal": ["@types/qrcode-terminal@0.12.2", "", {}, "sha512-v+RcIEJ+Uhd6ygSQ0u5YYY7ZM+la7GgPbs0V/7l/kFs2uO4S8BcIUEMoP7za4DNIqNnUD5npf0A/7kBhrCKG5Q=="],
 
     "@types/unzipper": ["@types/unzipper@0.10.11", "", { "dependencies": { "@types/node": "*" } }, "sha512-D25im2zjyMCcgL9ag6N46+wbtJBnXIr7SI4zHf9eJD2Dw2tEB5e+p5MYkrxKIVRscs5QV0EhtU9rgXSPx90oJg=="],
@@ -218,6 +222,8 @@
 
     "ora": ["ora@8.2.0", "", { "dependencies": { "chalk": "^5.3.0", "cli-cursor": "^5.0.0", "cli-spinners": "^2.9.2", "is-interactive": "^2.0.0", "is-unicode-supported": "^2.0.0", "log-symbols": "^6.0.0", "stdin-discarder": "^0.2.2", "string-width": "^7.2.0", "strip-ansi": "^7.1.0" } }, "sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw=="],
 
+    "pako": ["pako@2.1.0", "", {}, "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug=="],
+
     "prettier": ["prettier@3.6.2", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ=="],
 
     "process-nextick-args": ["process-nextick-args@2.0.1", "", {}, "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="],

package/dist/index.js

@@ -54,6 +54,7 @@ const crypto_1 = require("crypto");
 const child_process_1 = require("child_process");
 const util_1 = require("util");
 const chalk_1 = __importDefault(require("chalk"));
+const pako_1 = __importDefault(require("pako"));
 // Promisify exec for async usage
 const execPromise = (0, util_1.promisify)(child_process_1.exec);
 // Directory to store the token and project config
@@ -249,24 +250,38 @@ class RoomState {
         if (this.reconnectTimeout) {
             clearTimeout(this.reconnectTimeout);
         }
-        this.ws = new ws_1.WebSocket(`https://ws2.myworkbeast.com/ws?room=${this.roomId}`);
-        this.ws.onopen = () => {
+        this.ws = new ws_1.WebSocket(`wss://ws3.myworkbeast.com/ws?room=${this.roomId}`);
+        // Set binaryType to 'arraybuffer' to handle binary data
+        this.ws.binaryType = 'arraybuffer';
+        this.ws.on("open", () => {
             console.log(chalk_1.default.green(`Connected to room: ${this.roomId}`));
             this.isConnected = true;
             this.reconnectAttempts = 0;
             onConnected === null || onConnected === void 0 ? void 0 : onConnected(); // Call the onConnected callback if provided
-        };
-        this.ws.onclose = () => {
+        });
+        this.ws.on("close", () => {
             console.log(chalk_1.default.yellow(`⚠ Disconnected from room: ${this.roomId}`));
             this.isConnected = false;
             this.reconnectAttempts++;
             const delay = Math.min(1000 * Math.pow(2, this.reconnectAttempts), 30000);
             console.log(chalk_1.default.yellow(`Attempting to reconnect in ${delay / 1000}s...`));
             this.reconnectTimeout = setTimeout(() => this.connect(onConnected), delay);
-        };
+        });
         this.ws.on("message", (data) => {
             try {
-                const jsonStr = typeof data === "string" ? data : data.toString();
+                let jsonStr;
+                if (data instanceof ArrayBuffer) {
+                    jsonStr = pako_1.default.inflate(data, { to: 'string' });
+                }
+                else if (typeof data === "string") {
+                    jsonStr = data;
+                }
+                else if (Buffer.isBuffer(data)) {
+                    jsonStr = pako_1.default.inflate(data, { to: 'string' });
+                }
+                else {
+                    jsonStr = data.toString(); // Fallback nếu không nén
+                }
                 const parsedData = JSON.parse(jsonStr);
                 const includes = [
                     "view",
@@ -316,10 +331,12 @@ class RoomState {
     }
     updateState(key, value) {
         if (this.ws && this.ws.readyState === ws_1.WebSocket.OPEN) {
-            this.ws.send(JSON.stringify({
+            const message = JSON.stringify({
                 type: "update",
                 state: { [key]: value },
-            }));
+            });
+            const compressed = pako_1.default.deflate(message); // Nén dữ liệu
+            this.ws.send(compressed); // Gửi binary
         }
     }
     disconnect() {
@@ -327,7 +344,7 @@ class RoomState {
             clearTimeout(this.reconnectTimeout);
         }
         if (this.ws) {
-            this.ws.onclose = null; // Prevent reconnect on intentional close
+            this.ws.removeAllListeners("close"); // Prevent reconnect on intentional close
             this.ws.close();
         }
     }
@@ -338,7 +355,7 @@ class RoomState {
         return this.isConnected;
     }
 }
-commander_1.program.version("0.0.18").description("Hapico CLI for project management");
+commander_1.program.version("0.0.19").description("Hapico CLI for project management");
 commander_1.program
     .command("clone <id>")
     .description("Clone a project by ID")
@@ -487,7 +504,7 @@ commander_1.program
         }
         const projectType = project.data.type || "view";
         if (projectType === "zalominiapp") {
-            qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}`, { small: true }, (qrcode) => {
+            qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=75`, { small: true }, (qrcode) => {
                 console.log(chalk_1.default.cyan("📱 Scan this QR code to connect to the project:"));
                 console.log(qrcode);
             });
@@ -500,27 +517,24 @@ commander_1.program
         }
     });
 });
-commander_1.program
-    .command("push")
-    .description("Push the project source code to the server")
-    .action(() => {
+// Hàm tái sử dụng để push mã nguồn lên server
+async function pushProject(spinner) {
     const data = getStoredToken();
     const { accessToken } = data || {};
     if (!accessToken) {
-        console.error(chalk_1.default.red("✗ You need to login first. Use 'hapico login' command."));
-        return;
+        spinner.fail(chalk_1.default.red("✗ You need to login first. Use 'hapico login' command."));
+        return false;
     }
-    const saveSpinner = (0, ora_1.default)(chalk_1.default.blue("Saving project source code...")).start();
     const pwd = process.cwd();
     const projectId = getStoredProjectId(pwd);
     if (!projectId) {
-        saveSpinner.fail(chalk_1.default.red("✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."));
-        return;
+        spinner.fail(chalk_1.default.red("✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."));
+        return false;
     }
     const srcDir = path.join(pwd, "src");
     if (!fs.existsSync(srcDir)) {
-        saveSpinner.fail(chalk_1.default.red("✗ Source directory 'src' does not exist. Please clone a project first."));
-        return;
+        spinner.fail(chalk_1.default.red("✗ Source directory 'src' does not exist. Please clone a project first."));
+        return false;
     }
     const fileManager = new FileManager(srcDir);
     const files = fileManager.listFiles();
@@ -536,23 +550,33 @@ commander_1.program
         });
     }
     const apiUrl = `https://base.myworkbeast.com/api/views/${projectId}`;
-    axios_1.default
-        .put(apiUrl, {
-        code: JSON.stringify({
-            files,
-        }),
-    }, {
-        headers: {
-            Authorization: `Bearer ${accessToken}`,
-            "Content-Type": "application/json",
-        },
-    })
-        .then(() => {
+    try {
+        await axios_1.default.put(apiUrl, {
+            code: JSON.stringify({
+                files,
+            }),
+        }, {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+                "Content-Type": "application/json",
+            },
+        });
+        return true;
+    }
+    catch (error) {
+        spinner.fail(chalk_1.default.red(`✗ Error saving project: ${error.message}`));
+        return false;
+    }
+}
+commander_1.program
+    .command("push")
+    .description("Push the project source code to the server")
+    .action(async () => {
+    const saveSpinner = (0, ora_1.default)(chalk_1.default.blue("Saving project source code...")).start();
+    const success = await pushProject(saveSpinner);
+    if (success) {
         saveSpinner.succeed(chalk_1.default.green("Project source code saved successfully!"));
-    })
-        .catch((error) => {
-        saveSpinner.fail(chalk_1.default.red(`✗ Error saving project: ${error.message}`));
-    });
+    }
 });
 commander_1.program
     .command("login")
@@ -893,4 +917,36 @@ commander_1.program
         });
     }
 });
+// hapico publish
+commander_1.program.command("publish").action(async () => {
+    const publishSpinner = (0, ora_1.default)(chalk_1.default.blue("Publishing to Hapico...")).start();
+    // Bước 1: Push mã nguồn lên server (tái sử dụng hàm pushProject)
+    const pushSuccess = await pushProject(publishSpinner);
+    if (!pushSuccess) {
+        return; // Dừng nếu push thất bại
+    }
+    // Bước 2: Gọi API để publish
+    const { accessToken } = getStoredToken();
+    const pwd = process.cwd();
+    const projectId = getStoredProjectId(pwd);
+    if (!projectId) {
+        publishSpinner.fail(chalk_1.default.red("✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."));
+        return;
+    }
+    const apiUrl = "https://base.myworkbeast.com/api/views/publish";
+    try {
+        await axios_1.default.post(apiUrl, { view_id: parseInt(projectId, 10) }, // Đảm bảo viewId là number
+        {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+                "Content-Type": "application/json",
+            },
+        });
+        publishSpinner.succeed(chalk_1.default.green("Project published successfully!"));
+    }
+    catch (error) {
+        console.log(error);
+        publishSpinner.fail(chalk_1.default.red(`✗ Error publishing project: ${error.message}`));
+    }
+});
 commander_1.program.parse(process.argv);

package/index.ts

@@ -12,10 +12,10 @@ import * as Babel from "@babel/standalone";
 import QRCode from "qrcode-terminal";
 import open from "open";
 import { randomUUID } from "crypto";
-import inquirer from "inquirer";
 import { exec } from "child_process";
 import { promisify } from "util";
 import chalk from "chalk";
+import pako from 'pako';
 
 // Promisify exec for async usage
 const execPromise = promisify(exec);
@@ -304,17 +304,20 @@ class RoomState {
     }
 
     this.ws = new WebSocket(
-      `https://ws2.myworkbeast.com/ws?room=${this.roomId}`
+      `wss://ws3.myworkbeast.com/ws?room=${this.roomId}`
     );
 
-    this.ws.onopen = () => {
+    // Set binaryType to 'arraybuffer' to handle binary data
+    this.ws.binaryType = 'arraybuffer';
+
+    this.ws.on("open", () => {
       console.log(chalk.green(`Connected to room: ${this.roomId}`));
       this.isConnected = true;
       this.reconnectAttempts = 0;
       onConnected?.(); // Call the onConnected callback if provided
-    };
+    });
 
-    this.ws.onclose = () => {
+    this.ws.on("close", () => {
       console.log(chalk.yellow(`⚠ Disconnected from room: ${this.roomId}`));
       this.isConnected = false;
 
@@ -328,11 +331,20 @@ class RoomState {
         () => this.connect(onConnected),
         delay
       );
-    };
+    });
 
-    this.ws.on("message", (data: Buffer | string) => {
+    this.ws.on("message", (data: any) => {
       try {
-        const jsonStr = typeof data === "string" ? data : data.toString();
+        let jsonStr: string;
+        if (data instanceof ArrayBuffer) {
+          jsonStr = pako.inflate(data, { to: 'string' });
+        } else if (typeof data === "string") {
+          jsonStr = data;
+        } else if (Buffer.isBuffer(data)) {
+          jsonStr = pako.inflate(data, { to: 'string' });
+        } else {
+          jsonStr = data.toString(); // Fallback nếu không nén
+        }
         const parsedData = JSON.parse(jsonStr);
         const includes = [
           "view",
@@ -389,12 +401,12 @@ class RoomState {
 
   updateState(key: string, value: any): void {
     if (this.ws && this.ws.readyState === WebSocket.OPEN) {
-      this.ws.send(
-        JSON.stringify({
-          type: "update",
-          state: { [key]: value },
-        })
-      );
+      const message = JSON.stringify({
+        type: "update",
+        state: { [key]: value },
+      });
+      const compressed = pako.deflate(message); // Nén dữ liệu
+      this.ws.send(compressed); // Gửi binary
     }
   }
 
@@ -403,7 +415,7 @@ class RoomState {
       clearTimeout(this.reconnectTimeout);
     }
     if (this.ws) {
-      this.ws.onclose = null; // Prevent reconnect on intentional close
+      this.ws.removeAllListeners("close"); // Prevent reconnect on intentional close
       this.ws.close();
     }
   }
@@ -417,7 +429,7 @@ class RoomState {
   }
 }
 
-program.version("0.0.18").description("Hapico CLI for project management");
+program.version("0.0.19").description("Hapico CLI for project management");
 
 program
   .command("clone <id>")
@@ -637,7 +649,7 @@ program
 
       if (projectType === "zalominiapp") {
         QRCode.generate(
-          `https://zalo.me/s/3218692650896662017/player/${projectId}`,
+          `https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=75`,
           { small: true },
           (qrcode) => {
             console.log(
@@ -659,78 +671,83 @@ program
     });
   });
 
+// Hàm tái sử dụng để push mã nguồn lên server
+async function pushProject(spinner: Ora): Promise<boolean> {
+  const data = getStoredToken();
+  const { accessToken } = data || {};
+  if (!accessToken) {
+    spinner.fail(chalk.red("✗ You need to login first. Use 'hapico login' command."));
+    return false;
+  }
+  const pwd = process.cwd();
+  const projectId = getStoredProjectId(pwd);
+  if (!projectId) {
+    spinner.fail(
+      chalk.red(
+        "✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."
+      )
+    );
+    return false;
+  }
+  const srcDir: string = path.join(pwd, "src");
+  if (!fs.existsSync(srcDir)) {
+    spinner.fail(
+      chalk.red(
+        "✗ Source directory 'src' does not exist. Please clone a project first."
+      )
+    );
+    return false;
+  }
+  const fileManager = new FileManager(srcDir);
+  const files = fileManager.listFiles();
+
+  // Nếu có file .env
+  const envFile = path.join(pwd, ".env");
+  console.log(chalk.cyan(`🔍 Checking for .env file at ${envFile}`));
+  if (fs.existsSync(envFile)) {
+    console.log(chalk.green(".env file found, including in push."));
+    const content = fs.readFileSync(envFile, { encoding: "utf8" });
+    files.push({
+      path: "./.env",
+      content,
+    });
+  }
+  const apiUrl = `https://base.myworkbeast.com/api/views/${projectId}`;
+  try {
+    await axios.put(
+      apiUrl,
+      {
+        code: JSON.stringify({
+          files,
+        }),
+      },
+      {
+        headers: {
+          Authorization: `Bearer ${accessToken}`,
+          "Content-Type": "application/json",
+        },
+      }
+    );
+    return true;
+  } catch (error) {
+    spinner.fail(chalk.red(`✗ Error saving project: ${(error as Error).message}`));
+    return false;
+  }
+}
+
 program
   .command("push")
   .description("Push the project source code to the server")
-  .action(() => {
-    const data = getStoredToken();
-    const { accessToken } = data || {};
-    if (!accessToken) {
-      console.error(
-        chalk.red("✗ You need to login first. Use 'hapico login' command.")
-      );
-      return;
-    }
+  .action(async () => {
     const saveSpinner: Ora = ora(
       chalk.blue("Saving project source code...")
     ).start();
-    const pwd = process.cwd();
-    const projectId = getStoredProjectId(pwd);
-    if (!projectId) {
-      saveSpinner.fail(
-        chalk.red(
-          "✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."
-        )
-      );
-      return;
-    }
-    const srcDir: string = path.join(pwd, "src");
-    if (!fs.existsSync(srcDir)) {
-      saveSpinner.fail(
-        chalk.red(
-          "✗ Source directory 'src' does not exist. Please clone a project first."
-        )
+    const success = await pushProject(saveSpinner);
+    if (success) {
+      saveSpinner.succeed(
+        chalk.green("Project source code saved successfully!")
       );
-      return;
     }
-    const fileManager = new FileManager(srcDir);
-    const files = fileManager.listFiles();
-
-    // Nếu có file .env
-    const envFile = path.join(pwd, ".env");
-    console.log(chalk.cyan(`🔍 Checking for .env file at ${envFile}`));
-    if (fs.existsSync(envFile)) {
-      console.log(chalk.green(".env file found, including in push."));
-      const content = fs.readFileSync(envFile, { encoding: "utf8" });
-      files.push({
-        path: "./.env",
-        content,
-      });
-    }
-    const apiUrl = `https://base.myworkbeast.com/api/views/${projectId}`;
-    axios
-      .put(
-        apiUrl,
-        {
-          code: JSON.stringify({
-            files,
-          }),
-        },
-        {
-          headers: {
-            Authorization: `Bearer ${accessToken}`,
-            "Content-Type": "application/json",
-          },
-        }
-      )
-      .then(() => {
-        saveSpinner.succeed(
-          chalk.green("Project source code saved successfully!")
-        );
-      })
-      .catch((error) => {
-        saveSpinner.fail(chalk.red(`✗ Error saving project: ${error.message}`));
-      });
   });
 
 program
@@ -1213,4 +1230,44 @@ program
     }
   );
 
-program.parse(process.argv);
+// hapico publish
+program.command("publish").action(async () => {
+  const publishSpinner: Ora = ora(chalk.blue("Publishing to Hapico...")).start();
+  // Bước 1: Push mã nguồn lên server (tái sử dụng hàm pushProject)
+  const pushSuccess = await pushProject(publishSpinner);
+  if (!pushSuccess) {
+    return; // Dừng nếu push thất bại
+  }
+
+  // Bước 2: Gọi API để publish
+  const { accessToken } = getStoredToken();
+  const pwd = process.cwd();
+  const projectId = getStoredProjectId(pwd);
+  if (!projectId) {
+    publishSpinner.fail(
+      chalk.red(
+        "✗ Project ID not found. Please ensure hapico.config.json exists in the project directory."
+      )
+    );
+    return;
+  }
+  const apiUrl = "https://base.myworkbeast.com/api/views/publish";
+  try {
+    await axios.post(
+      apiUrl,
+      { view_id: parseInt(projectId, 10) }, // Đảm bảo viewId là number
+      {
+        headers: {
+          Authorization: `Bearer ${accessToken}`,
+          "Content-Type": "application/json",
+        },
+      }
+    );
+    publishSpinner.succeed(chalk.green("Project published successfully!"));
+  } catch (error) {
+    console.log(error);
+    publishSpinner.fail(chalk.red(`✗ Error publishing project: ${(error as Error).message}`));
+  }
+});
+
+program.parse(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hapico/cli",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "A simple CLI tool for project management",
   "main": "index.js",
   "bin": {
@@ -27,6 +27,7 @@
     "lodash": "^4.17.21",
     "open": "^10.2.0",
     "ora": "^8.2.0",
+    "pako": "^2.1.0",
     "prettier": "^3.6.2",
     "qrcode-terminal": "^0.12.0",
     "unzipper": "^0.12.3",
@@ -38,6 +39,7 @@
     "@types/commander": "^2.12.5",
     "@types/lodash": "^4.17.20",
     "@types/node": "^24.1.0",
+    "@types/pako": "^2.0.4",
     "@types/qrcode-terminal": "^0.12.2",
     "@types/unzipper": "^0.10.11",
     "@types/ws": "^8.18.1",