Integrate RN Nightly 7/1

.ado/jobs/playground.yml

@@ -175,7 +175,7 @@ jobs:
                   msbuildArgs:
                     /p:PackageCertificateKeyFile=$(Build.SourcesDirectory)\EncodedKey.pfx
 
-            - ${{if and(endsWith(matrix.Name, 'Universal'), eq(matrix.BuildConfiguration, 'Debug')) }}:
+            - ${{if and(false, endsWith(matrix.Name, 'Universal'), eq(matrix.BuildConfiguration, 'Debug')) }}: # Disabled as debugging doesn't work,remove false after issue is resolved, see https://github.com/microsoft/react-native-windows/issues/13543
               # Execute debug feature tests (skip this step for the Win32 Playground app and for release builds)
 
               # Need to re-setup ProcDump a 2nd time for this to work correctly

.ado/templates/react-native-debug-info.yml

@@ -11,18 +11,18 @@ parameters:
 
 steps:
   # Useful info to have in the log, but also a necessary workaround to make sure the cli is cached by npx
-  - script: npx react-native info
+  - script: npx @react-native-community/cli info
     displayName: React Native Info
     workingDirectory: ${{ parameters.workingDirectory }}
 
   - ${{ if eq(parameters.doctor, true) }}:
-    # Verify react-native doctor command works
-    - script: npx react-native doctor
+    # Verify @react-native-community/cli doctor command works
+    - script: npx @react-native-community/cli doctor
       displayName: React Native Doctor
       workingDirectory: ${{ parameters.workingDirectory }}
 
   - ${{ if eq(parameters.config, true) }}:
-    # Print the config for debugging react-native CLI commands
-    - script: npx react-native config
+    # Print the config for debugging @react-native-community/cli CLI commands
+    - script: npx @react-native-community/cli config
       displayName: React Native Config
       workingDirectory: ${{ parameters.workingDirectory }}

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

@@ -42,19 +42,37 @@ steps:
       buildEnvironment: ${{ parameters.buildEnvironment }}
 
   - ${{ if endsWith(parameters.template, '-app') }}:
-    - script: | # Change version of @react-native-community/template from 'next' to '$(reactNativeDevDependency)' and remove upgrade command - Windows #13446
-        npx --yes @react-native-community/cli@next init testcli --template @react-native-community/template@next
-        cd testcli && call yarn upgrade react-native@$(reactNativeDevDependency)
+    - script: | # Change version of @react-native-community/template from 'nightly' to '$(reactNativeDevDependency)' - Windows #13446
+        npx --yes @react-native-community/cli@next init testcli --template @react-native-community/template@nightly
       displayName: Init new app project with @react-native-community/cli init
       workingDirectory: $(Agent.BuildDirectory)
+
+    - script: | # Remove upgrade command - Windows #13446
+        call yarn install
+        call yarn add react@$(reactDevDependency)
+        call yarn add react-native@$(reactNativeDevDependency)
+      displayName: Fix app react-native dependency
+      workingDirectory: $(Agent.BuildDirectory)\testcli
 
   - ${{ if and(endsWith(parameters.template, '-lib'), not(startsWith(parameters.template, 'old'))) }}:
-    - script: | # Change version of react-native from 'next' to '$(reactNativeDevDependency)' and remove upgrade commands - Windows #13446
+    - script: | # Change version of react-native from 'next' to '$(reactNativeDevDependency)' - Windows #13446
         npx --yes create-react-native-library@latest --slug testcli --description testcli --author-name "React-Native-Windows Bot" --author-email [email protected] --author-url http://example.com --repo-url http://example.com --languages kotlin-objc --type module-new --react-native-version next --example vanilla testcli
-        cd testcli && call yarn upgrade react-native@$(reactNativeDevDependency) --dev
-        cd example && call yarn upgrade react-native@$(reactNativeDevDependency)
       displayName: Init new lib project with create-react-native-library
       workingDirectory: $(Agent.BuildDirectory)
+
+    - script: | # Remove upgrade commands - Windows #13446
+        call yarn install
+        call yarn add react@$(reactDevDependency) --dev
+        call yarn add react-native@$(reactNativeDevDependency) --dev
+      displayName: Fix lib react-native dependency
+      workingDirectory: $(Agent.BuildDirectory)\testcli
+
+    - script: | # Remove upgrade commands - Windows #13446
+        call yarn install
+        call yarn add react@$(reactDevDependency)
+        call yarn add react-native@$(reactNativeDevDependency)
+      displayName: Fix example app react-native dependency
+      workingDirectory: $(Agent.BuildDirectory)\testcli\example
   - ${{ elseif and(endsWith(parameters.template, '-lib'), startsWith(parameters.template, 'old')) }}:
     - script: |
         npx --yes [email protected] --package-name "testcli" testcli
@@ -105,8 +123,8 @@ steps:
         YARN_ENABLE_IMMUTABLE_INSTALLS: false
 
   - script: |
-      call yarn react-native init-windows --template ${{ parameters.template }} --overwrite --logging ${{ parameters.additionalInitArguments }}
-    displayName: Call react-native init-windows
+      call npx @react-native-community/cli init-windows --template ${{ parameters.template }} --overwrite --logging ${{ parameters.additionalInitArguments }}
+    displayName: Call @react-native-community/cli init-windows
     workingDirectory: $(Agent.BuildDirectory)\testcli
     env:
       YARN_ENABLE_IMMUTABLE_INSTALLS: false
@@ -178,7 +196,7 @@ steps:
 
   # Only test bundling in debug since we already bundle as part of release builds
   - ${{ if and(endsWith(parameters.template, '-app'), eq(parameters.configuration, 'Debug')) }}:
-    - script: npx react-native bundle --entry-file index.js --platform windows --bundle-output test.bundle
+    - script: npx @react-native-community/cli bundle --entry-file index.js --platform windows --bundle-output test.bundle
       displayName: Create bundle testcli
       workingDirectory: $(Agent.BuildDirectory)\testcli
 

.ado/templates/run-windows-with-certificates.yml

@@ -33,7 +33,7 @@ parameters:
 steps:
   - ${{ if eq(parameters.buildConfiguration, 'Debug') }}:
     - script: >
-        yarn react-native run-windows
+        npx @react-native-community/cli run-windows
         --arch ${{ parameters.buildPlatform }}
         --no-launch
         --logging
@@ -45,7 +45,7 @@ steps:
 
   - ${{ if and(eq(parameters.buildConfiguration, 'Release'), endsWith(parameters.buildEnvironment, 'PullRequest')) }}:
     - script: >
-        yarn react-native run-windows
+        npx @react-native-community/cli run-windows
         --arch ${{ parameters.buildPlatform }}
         --release
         --no-launch
@@ -60,7 +60,7 @@ steps:
     - template: ../templates/write-certificate.yml
 
     - script: >
-        yarn react-native run-windows
+        npx @react-native-community/cli run-windows
         --arch ${{ parameters.buildPlatform }}
         --release
         --no-launch

.github/ISSUE_TEMPLATE/bug-report.yaml

@@ -35,17 +35,17 @@ body:
     attributes:
       label: CLI version
       description: |
-        Run the command `npx react-native --version` in your terminal and copy the results here
-      value: "npx react-native -v"
+        Run the command `npx @react-native-community/cli --version` in your terminal and copy the results here
+      value: "npx @react-native-community/cli -v"
     id: cli
   - type: textarea
     validations:
       required: true
     attributes:
       label: Environment
       description: |
-        Run the command `npx react-native info` in your terminal and copy the results here
-      value: "npx react-native info"
+        Run the command `npx @react-native-community/cli info` in your terminal and copy the results here
+      value: "npx @react-native-community/cli info"
       render: markdown
     id: env
   - type: textarea
@@ -98,7 +98,7 @@ body:
     attributes:
       value: |
         **Troubleshooting**
-        If you see build failure on `react-native run-windows`, please try again with `react-native run-windows --logging` and provide the output.
+        If you see build failure on `npx @react-native-community/cli run-windows`, please try again with `npx @react-native-community/cli run-windows --logging` and provide the output.
     id: troubleshoot
   - type: textarea
     attributes:

.github/policies/resourceManagement.yml

@@ -335,14 +335,14 @@ configuration:
 
             If you are using latest version:
 
-            1. `npx react-native --version`:
+            1. `npx @react-native-community/cli --version`:
 
-            2. `npx react-native run-windows --info`:
+            2. `npx @react-native-community/cli run-windows --info`:
 
 
             Otherwise if `--info` doesn't exist:
 
-            1. `react-native -v`:
+            1. `npx @react-native-community/cli -v`:
 
             2. `npm ls rnpm-plugin-windows`:
 

change/@office-iss-react-native-win32-2cc396d6-8e1a-4f1a-b498-f47a2d068d71.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Integrate 7/1",
+  "packageName": "@office-iss/react-native-win32",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@react-native-windows-automation-channel-5df60e08-6a6c-4664-a74f-293ef9c804fa.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate 7/1",
+  "packageName": "@react-native-windows/automation-channel",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@react-native-windows-cli-5b9acb8a-40e5-40ce-8584-115b25439ba4.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Integrate 7/1",
+  "packageName": "@react-native-windows/cli",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@react-native-windows-codegen-31f0aa3a-9370-439f-9dc0-50ef6015c8c2.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Integrate 7/1",
+  "packageName": "@react-native-windows/codegen",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@react-native-windows-telemetry-3365f712-1ae9-4fb1-b3e0-bd2e46141378.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Integrate 7/1",
+  "packageName": "@react-native-windows/telemetry",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@rnw-scripts-eslint-config-5bf3ac65-1e4e-48c5-9ba6-d0edc8fd18d3.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate 7/1",
+  "packageName": "@rnw-scripts/eslint-config",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@rnw-scripts-integrate-rn-3b67890d-d0a7-456d-b986-6e406bb3d2c2.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate 7/1",
+  "packageName": "@rnw-scripts/integrate-rn",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/react-native-platform-override-fe0103a0-c152-4f12-8000-76eff04c02e2.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate 7/1",
+  "packageName": "react-native-platform-override",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/react-native-windows-81feb460-241d-443b-b880-b723cf8420a1.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Integrate 7/1",
+  "packageName": "react-native-windows",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/react-native-windows-init-29543871-881a-466b-b5bb-b55339fb81cf.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate 7/1",
+  "packageName": "react-native-windows-init",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

docs/testing-nuget-packages.md

@@ -1,4 +1,4 @@
-## Testing NuGet package for new react-native init templates.
+## Testing NuGet package for new @react-native-community/cli init templates.
 Today's default is to use the C++ and C# code from the `react-native-windows` npm package as source. We have been working on moving to a binary distribution model for this code via NuGet. 
 
 Today we support the following projects as a NuGet package:
@@ -38,7 +38,7 @@ Today we support the following projects as a NuGet package:
       > if it fails with already being registered for another enlistment you can run `yarn unlink`
 1. Generate a test project
    1. open terminal in a test folder
-   1. `npx react-native init MyProj`
+   1. `npx @react-native-community/cli init MyProj`
    1. cd `MyProj`
    1. Apply the react-native-windows template:
       1. `node z:\src\r3\packages\react-native-windows-init\bin.js --useDevMode --overwrite  --language cs --experimentalNuGetDependency --nuGetTestFeed c:\temp\RnWNuGetTesting\feed --nuGetTestVersion 0.0.1-MyTest001 `

packages/@office-iss/react-native-win32-tester/overrides.json

@@ -5,7 +5,7 @@
   "excludePatterns": [
     "src/js/examples-win32/**"
   ],
-  "baseVersion": "0.75.0-nightly-20240618-5df5ed1a8",
+  "baseVersion": "0.76.0-nightly-20240701-9f6cb21ed",
   "overrides": [
     {
       "type": "patch",

packages/@office-iss/react-native-win32-tester/package.json

@@ -11,15 +11,15 @@
     "validate-overrides": "react-native-platform-override validate"
   },
   "dependencies": {
-    "@react-native/tester": "0.75.0-main",
+    "@react-native/tester": "0.76.0-main",
     "@typescript-eslint/eslint-plugin": "^5.30.5",
     "@typescript-eslint/parser": "^5.57.1",
     "flow-enums-runtime": "^0.0.5"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.0.0-canary.257",
     "react": "18.0.0",
-    "react-native": "0.75.0-nightly-20240618-5df5ed1a8"
+    "react-native": "0.76.0-nightly-20240701-9f6cb21ed"
   },
   "devDependencies": {
     "@office-iss/react-native-win32": "^0.0.0-canary.257",
@@ -30,7 +30,7 @@
     "@types/node": "^18.0.0",
     "eslint": "^8.19.0",
     "just-scripts": "^1.3.3",
-    "react-native": "0.75.0-nightly-20240618-5df5ed1a8",
+    "react-native": "0.76.0-nightly-20240701-9f6cb21ed",
     "react-native-platform-override": "^1.9.44",
     "typescript": "5.0.4"
   },

packages/@office-iss/react-native-win32/.flowconfig

@@ -54,7 +54,7 @@
 .*/node_modules/sample-apps/.*
 .*/node_modules/playground/.*
 
-; Ignore templates for 'react-native init'
+; Ignore templates for 'npx @react-native-community/cli init'
 <PROJECT_ROOT>/packages/react-native/template/.*
 <PROJECT_ROOT>/packages/react-native/sdks/.*
 
@@ -129,6 +129,8 @@ module.name_mapper='^@office-iss/react-native-win32/\(.*\)$' -> '<PROJECT_ROOT>\
 module.name_mapper='^@react-native/dev-middleware$' -> '<PROJECT_ROOT>/\1'
 module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
 
+one_sided_type_guards=true
+
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
@@ -159,4 +161,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.238.0
+^0.238.3

packages/@office-iss/react-native-win32/overrides.json

@@ -7,19 +7,19 @@
     "**/__snapshots__/**",
     "src-win/rntypes/**"
   ],
-  "baseVersion": "0.75.0-nightly-20240618-5df5ed1a8",
+  "baseVersion": "0.76.0-nightly-20240701-9f6cb21ed",
   "overrides": [
     {
       "type": "derived",
       "file": ".flowconfig",
       "baseFile": ".flowconfig",
-      "baseHash": "75582b181be0cd6790f7c021bfafb761dfc42381"
+      "baseHash": "2b0a3c4f44b686f254516c51469500bf26c5b113"
     },
     {
       "type": "derived",
       "file": "src-win/index.win32.js",
       "baseFile": "packages/react-native/index.js",
-      "baseHash": "dd3b224f82882d17be0a79a368b293c9ac6599a0"
+      "baseHash": "2690130ef7a40e3fb37fc465979e69b1036cdae8"
     },
     {
       "type": "platform",
@@ -317,7 +317,7 @@
       "type": "patch",
       "file": "src-win/Libraries/LogBox/UI/LogBoxInspectorHeader.win32.js",
       "baseFile": "packages/react-native/Libraries/LogBox/UI/LogBoxInspectorHeader.js",
-      "baseHash": "e85290422895e30d58e2d804f11e73407a743282",
+      "baseHash": "46b6ee5d65a0c820dd0a2415bd8f43e5e8807bae",
       "issue": 7952
     },
     {
@@ -439,7 +439,7 @@
       "type": "derived",
       "file": "src-win/Libraries/Text/Text.win32.js",
       "baseFile": "packages/react-native/Libraries/Text/Text.js",
-      "baseHash": "71c24366f3f0baa9a48ba34c08b255483bf77553"
+      "baseHash": "3b40ec7def4177ef81ad2eb84a0f95bc00cec041"
     },
     {
       "type": "derived",