A drop-down that allows changing the execution mode.

CHANGELOG.md

@@ -126,6 +126,8 @@
   shortened labels for entries with long module paths. When an option is
   selected from the dropdown, the necessary module imports are inserted,
   eliminating the need for fully qualified names.
+- [The IDE now has a new UI element for selecting the execution mode of the
+  project][6130].
 - [Added tooltips to icon buttons][6035] for improved usability. Users can now
   quickly understand each button's function.
 
@@ -187,6 +189,7 @@
 [4047]: https://github.com/enso-org/enso/pull/4047
 [4003]: https://github.com/enso-org/enso/pull/4003
 [5895]: https://github.com/enso-org/enso/pull/5895
+[5895]: https://github.com/enso-org/enso/pull/6130
 [6035]: https://github.com/enso-org/enso/pull/6035
 [6097]: https://github.com/enso-org/enso/pull/6097
 

app/gui/src/presenter/project.rs

@@ -379,10 +379,20 @@ impl Project {
         let graph_controller = self.model.graph_controller.clone_ref();
 
         self.init_analytics()
+            .init_execution_modes()
             .setup_notification_handler()
             .attach_frp_to_values_computed_notifications(graph_controller, values_computed)
     }
 
+    /// Initialises execution modes. Currently a dummy implementqation to be replaced during
+    /// implementation of #5930.
+    fn init_execution_modes(self) -> Self {
+        let graph = &self.model.view.graph();
+        let entries = Rc::new(vec!["development".to_string(), "production".to_string()]);
+        graph.set_available_execution_modes(entries);
+        self
+    }
+
     fn init_analytics(self) -> Self {
         let network = &self.network;
         let project = &self.model.view;

app/gui/view/Cargo.toml

@@ -23,6 +23,7 @@ ensogl-text = { path = "../../../lib/rust/ensogl/component/text" }
 ensogl-text-msdf = { path = "../../../lib/rust/ensogl/component/text/src/font/msdf" }
 ensogl-hardcoded-theme = { path = "../../../lib/rust/ensogl/app/theme/hardcoded" }
 ide-view-component-browser = { path = "component-browser" }
+ide-view-execution-mode-selector = { path = "execution-mode-selector" }
 ide-view-documentation = { path = "documentation" }
 ide-view-graph-editor = { path = "graph-editor" }
 span-tree = { path = "../language/span-tree" }

app/gui/view/examples/Cargo.toml

@@ -14,6 +14,7 @@ debug-scene-icons = { path = "icons" }
 debug-scene-interface = { path = "interface" }
 debug-scene-text-grid-visualization = { path = "text-grid-visualization" }
 debug-scene-visualization = { path = "visualization" }
+debug-scene-execution-mode-dropdown = { path = "execution-mode-dropdown" }
 
 # Stop wasm-pack from running wasm-opt, because we run it from our build scripts in order to customize options.
 [package.metadata.wasm-pack.profile.release]

app/gui/view/examples/execution-mode-dropdown/Cargo.toml

@@ -0,0 +1,16 @@
+[package]
+name = "debug-scene-execution-mode-dropdown"
+version = "0.1.0"
+authors = ["Enso Team <[email protected]>"]
+edition = "2021"
+
+[lib]
+crate-type = ["cdylib", "rlib"]
+
+[dependencies]
+ensogl = { path = "../../../../../lib/rust/ensogl" }
+ensogl-drop-down-menu = { path = "../../../../../lib/rust/ensogl/component/drop-down-menu" }
+ensogl-list-view = { path = "../../../../../lib/rust/ensogl/component/list-view" }
+ensogl-hardcoded-theme = { path = "../../../../../lib/rust/ensogl/app/theme/hardcoded" }
+ensogl-text-msdf = { path = "../../../../../lib/rust/ensogl/component/text/src/font/msdf" }
+ide-view-execution-mode-selector = { path = "../../execution-mode-selector" }

app/gui/view/examples/execution-mode-dropdown/src/lib.rs

@@ -0,0 +1,66 @@
+//! This is a visualization example scene which creates a sinusoidal graph.
+
+// === Standard Linter Configuration ===
+#![deny(non_ascii_idents)]
+#![warn(unsafe_code)]
+#![allow(clippy::bool_to_int_with_if)]
+#![allow(clippy::let_and_return)]
+// === Non-Standard Linter Configuration ===
+#![warn(missing_copy_implementations)]
+#![warn(missing_debug_implementations)]
+#![warn(missing_docs)]
+#![warn(trivial_casts)]
+#![warn(trivial_numeric_casts)]
+#![warn(unused_import_braces)]
+#![warn(unused_qualifications)]
+
+use ensogl::prelude::*;
+
+use ensogl::animation;
+use ensogl::application::Application;
+use ensogl_text_msdf::run_once_initialized;
+use ide_view_execution_mode_selector as execution_mode_selector;
+
+
+
+// ======================
+// === Initialisation ===
+// ======================
+
+fn make_entries() -> execution_mode_selector::ExecutionModes {
+    Rc::new(vec!["development".to_string(), "production".to_string()])
+}
+
+fn init(app: &Application) {
+    let app = app.clone_ref();
+    let world = &app.display;
+    let _scene = &world.default_scene;
+
+    let execution_mode_selector = execution_mode_selector::ExecutionModeSelector::new(&app);
+    world.add_child(&execution_mode_selector);
+    execution_mode_selector.set_available_execution_modes(make_entries());
+
+    world
+        .on
+        .before_frame
+        .add(move |_time_info: animation::TimeInfo| {
+            let _keep_alive = &execution_mode_selector;
+        })
+        .forget();
+}
+
+
+// ===================
+// === Entry Point ===
+// ===================
+
+/// Entry point for the demo scene.
+#[entry_point]
+#[allow(dead_code)]
+pub fn main() {
+    run_once_initialized(|| {
+        let app = Application::new("root");
+        init(&app);
+        mem::forget(app);
+    });
+}

app/gui/view/examples/interface/Cargo.toml

@@ -9,12 +9,13 @@ crate-type = ["cdylib", "rlib"]
 
 [dependencies]
 ast = { path = "../../../language/ast/impl" }
-parser = { path = "../../../language/parser" }
 enso-frp = { path = "../../../../../lib/rust/frp" }
 ensogl = { path = "../../../../../lib/rust/ensogl" }
 ensogl-hardcoded-theme = { path = "../../../../../lib/rust/ensogl/app/theme/hardcoded" }
 ensogl-text-msdf = { path = "../../../../../lib/rust/ensogl/component/text/src/font/msdf" }
 ide-view = { path = "../.." }
+ide-view-execution-mode-selector = { path = "../../execution-mode-selector" }
+parser = { path = "../../../language/parser" }
 span-tree = { path = "../../../language/span-tree" }
 uuid = { version = "0.8", features = ["v4", "wasm-bindgen"] }
 wasm-bindgen = { workspace = true }

app/gui/view/examples/interface/src/lib.rs

@@ -254,6 +254,14 @@ fn init(app: &Application) {
     graph_editor.set_node_profiling_status(node3_id, node3_status);
 
 
+    // === Execution Modes ===
+
+    graph_editor
+        .set_available_execution_modes(vec!["development".to_string(), "production".to_string()]);
+
+
+    // === Rendering ===
+
     // let tgt_type = dummy_type_generator.get_dummy_type();
     let mut was_rendered = false;
     let mut loader_hidden = false;

app/gui/view/examples/src/lib.rs

@@ -24,6 +24,7 @@
 
 pub use debug_scene_component_list_panel_view as new_component_list_panel_view;
 pub use debug_scene_documentation as documentation;
+pub use debug_scene_execution_mode_dropdown as execution_mode_dropdown;
 pub use debug_scene_icons as icons;
 pub use debug_scene_interface as interface;
 pub use debug_scene_text_grid_visualization as text_grid_visualization;

app/gui/view/execution-mode-selector/Cargo.toml

@@ -0,0 +1,18 @@
+[package]
+name = "ide-view-execution-mode-selector"
+version = "0.1.0"
+authors = ["Enso Team <[email protected]>"]
+edition = "2021"
+
+[lib]
+crate-type = ["cdylib", "rlib"]
+
+[dependencies]
+enso-frp = { path = "../../../../lib/rust/frp" }
+enso-prelude = { path = "../../../../lib/rust/prelude" }
+ensogl = { path = "../../../../lib/rust/ensogl" }
+ensogl-derive-theme = { path = "../../../../lib/rust/ensogl/app/theme/derive" }
+ensogl-drop-down-menu = { path = "../../../../lib/rust/ensogl/component/drop-down-menu" }
+ensogl-gui-component = { path = "../../../../lib/rust/ensogl/component/gui" }
+ensogl-hardcoded-theme = { path = "../../../../lib/rust/ensogl/app/theme/hardcoded" }
+ensogl-list-view = { path = "../../../../lib/rust/ensogl/component/list-view" }