@fluentui-react-native/tester 0.170.57 → 0.170.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +57 -0
- package/README.md +21 -2
- package/app.json +0 -13
- package/desktop.config.mts +45 -0
- package/docs/macos.md +1 -1
- package/docs/windows.md +1 -1
- package/metro.config.js +1 -0
- package/package.json +27 -41
- package/react-native.config.js +0 -6
- package/scripts/register-windows-app.ps1 +61 -0
- package/tsconfig.json +4 -1
- package/.buckconfig +0 -6
- package/.cache/tsconfig.tsbuildinfo +0 -1
- package/android/app/build/generated/rnta/src/main/AndroidManifest.xml +0 -16
- package/android/build.gradle +0 -43
- package/android/gradle/wrapper/gradle-wrapper.jar +0 -0
- package/android/gradle/wrapper/gradle-wrapper.properties +0 -7
- package/android/gradle.properties +0 -53
- package/android/gradlew +0 -249
- package/android/gradlew.bat +0 -92
- package/android/settings.gradle +0 -21
- package/assets/drawable/fluent_app_icon_android_background.xml +0 -74
- package/assets/fluent_app_icon_ios.png +0 -0
- package/assets/res/mipmap-anydpi-v26/ic_launcher.xml +0 -5
- package/assets/res/mipmap-anydpi-v26/ic_launcher_round.xml +0 -5
- package/assets/res/mipmap-hdpi/fluent_app_icon_android.png +0 -0
- package/assets/res/mipmap-hdpi/fluent_app_icon_android_foreground.png +0 -0
- package/assets/res/mipmap-hdpi/fluent_app_icon_android_round.png +0 -0
- package/assets/res/mipmap-mdpi/fluent_app_icon_android.png +0 -0
- package/assets/res/mipmap-mdpi/fluent_app_icon_android_foreground.png +0 -0
- package/assets/res/mipmap-mdpi/fluent_app_icon_android_round.png +0 -0
- package/assets/res/mipmap-xhdpi/fluent_app_icon_android.png +0 -0
- package/assets/res/mipmap-xhdpi/fluent_app_icon_android_foreground.png +0 -0
- package/assets/res/mipmap-xhdpi/fluent_app_icon_android_round.png +0 -0
- package/assets/res/mipmap-xxhdpi/fluent_app_icon_android.png +0 -0
- package/assets/res/mipmap-xxhdpi/fluent_app_icon_android_foreground.png +0 -0
- package/assets/res/mipmap-xxhdpi/fluent_app_icon_android_round.png +0 -0
- package/assets/res/mipmap-xxxhdpi/fluent_app_icon_android.png +0 -0
- package/assets/res/mipmap-xxxhdpi/fluent_app_icon_android_foreground.png +0 -0
- package/assets/res/mipmap-xxxhdpi/fluent_app_icon_android_round.png +0 -0
- package/docs/android.md +0 -84
- package/docs/ios.md +0 -69
- package/ios/Podfile +0 -45
- package/ios/Podfile.lock +0 -2801
package/docs/android.md
DELETED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
# Running the FluentUI Tester on Android
|
|
2
|
-
|
|
3
|
-
`FluentUI Tester` is the test app that we use to test our FluentUI components during development. It uses the [react-native-test app](https://github.com/microsoft/react-native-test-app) under the covers, and loads the fluent-tester bundle.
|
|
4
|
-
|
|
5
|
-
## Launch `FluentUI Tester` app on Android
|
|
6
|
-
|
|
7
|
-
Prereqs:
|
|
8
|
-
|
|
9
|
-
- FluentUI Tester is built uses react-native-test app, so install its [prereqs](https://github.com/microsoft/react-native-test-app#react-native-test-app) and follow instructions depending on whether you're developing on Windows or macOS.
|
|
10
|
-
- Install [Android Studio](https://developer.android.com/studio)
|
|
11
|
-
- Make sure you have setup an [Android Virtual Device](https://developer.android.com/studio/run/managing-avds)
|
|
12
|
-
|
|
13
|
-
1. Make sure you have followed the [Getting Started](../../../README.md) instructions to install packages and build the entire FluentUI React Native repository. I.e. from the root of the repo:
|
|
14
|
-
|
|
15
|
-
```sh
|
|
16
|
-
yarn
|
|
17
|
-
yarn build
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
2. Start the server by running:
|
|
21
|
-
|
|
22
|
-
```sh
|
|
23
|
-
cd apps/fluent-tester
|
|
24
|
-
yarn start
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
3. To boot the app, open a new command prompt and run:
|
|
28
|
-
|
|
29
|
-
```sh
|
|
30
|
-
cd apps/fluent-tester
|
|
31
|
-
yarn android
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
## Dependencies
|
|
35
|
-
|
|
36
|
-
Dependencies are managed by
|
|
37
|
-
[`@rnx-kit/align-deps`](https://github.com/microsoft/rnx-kit/tree/main/packages/align-deps).
|
|
38
|
-
If you're looking to upgrade `react-native`, use the interactive upgrade command:
|
|
39
|
-
|
|
40
|
-
```sh
|
|
41
|
-
yarn rnx-align-deps --set-version
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
This command will ensure that all relevant packages are bumped correctly.
|
|
45
|
-
|
|
46
|
-
You can read more about this tool here:
|
|
47
|
-
[`@rnx-kit/align-deps` design document](https://github.com/microsoft/rnx-kit/blob/main/docsite/docs/architecture/dependency-management.md)
|
|
48
|
-
|
|
49
|
-
## Debugging
|
|
50
|
-
|
|
51
|
-
You can debug native code in Android Studio. To debug javascript code, you can either use standard web debugging, or you can use [React Native Tools](https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native) to debug directly in VS Code. The steps are as follows:
|
|
52
|
-
|
|
53
|
-
1. Launch your test app + packager as you normally would
|
|
54
|
-
2. Go the debug menu in VS Code and run the "Attach to Packager (Android)" configuration
|
|
55
|
-
3. Open the developer menu in your test app, and click debug
|
|
56
|
-
4. You now should be able to set breakpoints and step through your code directly in VS Code.
|
|
57
|
-
|
|
58
|
-
## Troubleshooting
|
|
59
|
-
|
|
60
|
-
- The first time you run your project, you may get errors about missing SDKs. Android Studio usually provides quick options to resolve these issues, but you can also go to Tools->SDK Manager to manually install or update SDK platforms or tools for your project.
|
|
61
|
-
|
|
62
|
-
- If you get the error "command not found: adb", add the following to .bash_profile or .zprofile
|
|
63
|
-
|
|
64
|
-
```sh
|
|
65
|
-
export PATH=~/Library/Android/sdk/platform-tools:$PATH
|
|
66
|
-
```
|
|
67
|
-
|
|
68
|
-
- If you would like to debug in Android Studio, you can do the following to open the project there:
|
|
69
|
-
|
|
70
|
-
```sh
|
|
71
|
-
# macOS
|
|
72
|
-
open -a "Android Studio" .
|
|
73
|
-
|
|
74
|
-
# Windows
|
|
75
|
-
# Easiest to open from within Android Studio - see picture below
|
|
76
|
-
```
|
|
77
|
-
|
|
78
|
-

|
|
79
|
-
|
|
80
|
-
Note: if Android Studio does not provide you with an "app" to run after you first open the project from the android folder, you may have to restart Android Studio.
|
|
81
|
-
|
|
82
|
-
Once Android Studio finishes preparing your app folder, you will be able to build and run your app by clicking on the "app" dropdown in the menu bar. If you have not yet setup an AVD, please see [this page](https://developer.android.com/studio/run/managing-avds) on how to set one up.
|
|
83
|
-
|
|
84
|
-

|
package/docs/ios.md
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
# Running the FluentUI Tester on iOS
|
|
2
|
-
|
|
3
|
-
`FluentUI Tester` is the test app that we use to test our FluentUI components during development. It uses the [react-native-test app](https://github.com/microsoft/react-native-test-app) under the covers, and loads the fluent-tester bundle.
|
|
4
|
-
|
|
5
|
-
## Launch `FluentUI Tester` app on iOS
|
|
6
|
-
|
|
7
|
-
Prereq: FluentUI Tester on iOS can only run on a Mac.
|
|
8
|
-
|
|
9
|
-
1. Make sure you have followed the [Getting Started](../../../README.md) instructions to install packages and build the entire FluentUI React Native repository. I.e. from the root of the repo:
|
|
10
|
-
|
|
11
|
-
```sh
|
|
12
|
-
yarn
|
|
13
|
-
yarn build
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
2. Then go into `apps/fluent-tester/ios` folder and run `pod install` to pull in the project-level Cocoapod dependencies defined in the podfile, and to generate a valid xcworkspace:
|
|
17
|
-
|
|
18
|
-
```sh
|
|
19
|
-
cd apps/fluent-tester/ios
|
|
20
|
-
pod install
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
Note: if you get the error: "CocoaPods could not find compatible versions for pod "MicrosoftFluentUI"," you may need to run `pod install --repo-update`.
|
|
24
|
-
|
|
25
|
-
3. Return to the `fluentui-tester` directory and run `yarn ios` to launch the FluentUI Tester app:
|
|
26
|
-
|
|
27
|
-
```sh
|
|
28
|
-
cd ..
|
|
29
|
-
yarn ios
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
## Dependencies
|
|
33
|
-
|
|
34
|
-
Dependencies are managed by
|
|
35
|
-
[`@rnx-kit/align-deps`](https://github.com/microsoft/rnx-kit/tree/main/packages/align-deps).
|
|
36
|
-
If you're looking to upgrade `react-native`, use the interactive upgrade command:
|
|
37
|
-
|
|
38
|
-
```sh
|
|
39
|
-
yarn rnx-align-deps --set-version
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
This command will ensure that all relevant packages are bumped correctly.
|
|
43
|
-
|
|
44
|
-
You can read more about this tool here:
|
|
45
|
-
[`@rnx-kit/align-deps` design document](https://github.com/microsoft/rnx-kit/blob/main/docsite/docs/architecture/dependency-management.md)
|
|
46
|
-
|
|
47
|
-
## Debugging
|
|
48
|
-
|
|
49
|
-
You can debug native code in Xcode. To debug javascript code, you can either use standard web debugging, or you can use [React Native Tools](https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native) to debug directly in VS Code. The steps are as follows:
|
|
50
|
-
|
|
51
|
-
1. Launch your test app + packager as you normally would
|
|
52
|
-
2. Go the debug menu in VS Code and run the "Attach to Packager (iOS)" configuration
|
|
53
|
-
3. Open the developer menu in your test app, and click debug
|
|
54
|
-
4. You now should be able to set breakpoints and step through your code directly in VS Code.
|
|
55
|
-
|
|
56
|
-
## Troubleshooting
|
|
57
|
-
|
|
58
|
-
- The first time you yarn ios, you receive an error and have to run "FluentTester.xcworkspace" directly from Xcode. The workspace can be found in the apps/fluent-tester/ios folder. After running the workspace the first time from Xcode, you will be able to `yarn ios` from the CLI.
|
|
59
|
-
- If the packager didn't launch in a separate terminal and your iOS simulator just shows a white screen for your app, you can run `yarn start` from apps/fluent-tester to launch it separately
|
|
60
|
-
- If you get the error: "Unable to resolve module... None of these files exist:...", close the packager and restart it by running `yarn start`. Note: you need to restart the packager when you switch to a different platform (e.g. from macOS or Android to iOS), but once it restarts you can reload the tester apps on all running platforms at once.
|
|
61
|
-
- If you want to do direct debugging via xcode, after the pod install, you can launch src/FluentTester.xcworkspace and build/run the scheme "ReactTestApp"
|
|
62
|
-
- If you want to have a clean rebuild of the generated iOS project, you can do the following:
|
|
63
|
-
|
|
64
|
-
```sh
|
|
65
|
-
cd apps/fluent-tester/ios
|
|
66
|
-
rm FluentTester.xcworkspace
|
|
67
|
-
rm -rf Pods/
|
|
68
|
-
pod install
|
|
69
|
-
```
|
package/ios/Podfile
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
# Switching between node-modules mode and pnpm mode requires changing how relative paths are handled.
|
|
2
|
-
|
|
3
|
-
# (pnpm mode) allow modules to resolve correctly in upstream podfiles
|
|
4
|
-
ENV['REACT_NATIVE_NODE_MODULES_DIR'] = File.join(__dir__, '../node_modules')
|
|
5
|
-
|
|
6
|
-
# (pnpm mode)
|
|
7
|
-
require_relative '../node_modules/react-native-test-app/test_app'
|
|
8
|
-
# (node-modules mode)
|
|
9
|
-
# require_relative '../../../node_modules/react-native-test-app/test_app'
|
|
10
|
-
|
|
11
|
-
workspace 'FluentTester.xcworkspace'
|
|
12
|
-
|
|
13
|
-
# (pnpm mode)
|
|
14
|
-
react_native_path = "#{__dir__}/../node_modules/react-native"
|
|
15
|
-
# (node-modules mode)
|
|
16
|
-
# react_native_path = "#{__dir__}/../../../node_modules/react-native"
|
|
17
|
-
|
|
18
|
-
# Resolve the pinned Fluent UI Apple release directly instead of enumerating its full
|
|
19
|
-
# CocoaPods spec history, whose GitHub fallback is frequently rate-limited in CI.
|
|
20
|
-
microsoft_fluent_ui_podspec = 'https://cdn.cocoapods.org/Specs/5/f/8/MicrosoftFluentUI/0.13.1/MicrosoftFluentUI.podspec.json'
|
|
21
|
-
|
|
22
|
-
# fmt 11.0.2 (pinned by React Native 0.81) fails to compile with Xcode 26 / Apple Clang 21, which is
|
|
23
|
-
# stricter about `consteval` (fixed upstream in fmt 11.1). Force fmt's compile-time consteval
|
|
24
|
-
# format-string checking off so the bundled fmt builds. This is ABI-safe and avoids a version bump
|
|
25
|
-
# (multiple pods pin fmt = 11.0.2). Re-applied on every `pod install`.
|
|
26
|
-
def patch_fmt_consteval(installer)
|
|
27
|
-
fmt_base = File.join(installer.sandbox.root.to_s, 'fmt', 'include', 'fmt', 'base.h')
|
|
28
|
-
return unless File.exist?(fmt_base)
|
|
29
|
-
|
|
30
|
-
contents = File.read(fmt_base)
|
|
31
|
-
patched = contents.gsub('# define FMT_USE_CONSTEVAL 1', '# define FMT_USE_CONSTEVAL 0')
|
|
32
|
-
return if patched == contents
|
|
33
|
-
|
|
34
|
-
# CocoaPods marks pod sources read-only; make the file writable before patching.
|
|
35
|
-
File.chmod(0o644, fmt_base)
|
|
36
|
-
File.write(fmt_base, patched)
|
|
37
|
-
Pod::UI.puts '[FluentTester] Patched fmt base.h to disable consteval (Xcode 26 / Clang 21 workaround)'
|
|
38
|
-
end
|
|
39
|
-
|
|
40
|
-
use_test_app!(:post_install => ->(installer) { patch_fmt_consteval(installer) }) do |target|
|
|
41
|
-
target.app do
|
|
42
|
-
platform :ios, '16.0'
|
|
43
|
-
pod 'MicrosoftFluentUI', :podspec => microsoft_fluent_ui_podspec
|
|
44
|
-
end
|
|
45
|
-
end
|