Add 0.81 desktop test app

.changeset/dry-mangos-tap.md

@@ -0,0 +1,5 @@
+---
+"@fluentui-react-native/menu-button": patch
+---
+
+Changes to native component definition to allow builds in 0.81

.yarnrc.yml

@@ -17,14 +17,14 @@ catalog:
   "@rnx-kit/lint-lockfile": ^0.1.3
   "@rnx-kit/metro-config": ^2.2.4
   "@rnx-kit/metro-resolver-symlinks": ^0.2.11
-  "@rnx-kit/metro-serializer": "^2.0.3"
-  "@rnx-kit/metro-serializer-esbuild": "^0.3.1"
+  "@rnx-kit/metro-serializer": ^2.0.3
+  "@rnx-kit/metro-serializer-esbuild": ^0.3.1
   "@rnx-kit/reporter": ^0.1.0
   "@rnx-kit/tools-packages": ^0.1.2
   "@rnx-kit/tools-typescript": ^0.1.3
   "@rnx-kit/tsconfig": ^3.0.0
-  "@rnx-kit/types-kit-config": "^1.0.0"
-  "@rnx-kit/types-node": "^1.0.0"
+  "@rnx-kit/types-kit-config": ^1.0.0
+  "@rnx-kit/types-node": ^1.0.0
   "@types/jasmine": 5.1.13
   "@types/node": ^22.19.7
   "@wdio/appium-service": ^9.24.0

apps/desktop/.gitignore

@@ -0,0 +1,18 @@
+*.binlog
+*.hprof
+*.xcworkspace/
+*.zip
+.DS_Store
+.bundle
+!.bundle/config
+.gradle/
+.idea/
+.vs/
+.xcode.env
+Pods/
+build/
+dist/*
+!dist/.gitignore
+local.properties
+msbuild.binlog
+node_modules/

apps/desktop/.watchmanconfig

@@ -0,0 +1 @@
+{}

apps/desktop/app.json

@@ -0,0 +1,22 @@
+{
+  "name": "DesktopTester",
+  "displayName": "Desktop Tester",
+  "singleApp": "desktop-tester",
+  "components": [{ "appKey": "DesktopTester", "displayName": "Desktop Tester", "slug": "desktop-tester" }],
+  "macos": {
+    "icons": {
+      "primaryIcon": {
+        "filename": "assets/fluent_app_icon_macos.png",
+        "prerendered": true
+      },
+      "alternateIcon": {
+        "filename": "assets/fluent_app_icon_macos.png",
+        "prerendered": true
+      }
+    }
+  },
+  "resources": {
+    "macos": ["dist/assets", "dist/index.macos.jsbundle"],
+    "windows": ["dist/assets", "dist/index.windows.bundle"]
+  }
+}

apps/desktop/assets/drawable/fluent_app_icon_android_background.xml

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector
+    android:height="108dp"
+    android:width="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#3DDC84"
+          android:pathData="M0,0h108v108h-108z"/>
+    <path android:fillColor="#00000000" android:pathData="M9,0L9,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,0L19,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,0L29,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,0L39,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,0L49,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,0L59,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,0L69,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,0L79,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M89,0L89,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M99,0L99,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,9L108,9"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,19L108,19"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,29L108,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,39L108,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,49L108,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,59L108,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,69L108,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,79L108,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,89L108,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,99L108,99"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,29L89,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,39L89,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,49L89,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,59L89,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,69L89,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,79L89,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,19L29,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,19L39,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,19L49,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,19L59,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,19L69,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,19L79,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+</vector>

apps/desktop/assets/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/fluent_app_icon_android_background"/>
+    <foreground android:drawable="@mipmap/fluent_app_icon_android_foreground"/>
+</adaptive-icon>

apps/desktop/assets/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/fluent_app_icon_android_background"/>
+    <foreground android:drawable="@mipmap/fluent_app_icon_android_foreground"/>
+</adaptive-icon>

apps/desktop/babel.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        modules: 'auto',
+        targets: { node: 'current' },
+      },
+    ],
+    ['@babel/preset-react', { runtime: 'automatic' }],
+    ['@babel/preset-typescript', { allowSyntheticDefaultImports: true }],
+    ['module:@rnx-kit/babel-preset-metro-react-native', { runtime: 'automatic' }],
+  ],
+  overrides: [
+    {
+      plugins: [
+        [require('@babel/plugin-transform-react-jsx'), { runtime: 'automatic' }],
+        [require('@babel/plugin-transform-react-jsx-source')],
+      ],
+    },
+  ],
+};

apps/desktop/eslint.config.js

@@ -0,0 +1,3 @@
+const baseConfig = require('@fluentui-react-native/eslint-config-rules');
+
+module.exports = baseConfig;

apps/desktop/ios/Podfile

@@ -0,0 +1,16 @@
+# (pnpm mode) allow modules to resolve correctly in upstream podfiles, comment out for node-modules mode
+ENV['REACT_NATIVE_NODE_MODULES_DIR'] = File.join(__dir__, '../node_modules')
+require_relative '../node_modules/react-native-test-app/ios/test_app'
+
+# ws_dir = Pathname.new(__dir__)
+# ws_dir = ws_dir.parent until
+#   File.exist?("#{ws_dir}/node_modules/react-native-test-app/macos/test_app.rb") ||
+#   ws_dir.expand_path.to_s == '/'
+# require "#{ws_dir}/node_modules/react-native-test-app/macos/test_app.rb"
+
+workspace 'DesktopTester.xcworkspace'
+
+# (pnpm mode)
+react_native_path = "#{__dir__}/../node_modules/react-native"
+
+use_test_app! :hermes_enabled => true, :fabric_enabled => false