ccmanager 0.1.6 → 0.1.7

package/dist/components/NewWorktree.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useMemo } from 'react';
 import { Box, Text, useInput } from 'ink';
 import TextInput from 'ink-text-input';
 import SelectInput from 'ink-select-input';
@@ -13,18 +13,23 @@ const NewWorktree = ({ onComplete, onCancel }) => {
     const [step, setStep] = useState(isAutoDirectory ? 'branch' : 'path');
     const [path, setPath] = useState('');
     const [branch, setBranch] = useState('');
-    const [generatedPath, setGeneratedPath] = useState('');
-    // Initialize worktree service and load branches
-    const worktreeService = new WorktreeService();
-    const branches = worktreeService.getAllBranches();
-    const defaultBranch = worktreeService.getDefaultBranch();
-    // Create branch items with default branch first
-    const branchItems = [
+    // Initialize worktree service and load branches (memoized to avoid re-initialization)
+    const { branches, defaultBranch } = useMemo(() => {
+        const service = new WorktreeService();
+        const allBranches = service.getAllBranches();
+        const defaultBr = service.getDefaultBranch();
+        return {
+            branches: allBranches,
+            defaultBranch: defaultBr,
+        };
+    }, []); // Empty deps array - only initialize once
+    // Create branch items with default branch first (memoized)
+    const branchItems = useMemo(() => [
         { label: `${defaultBranch} (default)`, value: defaultBranch },
         ...branches
             .filter(br => br !== defaultBranch)
             .map(br => ({ label: br, value: br })),
-    ];
+    ], [branches, defaultBranch]);
     useInput((input, key) => {
         if (shortcutManager.matchesShortcut('cancel', input, key)) {
             onCancel();
@@ -52,13 +57,12 @@ const NewWorktree = ({ onComplete, onCancel }) => {
             onComplete(path, branch, item.value);
         }
     };
-    // Update generated path preview when branch changes in auto mode
-    useEffect(() => {
-        if (isAutoDirectory && branch) {
-            const autoPath = generateWorktreeDirectory(branch, worktreeConfig.autoDirectoryPattern);
-            setGeneratedPath(autoPath);
-        }
-    }, [branch, isAutoDirectory, worktreeConfig.autoDirectoryPattern]);
+    // Calculate generated path for preview (memoized to avoid expensive recalculations)
+    const generatedPath = useMemo(() => {
+        return isAutoDirectory && branch
+            ? generateWorktreeDirectory(branch, worktreeConfig.autoDirectoryPattern)
+            : '';
+    }, [isAutoDirectory, branch, worktreeConfig.autoDirectoryPattern]);
     return (React.createElement(Box, { flexDirection: "column" },
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { bold: true, color: "green" }, "Create New Worktree")),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ccmanager",
-	"version": "0.1.6",
+	"version": "0.1.7",
 	"description": "TUI application for managing multiple Claude Code sessions across Git worktrees",
 	"license": "MIT",
 	"author": "Kodai Kabasawa",