Dispatch a custom event on file tree change

This custom event (`save-file-tree`) is used by our editor to save the state of open folders in opfs.
FifthTry · Sep 4, 2024 · 3e3e8a4 · 3e3e8a4
1 parent 8363611
commit 3e3e8a4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/components/editor/editor-bundle.js b/components/editor/editor-bundle.js
diff --git a/components/editor/editor-bundle.js.map b/components/editor/editor-bundle.js.map
diff --git a/components/editor/panels/package/package-content.mjs b/components/editor/panels/package/package-content.mjs
@@ -84,6 +84,10 @@ function show_package_content({folders, files, ftd_root}) {
     let context_menu_path = new ftd2.FastnTik("", ftd_root, CONTEXT_MENU_PATH).get();
     let modified_files = new ftd2.FastnTik([], ftd_root, MODIFIED_FILES).get();
     let only_modified_files = new ftd2.FastnTik(false, ftd_root, ONLY_MODIFIED_FILES).get();
+
+    // saves open file state on every render
+    window.dispatchEvent(new CustomEvent("ide-event", {detail: {name: "save-file-tree", data: folder.get()}}));
+
     return preact.h(
         show_folder, {
             folder, hide_name: true, level: 0,