protected override async void OnNavigatedTo(NavigationEventArgs e)
{
base.OnNavigatedTo(e);
if (e.Parameter is Sample sample)
{
CurrentSample = sample;
}
if (CurrentSample != null)
{
if (!string.IsNullOrWhiteSpace(CurrentSample.Type))
{
try
{
var pageInstance = Activator.CreateInstance(CurrentSample.PageType);
SampleContent.Content = pageInstance;
}
catch
{
ExceptionNotification.Show("Sample Page failed to load.");
}
if (SamplePage != null)
{
SamplePage.Loaded += SamplePage_Loaded;
}
}
else
{
_onlyDocumentation = true;
}
DataContext = CurrentSample;
await Samples.PushRecentSample(CurrentSample);
var propertyDesc = CurrentSample.PropertyDescriptor;
InfoAreaPivot.Items.Clear();
if (propertyDesc != null)
{
_xamlRenderer.DataContext = propertyDesc.Expando;
}
if (propertyDesc != null && propertyDesc.Options.Count > 0)
{
InfoAreaPivot.Items.Add(PropertiesPivotItem);
}
if (CurrentSample.HasXAMLCode)
{
if (AnalyticsInfo.VersionInfo.GetDeviceFormFactor() != DeviceFormFactor.Desktop || CurrentSample.DisableXamlEditorRendering)
{
// Only makes sense (and works) for now to show Live Xaml on Desktop, so fallback to old system here otherwise.
XamlReadOnlyCodeRenderer.SetCode(CurrentSample.UpdatedXamlCode, "xaml");
InfoAreaPivot.Items.Add(XamlReadOnlyPivotItem);
}
else
{
XamlCodeEditor.Text = CurrentSample.UpdatedXamlCode;
InfoAreaPivot.Items.Add(XamlPivotItem);
_xamlCodeRendererSupported = true;
}
InfoAreaPivot.SelectedIndex = 0;
}
if (CurrentSample.HasCSharpCode)
{
var code = await CurrentSample.GetCSharpSourceAsync();
CSharpCodeRenderer.SetCode(code, "c#");
InfoAreaPivot.Items.Add(CSharpPivotItem);
}
if (CurrentSample.HasJavaScriptCode)
{
var code = await CurrentSample.GetJavaScriptSourceAsync();
JavaScriptCodeRenderer.SetCode(code, "js");
InfoAreaPivot.Items.Add(JavaScriptPivotItem);
}
if (CurrentSample.HasDocumentation)
{
#pragma warning disable SA1008 // Opening parenthesis must be spaced correctly
var(contents, path) = await CurrentSample.GetDocumentationAsync();
#pragma warning restore SA1008 // Opening parenthesis must be spaced correctly
documentationPath = path;
if (!string.IsNullOrWhiteSpace(contents))
{
DocumentationTextblock.Text = contents;
InfoAreaPivot.Items.Add(DocumentationPivotItem);
}
}
// Hide the Github button if there isn't a CodeUrl.
if (string.IsNullOrEmpty(CurrentSample.CodeUrl))
{
GithubButton.Visibility = Visibility.Collapsed;
}
if (InfoAreaPivot.Items.Count == 0)
{
SidePaneState = PaneState.None;
_hasDocumentation = false;
}
else
{
SidePaneState = _onlyDocumentation ? PaneState.Full : PaneState.Normal;
}
Shell.Current.SetAppTitle($"{CurrentSample.CategoryName} > {CurrentSample.Name}");
}
else
{
ExceptionNotification.Show("Sample does not exist");
}
if (!CanChangePaneState)
{
SampleTitleBar.Children.Remove(NarrowInfoButton);
PaneStates.States.Clear();
WindowStates.States.Clear();
}
}
private async void InfoAreaPivot_OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
if (InfoAreaPivot.SelectedItem != null)
{
if (DataContext is Sample sample)
{
TrackingManager.TrackEvent("PropertyGrid", (InfoAreaPivot.SelectedItem as FrameworkElement)?.Name, sample.Name);
}
}
if (CurrentSample == null)
{
return;
}
if (InfoAreaPivot.SelectedItem == PropertiesPivotItem)
{
// If we switch to the Properties Panel, we want to use a binded version of the Xaml Code.
if (CurrentSample.HasXAMLCode)
{
_lastRenderedProperties = true;
var t = UpdateXamlRenderAsync(CurrentSample.BindedXamlCode);
}
return;
}
if (CurrentSample.HasXAMLCode && InfoAreaPivot.SelectedItem == XamlPivotItem && _lastRenderedProperties)
{
// Use this flag so we don't re-render the XAML tab if we're switching from tabs other than the properties one.
_lastRenderedProperties = false;
// If we switch to the Live Preview, then we want to use the Value based Text
XamlCodeEditor.Text = CurrentSample.UpdatedXamlCode;
var t = UpdateXamlRenderAsync(CurrentSample.UpdatedXamlCode);
await XamlCodeEditor.ResetPosition();
XamlCodeEditor.Focus(FocusState.Programmatic);
return;
}
if (CurrentSample.HasXAMLCode && InfoAreaPivot.SelectedItem == XamlReadOnlyPivotItem)
{
// Update Read-Only XAML tab on non-desktop devices to show changes to Properties
XamlReadOnlyCodeRenderer.SetCode(CurrentSample.UpdatedXamlCode, "xaml");
}
if (CurrentSample.HasCSharpCode && InfoAreaPivot.SelectedItem == CSharpPivotItem)
{
var code = await CurrentSample.GetCSharpSourceAsync();
CSharpCodeRenderer.SetCode(code, "c#");
return;
}
if (CurrentSample.HasJavaScriptCode && InfoAreaPivot.SelectedItem == JavaScriptPivotItem)
{
var code = await CurrentSample.GetJavaScriptSourceAsync();
JavaScriptCodeRenderer.SetCode(code, "js");
return;
}
}
private async void NavigationFrame_Navigating(object sender, NavigatingCancelEventArgs navigationEventArgs)
{
ProcessSampleEditorTime();
SampleCategory category;
if (navigationEventArgs.Parameter == null)
{
DataContext = null;
HamburgerMenu.CurrentSample = null;
category = navigationEventArgs.Parameter as SampleCategory;
if (category != null)
{
TrackingManager.TrackPage($"{navigationEventArgs.SourcePageType.Name} - {category.Name}");
}
else
{
TrackingManager.TrackPage($"{navigationEventArgs.SourcePageType.Name}");
}
HideInfoArea();
}
else
{
TrackingManager.TrackPage(navigationEventArgs.SourcePageType.Name);
Commands.Clear();
ShowInfoArea();
var sampleName = navigationEventArgs.Parameter.ToString();
HamburgerMenu.CurrentSample = await Samples.GetSampleByName(sampleName);
DataContext = HamburgerMenu.CurrentSample;
if (HamburgerMenu.CurrentSample == null)
{
HideInfoArea();
return;
}
category = await Samples.GetCategoryBySample(HamburgerMenu.CurrentSample);
await Samples.PushRecentSample(HamburgerMenu.CurrentSample);
var propertyDesc = HamburgerMenu.CurrentSample.PropertyDescriptor;
InfoAreaPivot.Items.Clear();
if (propertyDesc != null)
{
_xamlRenderer.DataContext = propertyDesc.Expando;
}
Title.Text = HamburgerMenu.CurrentSample.Name;
if (propertyDesc != null && propertyDesc.Options.Count > 0)
{
InfoAreaPivot.Items.Add(PropertiesPivotItem);
}
if (HamburgerMenu.CurrentSample.HasXAMLCode)
{
if (AnalyticsInfo.VersionInfo.GetDeviceFormFactor() != DeviceFormFactor.Desktop || HamburgerMenu.CurrentSample.DisableXamlEditorRendering)
{
// Only makes sense (and works) for now to show Live Xaml on Desktop, so fallback to old system here otherwise.
XamlReadOnlyCodeRenderer.SetCode(HamburgerMenu.CurrentSample.UpdatedXamlCode, "xaml");
InfoAreaPivot.Items.Add(XamlReadOnlyPivotItem);
}
else
{
XamlCodeRenderer.Text = HamburgerMenu.CurrentSample.UpdatedXamlCode;
InfoAreaPivot.Items.Add(XamlPivotItem);
_xamlCodeRendererSupported = true;
}
InfoAreaPivot.SelectedIndex = 0;
}
if (HamburgerMenu.CurrentSample.HasCSharpCode)
{
var code = await HamburgerMenu.CurrentSample.GetCSharpSourceAsync();
CSharpCodeRenderer.SetCode(code, "c#");
InfoAreaPivot.Items.Add(CSharpPivotItem);
}
if (HamburgerMenu.CurrentSample.HasJavaScriptCode)
{
var code = await HamburgerMenu.CurrentSample.GetJavaScriptSourceAsync();
JavaScriptCodeRenderer.SetCode(code, "js");
InfoAreaPivot.Items.Add(JavaScriptPivotItem);
}
if (!string.IsNullOrEmpty(HamburgerMenu.CurrentSample.CodeUrl))
{
GitHub.NavigateUri = new Uri(HamburgerMenu.CurrentSample.CodeUrl);
GitHub.Visibility = Visibility.Visible;
}
else
{
GitHub.Visibility = Visibility.Collapsed;
}
if (HamburgerMenu.CurrentSample.HasDocumentation)
{
var docs = await this.HamburgerMenu.CurrentSample.GetDocumentationAsync();
documentationPath = docs.path;
if (!string.IsNullOrWhiteSpace(docs.contents))
{
DocumentationTextblock.Text = docs.contents;
InfoAreaPivot.Items.Add(DocumentationPivotItem);
}
}
if (InfoAreaPivot.Items.Count == 0)
{
HideInfoArea();
}
HamburgerMenu.Title = $"{category.Name} > {HamburgerMenu.CurrentSample?.Name}";
ApplicationViewExtensions.SetTitle(this, $"{category.Name} > {HamburgerMenu.CurrentSample?.Name}");
}
}