feat: WASM TextBlock SelectAll and CopySelectionToClipboard

src/Uno.UI.RuntimeTests/Tests/Windows_UI_Xaml_Controls/Given_TextBlock.cs

@@ -1,6 +1,6 @@
-using System.Linq;
+using System;
+using System.Linq;
 using System.Threading.Tasks;
-using Uno.Helpers;
 using Uno.UI.RuntimeTests.Helpers;
 using Windows.Foundation.Metadata;
 using Windows.UI;
@@ -9,7 +9,6 @@
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Documents;
 using Microsoft.UI.Xaml.Media;
-using Microsoft.UI.Xaml.Media.Imaging;
 using FluentAssertions;
 using static Private.Infrastructure.TestServices;
 using System.Collections.Generic;
@@ -18,10 +17,9 @@
 using Uno.Extensions;
 using Point = Windows.Foundation.Point;
 using Size = Windows.Foundation.Size;
+using Windows.ApplicationModel.DataTransfer;
 
 #if __SKIA__
-using System;
-using Windows.ApplicationModel.DataTransfer;
 using Windows.System;
 using Windows.UI.Input.Preview.Injection;
 using SkiaSharp;
@@ -243,6 +241,20 @@ public async Task When_Multiline_Wrapping_Text_Ends_In_Too_Many_Spaces()
 			Assert.AreEqual(height, SUT.ActualHeight);
 		}
 
+		[TestMethod]
+		public async Task Copy_And_Paste_All_Text()
+		{
+			var SUT = new TextBlock { Text = "Some text", IsTextSelectionEnabled = true };
+			WindowHelper.WindowContent = SUT;
+			await WindowHelper.WaitForLoaded(SUT);
+			SUT.SelectAll();
+			SUT.CopySelectionToClipboard();
+			await WindowHelper.WaitForIdle();
+			var dataPackage = Clipboard.GetContent();
+			var text = await dataPackage.GetTextAsync();
+			Assert.AreEqual("Some text", text);
+		}
+
 		[TestMethod]
 		[RunsOnUIThread]
 #if !__SKIA__

src/Uno.UI/Generated/3.0.0.0/Microsoft.UI.Xaml.Controls/TextBlock.cs

@@ -366,8 +366,8 @@ public double BaselineOffset
 		// Forced skipping of method Microsoft.UI.Xaml.Controls.TextBlock.ContextMenuOpening.remove
 		// Forced skipping of method Microsoft.UI.Xaml.Controls.TextBlock.IsTextTrimmedChanged.add
 		// Forced skipping of method Microsoft.UI.Xaml.Controls.TextBlock.IsTextTrimmedChanged.remove
-#if __ANDROID__ || __IOS__ || IS_UNIT_TESTS || __WASM__ || false || __NETSTD_REFERENCE__ || __MACOS__
-		[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__WASM__", "__NETSTD_REFERENCE__", "__MACOS__")]
+#if __ANDROID__ || __IOS__ || IS_UNIT_TESTS || false || false || false || __MACOS__
+		[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__MACOS__")]
 		public void SelectAll()
 		{
 			global::Windows.Foundation.Metadata.ApiInformation.TryRaiseNotImplemented("Microsoft.UI.Xaml.Controls.TextBlock", "void TextBlock.SelectAll()");
@@ -387,8 +387,8 @@ public void Select(global::Microsoft.UI.Xaml.Documents.TextPointer start, global
 			throw new global::System.NotImplementedException("The member CompositionBrush TextBlock.GetAlphaMask() is not implemented. For more information, visit https://aka.platform.uno/notimplemented#m=CompositionBrush%20TextBlock.GetAlphaMask%28%29");
 		}
 #endif
-#if __ANDROID__ || __IOS__ || IS_UNIT_TESTS || __WASM__ || false || __NETSTD_REFERENCE__ || __MACOS__
-		[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__WASM__", "__NETSTD_REFERENCE__", "__MACOS__")]
+#if __ANDROID__ || __IOS__ || IS_UNIT_TESTS || false || false || false || __MACOS__
+		[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__MACOS__")]
 		public void CopySelectionToClipboard()
 		{
 			global::Windows.Foundation.Metadata.ApiInformation.TryRaiseNotImplemented("Microsoft.UI.Xaml.Controls.TextBlock", "void TextBlock.CopySelectionToClipboard()");
@@ -438,16 +438,16 @@ public void CopySelectionToClipboard()
 		}
 #endif
 		// Skipping already declared event Microsoft.UI.Xaml.Controls.TextBlock.IsTextTrimmedChanged
-#if __ANDROID__ || __IOS__ || IS_UNIT_TESTS || __WASM__ || __SKIA__ || __NETSTD_REFERENCE__ || __MACOS__
-		[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__WASM__", "__SKIA__", "__NETSTD_REFERENCE__", "__MACOS__")]
+#if __ANDROID__ || __IOS__ || IS_UNIT_TESTS || __MACOS__
+		[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__MACOS__")]
 		public event global::Microsoft.UI.Xaml.RoutedEventHandler SelectionChanged
 		{
-			[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__WASM__", "__SKIA__", "__NETSTD_REFERENCE__", "__MACOS__")]
+			[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__MACOS__")]
 			add
 			{
 				global::Windows.Foundation.Metadata.ApiInformation.TryRaiseNotImplemented("Microsoft.UI.Xaml.Controls.TextBlock", "event RoutedEventHandler TextBlock.SelectionChanged");
 			}
-			[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__WASM__", "__SKIA__", "__NETSTD_REFERENCE__", "__MACOS__")]
+			[global::Uno.NotImplemented("__ANDROID__", "__IOS__", "IS_UNIT_TESTS", "__MACOS__")]
 			remove
 			{
 				global::Windows.Foundation.Metadata.ApiInformation.TryRaiseNotImplemented("Microsoft.UI.Xaml.Controls.TextBlock", "event RoutedEventHandler TextBlock.SelectionChanged");

src/Uno.UI/UI/Xaml/Controls/TextBlock/TextBlock.Interop.wasm.cs

@@ -0,0 +1,20 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Linq;
+using System.Runtime.InteropServices.JavaScript;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace __Uno.UI.Xaml.Controls;
+internal partial class TextBlock
+{
+	internal static partial class NativeMethods
+	{
+		[JSImport("globalThis.Microsoft.UI.Xaml.Controls.TextBlock.select")]
+		internal static partial bool Select(IntPtr htmlId, int start, int length);
+
+		[JSImport("globalThis.Microsoft.UI.Xaml.Controls.TextBlock.getSelectedText")]
+		internal static partial string GetSelectedText(IntPtr htmlId);
+	}
+}

src/Uno.UI/UI/Xaml/Controls/TextBlock/TextBlock.crossruntime.cs

@@ -1,11 +1,19 @@
 using System;
-using System.Collections.Generic;
-using Uno.UI;
+using Windows.ApplicationModel.DataTransfer;
 
-namespace Microsoft.UI.Xaml.Controls
+namespace Microsoft.UI.Xaml.Controls;
+
+partial class TextBlock
 {
-	partial class TextBlock
-	{
-		internal override bool IsViewHit() => Text != null || base.IsViewHit();
-	}
+	/// <summary>
+	/// Occurs when the text selection has changed.
+	/// </summary>
+	public event RoutedEventHandler SelectionChanged;
+
+	/// <summary>
+	/// Selects the entire contents in the TextBlock.
+	/// </summary>
+	public void SelectAll() => Selection = new Range(0, Text.Length);
+
+	internal override bool IsViewHit() => Text != null || base.IsViewHit();
 }

src/Uno.UI/UI/Xaml/Controls/TextBlock/TextBlock.cs

@@ -63,6 +63,8 @@ private Range Selection
 				_selection = value;
 
 				OnSelectionChanged();
+
+				SelectionChanged?.Invoke(this, new(this));
 			}
 		}
 

src/Uno.UI/UI/Xaml/Controls/TextBlock/TextBlock.skia.cs

@@ -332,6 +332,9 @@ private void OnRightTapped(RightTappedRoutedEventArgs e)
 			}
 		}
 
+		/// <summary>
+		/// Copies the selected content to the Windows clipboard.
+		/// </summary>
 		public void CopySelectionToClipboard()
 		{
 			if (Selection.start != Selection.end)
@@ -345,9 +348,7 @@ public void CopySelectionToClipboard()
 			}
 		}
 
-		public void SelectAll() => Selection = new Range(0, Text.Length);
-
-		// TODO: move to TextBlock.cs when we implement SelectionHighlightColor for the other platforms
+		// TODO: move to TextBlock.cs when we implement SelectionHighlightColor for the other platform
 		public SolidColorBrush SelectionHighlightColor
 		{
 			get => (SolidColorBrush)GetValue(SelectionHighlightColorProperty);

src/Uno.UI/UI/Xaml/Controls/TextBlock/TextBlock.wasm.cs

@@ -1,16 +1,10 @@
 using System;
-using System.Collections.Generic;
-using System.Globalization;
-using Windows.Foundation;
-using Microsoft.UI.Xaml.Documents;
-using Uno.Extensions;
-using Uno.Foundation;
-using System.Linq;
-
-using Windows.UI.Text;
 using Microsoft.UI.Xaml.Media;
 using Uno.UI;
 using Uno.UI.Xaml;
+using Windows.ApplicationModel.DataTransfer;
+using Windows.Foundation;
+using static __Uno.UI.Xaml.Controls.TextBlock;
 
 #if !HAS_UNO_WINUI
 using Microsoft/* UWP don't rename */.UI.Xaml.Media;
@@ -72,6 +66,20 @@ private void ConditionalUpdate(ref bool condition, Action action)
 			}
 		}
 
+		/// <summary>
+		/// Copies the selected content to the Windows clipboard.
+		/// </summary>
+		public void CopySelectionToClipboard()
+		{
+			if (Selection.start != Selection.end)
+			{
+				var text = NativeMethods.GetSelectedText(HtmlId);
+				var dataPackage = new DataPackage();
+				dataPackage.SetText(text);
+				Clipboard.SetContent(dataPackage);
+			}
+		}
+
 		private void SynchronizeHtmlParagraphAttributes()
 		{
 			ConditionalUpdate(ref _fontStyleChanged, () => this.SetFontStyle(FontStyle));
@@ -226,5 +234,13 @@ partial void UpdateIsTextTrimmed()
 				IsTextTrimmable &&
 				WindowManagerInterop.GetIsOverflowing(HtmlId);
 		}
+
+		partial void OnSelectionChanged()
+		{
+			if (IsTextSelectionEnabled && Selection.start != Selection.end)
+			{
+				NativeMethods.Select(HtmlId, Selection.start, Selection.end - Selection.start);
+			}
+		}
 	}
 }

src/Uno.UI/ts/Windows/UI/Xaml/Controls/TextBlock.ts

@@ -0,0 +1,28 @@
+namespace Microsoft.UI.Xaml.Controls {
+	export class TextBlock {
+		public static getSelectedText(htmlId: number): string {
+			var element = document.getElementById(htmlId.toString());
+			if (element) {
+				var selection = window.getSelection();
+				if (selection && selection.rangeCount > 0) {
+					var range = selection.getRangeAt(0);
+					if (element.contains(range.startContainer) && element.contains(range.endContainer)) {
+						return range.toString();
+					}
+				}
+			}
+		}
+
+		public static select(htmlId : number, from: number, length: number): void {
+			var element = document.getElementById(htmlId.toString());
+			if (element) {
+				var selection = window.getSelection();
+				var range = document.createRange();
+				range.setStart(element.childNodes[0], from);
+				range.setEnd(element.childNodes[0], from + length);
+				selection.removeAllRanges();
+				selection.addRange(range);
+			}
+		}
+	}
+}