@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.
Files changed (44) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/README.md +21 -2
  3. package/app.json +0 -13
  4. package/desktop.config.mts +45 -0
  5. package/docs/macos.md +1 -1
  6. package/docs/windows.md +1 -1
  7. package/metro.config.js +1 -0
  8. package/package.json +27 -41
  9. package/react-native.config.js +0 -6
  10. package/scripts/register-windows-app.ps1 +61 -0
  11. package/tsconfig.json +4 -1
  12. package/.buckconfig +0 -6
  13. package/.cache/tsconfig.tsbuildinfo +0 -1
  14. package/android/app/build/generated/rnta/src/main/AndroidManifest.xml +0 -16
  15. package/android/build.gradle +0 -43
  16. package/android/gradle/wrapper/gradle-wrapper.jar +0 -0
  17. package/android/gradle/wrapper/gradle-wrapper.properties +0 -7
  18. package/android/gradle.properties +0 -53
  19. package/android/gradlew +0 -249
  20. package/android/gradlew.bat +0 -92
  21. package/android/settings.gradle +0 -21
  22. package/assets/drawable/fluent_app_icon_android_background.xml +0 -74
  23. package/assets/fluent_app_icon_ios.png +0 -0
  24. package/assets/res/mipmap-anydpi-v26/ic_launcher.xml +0 -5
  25. package/assets/res/mipmap-anydpi-v26/ic_launcher_round.xml +0 -5
  26. package/assets/res/mipmap-hdpi/fluent_app_icon_android.png +0 -0
  27. package/assets/res/mipmap-hdpi/fluent_app_icon_android_foreground.png +0 -0
  28. package/assets/res/mipmap-hdpi/fluent_app_icon_android_round.png +0 -0
  29. package/assets/res/mipmap-mdpi/fluent_app_icon_android.png +0 -0
  30. package/assets/res/mipmap-mdpi/fluent_app_icon_android_foreground.png +0 -0
  31. package/assets/res/mipmap-mdpi/fluent_app_icon_android_round.png +0 -0
  32. package/assets/res/mipmap-xhdpi/fluent_app_icon_android.png +0 -0
  33. package/assets/res/mipmap-xhdpi/fluent_app_icon_android_foreground.png +0 -0
  34. package/assets/res/mipmap-xhdpi/fluent_app_icon_android_round.png +0 -0
  35. package/assets/res/mipmap-xxhdpi/fluent_app_icon_android.png +0 -0
  36. package/assets/res/mipmap-xxhdpi/fluent_app_icon_android_foreground.png +0 -0
  37. package/assets/res/mipmap-xxhdpi/fluent_app_icon_android_round.png +0 -0
  38. package/assets/res/mipmap-xxxhdpi/fluent_app_icon_android.png +0 -0
  39. package/assets/res/mipmap-xxxhdpi/fluent_app_icon_android_foreground.png +0 -0
  40. package/assets/res/mipmap-xxxhdpi/fluent_app_icon_android_round.png +0 -0
  41. package/docs/android.md +0 -84
  42. package/docs/ios.md +0 -69
  43. package/ios/Podfile +0 -45
  44. 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
- ![On Windows, it is easiest to open from within Android Studio, and the folder will show an Android Studio icon.](./../../../assets/fluent_tester_android_windows_open.png)
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
- ![Run your app from Android Studio with the "app" button in the menu bar.](./../../../assets/fluent_tester_android_app_built.png)
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