@marimo-team/islands 0.19.7-dev23 → 0.19.7-dev24

package/dist/main.js

@@ -72913,7 +72913,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.7-dev23"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.7-dev24"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$89 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.19.7-dev23",
+  "version": "0.19.7-dev24",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/editor/header/filename-form.tsx

@@ -3,6 +3,7 @@
 import type { JSX } from "react";
 import { FilenameInput } from "@/components/editor/header/filename-input";
 import { useUpdateFilename } from "@/core/saving/filename";
+import { useSaveNotebook } from "@/core/saving/save-component";
 import { Paths } from "@/utils/paths";
 
 export const FilenameForm = ({
@@ -10,14 +11,26 @@ export const FilenameForm = ({
 }: {
   filename: string | null;
 }): JSX.Element => {
-  const setFilename = useUpdateFilename();
+  const updateFilename = useUpdateFilename();
+  const { saveNotebook } = useSaveNotebook();
+
+  const handleNameChange = (newFilename: string) => {
+    const wasUnnamed = filename === null;
+    updateFilename(newFilename).then((name) => {
+      // When creating a new file (was unnamed), also save the content
+      if (name !== null && wasUnnamed) {
+        saveNotebook(name, true);
+      }
+    });
+  };
+
   return (
     <FilenameInput
       placeholderText={
         filename ? Paths.basename(filename) : "untitled marimo notebook"
       }
       initialValue={filename}
-      onNameChange={setFilename}
+      onNameChange={handleNameChange}
       flexibleWidth={true}
       resetOnBlur={true}
       data-testid="filename-input"

package/src/components/editor/navigation/__tests__/navigation.test.ts

@@ -109,6 +109,7 @@ const renderWithProvider = <T>(hook: () => T) => {
 // Shared mock setup
 const mockSaveOrNameNotebook = vi.fn();
 const mockSaveIfNotebookIsPersistent = vi.fn();
+const mockSaveNotebook = vi.fn();
 const mockRunCell = vi.fn();
 const mockCopyCell = vi.fn();
 const mockPasteCell = vi.fn();
@@ -156,6 +157,7 @@ describe("useCellNavigationProps", () => {
     mockUseSaveNotebook.mockReturnValue({
       saveOrNameNotebook: mockSaveOrNameNotebook,
       saveIfNotebookIsPersistent: mockSaveIfNotebookIsPersistent,
+      saveNotebook: mockSaveNotebook,
     });
     mockUseCellActions.mockReturnValue(
       mockCellActions as unknown as CellActions,

package/src/core/saving/save-component.tsx

@@ -190,6 +190,7 @@ export function useSaveNotebook() {
   return {
     saveOrNameNotebook,
     saveIfNotebookIsPersistent,
+    saveNotebook,
   };
 }