clairo 1.0.1 → 1.0.2

package/dist/cli.js

@@ -4,7 +4,7 @@
 import meow from "meow";
 
 // src/app.tsx
-import { useCallback as useCallback4, useState as useState9 } from "react";
+import { useCallback as useCallback4, useState as useState10 } from "react";
 import { Box as Box16, useApp, useInput as useInput13 } from "ink";
 
 // src/components/github/GitHubView.tsx
@@ -1827,7 +1827,7 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange, onLogUpdated
 }
 
 // src/components/logs/LogsView.tsx
-import { useCallback as useCallback3, useEffect as useEffect6, useState as useState8 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect6, useState as useState9 } from "react";
 import { Box as Box14, useInput as useInput12 } from "ink";
 
 // src/components/logs/LogsHistoryBox.tsx
@@ -1890,19 +1890,30 @@ function LogsHistoryBox({
 }
 
 // src/components/logs/LogViewerBox.tsx
-import { useRef as useRef3 } from "react";
+import { useRef as useRef3, useState as useState8 } from "react";
 import { TitledBox as TitledBox6 } from "@mishieck/ink-titled-box";
 import { Box as Box13, Text as Text13, useInput as useInput11 } from "ink";
 import { ScrollView as ScrollView2 } from "ink-scroll-view";
+import TextInput2 from "ink-text-input";
 import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function LogViewerBox({ date, content, isFocused, onRefresh, onLogCreated }) {
   const scrollRef = useRef3(null);
+  const [isInputMode, setIsInputMode] = useState8(false);
+  const [inputValue, setInputValue] = useState8("");
   const title = "[6] Log Content";
   const borderColor = isFocused ? "yellow" : void 0;
   const displayTitle = date ? `${title} - ${date}.md` : title;
   useInput11(
     (input, key) => {
       var _a, _b;
+      if (key.escape && isInputMode) {
+        setIsInputMode(false);
+        setInputValue("");
+        return;
+      }
+      if (isInputMode) {
+        return;
+      }
       if (key.upArrow || input === "k") {
         (_a = scrollRef.current) == null ? void 0 : _a.scrollBy(-1);
       }
@@ -1913,6 +1924,9 @@ function LogViewerBox({ date, content, isFocused, onRefresh, onLogCreated }) {
         openLogInEditor(date);
         onRefresh();
       }
+      if (input === "i" && date) {
+        setIsInputMode(true);
+      }
       if (input === "n") {
         const today = getTodayDate();
         if (!logExists(today)) {
@@ -1926,22 +1940,48 @@ function LogViewerBox({ date, content, isFocused, onRefresh, onLogCreated }) {
     },
     { isActive: isFocused }
   );
-  return /* @__PURE__ */ jsx13(TitledBox6, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 1, children: /* @__PURE__ */ jsx13(Box13, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx13(ScrollView2, { ref: scrollRef, children: /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 1, children: [
-    !date && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Select a log file to view" }),
-    date && content === null && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Log file not found" }),
-    date && content !== null && content.trim() === "" && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Empty log file" }),
-    date && content && content.trim() !== "" && /* @__PURE__ */ jsx13(Markdown, { children: content })
-  ] }) }) }) });
+  const handleInputSubmit = (value) => {
+    if (!date || !value.trim()) {
+      setIsInputMode(false);
+      setInputValue("");
+      return;
+    }
+    const timestamp = formatTimestamp();
+    const entry = `
+## ${timestamp}
+
+${value.trim()}
+`;
+    appendToLog(date, entry);
+    setInputValue("");
+    setIsInputMode(false);
+    onRefresh();
+  };
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx13(TitledBox6, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 1, children: /* @__PURE__ */ jsx13(Box13, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx13(ScrollView2, { ref: scrollRef, children: /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 1, children: [
+      !date && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Select a log file to view" }),
+      date && content === null && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Log file not found" }),
+      date && content !== null && content.trim() === "" && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Empty log file" }),
+      date && content && content.trim() !== "" && /* @__PURE__ */ jsx13(Markdown, { children: content })
+    ] }) }) }) }),
+    isInputMode && /* @__PURE__ */ jsx13(TitledBox6, { borderStyle: "round", titles: ["Add Entry"], borderColor: "yellow", children: /* @__PURE__ */ jsx13(Box13, { paddingX: 1, children: /* @__PURE__ */ jsx13(
+      TextInput2,
+      {
+        value: inputValue,
+        onChange: (val) => setInputValue(val.replace(/[\r\n]/g, "")),
+        onSubmit: handleInputSubmit
+      }
+    ) }) })
+  ] });
 }
 
 // src/components/logs/LogsView.tsx
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-function LogsView({ isFocused, onKeybindingsChange, refreshKey }) {
-  const [logFiles, setLogFiles] = useState8([]);
-  const [selectedDate, setSelectedDate] = useState8(null);
-  const [logContent, setLogContent] = useState8(null);
-  const [highlightedIndex, setHighlightedIndex] = useState8(0);
-  const [focusedBox, setFocusedBox] = useState8("history");
+function LogsView({ isFocused, onKeybindingsChange, refreshKey, focusedBox, onFocusedBoxChange }) {
+  const [logFiles, setLogFiles] = useState9([]);
+  const [selectedDate, setSelectedDate] = useState9(null);
+  const [logContent, setLogContent] = useState9(null);
+  const [highlightedIndex, setHighlightedIndex] = useState9(0);
   useEffect6(() => {
     if (!isFocused) {
       onKeybindingsChange == null ? void 0 : onKeybindingsChange([]);
@@ -1951,6 +1991,7 @@ function LogsView({ isFocused, onKeybindingsChange, refreshKey }) {
     if (focusedBox === "history") {
       bindings.push({ key: "Enter", label: "Select" });
     } else if (focusedBox === "viewer") {
+      bindings.push({ key: "i", label: "Add Entry" });
       bindings.push({ key: "e", label: "Edit" });
       bindings.push({ key: "n", label: "New Log", color: "green" });
       bindings.push({ key: "r", label: "Refresh" });
@@ -2024,8 +2065,8 @@ function LogsView({ isFocused, onKeybindingsChange, refreshKey }) {
   }, []);
   useInput12(
     (input) => {
-      if (input === "5") setFocusedBox("history");
-      if (input === "6") setFocusedBox("viewer");
+      if (input === "5") onFocusedBoxChange("history");
+      if (input === "6") onFocusedBoxChange("viewer");
     },
     { isActive: isFocused }
   );
@@ -2077,10 +2118,11 @@ function KeybindingsBar({ contextBindings = [], modalOpen = false }) {
 import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function App() {
   const { exit } = useApp();
-  const [focusedView, setFocusedView] = useState9("github");
-  const [modalOpen, setModalOpen] = useState9(false);
-  const [contextBindings, setContextBindings] = useState9([]);
-  const [logRefreshKey, setLogRefreshKey] = useState9(0);
+  const [focusedView, setFocusedView] = useState10("github");
+  const [modalOpen, setModalOpen] = useState10(false);
+  const [contextBindings, setContextBindings] = useState10([]);
+  const [logRefreshKey, setLogRefreshKey] = useState10(0);
+  const [logsFocusedBox, setLogsFocusedBox] = useState10("history");
   const handleLogUpdated = useCallback4(() => {
     setLogRefreshKey((prev) => prev + 1);
   }, []);
@@ -2095,8 +2137,13 @@ function App() {
       if (input === "4") {
         setFocusedView("jira");
       }
-      if (input === "5" || input === "6") {
+      if (input === "5") {
+        setFocusedView("logs");
+        setLogsFocusedBox("history");
+      }
+      if (input === "6") {
         setFocusedView("logs");
+        setLogsFocusedBox("viewer");
       }
     },
     { isActive: !modalOpen }
@@ -2127,7 +2174,9 @@ function App() {
         {
           isFocused: focusedView === "logs",
           onKeybindingsChange: focusedView === "logs" ? setContextBindings : void 0,
-          refreshKey: logRefreshKey
+          refreshKey: logRefreshKey,
+          focusedBox: logsFocusedBox,
+          onFocusedBoxChange: setLogsFocusedBox
         }
       ) })
     ] }),
@@ -2140,7 +2189,7 @@ import { render as inkRender } from "ink";
 
 // src/lib/Screen.tsx
 import { Box as Box17, useStdout as useStdout2 } from "ink";
-import { useCallback as useCallback5, useEffect as useEffect7, useState as useState10 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7, useState as useState11 } from "react";
 import { jsx as jsx17 } from "react/jsx-runtime";
 function Screen({ children }) {
   const { stdout } = useStdout2();
@@ -2148,7 +2197,7 @@ function Screen({ children }) {
     () => ({ height: stdout.rows, width: stdout.columns }),
     [stdout]
   );
-  const [size, setSize] = useState10(getSize);
+  const [size, setSize] = useState11(getSize);
   useEffect7(() => {
     const onResize = () => setSize(getSize());
     stdout.on("resize", onResize);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clairo",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -27,6 +27,7 @@
     "ink-link": "^5.0.0",
     "ink-scroll-view": "^0.3.5",
     "ink-select-input": "^6.2.0",
+    "ink-text-input": "^6.0.0",
     "marked": "^17.0.1",
     "meow": "^11.0.0",
     "open": "^11.0.0",