@hapico/cli 0.0.22 → 0.0.24

package/bin/index.js

@@ -123,6 +123,19 @@ const tryJSONParse = (str) => {
     }
 };
 exports.tryJSONParse = tryJSONParse;
+// only support .ts, .tsx, .js, .jsx, .json, .css, .html, .env files
+const supportedExtensions = [
+    ".ts",
+    ".tsx",
+    ".js",
+    ".jsx",
+    ".json",
+    ".css",
+    ".html",
+    ".env",
+    ".md",
+];
+const ignoreFolders = ["node_modules", ".git", ".hg", ".svn"];
 const compileES5 = (code, filePath) => {
     if (filePath && !filePath.endsWith(".ts") && !filePath.endsWith(".tsx")) {
         return code;
@@ -143,7 +156,7 @@ const compileES5 = (code, filePath) => {
         return result.code;
     }
     catch (error) {
-        console.log(chalk_1.default.red(`Error compiling code: ${error === null || error === void 0 ? void 0 : error.message}`));
+        console.log(chalk_1.default.red(`Error compiling code at ${filePath}`));
         return "";
     }
 };
@@ -172,12 +185,23 @@ class FileManager {
                     traverseDirectory(fullPath);
                 }
                 else if (entry.isFile()) {
+                    // skip các file trong thư mục bị ignore
+                    if (ignoreFolders.some((folder) => fullPath.includes(folder))) {
+                        return;
+                    }
+                    // chỉ hổ trợ các files nằm trong ./src
+                    if (!fullPath.includes("/src/") && !fullPath.includes("\\src\\")) {
+                        return;
+                    }
                     const content = fs.readFileSync(fullPath, { encoding: "utf8" });
-                    files.push({
-                        path: this.replaceSplashWithSeparator(fullPath.replace(this.basePath + path.sep, "./")),
-                        content,
-                        es5: (_a = (0, exports.compileES5)(content, fullPath)) !== null && _a !== void 0 ? _a : "",
-                    });
+                    const extname = path.extname(fullPath);
+                    if (supportedExtensions.includes(extname)) {
+                        files.push({
+                            path: this.replaceSplashWithSeparator(fullPath.replace(this.basePath + path.sep, "./")),
+                            content,
+                            es5: (_a = (0, exports.compileES5)(content, fullPath)) !== null && _a !== void 0 ? _a : "",
+                        });
+                    }
                 }
             });
         };
@@ -371,7 +395,7 @@ class RoomState {
         return this.isConnected;
     }
 }
-commander_1.program.version("0.0.22").description("Hapico CLI for project management");
+commander_1.program.version("0.0.24").description("Hapico CLI for project management");
 commander_1.program
     .command("clone <id>")
     .description("Clone a project by ID")
@@ -462,7 +486,7 @@ commander_1.program
 commander_1.program
     .command("dev")
     .description("Start the project in development mode")
-    .option('--zversion <version>', 'Zalo version for QR code', '75')
+    .option("--zversion <version>", "Zalo version for QR code")
     .action((options) => {
     var _a;
     const { accessToken } = getStoredToken();
@@ -535,19 +559,10 @@ commander_1.program
         ".jsx",
         ".json",
         ".css",
-        ".html",
         ".env",
         ".env.local",
         ".env.development",
         ".env.production",
-        ".jsonc",
-        ".yml",
-        ".yaml",
-        ".md",
-        ".markdown",
-        ".txt",
-        ".xml",
-        ".config",
     ];
     const filteredFiles = initialFiles.filter((file) => {
         return supportExtensions.some((ext) => file.path.endsWith(ext));
@@ -586,14 +601,33 @@ commander_1.program
             return;
         }
         const projectType = project.data.type || "view";
-        const zversion = options.zversion || '75';
-        if (projectType === "zalominiapp") {
-            qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=${zversion}`, { small: true }, (qrcode) => {
-                console.log(chalk_1.default.cyan("📱 Scan this QR code to connect to the project:"));
+        const zversion = options.zversion;
+        if (projectType === "expo_app") {
+            const BASE_EXPO_LINK = `exp://u.expo.dev/e362c6df-abe8-4503-8723-1362f015d167/group/8cd11ab9-b6db-4924-9f7a-5e449f027bba`;
+            //exp://u.expo.dev/e362c6df-abe8-4503-8723-1362f015d167/group/8cd11ab9-b6db-4924-9f7a-5e449f027bba?sessionKey=eyJpZCI6IjU1NF8xIiwidmlld0lkIjo1NTR9&mode=development
+            const link = `${BASE_EXPO_LINK}?sessionKey=${projectId}&mode=development`;
+            qrcode_terminal_1.default.generate(link, { small: true }, (qrcode) => {
+                console.log(chalk_1.default.cyan("📱 Scan this QR code with Expo Go to connect to the project:"));
                 console.log(qrcode);
             });
             return;
         }
+        else if (projectType === "zalominiapp") {
+            console.log("zversion", zversion);
+            if (!zversion) {
+                qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}`, { small: true }, (qrcode) => {
+                    console.log(chalk_1.default.cyan("📱 Scan this QR code to connect to the project:"));
+                    console.log(qrcode);
+                });
+            }
+            else {
+                qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=${zversion}`, { small: true }, (qrcode) => {
+                    console.log(chalk_1.default.cyan("📱 Scan this QR code to connect to the project:"));
+                    console.log(qrcode);
+                });
+            }
+            return;
+        }
         else {
             const previewUrl = `https://com.ai.vn/dev_preview/${projectId}`;
             console.log(chalk_1.default.cyan(`🌐 Open this URL in your browser to preview the project:\n${previewUrl}`));
@@ -616,7 +650,10 @@ async function pushProject(spinner, projectId) {
         return false;
     }
     const fileManager = new FileManager(srcDir);
-    const files = fileManager.listFiles();
+    const files = fileManager.listFiles().filter((file) => {
+        const extname = path.extname(file.path);
+        return supportedExtensions.includes(extname);
+    });
     // Supported files
     const SUPPORT_FILES = [
         "./.env",
@@ -640,6 +677,9 @@ async function pushProject(spinner, projectId) {
             });
         }
     });
+    // Show ra thông tin dung lượng mã nguồn
+    const totalSize = files.reduce((acc, file) => acc + file.content.length, 0);
+    console.log(chalk_1.default.cyan(`Total source code size for project ${projectId}: ${(totalSize / 1024).toFixed(2)} KB`));
     spinner.text = `Pushing project source code to server for project ${projectId}...`;
     const apiUrl = `https://base.myworkbeast.com/api/views/${projectId}`;
     try {
@@ -1069,7 +1109,7 @@ commander_1.program.command("publish").action(async () => {
     }
     // Step 2: Publish main project
     const { accessToken } = getStoredToken();
-    const apiUrl = "https://base.myworkbeast.com/api/views/publish";
+    const apiUrl = "https://base.myworkbeast.com/api/views/publish/v2";
     let allPublishSuccess = true;
     try {
         await axios_1.default.post(apiUrl, { view_id: parseInt(projectId, 10) }, {

package/dist/index.js

@@ -123,6 +123,19 @@ const tryJSONParse = (str) => {
     }
 };
 exports.tryJSONParse = tryJSONParse;
+// only support .ts, .tsx, .js, .jsx, .json, .css, .html, .env files
+const supportedExtensions = [
+    ".ts",
+    ".tsx",
+    ".js",
+    ".jsx",
+    ".json",
+    ".css",
+    ".html",
+    ".env",
+    ".md",
+];
+const ignoreFolders = ["node_modules", ".git", ".hg", ".svn"];
 const compileES5 = (code, filePath) => {
     if (filePath && !filePath.endsWith(".ts") && !filePath.endsWith(".tsx")) {
         return code;
@@ -143,7 +156,7 @@ const compileES5 = (code, filePath) => {
         return result.code;
     }
     catch (error) {
-        console.log(chalk_1.default.red(`Error compiling code: ${error === null || error === void 0 ? void 0 : error.message}`));
+        console.log(chalk_1.default.red(`Error compiling code at ${filePath}`));
         return "";
     }
 };
@@ -172,12 +185,23 @@ class FileManager {
                     traverseDirectory(fullPath);
                 }
                 else if (entry.isFile()) {
+                    // skip các file trong thư mục bị ignore
+                    if (ignoreFolders.some((folder) => fullPath.includes(folder))) {
+                        return;
+                    }
+                    // chỉ hổ trợ các files nằm trong ./src
+                    if (!fullPath.includes("/src/") && !fullPath.includes("\\src\\")) {
+                        return;
+                    }
                     const content = fs.readFileSync(fullPath, { encoding: "utf8" });
-                    files.push({
-                        path: this.replaceSplashWithSeparator(fullPath.replace(this.basePath + path.sep, "./")),
-                        content,
-                        es5: (_a = (0, exports.compileES5)(content, fullPath)) !== null && _a !== void 0 ? _a : "",
-                    });
+                    const extname = path.extname(fullPath);
+                    if (supportedExtensions.includes(extname)) {
+                        files.push({
+                            path: this.replaceSplashWithSeparator(fullPath.replace(this.basePath + path.sep, "./")),
+                            content,
+                            es5: (_a = (0, exports.compileES5)(content, fullPath)) !== null && _a !== void 0 ? _a : "",
+                        });
+                    }
                 }
             });
         };
@@ -371,7 +395,7 @@ class RoomState {
         return this.isConnected;
     }
 }
-commander_1.program.version("0.0.22").description("Hapico CLI for project management");
+commander_1.program.version("0.0.24").description("Hapico CLI for project management");
 commander_1.program
     .command("clone <id>")
     .description("Clone a project by ID")
@@ -462,7 +486,7 @@ commander_1.program
 commander_1.program
     .command("dev")
     .description("Start the project in development mode")
-    .option('--zversion <version>', 'Zalo version for QR code', '75')
+    .option("--zversion <version>", "Zalo version for QR code")
     .action((options) => {
     var _a;
     const { accessToken } = getStoredToken();
@@ -535,19 +559,10 @@ commander_1.program
         ".jsx",
         ".json",
         ".css",
-        ".html",
         ".env",
         ".env.local",
         ".env.development",
         ".env.production",
-        ".jsonc",
-        ".yml",
-        ".yaml",
-        ".md",
-        ".markdown",
-        ".txt",
-        ".xml",
-        ".config",
     ];
     const filteredFiles = initialFiles.filter((file) => {
         return supportExtensions.some((ext) => file.path.endsWith(ext));
@@ -586,14 +601,33 @@ commander_1.program
             return;
         }
         const projectType = project.data.type || "view";
-        const zversion = options.zversion || '75';
-        if (projectType === "zalominiapp") {
-            qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=${zversion}`, { small: true }, (qrcode) => {
-                console.log(chalk_1.default.cyan("📱 Scan this QR code to connect to the project:"));
+        const zversion = options.zversion;
+        if (projectType === "expo_app") {
+            const BASE_EXPO_LINK = `exp://u.expo.dev/e362c6df-abe8-4503-8723-1362f015d167/group/8cd11ab9-b6db-4924-9f7a-5e449f027bba`;
+            //exp://u.expo.dev/e362c6df-abe8-4503-8723-1362f015d167/group/8cd11ab9-b6db-4924-9f7a-5e449f027bba?sessionKey=eyJpZCI6IjU1NF8xIiwidmlld0lkIjo1NTR9&mode=development
+            const link = `${BASE_EXPO_LINK}?sessionKey=${projectId}&mode=development`;
+            qrcode_terminal_1.default.generate(link, { small: true }, (qrcode) => {
+                console.log(chalk_1.default.cyan("📱 Scan this QR code with Expo Go to connect to the project:"));
                 console.log(qrcode);
             });
             return;
         }
+        else if (projectType === "zalominiapp") {
+            console.log("zversion", zversion);
+            if (!zversion) {
+                qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}`, { small: true }, (qrcode) => {
+                    console.log(chalk_1.default.cyan("📱 Scan this QR code to connect to the project:"));
+                    console.log(qrcode);
+                });
+            }
+            else {
+                qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=${zversion}`, { small: true }, (qrcode) => {
+                    console.log(chalk_1.default.cyan("📱 Scan this QR code to connect to the project:"));
+                    console.log(qrcode);
+                });
+            }
+            return;
+        }
         else {
             const previewUrl = `https://com.ai.vn/dev_preview/${projectId}`;
             console.log(chalk_1.default.cyan(`🌐 Open this URL in your browser to preview the project:\n${previewUrl}`));
@@ -616,7 +650,10 @@ async function pushProject(spinner, projectId) {
         return false;
     }
     const fileManager = new FileManager(srcDir);
-    const files = fileManager.listFiles();
+    const files = fileManager.listFiles().filter((file) => {
+        const extname = path.extname(file.path);
+        return supportedExtensions.includes(extname);
+    });
     // Supported files
     const SUPPORT_FILES = [
         "./.env",
@@ -640,6 +677,9 @@ async function pushProject(spinner, projectId) {
             });
         }
     });
+    // Show ra thông tin dung lượng mã nguồn
+    const totalSize = files.reduce((acc, file) => acc + file.content.length, 0);
+    console.log(chalk_1.default.cyan(`Total source code size for project ${projectId}: ${(totalSize / 1024).toFixed(2)} KB`));
     spinner.text = `Pushing project source code to server for project ${projectId}...`;
     const apiUrl = `https://base.myworkbeast.com/api/views/${projectId}`;
     try {
@@ -1069,7 +1109,7 @@ commander_1.program.command("publish").action(async () => {
     }
     // Step 2: Publish main project
     const { accessToken } = getStoredToken();
-    const apiUrl = "https://base.myworkbeast.com/api/views/publish";
+    const apiUrl = "https://base.myworkbeast.com/api/views/publish/v2";
     let allPublishSuccess = true;
     try {
         await axios_1.default.post(apiUrl, { view_id: parseInt(projectId, 10) }, {

package/index.ts

@@ -130,6 +130,21 @@ export const tryJSONParse = (str: string): any => {
   }
 };
 
+// only support .ts, .tsx, .js, .jsx, .json, .css, .html, .env files
+const supportedExtensions = [
+  ".ts",
+  ".tsx",
+  ".js",
+  ".jsx",
+  ".json",
+  ".css",
+  ".html",
+  ".env",
+  ".md",
+];
+
+const ignoreFolders = ["node_modules", ".git", ".hg", ".svn"];
+
 export const compileES5 = (code: string, filePath?: string) => {
   if (filePath && !filePath.endsWith(".ts") && !filePath.endsWith(".tsx")) {
     return code;
@@ -151,7 +166,7 @@ export const compileES5 = (code: string, filePath?: string) => {
     compileCache.set(code, result.code || "");
     return result.code;
   } catch (error: any) {
-    console.log(chalk.red(`Error compiling code: ${error?.message}`));
+    console.log(chalk.red(`Error compiling code at ${filePath}`));
     return "";
   }
 };
@@ -188,14 +203,27 @@ class FileManager {
         if (entry.isDirectory()) {
           traverseDirectory(fullPath);
         } else if (entry.isFile()) {
+          // skip các file trong thư mục bị ignore
+          if (ignoreFolders.some((folder) => fullPath.includes(folder))) {
+            return;
+          }
+
+          // chỉ hổ trợ các files nằm trong ./src
+          if (!fullPath.includes("/src/") && !fullPath.includes("\\src\\")) {
+            return;
+          }
+
           const content = fs.readFileSync(fullPath, { encoding: "utf8" });
-          files.push({
-            path: this.replaceSplashWithSeparator(
-              fullPath.replace(this.basePath + path.sep, "./")
-            ),
-            content,
-            es5: compileES5(content, fullPath) ?? "",
-          });
+          const extname = path.extname(fullPath);
+          if (supportedExtensions.includes(extname)) {
+            files.push({
+              path: this.replaceSplashWithSeparator(
+                fullPath.replace(this.basePath + path.sep, "./")
+              ),
+              content,
+              es5: compileES5(content, fullPath) ?? "",
+            });
+          }
         }
       });
     };
@@ -447,7 +475,7 @@ class RoomState {
   }
 }
 
-program.version("0.0.22").description("Hapico CLI for project management");
+program.version("0.0.24").description("Hapico CLI for project management");
 
 program
   .command("clone <id>")
@@ -549,18 +577,23 @@ program
 
         const pullCode = pullResponse?.data?.code;
         if (!pullCode) {
-          pullSpinner.info(chalk.cyan("No draft version found – using published version."));
+          pullSpinner.info(
+            chalk.cyan("No draft version found – using published version.")
+          );
         } else {
           const pullDecompressed = pako.inflate(
             Uint8Array.from(atob(pullCode), (c) => c.charCodeAt(0)),
             { to: "string" }
           );
-          const latestFiles: FileContent[] = tryJSONParse(pullDecompressed)?.files || [];
+          const latestFiles: FileContent[] =
+            tryJSONParse(pullDecompressed)?.files || [];
 
           const fileManager = new FileManager(path.join(outputDir, "src"));
           fileManager.syncFiles(latestFiles);
 
-          pullSpinner.succeed(chalk.green("✓ Latest changes pulled successfully!"));
+          pullSpinner.succeed(
+            chalk.green("✓ Latest changes pulled successfully!")
+          );
         }
       } catch (pullErr: any) {
         pullSpinner.warn(
@@ -584,7 +617,7 @@ program
 program
   .command("dev")
   .description("Start the project in development mode")
-  .option('--zversion <version>', 'Zalo version for QR code', '75')
+  .option("--zversion <version>", "Zalo version for QR code")
   .action((options) => {
     const { accessToken } = getStoredToken();
     if (!accessToken) {
@@ -680,19 +713,10 @@ program
       ".jsx",
       ".json",
       ".css",
-      ".html",
       ".env",
       ".env.local",
       ".env.development",
       ".env.production",
-      ".jsonc",
-      ".yml",
-      ".yaml",
-      ".md",
-      ".markdown",
-      ".txt",
-      ".xml",
-      ".config",
     ];
     const filteredFiles = initialFiles.filter((file) => {
       return supportExtensions.some((ext) => file.path.endsWith(ext));
@@ -748,19 +772,46 @@ program
       }
 
       const projectType = project.data.type || "view";
-      const zversion = options.zversion || '75';
-
-      if (projectType === "zalominiapp") {
-        QRCode.generate(
-          `https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=${zversion}`,
-          { small: true },
-          (qrcode) => {
-            console.log(
-              chalk.cyan("📱 Scan this QR code to connect to the project:")
-            );
-            console.log(qrcode);
-          }
-        );
+      const zversion = options.zversion;
+
+      if (projectType === "expo_app") {
+        const BASE_EXPO_LINK = `exp://u.expo.dev/e362c6df-abe8-4503-8723-1362f015d167/group/8cd11ab9-b6db-4924-9f7a-5e449f027bba`;
+        //exp://u.expo.dev/e362c6df-abe8-4503-8723-1362f015d167/group/8cd11ab9-b6db-4924-9f7a-5e449f027bba?sessionKey=eyJpZCI6IjU1NF8xIiwidmlld0lkIjo1NTR9&mode=development
+        const link = `${BASE_EXPO_LINK}?sessionKey=${projectId}&mode=development`;
+        QRCode.generate(link, { small: true }, (qrcode) => {
+          console.log(
+            chalk.cyan(
+              "📱 Scan this QR code with Expo Go to connect to the project:"
+            )
+          );
+          console.log(qrcode);
+        });
+        return;
+      } else if (projectType === "zalominiapp") {
+        console.log("zversion", zversion);
+        if (!zversion) {
+          QRCode.generate(
+            `https://zalo.me/s/3218692650896662017/player/${projectId}`,
+            { small: true },
+            (qrcode) => {
+              console.log(
+                chalk.cyan("📱 Scan this QR code to connect to the project:")
+              );
+              console.log(qrcode);
+            }
+          );
+        } else {
+          QRCode.generate(
+            `https://zalo.me/s/3218692650896662017/player/${projectId}?env=TESTING&version=${zversion}`,
+            { small: true },
+            (qrcode) => {
+              console.log(
+                chalk.cyan("📱 Scan this QR code to connect to the project:")
+              );
+              console.log(qrcode);
+            }
+          );
+        }
         return;
       } else {
         const previewUrl = `https://com.ai.vn/dev_preview/${projectId}`;
@@ -795,7 +846,10 @@ async function pushProject(spinner: Ora, projectId: string): Promise<boolean> {
     return false;
   }
   const fileManager = new FileManager(srcDir);
-  const files = fileManager.listFiles();
+  const files = fileManager.listFiles().filter((file) => {
+    const extname = path.extname(file.path);
+    return supportedExtensions.includes(extname);
+  });
 
   // Supported files
   const SUPPORT_FILES = [
@@ -824,6 +878,13 @@ async function pushProject(spinner: Ora, projectId: string): Promise<boolean> {
       });
     }
   });
+  // Show ra thông tin dung lượng mã nguồn
+  const totalSize = files.reduce((acc, file) => acc + file.content.length, 0);
+  console.log(
+    chalk.cyan(
+      `Total source code size for project ${projectId}: ${(totalSize / 1024).toFixed(2)} KB`
+    )
+  );
   spinner.text = `Pushing project source code to server for project ${projectId}...`;
 
   const apiUrl = `https://base.myworkbeast.com/api/views/${projectId}`;
@@ -1441,7 +1502,7 @@ program.command("publish").action(async () => {
 
   // Step 2: Publish main project
   const { accessToken } = getStoredToken();
-  const apiUrl = "https://base.myworkbeast.com/api/views/publish";
+  const apiUrl = "https://base.myworkbeast.com/api/views/publish/v2";
   let allPublishSuccess = true;
   try {
     await axios.post(
@@ -1533,4 +1594,4 @@ ${file.content}
   console.log(chalk.green(`✓ File list saved to ${outputFile}`));
 });
 
-program.parse(process.argv);
+program.parse(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hapico/cli",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "A simple CLI tool for project management",
   "main": "index.js",
   "bin": {