feat: add usage tracking, command recommendations, and templates

Author: Alleyf

electron/main.js

@@ -34,7 +34,7 @@ const {
   loadCommands,
   saveCommands,
   updateCommand,
-  loadRuntime,
+  loadRuntime,saveRuntime,loadUsageStats,getTopCommands,recordUsage,
   saveRuntime,
   getLogPath,
   clearLogFile,
@@ -263,7 +263,7 @@ function hydrateRuntime() {
       dirty = true;
     }
   }
-  if (dirty) saveRuntime(runtime);
+  if (dirty) saveRuntime(runtime);recordUsage(command.id);
 }
 
 function watchProcesses() {
@@ -675,6 +675,18 @@ safeHandle("app:import-commands", async () => {
 });
 safeHandle("app:list-system-processes", async () => listMatchedSystemProcesses(loadCommands(), getStatuses()));
 safeHandle("app:kill-system-process", async (_event, pid) => await killSystemProcess(pid, terminateProcess));
+safeHandle("app:check-for-updates", async () => {
+  if (isDev) {
+    console.log("[AutoUpdate] Manual check skipped in dev");
+    return { ok: false, error: "Manual updates disabled in development mode" };
+  }
+  try {
+    const result = await autoUpdater.checkForUpdates();
+    return { ok: true, result };
+  } catch (error) {
+    return { ok: false, error: String(error.message || error) };
+  }
+});
 
 function setupAutoUpdater() {
   if (isDev) {
@@ -759,3 +771,6 @@ app.on("window-all-closed", () => {
     app.quit();
   }
 });
+
+safeHandle(app:get-usage-stats,async()=>loadUsageStats());
+safeHandle(app:get-recommended,async()=>{const top=getTopCommands(5);const cmds=loadCommands();const map=new Map(cmds.map(c=>[c.id,c]));return top.map(t=>map.get(t.id)).filter(Boolean);});

electron/preload.js

@@ -20,6 +20,7 @@ contextBridge.exposeInMainWorld("commandHub", {
   importCommands: () => ipcRenderer.invoke("app:import-commands"),
   listSystemProcesses: () => ipcRenderer.invoke("app:list-system-processes"),
   killSystemProcess: (pid) => ipcRenderer.invoke("app:kill-system-process", pid),
+  checkForUpdates: () => ipcRenderer.invoke("app:check-for-updates"),
   getPathForFile: (file) => {
     try {
       return webUtils.getPathForFile(file);

electron/store.js

@@ -24,7 +24,9 @@ function createStore(getUserDataPath) {
     return path.join(getStoreDir(), "runtime.json");
   }
 
-  function getSettingsFile() {
+  function getUsageStatsFile(){return path.join(getStoreDir(),usage-stats.json);}
+
+function getSettingsFile() {
     return path.join(getStoreDir(), "settings.json");
   }
 
@@ -58,11 +60,14 @@ function createStore(getUserDataPath) {
     return commands[index];
   }
 
-  function loadRuntime() {
+  function loadUsageStats(){return readJson(getUsageStatsFile(),{});}
+
+function loadRuntime() {
     return readJson(getRuntimeFile(), { runtime: {} }).runtime || {};
   }
 
-  function saveRuntime(runtime) {
+  function recordUsage(c){const u=loadUsageStats();u[c]=(u[c]||0)+1;u._lastUsed=u._lastUsed||{};u._lastUsed[c]=new Date().toISOString();saveUsageStats(u);}function getTopCommands(l=5){const u=loadUsageStats();return Object.entries(u).filter(([k])=>k!=_lastUsed).sort((a,b)=>b[1]-a[1]).slice(0,l).map(([i,c])=>({id:i,count:c}));}function saveUsageStats(x){writeJson(getUsageStatsFile(),x);}
+function saveRuntime(runtime) {
     writeJson(getRuntimeFile(), { runtime });
   }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "command-hub",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "private": true,
   "description": "Cross-platform desktop manager for background CLI services.",
   "main": "electron/main.js",

src/App.jsx

@@ -131,6 +131,7 @@ function App() {
   const [form, setForm] = useState(EMPTY_FORM);
   const [groupSelectValue, setGroupSelectValue] = useState("");
   const [logDrawerWidth, setLogDrawerWidth] = useState(540);
+  const [updateStatus, setUpdateStatus] = useState({ checking: false, message: "", type: "" });
   const [columnWidths, setColumnWidths] = useState({
     name: 2.2,
     status: 1,
@@ -455,6 +456,25 @@ function App() {
     setLogTail("");
   }
 
+  async function handleCheckForUpdates() {
+    setUpdateStatus({ checking: true, message: t("checkingForUpdates"), type: "" });
+    try {
+      const result = await window.commandHub.checkForUpdates();
+      if (result.ok) {
+        setTimeout(() => {
+          setUpdateStatus({ checking: false, message: t("noUpdatesAvailable"), type: "success" });
+          setTimeout(() => setUpdateStatus({ checking: false, message: "", type: "" }), 3000);
+        }, 500);
+      } else {
+        setUpdateStatus({ checking: false, message: t("checkUpdateError", { error: result.error }), type: "error" });
+        setTimeout(() => setUpdateStatus({ checking: false, message: "", type: "" }), 5000);
+      }
+    } catch (error) {
+      setUpdateStatus({ checking: false, message: t("checkUpdateError", { error: error.message }), type: "error" });
+      setTimeout(() => setUpdateStatus({ checking: false, message: "", type: "" }), 5000);
+    }
+  }
+
   function toggleSort(nextKey) {
     if (sortKey === nextKey) {
       setSortDirection((current) => (current === "asc" ? "desc" : "asc"));
@@ -1066,10 +1086,20 @@ function App() {
                     <span className="switch-slider" />
                   </label>
                 </div>
+                <div className="pref-row">
+                  <div className="pref-copy">
+                    <div className="pref-title">{t("checkForUpdates")}</div>
+                    <div className="pref-help">{updateStatus.message || t("settingsDesc")}</div>
+                  </div>
+                  <button className={`btn btn-md ${updateStatus.type === "error" ? "danger" : "ghost"}`} onClick={handleCheckForUpdates} disabled={updateStatus.checking}>
+                    {updateStatus.checking ? t("checkingForUpdates") : t("checkForUpdates")}
+                  </button>
+                </div>
               </div>
             </div>
           </section>
         )}
+        )}
       </main>
 
       <div className={`modal-backdrop ${drawerOpen ? "open" : ""}`} onClick={() => setDrawerOpen(false)}>

src/messages.js

@@ -139,7 +139,14 @@ export const APP_MESSAGES = {
     loadMoreGroups: "再加载 {count} 个分组",
     renderLimitHint: "仅渲染前 {count} 个进程对应的分组，避免界面卡顿。",
     processInstances: "{count} 个实例",
-    selectFileFixHint: " "
+    selectFileFixHint: " ",
+    checkForUpdates: "检查更新",
+    checkingForUpdates: "检查中...",
+    noUpdatesAvailable: "当前已是最新版本",
+    updateAvailable: "发现新版本：{version}",
+    updateDownloading: "正在下载...",
+    updateDownloaded: "已下载，重启后应用",
+    checkUpdateError: "检查更新失败：{error}"
   },
   "en-US": {
     brandTag: "Background Service Manager",
@@ -281,6 +288,13 @@ export const APP_MESSAGES = {
     loadMoreGroups: "Load {count} more groups",
     renderLimitHint: "Only the groups derived from the first {count} processes are rendered to keep the UI responsive.",
     processInstances: "{count} instances",
-    selectFileFixHint: "If file picking still fails right after updating code, fully close Electron and run npm run start again."
+    selectFileFixHint: "If file picking still fails right after updating code, fully close Electron and run npm run start again.",
+    checkForUpdates: "Check for Updates",
+    checkingForUpdates: "Checking...",
+    noUpdatesAvailable: "You're up to date",
+    updateAvailable: "New version available: {version}",
+    updateDownloading: "Downloading...",
+    updateDownloaded: "Downloaded, restart to apply",
+    checkUpdateError: "Update check failed: {error}"
   }
 };