Research "setRepresentedFilename" API

[simonw]

Described in https://www.electronjs.org/docs/latest/tutorial/represented-file - can be used to tell Electron that a specific window corresponds to a specific file on disk.

[simonw]

I tried it out like this (against https://github.com/simonw/datasette-app/tree/0e4436bf8222725ac26b6c32ae007d5bc36ab392):

diff --git a/main.js b/main.js
index cd26592..ea6b370 100644
--- a/main.js
+++ b/main.js
@@ -203,6 +203,9 @@ class DatasetteServer {
         newWindow.show();
       });
       configureWindow(newWindow);
+      if (opts.representedFilename) {
+        newWindow.setRepresentedFilename(opts.representedFilename);
+      }
     }
   }
 }
@@ -386,6 +389,7 @@ async function initializeApp() {
             if (!selectedFiles) {
               return;
             }
+            let filepath2 = null;
             let pathToOpen = null;
             for (const filepath of selectedFiles) {
               const response = await datasette.apiRequest("/-/open-csv-file", {
@@ -401,10 +405,13 @@ async function initializeApp() {
                 });
               } else {
                 pathToOpen = responseJson.path;
+                filepath2 = filepath;
               }
             }
             setTimeout(() => {
-              datasette.openPath(pathToOpen);
+              datasette.openPath(pathToOpen, {
+                representedFilename: filepath2
+              });
             }, 500);
           },
         },

[simonw]

If I do decide to use this, one trick I'll have to solve is that if the user navigates to a different page the title bar needs to be updated to reflect that the new page they are viewing doesn't represent that specific file any more:

setRepresentedFilename.mov