@cere/cere-design-system 0.0.30 → 0.0.31

package/dist/index.d.mts

@@ -2747,6 +2747,8 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
     statusBarItems?: CodeEditorStatusBarItem[];
     /** Expose the workspace instance to the parent via ref-like callback */
     onWorkspaceReady?: (workspace: UseCodeEditorWorkspaceReturn) => void;
+    /** Called when the user presses Ctrl+S / Cmd+S. Receives all dirty files. */
+    onSave?: (dirtyFiles: CodeEditorFile[]) => void;
 }
 /**
  * Convenience composed workspace that combines `CodeEditorFileTree`,

package/dist/index.d.ts

@@ -2747,6 +2747,8 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
     statusBarItems?: CodeEditorStatusBarItem[];
     /** Expose the workspace instance to the parent via ref-like callback */
     onWorkspaceReady?: (workspace: UseCodeEditorWorkspaceReturn) => void;
+    /** Called when the user presses Ctrl+S / Cmd+S. Receives all dirty files. */
+    onSave?: (dirtyFiles: CodeEditorFile[]) => void;
 }
 /**
  * Convenience composed workspace that combines `CodeEditorFileTree`,

package/dist/index.js

@@ -9865,7 +9865,8 @@ var CodeEditorWorkspace = ({
   gitInfo,
   showStatusBar = true,
   statusBarItems,
-  onWorkspaceReady
+  onWorkspaceReady,
+  onSave
 }) => {
   const workspace = useCodeEditorWorkspace({
     files,
@@ -9876,6 +9877,27 @@ var CodeEditorWorkspace = ({
   import_react40.default.useEffect(() => {
     onWorkspaceReady?.(workspace);
   }, []);
+  import_react40.default.useEffect(() => {
+    if (!onSave) return;
+    const handleKeyDown = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === "s") {
+        e.preventDefault();
+        const dirtyFiles = workspace.openTabs.filter((t) => t.isDirty).map((t) => {
+          const file = files.find((f) => f.path === t.path);
+          if (!file) return null;
+          return {
+            ...file,
+            value: workspace.getFileContent(file.path) ?? file.value
+          };
+        }).filter((f) => f !== null);
+        if (dirtyFiles.length > 0) {
+          onSave(dirtyFiles);
+        }
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [onSave, workspace, files]);
   const hasFileTree = showFileTree && fileTree && fileTree.length > 0;
   const tabsProps = {
     tabs: workspace.openTabs,