ftreeview 0.1.3 → 0.1.4

package/dist/cli.js

@@ -350,6 +350,7 @@ function StatusBar({
   isGitRepo = false,
   gitSummary = "",
   showHelp = true,
+  eventMessage = "",
   termWidth = 80,
   iconSet = "emoji",
   theme = VSCODE_THEME
@@ -421,6 +422,14 @@ function StatusBar({
         paddingX: 1,
         children: /* @__PURE__ */ jsx3(Text3, { ...finalTheme.statusBar.hintStyle, children: "q quit  \u2191\u2193/jk move  \u2190\u2192/hl expand  space toggle  r refresh" })
       }
+    ),
+    eventMessage && /* @__PURE__ */ jsx3(
+      Box3,
+      {
+        width: termWidth,
+        paddingX: 1,
+        children: /* @__PURE__ */ jsx3(Text3, { color: "magenta", bold: true, children: eventMessage })
+      }
     )
   ] });
 }
@@ -1474,11 +1483,23 @@ function setupCleanExit() {
     process.off("SIGINT", onSigint);
   };
 }
+function formatWatcherEventMessage(event, relativePath) {
+  if (!relativePath) {
+    return "";
+  }
+  if (event === "add") return `=> File created at ${relativePath}`;
+  if (event === "change") return `=> File modified at ${relativePath}`;
+  if (event === "addDir") return `=> Folder created at ${relativePath}`;
+  if (event === "unlink") return `=> File deleted at ${relativePath}`;
+  if (event === "unlinkDir") return `=> Folder deleted at ${relativePath}`;
+  return "";
+}
 function App({ rootPath, options = {}, version }) {
   const rootAbsPath = resolve2(rootPath);
   const iconSet = resolveIconSet({ cliIconSet: options.iconSet, noIcons: options.noIcons });
   const theme = getTheme(resolveThemeName({ cliTheme: options.theme }));
   const [selectedPath, setSelectedPath] = useState6(null);
+  const [recentEventMessage, setRecentEventMessage] = useState6("");
   useEffect5(() => setupCleanExit(), []);
   const { tree, flatList, refreshFlatList, rebuildTree, ensureChildrenLoaded } = useTree(rootPath, options);
   const { statusMap, pathStatusMap, isGitRepo, refresh: refreshGit } = useGitStatus(
@@ -1554,6 +1575,7 @@ function App({ rootPath, options = {}, version }) {
   const handleTreeChange = useCallback5((eventsOrEvent, watchPath) => {
     const batch = Array.isArray(eventsOrEvent) ? eventsOrEvent : [{ event: eventsOrEvent, path: watchPath }];
     let hasStructuralChange = false;
+    let latestEventMessage = "";
     for (const item of batch) {
       if (!item) continue;
       if (item.event === "add" || item.event === "addDir" || item.event === "unlink" || item.event === "unlinkDir") {
@@ -1561,10 +1583,17 @@ function App({ rootPath, options = {}, version }) {
       }
       const changeStatus = mapWatcherEventToChangeStatus(item.event);
       const relativePath = toTreeRelativePath(item.path);
+      const eventMessage = formatWatcherEventMessage(item.event, relativePath);
+      if (eventMessage) {
+        latestEventMessage = eventMessage;
+      }
       if (changeStatus && relativePath) {
         markChanged(relativePath, changeStatus);
       }
     }
+    if (latestEventMessage) {
+      setRecentEventMessage(latestEventMessage);
+    }
     if (hasStructuralChange) {
       rebuildTree(true);
     }
@@ -1580,7 +1609,7 @@ function App({ rootPath, options = {}, version }) {
     noWatch: options.noWatch
   });
   const helpEnabled = options.help !== false;
-  const statusBarHeight = helpEnabled ? 2 : 1;
+  const statusBarHeight = 1 + (helpEnabled ? 1 : 0) + (recentEventMessage ? 1 : 0);
   const viewportHeight = termSize.height - statusBarHeight;
   const termWidth = termSize.width;
   const { fileCount, dirCount } = calculateCounts(flatList);
@@ -1610,6 +1639,7 @@ function App({ rootPath, options = {}, version }) {
         isGitRepo,
         gitSummary,
         showHelp: helpEnabled,
+        eventMessage: recentEventMessage,
         termWidth,
         iconSet,
         theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ftreeview",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Terminal file explorer with git awareness and live updates",
   "type": "module",
   "main": "src/index.js",

package/src/App.jsx

@@ -52,6 +52,18 @@ function setupCleanExit() {
   };
 }
 
+function formatWatcherEventMessage(event, relativePath) {
+  if (!relativePath) {
+    return '';
+  }
+  if (event === 'add') return `=> File created at ${relativePath}`;
+  if (event === 'change') return `=> File modified at ${relativePath}`;
+  if (event === 'addDir') return `=> Folder created at ${relativePath}`;
+  if (event === 'unlink') return `=> File deleted at ${relativePath}`;
+  if (event === 'unlinkDir') return `=> Folder deleted at ${relativePath}`;
+  return '';
+}
+
 /**
  * App Component Props
  * @property {string} rootPath - Root directory path to explore
@@ -64,6 +76,7 @@ export default function App({ rootPath, options = {}, version }) {
 
   // Track selected path to preserve cursor position across rebuilds
   const [selectedPath, setSelectedPath] = useState(null);
+  const [recentEventMessage, setRecentEventMessage] = useState('');
 
   // Setup clean exit handler - ensures proper terminal state on exit
   useEffect(() => setupCleanExit(), []);
@@ -179,6 +192,7 @@ export default function App({ rootPath, options = {}, version }) {
       : [{ event: eventsOrEvent, path: watchPath }];
 
     let hasStructuralChange = false;
+    let latestEventMessage = '';
 
     for (const item of batch) {
       if (!item) continue;
@@ -187,12 +201,20 @@ export default function App({ rootPath, options = {}, version }) {
       }
       const changeStatus = mapWatcherEventToChangeStatus(item.event);
       const relativePath = toTreeRelativePath(item.path);
+      const eventMessage = formatWatcherEventMessage(item.event, relativePath);
+      if (eventMessage) {
+        latestEventMessage = eventMessage;
+      }
 
       if (changeStatus && relativePath) {
         markChanged(relativePath, changeStatus);
       }
     }
 
+    if (latestEventMessage) {
+      setRecentEventMessage(latestEventMessage);
+    }
+
     if (hasStructuralChange) {
       rebuildTree(true);
     }
@@ -212,9 +234,9 @@ export default function App({ rootPath, options = {}, version }) {
   });
 
   // Calculate viewport dimensions
-  // Reserve space: 1 line for status bar (2 if help enabled)
+  // Reserve space: 1 main status line + optional hints line + optional event line.
   const helpEnabled = options.help !== false; // Show help by default
-  const statusBarHeight = helpEnabled ? 2 : 1;
+  const statusBarHeight = 1 + (helpEnabled ? 1 : 0) + (recentEventMessage ? 1 : 0);
   const viewportHeight = termSize.height - statusBarHeight;
   const termWidth = termSize.width;
 
@@ -250,6 +272,7 @@ export default function App({ rootPath, options = {}, version }) {
         isGitRepo={isGitRepo}
         gitSummary={gitSummary}
         showHelp={helpEnabled}
+        eventMessage={recentEventMessage}
         termWidth={termWidth}
         iconSet={iconSet}
         theme={theme}

package/src/components/StatusBar.jsx

@@ -120,6 +120,7 @@ export function calculateGitStatus(statusMap) {
  * @property {boolean} isGitRepo - Whether current directory is a git repo
  * @property {string} gitSummary - Git status summary (e.g., "clean" or "3M 1A")
  * @property {boolean} showHelp - Show keybind hints
+ * @property {string} eventMessage - Latest filesystem event message
  * @property {number} termWidth - Terminal width in columns
  */
 export function StatusBar({
@@ -132,6 +133,7 @@ export function StatusBar({
   isGitRepo = false,
   gitSummary = '',
   showHelp = true,
+  eventMessage = '',
   termWidth = 80,
   iconSet = 'emoji',
   theme = VSCODE_THEME,
@@ -230,7 +232,6 @@ export function StatusBar({
         )}
       </Box>
 
-      {/* Keybind hints line (optional) */}
       {showHelp && (
         <Box
           width={termWidth}
@@ -241,6 +242,17 @@ export function StatusBar({
           </Text>
         </Box>
       )}
+
+      {eventMessage && (
+        <Box
+          width={termWidth}
+          paddingX={1}
+        >
+          <Text color="magenta" bold>
+            {eventMessage}
+          </Text>
+        </Box>
+      )}
     </Box>
   );
 }