fix: Fit window size to app content

src-tauri/Cargo.toml

@@ -17,7 +17,7 @@ tauri-build = { version = "1.2.1", features = [] }
 [dependencies]
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "1.2", features = ["clipboard-write-text", "fs-create-dir", "fs-read-dir", "fs-read-file", "fs-write-file", "global-shortcut-all", "notification-all", "path-all", "process-exit", "system-tray", "window-close", "window-create", "window-hide", "window-set-focus", "window-show", "window-start-dragging", "window-unminimize"] }
+tauri = { version = "1.2", features = ["clipboard-write-text", "fs-create-dir", "fs-read-dir", "fs-read-file", "fs-write-file", "global-shortcut-all", "notification-all", "path-all", "process-exit", "system-tray", "window-close", "window-create", "window-hide", "window-set-focus", "window-set-size", "window-show", "window-start-dragging", "window-unminimize"] }
 tauri-plugin-autostart = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "dev" }
 tauri-plugin-single-instance = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "dev" }
 

src-tauri/tauri.conf.json

@@ -31,7 +31,8 @@
         "unminimize": true,
         "setFocus": true,
         "show": true,
-        "startDragging": true
+        "startDragging": true,
+        "setSize": true
       },
       "fs": {
         "createDir": true,
@@ -79,7 +80,7 @@
         "title": "RunMath",
         "alwaysOnTop": true,
         "fullscreen": false,
-        "height": 100,
+        "height": 44,
         "resizable": false,
         "width": 700,
         "center": true,

src/components/ConsoleResult.tsx

@@ -1,10 +1,7 @@
 import { useCalculatorStore } from "@state/calculator";
 import styles from "./console.module.css";
 import { useCopyToClipboardSubscription } from "../hooks/useCopyToClipboardSubscription";
-
-const shouldDisplayInSubconsole = (input: string, result: string) => {
-  return input.length + 3 + result.length > 34;
-};
+import { shouldDisplayInSubconsole, SubConsoleResult } from "./SubConsoleResult";
 
 const calculateConsoleResult = (input: string, result: any) => {
   return " ".repeat(input.length) + " = " + result;
@@ -18,13 +15,7 @@ export const ConsoleResult = () => {
   if (!result) return null;
 
   if (shouldDisplayInSubconsole(input, String(result))) {
-    return (
-      <input
-        className={styles.subconsoleResult}
-        disabled
-        value={String(result)}
-      />
-    );
+    return <SubConsoleResult value={String(result)} />
   }
 
   const value = calculateConsoleResult(input, result);

src/components/SubConsoleResult.tsx

@@ -0,0 +1,15 @@
+import { useBiggerScreen } from "../hooks/useBiggerScreen";
+import styles from "./console.module.css";
+
+export const shouldDisplayInSubconsole = (input: string, result: string) => {
+    return input.length + 3 + result.length > 34;
+};
+
+export const SubConsoleResult = ({ value }: { value: string }) => {
+    useBiggerScreen()
+    return <input
+        className={styles.subconsoleResult}
+        disabled
+        value={value}
+    />
+}

src/hooks/useBiggerScreen.ts

@@ -0,0 +1,12 @@
+import { useEffect } from "react"
+import { appWindow, LogicalSize } from "@tauri-apps/api/window"
+
+export const useBiggerScreen = () => {
+    useEffect(() => {
+        appWindow.setSize(new LogicalSize(700, 88))
+
+        return () => {
+            appWindow.setSize(new LogicalSize(700, 44))
+        }
+    }, [])
+}