@hapico/cli 0.0.15 → 0.0.16

package/bin/index.js

@@ -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/index.js

@@ -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/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[] = [];
 
@@ -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.16",
   "description": "A simple CLI tool for project management",
   "main": "index.js",
   "bin": {