Add clickable URI component

crates/store/re_types/definitions/rerun/components/uri.fbs

@@ -0,0 +1,13 @@
+namespace rerun.components;
+
+// ---
+
+/// A general URI (Uniform Resource Identifier).
+///
+/// To specify a recording, use [archetypes.RecordingUri].
+table Uri (
+  "attr.rust.derive": "PartialEq, Eq, PartialOrd, Ord, Hash",
+  "attr.docs.unreleased"
+) {
+  uri: rerun.datatypes.Utf8 (order: 100);
+}

crates/store/re_types/src/components/uri_ext.rs

@@ -0,0 +1,8 @@
+use super::Uri;
+
+impl Uri {
+    /// Return the URI contained in this component.
+    pub fn uri(&self) -> &str {
+        self.0.as_str()
+    }
+}

crates/viewer/re_component_ui/src/lib.rs

@@ -16,11 +16,11 @@ mod marker_shape;
 mod pinhole;
 mod plane3d;
 mod radius;
-mod recording_uri;
 mod resolution;
 mod response_utils;
 mod timeline;
 mod transforms;
+mod uri;
 mod video_timestamp;
 mod view_coordinates;
 mod visual_bounds2d;
@@ -165,7 +165,8 @@ pub fn create_component_ui_registry() -> re_viewer_context::ComponentUiRegistry
     registry.add_singleline_edit_or_view(pinhole::singleline_view_pinhole);
     registry.add_multiline_edit_or_view(pinhole::multiline_view_pinhole);
 
-    registry.add_singleline_edit_or_view(recording_uri::singleline_view_recording_uri);
+    registry.add_singleline_edit_or_view(uri::singleline_view_uri);
+    registry.add_singleline_edit_or_view(uri::singleline_view_recording_uri);
 
     line_strip::register_linestrip_component_ui(&mut registry);
     geo_line_string::register_geo_line_string_component_ui(&mut registry);

crates/viewer/re_component_ui/src/recording_uri.rs → crates/viewer/re_component_ui/src/uri.rs

@@ -1,6 +1,27 @@
-use re_types::components::RecordingUri;
+use re_types::components::{RecordingUri, Uri};
+use re_ui::UiExt as _;
 use re_viewer_context::{MaybeMutRef, ViewerContext};
 
+pub fn singleline_view_uri(
+    _ctx: &ViewerContext<'_>,
+    ui: &mut egui::Ui,
+    value: &mut MaybeMutRef<'_, Uri>,
+) -> egui::Response {
+    let value = value.as_ref();
+    ui.scope(|ui| {
+        if ui.style().wrap_mode.is_none() {
+            ui.style_mut().wrap_mode = Some(if ui.is_sizing_pass() {
+                egui::TextWrapMode::Extend
+            } else {
+                egui::TextWrapMode::Truncate
+            });
+        }
+
+        ui.re_hyperlink(value.uri())
+    })
+    .inner
+}
+
 pub fn singleline_view_recording_uri(
     _ctx: &ViewerContext<'_>,
     ui: &mut egui::Ui,

crates/viewer/re_component_ui/tests/test_all_components_ui.rs

@@ -14,7 +14,7 @@ use re_component_ui::create_component_ui_registry;
 use re_log_types::{EntityPath, Timeline};
 use re_types::{
     blueprint::components::{ComponentColumnSelector, QueryExpression},
-    components::{self, GraphEdge, GraphNode, ImageFormat, RecordingUri, Text},
+    components::{self, GraphEdge, GraphNode, ImageFormat, RecordingUri, Text, Uri},
     datatypes::{ChannelDatatype, PixelFormat},
 };
 use re_types_core::{reflection::Reflection, Component, ComponentName, LoggableBatch};
@@ -68,6 +68,7 @@ fn test_cases(reflection: &Reflection) -> Vec<TestCase> {
             RecordingUri::from("rerun://0.0.0.0:1234/recordings/XYZ"),
             "simple",
         ),
+        TestCase::from_component(Uri::from("https://rerun.io"), "simple"),
         TestCase::from_component(Text::from("Hello World!"), "simple"),
     ];
 

crates/viewer/re_data_ui/src/component_name.rs

@@ -38,7 +38,7 @@ impl DataUi for ComponentName {
                 }
 
                 if let Some(url) = self.doc_url() {
-                    ui.re_hyperlink("Full documentation", url);
+                    ui.re_hyperlink_to("Full documentation", url);
                 }
             });
         }

crates/viewer/re_time_panel/src/time_control_ui.rs

@@ -58,7 +58,7 @@ You can also define your own timelines, e.g. for sensor time or camera frame num
                             .trim(),
                         );
 
-                        ui.re_hyperlink(
+                        ui.re_hyperlink_to(
                             "Full documentation",
                             "https://rerun.io/docs/concepts/timelines",
                         );

crates/viewer/re_ui/src/ui_ext.rs

@@ -957,7 +957,24 @@ pub trait UiExt {
     }
 
     /// Helper for adding a list-item hyperlink.
-    fn re_hyperlink(
+    fn re_hyperlink(&mut self, url: impl ToString) -> egui::Response {
+        let ui = self.ui_mut();
+        let response = ListItem::new()
+            .show_flat(
+                ui,
+                LabelContent::new(url.to_string())
+                    .truncate(true)
+                    .with_icon(&crate::icons::EXTERNAL_LINK),
+            )
+            .on_hover_cursor(egui::CursorIcon::PointingHand);
+        if response.clicked() {
+            ui.ctx().open_url(egui::OpenUrl::new_tab(url));
+        }
+        response
+    }
+
+    /// Helper for adding a list-item hyperlink with text.
+    fn re_hyperlink_to(
         &mut self,
         text: impl Into<egui::WidgetText>,
         url: impl ToString,
@@ -966,7 +983,9 @@ pub trait UiExt {
         let response = ListItem::new()
             .show_flat(
                 ui,
-                LabelContent::new(text).with_icon(&crate::icons::EXTERNAL_LINK),
+                LabelContent::new(text)
+                    .truncate(true)
+                    .with_icon(&crate::icons::EXTERNAL_LINK),
             )
             .on_hover_cursor(egui::CursorIcon::PointingHand);
         if response.clicked() {