Skip to content

Conversation

@JesseCol
Copy link
Contributor

@JesseCol JesseCol commented Jan 10, 2025

Description

Enable basic XamlIsland in rntester within playground app when UseExperimentalWinUI3 is true

Type of Change

  • Bug fix (non-breaking change which fixes an issue)

Why

This helps us test WinUI3 XamlIslands for bring-up.

What

  • Creates a new page in RNTester that will create a Xaml CalendarView. This only works in the playground-composition app when UseExperimentalWinUI is true
  • Temporary plumbing to instantiate a Xaml CalendarView. This should mostly go away when we update codegen and react-native-xaml.
  • Starts a WinUI3 Xaml Application when the playground-composition app starts up.
  • We have some code in various places that queries to see if the Xaml Application is running, so the simple act of starting the WinUI3 Xaml Application object is causing some behavior change. These bits of code really just want to check if the UWP / System Xaml Application is running, so I've added a new utility function for this and we call this instead.

Testing

Built and ran playground app with UseExperimentalWinUI3 set to true and to false.

Changelog

Should this change be included in the release notes: no

Microsoft Reviewers: Open in CodeFlow

@JesseCol
Copy link
Contributor Author

/azp run Secure PR

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@acoates-ms
Copy link
Contributor

If you move FabricXamlCalendarViewNativeComponent.js (and make it .ts) and the code in CustomComponent.cpp to SampleCustomComponents. Then you can run npx react-native codegen-windows in packages/sample-custom-components, and get codegen working. Which should reduce the amount of code you need to manually write.

@JesseCol JesseCol force-pushed the user/jessecol/enable-basic-winui3 branch from bb1ce81 to 3dfce65 Compare January 14, 2025 17:22
@JesseCol JesseCol marked this pull request as ready for review January 14, 2025 18:09
@JesseCol JesseCol requested review from a team as code owners January 14, 2025 18:09
@JesseCol
Copy link
Contributor Author

/azp run Secure PR

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@JesseCol JesseCol force-pushed the user/jessecol/enable-basic-winui3 branch from ddeb891 to 9ae19ee Compare January 15, 2025 21:07
@JesseCol
Copy link
Contributor Author

/azp run Secure PR

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@JesseCol JesseCol merged commit 6eb1e47 into main Jan 15, 2025
73 checks passed
acoates-ms pushed a commit to acoates-ms/react-native-windows that referenced this pull request Mar 11, 2025
…erimentalWinUI3 is true (microsoft#14272)

* Enable basic XamlIsland in rntester within playground app when UseExperimentalWinUI3 is true

* Change files

* Fix build break due to unreferenced parameter

* lint

* Move the implementation of CalendarView to sample-custom-component, and use codegen

* Enable CalendarView only when UseExperimentalWinUI3 is true, and add CalendarView.g.h to git

* clang format

* Update snapshots and remove some unused variables

* Update snapshotPages.test.js.snap

* Remove new page from the visitAllPages test
acoates-ms added a commit that referenced this pull request Mar 12, 2025
* Update Guardrails on Provider Instantiation (#13961)

* Update Provider Guardrails

* Change files

* Format

* Update Snapshots

* Use WebSocket factory in PkgInspectorConnection (#14202)

* Use WebSocket resource factory for pkgr inspector

* Change files

* clang format

* Implement ISelectionProvider and ISelectionItemProvider (#14019)

Adds support for ISelectionProvider interface
Adds support for ISelectionItemProvider interface
Adds support for accessibilityState:selected
Adjusts AccessibilityState native type on Windows to be std::optional instead of bool
Adjusts AccessibilityState native type on Windows to include multiselectable and required fields of type std::optional
Adds multiselectable and required fields to AccessibilityState type in JS with type boolean | undefined
Adds support for aria-multiselectable and aria-required.
Adds support for the following accessibilityActions: addToSelection, removeFromSelection, select
Fixes crash in AccessibilityInsights.

* [Fabric] Implement IRangeValueProvider and Adjust IValueProvider Implementation (#14212)

* IRangeValue Provider

* Adjust ReadOnly to Use Prop Value

* Complete IRangeValueProvider Implementation

* Change files

* Update Snapshots

* std::aligned_storage is deprecated (#14253)

* std::aligned_storage is deprecated

* Change files

* format

---------

Co-authored-by: Andrew Coates <30809111+acoates-ms@users.noreply.github.com>

* Update WinUI3ExperimentalVersion from 1.6.240701003-experimental2 to 1.7.250109001-experimental2 (#14270)

* Update WinUI3ExperimentalVersion from 1.6.240701003-experimental2 to 1.7.250109001-experimental2

* Change files

* Update some type and method names that have changed in WinAppSDK 1.7

---------

Co-authored-by: Jon Thysell <jthysell@microsoft.com>

* Rework modal to be implemented entirely using public APIs (#14256)

* Rework modal implementation to use public APIs

* shutdown fix

* Change files

* format

* remove dead code

* format

* fixes

* fix

* UIA tree for root component should be kept distinct from main UIA tree

* input offset fix for sub rootviews

* Split modal into two componentview's so that we dont have multiple roots in our componentview tree

* format

* Ensure rootview removes itself from the island, before a new one adds itself on instance reload

* defork some modal test pages

* remove override

* Enable basic XamlIsland in rntester within playground app when UseExperimentalWinUI3 is true (#14272)

* Enable basic XamlIsland in rntester within playground app when UseExperimentalWinUI3 is true

* Change files

* Fix build break due to unreferenced parameter

* lint

* Move the implementation of CalendarView to sample-custom-component, and use codegen

* Enable CalendarView only when UseExperimentalWinUI3 is true, and add CalendarView.g.h to git

* clang format

* Update snapshots and remove some unused variables

* Update snapshotPages.test.js.snap

* Remove new page from the visitAllPages test

* Remove Paper-only code from Fabric builds of Microsoft.ReactNative (#14289)

Removes most of the Paper-only code from Fabric builds of Microsoft.ReactNative. This is only a first pass - there may be more that needs to be removed (or stuff that needs to be put back in).

- Bug fix (non-breaking change which fixes an issue)
- Breaking change (fix or feature that would cause existing functionality to not work as expected)

Besides nearly doubling the size of the binary files, all of the Paper-only code is functionally useless in Fabric builds, which at worse is dead weight, and at best is confusing to developers.

Resolves #13405

Updated project files to not load/compile paper-only modules. Updated modules that are used by both to correctly only include the Paper or Fabric code they need.

None, but here are some preliminary binary size numbers for x64 release:

| File | Paper | Fabric (Before) | Fabric (After) |
|:-|:-:|:-:|:-:|
| Microsoft.ReactNative.dll | 4.02 MB | 8.32 MB | 6.47 MB (🔻1.85 MB / 22% ) |
| Microsoft.ReactNative.winmd | 64.0 KB | 121.0 KB | 92.0KB (🔻29 KB / 24%) |

Verified all existing tests still pass and fabric apps work.

Should this change be included in the release notes: _yes_

Remove Paper-only code from Fabric builds of Microsoft.ReactNative

* RNIsland UIA fragment root should report parents fragment root (#14302)

* Fix crash running on server 2016

* RNIsland UIA fragment root should report parents fragment root

* Change files

* fix

* use react tag for runtime id

* fix

* fix

* fix

* Fix crash when currently focused element gets marked as enableFocusRing=false (#14306)

* Fix crash when currently focused element gets marked as enableFocusRing=false

* Change files

* [Fabric] Add Functional Tests for Switch Component (#14297)

* Add Functional Tests for Switch

* Fix Tests

* Update Snapshots

* [Fabric] Use PopupWindowSiteBridge for Modal when USE_EXPERIMENTAL_WINUI3 is true (#14284)

* add modal implementation with PopupWindowSiteBridge

* Change files

* add conditional

* feedback

* Initial support for UIA and tab navigation for a child Island (#14305)

* Basic support for stitching the UIA tree for a ContentIslandComponentView's child

* Updated comment

* Change files

* Support shift+tab, and move Automation event handlers to ContentIslandComponentView

* Allow portals to have independent layout constraints and scale factor (#14315)

* Allow portals to have independent layout constraints and scale factor

* format

* change files

* fix

* Round Focus visuals by default, fix nudge rendering (#14312)

* Round Focus visuals by default, fix nudge rendering

* Change files

* Only build OfficeReact.Win32 with UseFabric enabled (#14319)

This PR changes our build system to only build the version of `OfficeReact.Win32` with Fabric enabled.

- Breaking change (fix or feature that would cause existing functionality to not work as expected)

We are building both versions of Desktop in our CI, but the `-Fabric` version is in fact a strict superset of functionality and the only one that Office uses now.

Changed the default so that Desktop always builds with `RnwNewArch` (and therefore `UseFabric`) enabled. Removed the matrix configurations for DesktopFabric from all CI. Fixed the affected nuspec file. Also fixed Desktop publish to include ARM64EC for Fabric and the an issue caused by #14311.

N/A.

Verified the build works.

Should this change be included in the release notes: _no_

* Fix react devtools hitting an assert on launch (#14320)

* ignore unsupported methods

* delete Super::DispatchCommand call

* Change files

* [Fabric] Fix PlatformColor (#14325)

* Fix platform color

* Change files

* Add missing theme colors

* snapshots

* TurboModule spec checking should accept hstring for string arguments (#14322)

* TurboModule spec checking should accept hstring for string arguments

* Change files

* example

* [Fabric] Add Support for ITextProvider, ITextProvider2, and ITextRangeProvider (#14332)

* Partial Implementation

* Add More Implementation

* More Implementation

* More Implementation

* Add Support for Bounding Rectangles

* Complete Initial Implementation

* Change files

* Code Cleanup

* Code Cleanup

* Update Snapshots + Code Cleanup

* Update Snapshots

* Address Feedback

* Address Feedback

* Update Snapshots

* Fix Tests

---------

Co-authored-by: Jon Thysell <jthysell@microsoft.com>

* [Fabric] Fix modal height (#14343)

* fix modal height

* Change files

* reverse change

* add override

* Fix stale focus rects left in UI when last focusable component is removed (#14359)

* Fix stale focus rects left in UI when last focusable component is removed

* Change files

---------

Co-authored-by: Tatiana Kapos <tatianakapos@microsoft.com>

* Fix issue when calling arrange on an RN Island during load (#14362)

* Fix issue when calling arrange on an RN Island during load

* Change files

---------

Co-authored-by: Tatiana Kapos <tatianakapos@microsoft.com>

* Fix tooltips in high dpi (#14397)

* Fix tooltips in high dpi

* Change files

* format

* tooltips dont respect textscalefactor

* Fix build issue building component codegen using clang (#14393)

* Fix build issue building component codegen using clang

* Change files

* Components do not lose hover state if pointer leaves window before it leaves the component (#14375)

* Components do not lost hover state if pointer leaves window before it leaves the component

* format

* Change files

---------

Co-authored-by: Tatiana Kapos <tatianakapos@microsoft.com>

* Property updates switching between PlatformColors would no-op (#14398)

* Property updates switching between PlatformColors would no-op

* Change files

* format

* [Fabric] Add Support for Role Prop (#14352)

* Add Support for Role Prop

* Change files

* Format

* Update Tests

---------

Co-authored-by: Tatiana Kapos <tatianakapos@microsoft.com>

* Fix bool operator on transparent colors returning false (#14413)

* Fix crash loading logbox

* Fix bool operator on transparent colors returning false

* Change files

* format

* change files

* codegen updates

* update overrides

* snapshots

---------

Co-authored-by: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com>
Co-authored-by: Julio César Rocha <JunielKatarn@users.noreply.github.com>
Co-authored-by: Tiago <tiagomacarios@users.noreply.github.com>
Co-authored-by: JesseCol <50150435+JesseCol@users.noreply.github.com>
Co-authored-by: Jon Thysell <jthysell@microsoft.com>
Co-authored-by: Tatiana Kapos <tatianakapos@microsoft.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants