Add profiling mode to GUI

CHANGELOG.md

@@ -4,6 +4,11 @@
 
 #### Visual Environment
 
+- [Profling mode.][1546] The IDE contains a profiling mode now which can be
+  entered through a button in the top-right corner or through the keybinding
+  <kbd>ctrl</kbd>+<kbd>p</kbd>. This mode does not display any information yet.
+  In the future, it will display the running times of nodes and maybe more
+  useful statistics.
 - [Signed builds.][1366] Our builds are signed and will avoid warnings from the
   operating system about being untrusted.
 - [Opening projects in application graphical interface][1587]. Press `cmd`+`o`

docs/product/shortcuts.md

@@ -39,6 +39,7 @@ further investigation.
 | <kbd>ctrl</kbd>+<kbd>q</kbd>                                | Close the application (Linux) |
 | <kbd>alt</kbd>+<kbd>F4</kbd>                                | Close the application (MacOS, Windows, Linux) |
 | <kbd>ctrl</kbd>+<kbd>w</kbd>                                | Close the application (Windows, Linux) |
+| :warning: <kbd>ctrl</kbd>+<kbd>p</kbd>                      | Toggle profiling mode |
 
 
 #### Navigation

src/rust/ensogl/lib/components/src/toggle_button.rs

@@ -213,7 +213,7 @@ impl<Shape:ColorableShape+'static> ToggleButton<Shape>{
             // === State ===
 
             toggle <- any(frp.toggle,icon.mouse_down);
-            frp.source.state <+ toggle.toggle();
+            frp.source.state <+ frp.state.not().sample(&toggle);
             frp.source.state <+ frp.set_state;
 
 
@@ -242,6 +242,7 @@ impl<Shape:ColorableShape+'static> ToggleButton<Shape>{
             eval color.value ((color) model.icon.set_color(color.into()));
         }
 
+        frp.set_state.emit(false);
         color.target_alpha.emit(0.0);
         self
     }

src/rust/ensogl/lib/core/src/data/color/space/def.rs

@@ -530,6 +530,12 @@ impl Lcha {
     pub fn to_javascript_string(self) -> String {
         Rgba::from(self).to_javascript_string()
     }
+
+    /// Convert the color to grayscale by setting chroma to zero.
+    pub fn to_grayscale(mut self) -> Lcha {
+        self.data.opaque.chroma = 0.0;
+        self
+    }
 }
 
 

src/rust/ensogl/lib/core/src/display/object/class.rs

@@ -526,7 +526,7 @@ impl<Host> Model<Host> {
 // ==========
 
 /// Globally unique identifier of a display object.
-#[derive(Clone,CloneRef,Copy,Debug,Default,Display,Eq,From,Hash,Into,PartialEq)]
+#[derive(Clone,CloneRef,Copy,Debug,Default,Display,Eq,From,Hash,Into,PartialEq,Ord,PartialOrd)]
 pub struct Id(usize);
 
 

src/rust/ensogl/lib/core/src/display/scene/dom.rs

@@ -175,6 +175,12 @@ impl DomScene {
         self.data.dom.set_style_or_warn("z-index", z.to_string(), &self.logger);
     }
 
+    /// Sets the CSS property `filter: grayscale({value})` on this element. A value of 0.0 displays
+    /// the element normally. A value of 1.0 will make the element completely gray.
+    pub fn filter_grayscale(&self, value:f32) {
+        self.data.dom.set_style_or_warn("filter",format!("grayscale({})",value),&self.logger);
+    }
+
     /// Creates a new instance of DomSymbol and adds it to parent.
     pub fn manage(&self, object:&DomSymbol) {
         let dom  = object.dom();

src/rust/ensogl/lib/core/src/display/shape/primitive/def/primitive.rs

@@ -271,6 +271,41 @@ define_sdf_shapes! {
         float dist  = max(abs(position).x*norm.x + position.y*norm.y - height/2.0*norm.y, pos_y);
         return bound_sdf(dist,bounding_box(width,height/2.0));
     }
+
+
+    // === Uneven Capsule ===
+
+    /// An upright capsule shape with ends of independent width. In other words, the convex hull of
+    /// two circles where the radius of both circles can be chosen independently. The origin is at
+    /// the center of the lower circle.
+    ///
+    /// # Arguments
+    /// * `radius_top`    - Radius of the top circle.
+    /// * `radius_bottom` - Radius of the bottom circle.
+    /// * `inner_height`  - Distance between the centers of the two circles.
+    UnevenCapsule (radius_top:Pixels, radius_bottom:Pixels, inner_height:Pixels) {
+        position.x = abs(position.x);
+        float b    = (radius_bottom-radius_top) / inner_height;
+        float a    = sqrt(1.0-b*b);
+        float k    = dot(position,vec2(-b,a));
+        float dist;
+        if (k < 0.0) {
+            dist = length(position) - radius_bottom;
+        } else if (k > a * inner_height) {
+            dist = length(position-vec2(0.0,inner_height)) - radius_top;
+        } else {
+            dist = dot(position,vec2(a,b)) - radius_bottom;
+        }
+
+        float max_radius   = max(radius_top,radius_bottom);
+        float min_x        = -max_radius;
+        float max_x        = max_radius;
+        float min_y        = -radius_bottom;
+        float max_y        = inner_height + radius_top;
+        BoundingBox bounds = bounding_box(min_x,max_x,min_y,max_y);
+
+        return bound_sdf(dist,bounds);
+    }
 }
 
 

src/rust/ensogl/lib/text/src/component.rs

@@ -1,5 +1,8 @@
 //! Visual components implementation.
 
 pub mod area;
+#[warn(missing_docs)]
+mod selection;
 
 pub use area::Area;
+use selection::Selection;