Merge branch 'main' into coverage-link

Author: ggetz

package.json

@@ -63,11 +63,11 @@
     "esbuild": "^0.25.8",
     "eslint": "^9.32.0",
     "eslint-plugin-html": "^8.1.1",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "express": "^5.1.0",
     "globals": "^16.0.0",
-    "globby": "^14.0.0",
+    "globby": "^15.0.0",
     "glsl-strip-comments": "^1.0.0",
     "gulp": "^5.0.0",
     "gulp-clean-css": "^4.3.0",
@@ -101,7 +101,7 @@
     "prismjs": "^1.28.0",
     "rimraf": "^6.0.1",
     "tsd-jsdoc": "^2.5.0",
-    "typescript": "~5.8.3",
+    "typescript": "^5.9.3",
     "typescript-eslint": "^8.30.1",
     "yargs": "^18.0.0"
   },

packages/sandcastle/package.json

@@ -37,16 +37,15 @@
     "@types/prettier": "^2.7.3",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "globals": "^15.15.0",
-    "globby": "^14.1.0",
-    "jsdom": "^26.1.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "globby": "^15.0.0",
+    "jsdom": "^27.0.0",
     "pagefind": "^1.3.0",
     "rimraf": "^6.0.1",
     "slugify": "^1.6.6",
-    "typescript": "~5.8.3",
-    "vite": "^6.2.0",
-    "vite-plugin-static-copy": "^2.3.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.9",
+    "vite-plugin-static-copy": "^3.1.3",
     "yaml": "^2.8.0"
   },
   "overrides": {

packages/sandcastle/src/App.tsx

@@ -106,7 +106,12 @@ function RightSideAllotment({
       ]);
     }
     setConsoleExpanded(!consoleExpanded);
-  }, [consoleExpanded, previousConsoleHeight]);
+  }, [
+    consoleExpanded,
+    previousConsoleHeight,
+    consoleCollapsedHeight,
+    setConsoleExpanded,
+  ]);
 
   useImperativeHandle(ref, () => {
     return {

packages/sandcastle/src/Gallery/GalleryItemSearchInput.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useRef } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { IconButton, TextBox } from "@stratakit/bricks";
 import { close, search as searchIcon } from "../icons.ts";
 
@@ -7,14 +7,14 @@ import { useGalleryItemContext } from "./GalleryItemStore.ts";
 export function GalleryItemSearchInput() {
   const store = useGalleryItemContext();
   const inputRef = useRef<HTMLInputElement>(null);
-  const value = inputRef.current?.value;
   const { setSearchTerm, items } = store ?? {};
-  const hasValue = !!value && value !== "";
+  const [hasValue, setHasValue] = useState(false);
 
   const clearSearch = useCallback(() => {
     const input = inputRef.current;
     if (input) {
       input.value = "";
+      setHasValue(false);
       input.focus();
     }
 
@@ -26,6 +26,7 @@ export function GalleryItemSearchInput() {
   const updateSearch = useCallback(
     (e: { target: { value: string | null } }) => {
       let term = e.target.value;
+      setHasValue(!!term && term !== "");
       if (setSearchTerm) {
         if (term) {
           term = term.trim();

packages/sandcastle/src/SandcastleEditor.tsx

@@ -117,6 +117,10 @@ function SandcastleEditor({
     });
   }, [fontSize]);
 
+  function formatEditor() {
+    internalEditorRef.current?.getAction("editor.action.formatDocument")?.run();
+  }
+
   useImperativeHandle(ref, () => {
     return {
       formatCode() {
@@ -125,10 +129,6 @@ function SandcastleEditor({
     };
   }, []);
 
-  function formatEditor() {
-    internalEditorRef.current?.getAction("editor.action.formatDocument")?.run();
-  }
-
   function handleEditorDidMount(
     editor: monaco.editor.IStandaloneCodeEditor,
     monaco: Monaco,