Merge pull request #120 from iamsrikanthnani/release/v0.1.7

Release/v0.1.7

Author: iamsrikanthnani

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "pluely",
   "private": false,
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "The Open Source Alternative to Cluely - A lightning-fast, privacy-first AI assistant that works seamlessly during meetings, interviews, and conversations without anyone knowing.",
   "author": {
     "name": "Srikanth Nani",

package.json

@@ -1,6 +1,6 @@
 [package]
 name = "pluely"
-version = "0.1.6"
+version = "0.1.7"
 description = "The Open Source Alternative to Cluely - A lightning-fast, privacy-first AI assistant that works seamlessly during meetings, interviews, and conversations without anyone knowing."
 authors = ["Srikanth Nani <srikanthnani1202@gmail.com>"]
 license = "GPL-3.0"

src-tauri/Cargo.lock

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Pluely",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "identifier": "com.srikanthnani.pluely",
   "build": {
     "beforeDevCommand": "npm run dev",

src-tauri/Cargo.toml

@@ -11,14 +11,15 @@ import {
   StatusIndicator,
 } from "@/components";
 import { useApp } from "@/hooks";
-
+import { useApp as useAppContext } from "@/contexts";
 const App = () => {
   const {
     isHidden,
     systemAudio,
     handleSelectConversation,
     handleNewConversation,
   } = useApp();
+  const { customizable } = useAppContext();
   return (
     <div
       className={`w-screen h-screen flex overflow-hidden justify-center items-start ${
@@ -66,7 +67,7 @@ const App = () => {
         <Updater />
         <DragButton />
       </Card>
-      <CustomCursor />
+      {customizable.cursor.type === "invisible" ? <CustomCursor /> : null}
     </div>
   );
 };

src-tauri/tauri.conf.json

@@ -0,0 +1,53 @@
+import {
+  Header,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components";
+import { useApp } from "@/contexts";
+import { CursorType } from "@/lib/storage";
+import { MousePointer, MousePointer2, Pointer, TextCursor } from "lucide-react";
+
+interface CursorSelectionProps {
+  className?: string;
+}
+
+export const CursorSelection = ({ className }: CursorSelectionProps) => {
+  const { customizable, setCursorType } = useApp();
+
+  return (
+    <div id="cursor" className={`space-y-2 ${className}`}>
+      <Header
+        title="Cursor"
+        description="Control pluely cursor visibility"
+        isMainTitle
+        rightSlot={
+          <Select
+            value={customizable.cursor.type}
+            onValueChange={(value) => setCursorType(value as CursorType)}
+          >
+            <SelectTrigger>
+              <SelectValue placeholder="Select a cursor type" />
+            </SelectTrigger>
+            <SelectContent position="popper" align="end">
+              <SelectItem value="invisible">
+                Invisible (<MousePointer2 className="size-3 px-0" />)
+              </SelectItem>
+              <SelectItem value="default">
+                Default (<MousePointer className="size-3" />)
+              </SelectItem>
+              <SelectItem value="auto">
+                Auto (
+                <MousePointer className="size-3" />/
+                <TextCursor className="size-3" /> /
+                <Pointer className="size-3" />)
+              </SelectItem>
+            </SelectContent>
+          </Select>
+        }
+      />
+    </div>
+  );
+};

src/App.tsx

@@ -6,6 +6,7 @@ const SETTINGS_SECTIONS = [
   { id: "theme", label: "Theme" },
   { id: "screenshot", label: "Screenshot config" },
   { id: "shortcuts", label: "Shortcuts" },
+  { id: "cursor", label: "Cursor" },
   { id: "audio", label: "Audio devices" },
   { id: "autostart", label: "App startup" },
   { id: "app-icon", label: "App icon" },
@@ -38,7 +39,7 @@ export const SettingsNavigation = () => {
               size="sm"
               variant="outline"
               onClick={() => scrollToSection(section.id)}
-              className="h-fit px-2.5 py-1"
+              className="h-fit px-2 py-1"
               title={`Jump to ${section.label} section`}
             >
               <span className="text-[10px]">{section.label}</span>

src/components/settings/Cursor.tsx

@@ -22,6 +22,7 @@ import { PluelyApiSetup } from "./PluelyApiSetup";
 import { ShortcutManager } from "./shortcuts";
 import Theme from "./Theme";
 import { SettingsNavigation } from "./SettingsNavigation";
+import { CursorSelection } from "./Cursor";
 
 export const Settings = () => {
   const settings = useSettings();
@@ -66,6 +67,9 @@ export const Settings = () => {
             {/* Screenshot Configs */}
             <ScreenshotConfigs {...settings} />
 
+            {/* Cursor Selection */}
+            <CursorSelection />
+
             {/* Keyboard Shortcuts */}
             <ShortcutManager />
 

src/components/settings/SettingsNavigation.tsx

@@ -13,6 +13,9 @@ import {
   updateTitlesVisibility,
   updateAutostart,
   CustomizableState,
+  DEFAULT_CUSTOMIZABLE_STATE,
+  CursorType,
+  updateCursorType,
 } from "@/lib/storage";
 import { IContextType, ScreenshotConfig, TYPE_PROVIDER } from "@/types";
 import curl2Json from "@bany/curl-to-json";
@@ -113,12 +116,9 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     });
 
   // Unified Customizable State
-  const [customizable, setCustomizable] = useState<CustomizableState>({
-    appIcon: { isVisible: true },
-    alwaysOnTop: { isEnabled: true },
-    titles: { isEnabled: true },
-    autostart: { isEnabled: true },
-  });
+  const [customizable, setCustomizable] = useState<CustomizableState>(
+    DEFAULT_CUSTOMIZABLE_STATE
+  );
   const [hasActiveLicense, setHasActiveLicense] = useState<boolean>(false);
 
   // Pluely API State
@@ -213,6 +213,8 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     const customizableState = getCustomizableState();
     setCustomizable(customizableState);
 
+    updateCursor(customizableState.cursor.type || "invisible");
+
     const stored = safeLocalStorage.getItem(STORAGE_KEYS.CUSTOMIZABLE);
     if (!stored) {
       // save the default state
@@ -224,6 +226,7 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
         if (!parsed.autostart) {
           // save the merged state with new autostart property
           setCustomizableState(customizableState);
+          updateCursor(customizableState.cursor.type || "invisible");
         }
       } catch (error) {
         console.debug("Failed to check customizable state schema:", error);
@@ -239,6 +242,16 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     }
   };
 
+  const updateCursor = (type: CursorType | undefined) => {
+    try {
+      const safeType = type || "invisible";
+      const cursorValue = type === "invisible" ? "none" : safeType;
+      document.documentElement.style.setProperty("--cursor-type", cursorValue);
+    } catch (error) {
+      document.documentElement.style.setProperty("--cursor-type", "none");
+    }
+  };
+
   // Load data on mount
   useEffect(() => {
     const initializeApp = async () => {
@@ -470,6 +483,13 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     }
   };
 
+  const setCursorType = (type: CursorType) => {
+    setCustomizable((prev) => ({ ...prev, cursor: { type } }));
+    updateCursor(type);
+    updateCursorType(type);
+    loadData();
+  };
+
   const setPluelyApiEnabled = (enabled: boolean) => {
     setPluelyApiEnabledState(enabled);
     safeLocalStorage.setItem(STORAGE_KEYS.PLUELY_API_ENABLED, String(enabled));
@@ -503,6 +523,7 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     getActiveLicenseStatus,
     selectedAudioDevices,
     setSelectedAudioDevices,
+    setCursorType,
   };
 
   return <AppContext.Provider value={value}>{children}</AppContext.Provider>;