@hapico/cli 0.0.12 → 0.0.14

package/bin/index.js

@@ -71,10 +71,10 @@ const getStoredToken = () => {
     if (fs.existsSync(TOKEN_FILE)) {
         const data = fs.readFileSync(TOKEN_FILE, { encoding: "utf8" });
         const json = JSON.parse(data);
-        return json !== null && json !== void 0 ? json : {
+        return (json !== null && json !== void 0 ? json : {
             accessToken: null,
             refreshToken: null,
-        };
+        });
     }
     return {
         accessToken: null,
@@ -300,7 +300,7 @@ class RoomState {
         return this.isConnected;
     }
 }
-commander_1.program.version("0.0.12").description("Hapico CLI for project management");
+commander_1.program.version("0.0.14").description("Hapico CLI for project management");
 commander_1.program
     .command("clone <id>")
     .description("Clone a project by ID")
@@ -373,11 +373,39 @@ commander_1.program
         devSpinner.fail("Source directory 'src' does not exist. Please clone a project first.");
         return;
     }
-    const projectId = JSON.stringify({
-        id: (0, crypto_1.randomUUID)(),
+    // Directory to store session config
+    const tmpDir = path.join(pwd, ".tmp");
+    const sessionConfigFile = path.join(tmpDir, "config.json");
+    // Ensure .tmp directory exists
+    if (!fs.existsSync(tmpDir)) {
+        fs.mkdirSync(tmpDir, { recursive: true });
+    }
+    // Function to get stored session ID
+    const getStoredSessionId = () => {
+        if (fs.existsSync(sessionConfigFile)) {
+            const data = fs.readFileSync(sessionConfigFile, { encoding: "utf8" });
+            const json = JSON.parse(data);
+            return json.sessionId || null;
+        }
+        return null;
+    };
+    // Function to save session ID
+    const saveSessionId = (sessionId) => {
+        fs.writeFileSync(sessionConfigFile, JSON.stringify({ sessionId }, null, 2), { encoding: "utf8" });
+    };
+    // Get or generate session ID
+    let sessionId = getStoredSessionId();
+    if (!sessionId) {
+        sessionId = (0, crypto_1.randomUUID)();
+        saveSessionId(sessionId);
+    }
+    const info = JSON.stringify({
+        id: sessionId,
         createdAt: new Date().toISOString(),
         viewId: getStoredProjectId(pwd),
     });
+    // Convert info to base64
+    const projectId = Buffer.from(info).toString("base64");
     if (!projectId) {
         devSpinner.fail("Project ID not found. Please ensure hapico.config.json exists in the project directory.");
         return;
@@ -400,10 +428,36 @@ commander_1.program
             });
             room.updateState("view", updatedView);
         });
-        qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}`, { small: true }, (qrcode) => {
-            console.log("Scan this QR code to connect to the project:");
-            console.log(qrcode);
+        // Fetch project info
+        const projectInfo = getStoredProjectId(pwd);
+        if (!projectInfo) {
+            console.error("Project ID not found. Please ensure hapico.config.json exists in the project directory.");
+            return;
+        }
+        const project = await axios_1.default.get(`https://base.myworkbeast.com/api/views/${projectInfo}`, {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+                "Content-Type": "application/json",
+            },
         });
+        if (project.status !== 200) {
+            console.error(`Error fetching project info: ${project.statusText}`);
+            return;
+        }
+        const projectType = project.data.type || "view";
+        console.log("Project type:", projectType);
+        if (projectType === "zalominiapp") {
+            qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}`, { small: true }, (qrcode) => {
+                console.log("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(`Open this URL in your browser to preview the project: \n${previewUrl}`);
+            await (0, open_1.default)(previewUrl);
+        }
     });
 });
 commander_1.program

package/dist/index.js

@@ -71,10 +71,10 @@ const getStoredToken = () => {
     if (fs.existsSync(TOKEN_FILE)) {
         const data = fs.readFileSync(TOKEN_FILE, { encoding: "utf8" });
         const json = JSON.parse(data);
-        return json !== null && json !== void 0 ? json : {
+        return (json !== null && json !== void 0 ? json : {
             accessToken: null,
             refreshToken: null,
-        };
+        });
     }
     return {
         accessToken: null,
@@ -300,7 +300,7 @@ class RoomState {
         return this.isConnected;
     }
 }
-commander_1.program.version("0.0.12").description("Hapico CLI for project management");
+commander_1.program.version("0.0.14").description("Hapico CLI for project management");
 commander_1.program
     .command("clone <id>")
     .description("Clone a project by ID")
@@ -373,11 +373,39 @@ commander_1.program
         devSpinner.fail("Source directory 'src' does not exist. Please clone a project first.");
         return;
     }
-    const projectId = JSON.stringify({
-        id: (0, crypto_1.randomUUID)(),
+    // Directory to store session config
+    const tmpDir = path.join(pwd, ".tmp");
+    const sessionConfigFile = path.join(tmpDir, "config.json");
+    // Ensure .tmp directory exists
+    if (!fs.existsSync(tmpDir)) {
+        fs.mkdirSync(tmpDir, { recursive: true });
+    }
+    // Function to get stored session ID
+    const getStoredSessionId = () => {
+        if (fs.existsSync(sessionConfigFile)) {
+            const data = fs.readFileSync(sessionConfigFile, { encoding: "utf8" });
+            const json = JSON.parse(data);
+            return json.sessionId || null;
+        }
+        return null;
+    };
+    // Function to save session ID
+    const saveSessionId = (sessionId) => {
+        fs.writeFileSync(sessionConfigFile, JSON.stringify({ sessionId }, null, 2), { encoding: "utf8" });
+    };
+    // Get or generate session ID
+    let sessionId = getStoredSessionId();
+    if (!sessionId) {
+        sessionId = (0, crypto_1.randomUUID)();
+        saveSessionId(sessionId);
+    }
+    const info = JSON.stringify({
+        id: sessionId,
         createdAt: new Date().toISOString(),
         viewId: getStoredProjectId(pwd),
     });
+    // Convert info to base64
+    const projectId = Buffer.from(info).toString("base64");
     if (!projectId) {
         devSpinner.fail("Project ID not found. Please ensure hapico.config.json exists in the project directory.");
         return;
@@ -400,10 +428,36 @@ commander_1.program
             });
             room.updateState("view", updatedView);
         });
-        qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}`, { small: true }, (qrcode) => {
-            console.log("Scan this QR code to connect to the project:");
-            console.log(qrcode);
+        // Fetch project info
+        const projectInfo = getStoredProjectId(pwd);
+        if (!projectInfo) {
+            console.error("Project ID not found. Please ensure hapico.config.json exists in the project directory.");
+            return;
+        }
+        const project = await axios_1.default.get(`https://base.myworkbeast.com/api/views/${projectInfo}`, {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+                "Content-Type": "application/json",
+            },
         });
+        if (project.status !== 200) {
+            console.error(`Error fetching project info: ${project.statusText}`);
+            return;
+        }
+        const projectType = project.data.type || "view";
+        console.log("Project type:", projectType);
+        if (projectType === "zalominiapp") {
+            qrcode_terminal_1.default.generate(`https://zalo.me/s/3218692650896662017/player/${projectId}`, { small: true }, (qrcode) => {
+                console.log("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(`Open this URL in your browser to preview the project: \n${previewUrl}`);
+            await (0, open_1.default)(previewUrl);
+        }
     });
 });
 commander_1.program

package/index.ts

@@ -31,13 +31,9 @@ const saveToken = (tokens: { accessToken: string; refreshToken?: string }) => {
   if (!tokens || !tokens.accessToken) {
     throw new Error("Invalid token data");
   }
-  fs.writeFileSync(
-    TOKEN_FILE,
-    JSON.stringify(tokens, null, 2),
-    {
-      encoding: "utf8",
-    }
-  );
+  fs.writeFileSync(TOKEN_FILE, JSON.stringify(tokens, null, 2), {
+    encoding: "utf8",
+  });
 };
 
 // Function to get stored token
@@ -48,10 +44,12 @@ const getStoredToken = (): {
   if (fs.existsSync(TOKEN_FILE)) {
     const data = fs.readFileSync(TOKEN_FILE, { encoding: "utf8" });
     const json = JSON.parse(data);
-    return json ?? {
-      accessToken: null,
-      refreshToken: null,
-    };
+    return (
+      json ?? {
+        accessToken: null,
+        refreshToken: null,
+      }
+    );
   }
   return {
     accessToken: null,
@@ -292,9 +290,7 @@ class RoomState {
       this.isConnected = false;
 
       this.reconnectAttempts++;
-      connected.start(
-        `Retry connection...`
-      );
+      connected.start(`Retry connection...`);
 
       this.connect();
     });
@@ -350,7 +346,7 @@ class RoomState {
   }
 }
 
-program.version("0.0.12").description("Hapico CLI for project management");
+program.version("0.0.14").description("Hapico CLI for project management");
 
 program
   .command("clone <id>")
@@ -435,28 +431,66 @@ program
       console.error("You need to login first. Use 'hapico login' command.");
       return;
     }
-    const devSpinner: Ora = ora(
-      "Starting the project in development mode..."
-    ).start();
-    const pwd: string = process.cwd();
-    const srcDir: string = path.join(pwd, "src");
+    const devSpinner = ora("Starting the project in development mode...").start();
+    const pwd = process.cwd();
+    const srcDir = path.join(pwd, "src");
     if (!fs.existsSync(srcDir)) {
       devSpinner.fail(
         "Source directory 'src' does not exist. Please clone a project first."
       );
       return;
     }
-    const projectId = JSON.stringify({
-      id: randomUUID(),
+
+    // Directory to store session config
+    const tmpDir = path.join(pwd, ".tmp");
+    const sessionConfigFile = path.join(tmpDir, "config.json");
+
+    // Ensure .tmp directory exists
+    if (!fs.existsSync(tmpDir)) {
+      fs.mkdirSync(tmpDir, { recursive: true });
+    }
+
+    // Function to get stored session ID
+    const getStoredSessionId = () => {
+      if (fs.existsSync(sessionConfigFile)) {
+        const data = fs.readFileSync(sessionConfigFile, { encoding: "utf8" });
+        const json = JSON.parse(data);
+        return json.sessionId || null;
+      }
+      return null;
+    };
+
+    // Function to save session ID
+    const saveSessionId = (sessionId: string) => {
+      fs.writeFileSync(
+        sessionConfigFile,
+        JSON.stringify({ sessionId }, null, 2),
+        { encoding: "utf8" }
+      );
+    };
+
+    // Get or generate session ID
+    let sessionId = getStoredSessionId();
+    if (!sessionId) {
+      sessionId = randomUUID();
+      saveSessionId(sessionId);
+    }
+
+    const info = JSON.stringify({
+      id: sessionId,
       createdAt: new Date().toISOString(),
       viewId: getStoredProjectId(pwd),
     });
+
+    // Convert info to base64
+    const projectId = Buffer.from(info).toString("base64");
     if (!projectId) {
       devSpinner.fail(
         "Project ID not found. Please ensure hapico.config.json exists in the project directory."
       );
       return;
     }
+
     console.log(`Connecting to WebSocket server`);
     const room = new RoomState(`view_${projectId}`);
 
@@ -468,7 +502,7 @@ program
       const initialFiles = fileManager.listFiles();
       room.updateState("view", initialFiles);
 
-      fileManager.setOnFileChange((filePath: string, content: string) => {
+      fileManager.setOnFileChange((filePath, content) => {
         const es5 = compileES5(content, filePath);
         console.log(`File changed: ${filePath?.replace(srcDir, ".")}`);
         const updatedView = room.files.map((file) => {
@@ -480,14 +514,50 @@ program
         room.updateState("view", updatedView);
       });
 
-      QRCode.generate(
-        `https://zalo.me/s/3218692650896662017/player/${projectId}`,
-        { small: true },
-        (qrcode: string) => {
-          console.log("Scan this QR code to connect to the project:");
-          console.log(qrcode);
+      // Fetch project info
+      const projectInfo = getStoredProjectId(pwd);
+      if (!projectInfo) {
+        console.error(
+          "Project ID not found. Please ensure hapico.config.json exists in the project directory."
+        );
+        return;
+      }
+      const project = await axios.get(
+        `https://base.myworkbeast.com/api/views/${projectInfo}`,
+        {
+          headers: {
+            Authorization: `Bearer ${accessToken}`,
+            "Content-Type": "application/json",
+          },
         }
       );
+
+      if (project.status !== 200) {
+        console.error(`Error fetching project info: ${project.statusText}`);
+        return;
+      }
+
+      const projectType = project.data.type || "view";
+
+      console.log("Project type:", projectType);
+
+      if (projectType === "zalominiapp") {
+        QRCode.generate(
+          `https://zalo.me/s/3218692650896662017/player/${projectId}`,
+          { small: true },
+          (qrcode) => {
+            console.log("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(
+          `Open this URL in your browser to preview the project: \n${previewUrl}`
+        );
+        await open(previewUrl);
+      }
     });
   });
 

package/package.json

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