@hapico/cli 0.0.15 → 0.0.17

package/bin/index.js

@@ -244,7 +244,7 @@ class RoomState {
         if (this.reconnectTimeout) {
             clearTimeout(this.reconnectTimeout);
         }
-        this.ws = new ws_1.WebSocket(`https://base.myworkbeast.com/ws?room=${this.roomId}`);
+        this.ws = new ws_1.WebSocket(`https://ws2.myworkbeast.com/ws?room=${this.roomId}`);
         this.ws.onopen = () => {
             console.log(`Connected to room: ${this.roomId}`);
             this.isConnected = true;
@@ -263,7 +263,15 @@ class RoomState {
             try {
                 const jsonStr = typeof data === "string" ? data : data.toString();
                 const parsedData = JSON.parse(jsonStr);
-                const includes = ["view", "coding", "refresh_key", "useActiveIdFocus", "activeId", "active_file", "figma"];
+                const includes = [
+                    "view",
+                    "coding",
+                    "refresh_key",
+                    "useActiveIdFocus",
+                    "activeId",
+                    "active_file",
+                    "figma",
+                ];
                 let newState;
                 let changedKeys;
                 if (parsedData.type === "state") {
@@ -325,7 +333,7 @@ class RoomState {
         return this.isConnected;
     }
 }
-commander_1.program.version("0.0.15").description("Hapico CLI for project management");
+commander_1.program.version("0.0.16").description("Hapico CLI for project management");
 commander_1.program
     .command("clone <id>")
     .description("Clone a project by ID")
@@ -437,21 +445,24 @@ commander_1.program
     }
     console.log(`Connecting to WebSocket server`);
     const room = new RoomState(`view_${projectId}`, []);
+    const fileManager = new FileManager(srcDir);
+    const initialFiles = fileManager.listFiles();
+    room.files = initialFiles;
     room.connect(async () => {
         devSpinner.succeed("Project started in development mode!");
-        const fileManager = new FileManager(srcDir);
-        const initialFiles = fileManager.listFiles();
         room.updateState("view", initialFiles);
         fileManager.setOnFileChange((filePath, content) => {
-            const es5 = (0, exports.compileES5)(content, filePath);
+            var _a;
+            const es5 = (_a = (0, exports.compileES5)(content, filePath)) !== null && _a !== void 0 ? _a : "";
             console.log(`File changed: ${filePath === null || filePath === void 0 ? void 0 : filePath.replace(srcDir, ".")}`);
-            const updatedView = initialFiles.map((file) => {
+            const updatedFiles = room.files.map((file) => {
                 if (path.join(srcDir, file.path) === filePath) {
                     return { ...file, content, es5 };
                 }
                 return file;
             });
-            room.updateState("view", updatedView);
+            room.files = updatedFiles;
+            room.updateState("view", updatedFiles);
         });
         // Fetch project info
         const projectInfo = getStoredProjectId(pwd);

package/bin/utils/codemod/utils/path.mockup.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class Path {
+    static normalizeSlashes(path) {
+        return path.replace(/\\/g, "/");
+    }
+    // Tương tự path.join()
+    static join(...paths) {
+        const normalizedPaths = paths
+            .filter((p) => p && typeof p === "string")
+            .map((p) => this.normalizeSlashes(p.trim()))
+            .map((p) => p.replace(/^\/+|\/+$/g, "")); // Loại bỏ slash đầu và cuối
+        return normalizedPaths.join("/");
+    }
+    // Tương tự path.resolve()
+    static resolve(...paths) {
+        let resolvedPath = "";
+        const segments = [];
+        paths
+            .filter((p) => p && typeof p === "string")
+            .map((p) => this.normalizeSlashes(p))
+            .forEach((path) => {
+            if (path.startsWith("/")) {
+                segments.length = 0; // Reset nếu gặp absolute path
+                segments.push(...path.split("/").filter(Boolean));
+            }
+            else {
+                segments.push(...path.split("/").filter(Boolean));
+            }
+        });
+        const resolvedSegments = [];
+        for (const segment of segments) {
+            if (segment === "..") {
+                resolvedSegments.pop();
+            }
+            else if (segment !== ".") {
+                resolvedSegments.push(segment);
+            }
+        }
+        resolvedPath = resolvedSegments.join("/");
+        return resolvedPath.startsWith("/") ? `/${resolvedPath}` : resolvedPath;
+    }
+    // Tương tự path.basename()
+    static basename(path, ext) {
+        const normalized = this.normalizeSlashes(path);
+        const base = normalized.split("/").pop() || "";
+        return ext && base.endsWith(ext) ? base.slice(0, -ext.length) : base;
+    }
+    // Tương tự path.dirname()
+    static dirname(path) {
+        const normalized = this.normalizeSlashes(path);
+        const segments = normalized.split("/");
+        segments.pop();
+        return segments.join("/") || ".";
+    }
+    // Tương tự path.extname()
+    static extname(path) {
+        const base = this.basename(path);
+        const dotIndex = base.lastIndexOf(".");
+        return dotIndex > 0 ? base.slice(dotIndex) : "";
+    }
+    // Tương tự path.isAbsolute()
+    static isAbsolute(path) {
+        return this.normalizeSlashes(path).startsWith("/");
+    }
+    // Tương tự path.relative()
+    static relative(from, to) {
+        const fromParts = this.normalizeSlashes(from).split("/").filter(Boolean);
+        const toParts = this.normalizeSlashes(to).split("/").filter(Boolean);
+        // Tìm điểm chung
+        let i = 0;
+        while (i < fromParts.length &&
+            i < toParts.length &&
+            fromParts[i] === toParts[i]) {
+            i++;
+        }
+        // Tính số bước đi lên
+        const upCount = fromParts.length - i;
+        const up = Array(upCount).fill("..");
+        const remaining = toParts.slice(i);
+        return [...up, ...remaining].join("/") || ".";
+    }
+}
+exports.default = Path;

package/bun.lock

@@ -10,8 +10,10 @@
         "lodash": "^4.17.21",
         "open": "^10.2.0",
         "ora": "^8.2.0",
+        "prettier": "^3.6.2",
         "qrcode-terminal": "^0.12.0",
         "unzipper": "^0.12.3",
+        "uuid": "^13.0.0",
         "ws": "^8.18.3",
       },
       "devDependencies": {
@@ -165,6 +167,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=="],
 
+    "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=="],
 
     "proxy-from-env": ["proxy-from-env@1.1.0", "", {}, "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="],
@@ -199,6 +203,8 @@
 
     "util-deprecate": ["util-deprecate@1.0.2", "", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],
 
+    "uuid": ["uuid@13.0.0", "", { "bin": { "uuid": "dist-node/bin/uuid" } }, "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w=="],
+
     "ws": ["ws@8.18.3", "", { "peerDependencies": { "bufferutil": "^4.0.1", "utf-8-validate": ">=5.0.2" }, "optionalPeers": ["bufferutil", "utf-8-validate"] }, "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg=="],
 
     "wsl-utils": ["wsl-utils@0.1.0", "", { "dependencies": { "is-wsl": "^3.1.0" } }, "sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw=="],

package/dist/index.js

@@ -244,7 +244,7 @@ class RoomState {
         if (this.reconnectTimeout) {
             clearTimeout(this.reconnectTimeout);
         }
-        this.ws = new ws_1.WebSocket(`https://base.myworkbeast.com/ws?room=${this.roomId}`);
+        this.ws = new ws_1.WebSocket(`https://ws2.myworkbeast.com/ws?room=${this.roomId}`);
         this.ws.onopen = () => {
             console.log(`Connected to room: ${this.roomId}`);
             this.isConnected = true;
@@ -263,7 +263,15 @@ class RoomState {
             try {
                 const jsonStr = typeof data === "string" ? data : data.toString();
                 const parsedData = JSON.parse(jsonStr);
-                const includes = ["view", "coding", "refresh_key", "useActiveIdFocus", "activeId", "active_file", "figma"];
+                const includes = [
+                    "view",
+                    "coding",
+                    "refresh_key",
+                    "useActiveIdFocus",
+                    "activeId",
+                    "active_file",
+                    "figma",
+                ];
                 let newState;
                 let changedKeys;
                 if (parsedData.type === "state") {
@@ -325,7 +333,7 @@ class RoomState {
         return this.isConnected;
     }
 }
-commander_1.program.version("0.0.15").description("Hapico CLI for project management");
+commander_1.program.version("0.0.16").description("Hapico CLI for project management");
 commander_1.program
     .command("clone <id>")
     .description("Clone a project by ID")
@@ -437,21 +445,24 @@ commander_1.program
     }
     console.log(`Connecting to WebSocket server`);
     const room = new RoomState(`view_${projectId}`, []);
+    const fileManager = new FileManager(srcDir);
+    const initialFiles = fileManager.listFiles();
+    room.files = initialFiles;
     room.connect(async () => {
         devSpinner.succeed("Project started in development mode!");
-        const fileManager = new FileManager(srcDir);
-        const initialFiles = fileManager.listFiles();
         room.updateState("view", initialFiles);
         fileManager.setOnFileChange((filePath, content) => {
-            const es5 = (0, exports.compileES5)(content, filePath);
+            var _a;
+            const es5 = (_a = (0, exports.compileES5)(content, filePath)) !== null && _a !== void 0 ? _a : "";
             console.log(`File changed: ${filePath === null || filePath === void 0 ? void 0 : filePath.replace(srcDir, ".")}`);
-            const updatedView = initialFiles.map((file) => {
+            const updatedFiles = room.files.map((file) => {
                 if (path.join(srcDir, file.path) === filePath) {
                     return { ...file, content, es5 };
                 }
                 return file;
             });
-            room.updateState("view", updatedView);
+            room.files = updatedFiles;
+            room.updateState("view", updatedFiles);
         });
         // Fetch project info
         const projectInfo = getStoredProjectId(pwd);

package/dist/utils/codemod/utils/path.mockup.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class Path {
+    static normalizeSlashes(path) {
+        return path.replace(/\\/g, "/");
+    }
+    // Tương tự path.join()
+    static join(...paths) {
+        const normalizedPaths = paths
+            .filter((p) => p && typeof p === "string")
+            .map((p) => this.normalizeSlashes(p.trim()))
+            .map((p) => p.replace(/^\/+|\/+$/g, "")); // Loại bỏ slash đầu và cuối
+        return normalizedPaths.join("/");
+    }
+    // Tương tự path.resolve()
+    static resolve(...paths) {
+        let resolvedPath = "";
+        const segments = [];
+        paths
+            .filter((p) => p && typeof p === "string")
+            .map((p) => this.normalizeSlashes(p))
+            .forEach((path) => {
+            if (path.startsWith("/")) {
+                segments.length = 0; // Reset nếu gặp absolute path
+                segments.push(...path.split("/").filter(Boolean));
+            }
+            else {
+                segments.push(...path.split("/").filter(Boolean));
+            }
+        });
+        const resolvedSegments = [];
+        for (const segment of segments) {
+            if (segment === "..") {
+                resolvedSegments.pop();
+            }
+            else if (segment !== ".") {
+                resolvedSegments.push(segment);
+            }
+        }
+        resolvedPath = resolvedSegments.join("/");
+        return resolvedPath.startsWith("/") ? `/${resolvedPath}` : resolvedPath;
+    }
+    // Tương tự path.basename()
+    static basename(path, ext) {
+        const normalized = this.normalizeSlashes(path);
+        const base = normalized.split("/").pop() || "";
+        return ext && base.endsWith(ext) ? base.slice(0, -ext.length) : base;
+    }
+    // Tương tự path.dirname()
+    static dirname(path) {
+        const normalized = this.normalizeSlashes(path);
+        const segments = normalized.split("/");
+        segments.pop();
+        return segments.join("/") || ".";
+    }
+    // Tương tự path.extname()
+    static extname(path) {
+        const base = this.basename(path);
+        const dotIndex = base.lastIndexOf(".");
+        return dotIndex > 0 ? base.slice(dotIndex) : "";
+    }
+    // Tương tự path.isAbsolute()
+    static isAbsolute(path) {
+        return this.normalizeSlashes(path).startsWith("/");
+    }
+    // Tương tự path.relative()
+    static relative(from, to) {
+        const fromParts = this.normalizeSlashes(from).split("/").filter(Boolean);
+        const toParts = this.normalizeSlashes(to).split("/").filter(Boolean);
+        // Tìm điểm chung
+        let i = 0;
+        while (i < fromParts.length &&
+            i < toParts.length &&
+            fromParts[i] === toParts[i]) {
+            i++;
+        }
+        // Tính số bước đi lên
+        const upCount = fromParts.length - i;
+        const up = Array(upCount).fill("..");
+        const remaining = toParts.slice(i);
+        return [...up, ...remaining].join("/") || ".";
+    }
+}
+exports.default = Path;

package/index.ts

@@ -261,7 +261,10 @@ class RoomState {
   private ws: WebSocket | null;
   private reconnectTimeout: NodeJS.Timeout | null;
   private reconnectAttempts: number;
-  private onChangeListeners: Array<{ key: string; callback: (value: any) => void }>;
+  private onChangeListeners: Array<{
+    key: string;
+    callback: (value: any) => void;
+  }>;
 
   public files: FileContent[] = [];
 
@@ -286,7 +289,7 @@ class RoomState {
     }
 
     this.ws = new WebSocket(
-      `https://base.myworkbeast.com/ws?room=${this.roomId}`
+      `https://ws2.myworkbeast.com/ws?room=${this.roomId}`
     );
 
     this.ws.onopen = () => {
@@ -301,20 +304,28 @@ class RoomState {
       this.isConnected = false;
 
       this.reconnectAttempts++;
-      const delay = Math.min(
-        1000 * Math.pow(2, this.reconnectAttempts),
-        30000
-      );
+      const delay = Math.min(1000 * Math.pow(2, this.reconnectAttempts), 30000);
       console.log(`Attempting to reconnect in ${delay / 1000}s...`);
 
-      this.reconnectTimeout = setTimeout(() => this.connect(onConnected), delay);
+      this.reconnectTimeout = setTimeout(
+        () => this.connect(onConnected),
+        delay
+      );
     };
 
     this.ws.on("message", (data: Buffer | string) => {
       try {
         const jsonStr = typeof data === "string" ? data : data.toString();
         const parsedData = JSON.parse(jsonStr);
-        const includes = ["view", "coding", "refresh_key", "useActiveIdFocus", "activeId", "active_file", "figma"];
+        const includes = [
+          "view",
+          "coding",
+          "refresh_key",
+          "useActiveIdFocus",
+          "activeId",
+          "active_file",
+          "figma",
+        ];
 
         let newState: RoomStateData;
         let changedKeys;
@@ -336,7 +347,9 @@ class RoomState {
           return;
         }
 
-        const filteredChangedKeys = changedKeys.filter((key) => includes.includes(key));
+        const filteredChangedKeys = changedKeys.filter((key) =>
+          includes.includes(key)
+        );
         if (filteredChangedKeys.length > 0) {
           filteredChangedKeys.forEach((key) => {
             const listener = find(this.onChangeListeners, (l) => l.key === key);
@@ -387,7 +400,7 @@ class RoomState {
   }
 }
 
-program.version("0.0.15").description("Hapico CLI for project management");
+program.version("0.0.16").description("Hapico CLI for project management");
 
 program
   .command("clone <id>")
@@ -536,25 +549,26 @@ program
 
     console.log(`Connecting to WebSocket server`);
     const room = new RoomState(`view_${projectId}`, []);
+    const fileManager = new FileManager(srcDir);
+    const initialFiles = fileManager.listFiles();
+    room.files = initialFiles;
 
     room.connect(async () => {
       devSpinner.succeed("Project started in development mode!");
 
-      const fileManager = new FileManager(srcDir);
-
-      const initialFiles = fileManager.listFiles();
       room.updateState("view", initialFiles);
 
       fileManager.setOnFileChange((filePath, content) => {
-        const es5 = compileES5(content, filePath);
+        const es5 = compileES5(content, filePath) ?? "";
         console.log(`File changed: ${filePath?.replace(srcDir, ".")}`);
-        const updatedView = initialFiles.map((file) => {
+        const updatedFiles = room.files.map((file) => {
           if (path.join(srcDir, file.path) === filePath) {
             return { ...file, content, es5 };
           }
           return file;
         });
-        room.updateState("view", updatedView);
+        room.files = updatedFiles;
+        room.updateState("view", updatedFiles);
       });
 
       // Fetch project info

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hapico/cli",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "A simple CLI tool for project management",
   "main": "index.js",
   "bin": {
@@ -26,8 +26,10 @@
     "lodash": "^4.17.21",
     "open": "^10.2.0",
     "ora": "^8.2.0",
+    "prettier": "^3.6.2",
     "qrcode-terminal": "^0.12.0",
     "unzipper": "^0.12.3",
+    "uuid": "^13.0.0",
     "ws": "^8.18.3"
   },
   "devDependencies": {