feat: upgrade react-native quickstart to 0.82.1 with ditto 4.13.0

[teodorciuraru]

Summary

Migrated bare React Native CLI quickstart to latest template (0.82.1) and integrated Ditto SDK 4.13.0. This is a periodic update of packages that unlock RN goodies.

Migrated by moving diffs from the RN Upgrade Helper.

Key Changes

Breaking Changes

• React Native: 0.79.1 → 0.82.1
• React: 19.0.0 → 19.1.1

Features

• Integrated Ditto SDK 4.13.0
• Add Safe Area View for better aesthetics.

Removed

• [Temporary] macOS support — no longer in React Native 0.82+ template. We'll readd it when it gets upgraded.

Testing

• ✅ iOS builds and runs on simulator
• ✅ Android builds and runs on emulator
• ✅ Task CRUD operations verified on both platforms

🤖 Generated with Claude Code

[Copilot]

Pull Request Overview

This PR upgrades the React Native quickstart from version 0.79.1 to 0.82.1 and integrates Ditto SDK 4.13.0. The upgrade includes breaking changes to React and React Native versions, removes macOS support temporarily due to version incompatibilities, and implements the react-native-safe-area-context library for better UI handling.

Key Changes:

• Core Framework Updates: React Native 0.79.1 → 0.82.1, React 19.0.0 → 19.1.1, Ditto SDK 4.12.4 → 4.13.0
• Build Configuration: Updated Android SDK levels, Kotlin version, Node.js minimum version (18 → 20), and Ruby version (2.6.10 → 3.3.0)
• UI Improvements: Replaced React Native's built-in SafeAreaView with react-native-safe-area-context library and wrapped the app in SafeAreaProvider

Reviewed Changes

Copilot reviewed 16 out of 25 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
react-native/package.json	Updated dependency versions including React Native, React, Ditto SDK, and CLI tools; added test script and safe-area-context library
react-native/tsconfig.json	Simplified TypeScript configuration to extend @react-native/typescript-config with minimal overrides
react-native/types/env.d.ts	Removed blank lines for cleaner formatting
react-native/metro.config.js	Updated destructuring syntax to include spaces (formatting)
react-native/jest.config.js	Removed transformIgnorePatterns configuration
react-native/ios/Podfile.lock	Updated all React Native and Ditto dependencies to match 0.82.1 and 4.13.0 respectively
react-native/ios/DittoReactNativeSampleApp/Info.plist	Added CADisableMinimumFrameDurationOnPhone and RCTNewArchEnabled flags
react-native/macos/README.md	Added documentation explaining macOS incompatibility with React Native 0.82.1
react-native/macos/Podfile	Removed unused flags configuration
react-native/android/build.gradle	Updated build tools, SDK levels, and Kotlin version
react-native/android/gradle.properties	Added edgeToEdgeEnabled property
react-native/android/app/build.gradle	Added buildConfig feature flag and edge-to-edge configuration
react-native/index.js	Updated import formatting to use spaces around braces
react-native/app.json	Changed display name from "DittoReactNativeSampleApp" to "Ditto Task Sync"
react-native/App.tsx	Replaced React Native SafeAreaView with react-native-safe-area-context implementation
react-native/tests/App.test.tsx	Updated test to use ReactTestRenderer.act() with async pattern
react-native/.ruby-version	Added Ruby 3.3.0 version specification
react-native/.prettierrc.js	Removed bracketSameLine and bracketSpacing overrides
react-native/.gitignore	Added .kotlin/ directory to ignore list
react-native/Gemfile	Formatting cleanup (trailing newline)
react-native/Gemfile.lock	Updated Ruby gems and locked Ruby version to 3.3.0
.github/workflows/react-native-ci.yml	Added Ruby setup step with version 3.3 and bundler caching

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The test has been changed from a synchronous it('renders correctly', ...) to an asynchronous test('renders correctly', async () => ...). While this aligns with React 18+ best practices and the use of ReactTestRenderer.act(), the test doesn't actually await any asynchronous operations within the act callback.

Consider whether the async keyword is necessary here. If there are no async operations to await, the test could remain synchronous:

test('renders correctly', () => {
  ReactTestRenderer.act(() => {
    ReactTestRenderer.create(<App />);
  });
});

However, if the App component or its children perform async operations during rendering, keeping it as async is correct.

Suggested change

	test('renders correctly', async () => {
	await ReactTestRenderer.act(() => {
	test('renders correctly', () => {
	ReactTestRenderer.act(() => {

[teodorciuraru]

Rejected. Trying to keep as close as possible to the RN template to minimize diffs and possible confusion.