Windows App SDK 1.0.0 stable

.ado/jobs/cli-init.yml

@@ -9,6 +9,8 @@ parameters:
     type: object
   - name: buildNuGetOnly
     type: boolean
+  - name: buildWinAppSDKOnly
+    type: boolean
   - name: buildMatrix
     type: object
     default:
@@ -50,18 +52,20 @@ parameters:
             platform: x86
             projectType: lib
             additionalRunArguments: --no-autolink --no-deploy
-          - Name: X86DebugCppWinUI3
-            language: cpp
-            configuration: Debug
-            platform: x86
-            projectType: app
-            additionalInitArguments: --useWinUI3 true
-          - Name: X86DebugCsWinUI3
+          # #8132 Support for C++ WinAppSDK apps
+          # - Name: X86DebugCppWinUI3
+          #   language: cpp
+          #   configuration: Debug
+          #   platform: x86
+          #   projectType: app
+          #   additionalInitArguments: --useWinUI3 true
+          - Name: X64DebugCsWinUI3
             language: cs
             configuration: Debug
-            platform: x86
+            platform: x64
             projectType: app
-            additionalInitArguments: --useWinUI3 true
+            additionalInitArguments: --useWinUI3 true --nuGetTestFeed $(System.DefaultWorkingDirectory)\NuGetTestFeed
+            useWinAppSDK: true
           - Name: X86DebugCppHermes
             language: cpp
             configuration: Debug
@@ -145,18 +149,20 @@ parameters:
             platform: x86
             projectType: lib
             additionalRunArguments: --no-autolink --no-deploy
-          - Name: X86DebugCppWinUI3
-            language: cpp
-            configuration: Debug
-            platform: x86
-            projectType: app
-            additionalInitArguments: --useWinUI3 true
-          - Name: X86DebugCsWinUI3
+          # #8132 Support for C++ WinAppSDK apps
+          # - Name: X86DebugCppWinUI3
+          #   language: cpp
+          #   configuration: Debug
+          #   platform: x86
+          #   projectType: app
+          #   additionalInitArguments: --useWinUI3 true
+          - Name: X64DebugCsWinUI3
             language: cs
             configuration: Debug
-            platform: x86
+            platform: x64
             projectType: app
             additionalInitArguments: --useWinUI3 true
+            useWinAppSDK: true
           - Name: X86DebugCppHermes
             language: cpp
             configuration: Debug
@@ -296,14 +302,18 @@ jobs:
   - ${{ each config in parameters.buildMatrix }}:
     - ${{ if eq(config.BuildEnvironment, parameters.buildEnvironment) }}:
       - ${{ each matrix in config.Matrix }}:
-        - ${{ if eq(coalesce(matrix.useNuGet, false), parameters.buildNuGetOnly) }}:
+        - ${{ if and(eq(coalesce(matrix.useNuGet, false), parameters.buildNuGetOnly), eq(coalesce(matrix.useWinAppSDK, false), parameters.buildWinAppSDKOnly))}}:
           - job: CliInit${{ matrix.Name }}
             displayName: Verify Cli ${{ matrix.Name }}
 
             ${{ if eq(matrix.useNuGet, true) }}:
               dependsOn:
                 - UniversalBuild${{ matrix.platform }}Release
 
+            ${{ if eq(matrix.useWinAppSDK, true) }}:
+              dependsOn:
+                - WinAppSDKX64Release
+
             variables: [template: ../variables/windows.yml]
 
             ${{ if eq(matrix.lowResource, true) }}:
@@ -336,4 +346,4 @@ jobs:
                   additionalRunArguments: ${{ matrix.additionalRunArguments }}
                   runWack: ${{ coalesce(matrix.runWack, false) }}
                   buildEnvironment: ${{ parameters.buildEnvironment }}
-                  useNuGet: ${{ coalesce(matrix.useNuGet, false) }}
+                  useNuGet: ${{ coalesce(matrix.useNuGet, false) }}

.ado/jobs/playground.yml

@@ -28,11 +28,12 @@ parameters:
             BuildConfiguration: Release
             BuildPlatform: x64
             SolutionFile: Playground-Win32.sln
-          - Name: X86DebugWinUI3
-            BuildConfiguration: Debug
-            BuildPlatform: x86
-            SolutionFile: Playground.sln
-            BuildWinUI3: true
+          # Disabling until WinAppSDK is working e2e
+          # - Name: X86DebugWinUI3
+          #   BuildConfiguration: Debug
+          #   BuildPlatform: x86
+          #   SolutionFile: Playground.sln
+          #   BuildWinUI3: true
       - BuildEnvironment: Continuous
         Matrix:
           - Name: X86DebugUniversal
@@ -54,12 +55,13 @@ parameters:
             BuildConfiguration: Release
             BuildPlatform: x64
             SolutionFile: Playground-Win32.sln
-          - Name: X86DebugWinUI3
-            BuildConfiguration: Debug
-            BuildPlatform: x86
-            SolutionFile: Playground.sln
-            BuildWinUI3: true
-            UploadAppx: true
+          # Disabling until WinAppSDK is working e2e
+          # - Name: X86DebugWinUI3
+          #   BuildConfiguration: Debug
+          #   BuildPlatform: x86
+          #   SolutionFile: Playground.sln
+          #   BuildWinUI3: true
+          #   UploadAppx: true
 
 jobs:
   - ${{ each config in parameters.buildMatrix }}:

.ado/jobs/project-reunion.yml → .ado/jobs/windowsappsdk.yml

@@ -1,7 +1,7 @@
 parameters:
   - name: buildEnvironment
     type: string
-    default : PullRequest
+    default: PullRequest
     values:
       - PullRequest
       - Continuous
@@ -25,8 +25,8 @@ jobs:
   - ${{ each config in parameters.buildMatrix }}:
     - ${{ if eq(config.BuildEnvironment, parameters.buildEnvironment) }}:
       - ${{ each matrix in config.Matrix }}:
-        - job: Reunion${{ matrix.Name }}
-          displayName: Project Reunion ${{ matrix.Name }}
+        - job: WinAppSDK${{ matrix.Name }}
+          displayName: Windows App SDK ${{ matrix.Name }}
 
           variables: [template: ../variables/windows.yml]
 
@@ -50,7 +50,7 @@ jobs:
             - template: ../templates/msbuild-sln.yml
               parameters:
                 solutionDir: vnext
-                solutionName: Microsoft.ReactNative.ProjectReunion.sln
+                solutionName: Microsoft.ReactNative.WindowsAppSDK.sln
                 buildPlatform: ${{ matrix.BuildPlatform }}
                 buildConfiguration: ${{ matrix.BuildConfiguration}}
                 msbuildArguments: /p:UseWinUI3=true
@@ -61,24 +61,23 @@ jobs:
 
             - template: ../templates/publish-build-artifacts.yml
               parameters:
-                artifactName: ProjectReunion
+                artifactName: WindowsAppSDK
                 buildPlatform: ${{ matrix.BuildPlatform }}
                 buildConfiguration: ${{ matrix.BuildConfiguration}}
                 contents: |
                   Microsoft.ReactNative\**
-                  Microsoft.ReactNative.ProjectReunion\**
-
+                  Microsoft.ReactNative.WindowsAppSDK\**
             - template: ../templates/prep-and-pack-nuget.yml
               parameters:
-                artifactName: ProjectReunion
-                packMicrosoftReactNativeProjectReunion: true
+                artifactName: WindowsAppSDK
+                packMicrosoftReactNativeWindowsAppSDK: true
                 slices:
                   - platform: x64
                     configuration: Release
 
             - task: PublishBuildArtifacts@1
-              displayName: "Publish Artifact: Project Reunion NuGet"
+              displayName: "Publish Artifact: Windows App SDK NuGet"
               inputs:
-                artifactName: ReunionNuGet
-                pathToPublish: $(Build.SourcesDirectory)/NugetRootFinal/Microsoft.ReactNative.ProjectReunion.0.0.1-pr.nupkg
+                artifactName: WinAppSDKNuGet
+                pathToPublish: $(Build.SourcesDirectory)/NugetRootFinal/Microsoft.ReactNative.WindowsAppSDK.0.0.1-pr.nupkg
                 parallel: true

.ado/publish.yml

@@ -217,8 +217,8 @@ jobs:
           SearchPattern: vnext/target/**/*.pdb
           SymbolServerType: TeamServices
 
-  - job: RnwNativeBuildReunion
-    displayName: Build Reunion
+  - job: RnwNativeBuildWinAppSDK
+    displayName: Build WinAppSDK
     dependsOn: RnwNpmPublish
     strategy:
       matrix:
@@ -241,7 +241,7 @@ jobs:
       - template: templates/msbuild-sln.yml
         parameters:
           solutionDir: vnext
-          solutionName: Microsoft.ReactNative.ProjectReunion.sln
+          solutionName: Microsoft.ReactNative.WindowsAppSDK.sln
           buildPlatform: $(BuildPlatform)
           buildConfiguration: $(BuildConfiguration)
           msbuildArguments:
@@ -250,12 +250,12 @@ jobs:
 
       - template: templates/publish-build-artifacts.yml
         parameters:
-          artifactName: Reunion
+          artifactName: WindowsAppSDK
           buildPlatform: $(BuildPlatform)
           buildConfiguration: $(BuildConfiguration)
           contents: |
             Microsoft.ReactNative\**
-            Microsoft.ReactNative.ProjectReunion\**
+            Microsoft.ReactNative.WindowsAppSDK\**
 
       - template: templates/component-governance.yml
 
@@ -271,7 +271,7 @@ jobs:
       - RnwNpmPublish
       - RnwNativeBuildDesktop
       - RnwNativeBuildUniversal
-      - RnwNativeBuildReunion
+      - RnwNativeBuildWinAppSDK
     displayName: Sign Binaries and Publish NuGet
     pool: ${{ parameters.AgentPool.Medium }}
 
@@ -338,11 +338,11 @@ jobs:
 
       - template: templates/prep-and-pack-nuget.yml
         parameters:
-          artifactName: Reunion
+          artifactName: WindowsAppSDK
           publishCommitId: $(publishCommitId)
           npmVersion: $(npmVersion)
-          nugetroot: $(System.DefaultWorkingDirectory)\Reunion
-          packMicrosoftReactNativeProjectReunion: true
+          nugetroot: $(System.DefaultWorkingDirectory)\WindowsAppSDK
+          packMicrosoftReactNativeWindowsAppSDK: true
           ${{ if or(eq(variables['EnableCodesign'], 'true'), endsWith(variables['Build.SourceBranchName'], '-stable')) }}: # Sign if EnableCodeSign or on *-stable release builds
             signMicrosoft: true
           slices:

.ado/stages.yml

@@ -33,7 +33,7 @@ stages:
         parameters:
           AgentPool: ${{ parameters.AgentPool }}
 
-      - template: jobs/project-reunion.yml
+      - template: jobs/windowsappsdk.yml
         parameters:
           buildEnvironment: ${{ parameters.buildEnvironment }}
           AgentPool: ${{ parameters.AgentPool }}
@@ -44,6 +44,7 @@ stages:
           buildEnvironment: ${{ parameters.buildEnvironment }}
           AgentPool: ${{ parameters.AgentPool }}
           buildNuGetOnly: true
+          buildWinAppSDKOnly: true
 
   - stage: IntegrationTests
     displayName: Tests 🧪
@@ -90,3 +91,4 @@ stages:
           buildEnvironment: ${{ parameters.buildEnvironment }}
           AgentPool: ${{ parameters.AgentPool }}
           buildNuGetOnly: false
+          buildWinAppSDKOnly: false

.ado/templates/prep-and-pack-nuget.yml

@@ -31,7 +31,7 @@ parameters:
   - name: packMicrosoftReactNativeManagedCodeGen
     type: boolean
     default: false
-  - name: packMicrosoftReactNativeProjectReunion
+  - name: packMicrosoftReactNativeWindowsAppSDK
     type: boolean
     default: false
 
@@ -80,7 +80,7 @@ steps:
         filePath: vnext/Scripts/Tfs/Layout-Desktop-Headers.ps1
         arguments: -TargetRoot ${{parameters.nugetroot}}
 
-  - ${{ if or(eq(parameters.packMicrosoftReactNative, true), eq(parameters.packMicrosoftReactNativeCxx, true), eq(parameters.packMicrosoftReactNativeManaged, true), eq(parameters.packMicrosoftReactNativeManagedCodeGen, true), eq(parameters.packMicrosoftReactNativeProjectReunion, false)) }}:
+  - ${{ if or(eq(parameters.packMicrosoftReactNative, true), eq(parameters.packMicrosoftReactNativeCxx, true), eq(parameters.packMicrosoftReactNativeManaged, true), eq(parameters.packMicrosoftReactNativeManagedCodeGen, true), eq(parameters.packMicrosoftReactNativeWindowsAppsDK, false)) }}:
     - powershell: |
         (Get-Content -Path ${{parameters.nugetroot}}\Microsoft.ReactNative.VersionCheck.targets) -replace '\$\$nuGetPackageVersion\$\$', '${{parameters.npmVersion}}' | Set-Content -Path  ${{parameters.nugetroot}}\Microsoft.ReactNative.VersionCheck.targets
       displayName: Patch version check file with version ${{parameters.npmVersion}}
@@ -153,11 +153,11 @@ steps:
         codesignBinaries: ${{ parameters.signMicrosoft }}
         codesignNuget: ${{ parameters.signMicrosoft }}
 
-  - ${{ if eq(parameters.packMicrosoftReactNativeProjectReunion, true) }}:
+  - ${{ if eq(parameters.packMicrosoftReactNativeWindowsAppsDK, true) }}:
     - ${{ if containsValue(parameters.slices.*.configuration, 'Release') }}:
       - template: prep-and-pack-single.yml
         parameters:
-          outputPackage: Microsoft.ReactNative.ProjectReunion
+          outputPackage: Microsoft.ReactNative.WindowsAppSDK
           slices: $(releaseSlices)
           packageVersion: ${{parameters.npmVersion}}
           codesignBinaries: ${{ parameters.signMicrosoft }}
@@ -166,5 +166,5 @@ steps:
           binariesToSign: |
             **/Microsoft.ReactNative.dll
             **/Microsoft.ReactNative.winmd
-            **/Microsoft.ReactNative.ProjectReunion.dll
+            **/Microsoft.ReactNative.WindowsAppSDK.dll
 

.ado/templates/react-native-init.yml

@@ -36,9 +36,12 @@ parameters:
   - name: buildEnvironment
     type: string
     default: PullRequest
-    values:
-      - PullRequest
-      - Continuous
+    values: 
+     - PullRequest 
+     - Continuous 
+  - name: useWinAppSDK
+    type: boolean
+    default: false
 
 steps:
   - powershell: start-process verdaccio.cmd -ArgumentList @('--config', './.ado/verdaccio/config.yaml')
@@ -74,6 +77,16 @@ steps:
           - platform: ${{ parameters.platform }}
             configuration: Release
 
+  - ${{ if eq(parameters.useWinAppSDK, true) }}:
+    - template: prep-and-pack-nuget.yml
+      parameters:
+        artifactName: ReactWindows
+        npmVersion: $(npmVersion)
+        packMicrosoftReactNativeWindowsAppSDK: true
+        slices: 
+          - platform: x64
+            configuration: Release
+
   - ${{ if eq(parameters.projectType, 'app') }}:
     - script: |
         npx --yes react-native@$(reactNativeDevDependency) init testcli --template react-native@$(reactNativeDevDependency)

change/@react-native-windows-cli-0a3694bd-552a-430f-9124-1b56ff6df6e9.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Update to Windows App SDK 0.8",
+  "packageName": "@react-native-windows/cli",
+  "email": "asklar@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/react-native-windows-4fb0a571-d4ea-4cd2-99f6-bd77c5ab4fbf.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Update to Windows App SDK 0.8",
+  "packageName": "react-native-windows",
+  "email": "asklar@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/react-native-windows-init-63e62050-eece-4259-8057-bc25d1113cc8.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to Windows App SDK 0.8",
+  "packageName": "react-native-windows-init",
+  "email": "asklar@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/@react-native-windows/cli/README.md

@@ -37,8 +37,6 @@ Options:
 | `--buildLogDirectory` | Optional directory where MSBuild log files should be stored | [string] |
 | `--info`              | Dump environment information | [boolean] |
 | `--direct-debugging`  | Enable direct debugging on specified port | [number] |
-| `--useWinUI3`         | Targets WinUI 3.0 (Preview) instead of UWP XAML. | [boolean] |
-| `--useHermes`         | Use Hermes instead of Chakra as the JS engine (supported on 0.64+) | [boolean] |
 | `--no-telemetry`      | Disables sending telemetry that allows analysis of usage and failures of the react-native-windows CLI | [boolean] |
 | `-h`, `--help`        | output usage information | [boolean] |