ci: move to changesets for releases (#4003)

Author: Saadnajmi

.ado/azure-pipelines.publish.yml

@@ -14,10 +14,6 @@ parameters:
     displayName: Skip Npm Publish
     type: boolean
     default: false
-  - name: skipGitPush
-    displayName: Skip Git Push
-    type: boolean
-    default: false
   - name: skipNugetPublish
     displayName: Skip Nuget Publish
     type: boolean
@@ -70,12 +66,6 @@ extends:
             steps:
               - template: .ado/templates/setup-repo.yml@self
 
-              - script: |
-                  git config user.name "UI-Fabric-RN-Bot"
-                  git config user.email "uifrnbot@microsoft.com"
-                  git remote set-url origin https://$(githubUser):$(githubPAT)@github.com/microsoft/fluentui-react-native.git
-                displayName: Git Authentication
-
               - script: |
                   yarn
                 displayName: 'yarn install'
@@ -85,24 +75,24 @@ extends:
                 displayName: 'yarn buildci [test]'
 
               - script: |
-                  echo ##vso[task.setvariable variable=SkipNpmPublishArgs]--no-publish
-                displayName: Enable No-Publish (npm)
-                condition: ${{ parameters.skipNpmPublish }}
-
-              - script: |
-                  echo ##vso[task.setvariable variable=SkipGitPushPublishArgs]--no-push
-                displayName: Enable No-Publish (git)
-                condition: ${{ parameters.skipGitPush }}
+                  yarn config set npmPublishRegistry "https://registry.npmjs.org"
+                  yarn config set npmAuthToken $(npmAuth)
+                displayName: 'Configure yarn for npm publishing'
+                condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/main'), not(${{ parameters.skipNpmPublish }}))
 
               - script: |
-                  yarn publish:beachball $(SkipNpmPublishArgs) $(SkipGitPushPublishArgs) --access public --token $(npmAuth) -b origin/main -y
-                displayName: 'Publish NPM Packages (for main branch)'
-                condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/main'))
+                  # https://github.com/changesets/changesets/issues/432
+                  # We can't use `changeset publish` because it doesn't support workspaces, so we have to publish each package individually
+                  yarn workspaces foreach --all --topological --no-private \
+                    exec zx $(Build.SourcesDirectory)/.github/scripts/publish-package-if-needed.mts
+                displayName: 'Publish NPM Packages'
+                condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/main'), not(${{ parameters.skipNpmPublish }}))
 
               - script: |
-                  yarn publish:beachball $(SkipNpmPublishArgs) $(SkipGitPushPublishArgs) --access public --token $(npmAuth) -y -t v${{ replace(variables['Build.SourceBranch'],'refs/heads/releases/','') }} -b origin/${{ replace(variables['Build.SourceBranch'],'refs/heads/','') }} --prerelease-prefix ${{ replace(variables['Build.SourceBranch'],'refs/heads/releases/','') }}
-                displayName: 'Publish NPM Packages (for other release branches)'
-                condition: and(succeeded(), ne(variables['Build.SourceBranch'], 'refs/heads/main'))
+                  yarn config unset npmAuthToken
+                  yarn config unset npmPublishRegistry
+                displayName: 'Cleanup yarn npm config'
+                condition: always()
 
           - template: .ado/templates/win32-nuget-publish.yml@self
             parameters:

.changeset/beachball-migration.md

@@ -0,0 +1,102 @@
+---
+"@fluentui-react-native/adapters": patch
+"@fluentui-react-native/android-theme": patch
+"@fluentui-react-native/apple-theme": patch
+"@fluentui-react-native/avatar": patch
+"@fluentui-react-native/badge": patch
+"@fluentui-react-native/button": patch
+"@fluentui-react-native/callout": patch
+"@fluentui-react-native/checkbox": patch
+"@fluentui-react-native/chip": patch
+"@fluentui-react-native/codemods": patch
+"@fluentui-react-native/composition": patch
+"@fluentui-react-native/contextual-menu": patch
+"@fluentui-react-native/default-theme": patch
+"@fluentui-react-native/divider": patch
+"@fluentui-react-native/drawer": patch
+"@fluentui-react-native/dropdown": patch
+"@fluentui-react-native/experimental-activity-indicator": patch
+"@fluentui-react-native/experimental-appearance-additions": patch
+"@fluentui-react-native/experimental-avatar": patch
+"@fluentui-react-native/experimental-checkbox": patch
+"@fluentui-react-native/experimental-expander": patch
+"@fluentui-react-native/experimental-menu-button": patch
+"@fluentui-react-native/experimental-native-date-picker": patch
+"@fluentui-react-native/experimental-native-font-metrics": patch
+"@fluentui-react-native/experimental-shadow": patch
+"@fluentui-react-native/experimental-shimmer": patch
+"@fluentui-react-native/focus-trap-zone": patch
+"@fluentui-react-native/focus-zone": patch
+"@fluentui-react-native/framework": patch
+"@fluentui-react-native/framework-base": patch
+"@fluentui-react-native/icon": patch
+"@fluentui-react-native/immutable-merge": patch
+"@fluentui-react-native/input": patch
+"@fluentui-react-native/interactive-hooks": patch
+"@fluentui-react-native/link": patch
+"@fluentui-react-native/memo-cache": patch
+"@fluentui-react-native/menu": patch
+"@fluentui-react-native/menu-button": patch
+"@fluentui-react-native/merge-props": patch
+"@fluentui-react-native/notification": patch
+"@fluentui-react-native/overflow": patch
+"@fluentui-react-native/persona": patch
+"@fluentui-react-native/persona-coin": patch
+"@fluentui-react-native/popover": patch
+"@fluentui-react-native/pressable": patch
+"@fluentui-react-native/radio-group": patch
+"@fluentui-react-native/separator": patch
+"@fluentui-react-native/spinner": patch
+"@fluentui-react-native/stack": patch
+"@fluentui-react-native/styling-utils": patch
+"@fluentui-react-native/switch": patch
+"@fluentui-react-native/tablist": patch
+"@fluentui-react-native/text": patch
+"@fluentui-react-native/theme": patch
+"@fluentui-react-native/theme-tokens": patch
+"@fluentui-react-native/theme-types": patch
+"@fluentui-react-native/themed-stylesheet": patch
+"@fluentui-react-native/theming-utils": patch
+"@fluentui-react-native/tokens": patch
+"@fluentui-react-native/tooltip": patch
+"@fluentui-react-native/use-slot": patch
+"@fluentui-react-native/use-slots": patch
+"@fluentui-react-native/use-styling": patch
+"@fluentui-react-native/use-tokens": patch
+"@fluentui-react-native/vibrancy-view": patch
+"@fluentui-react-native/win32-theme": patch
+"@fluentui/react-native": patch
+"@uifabricshared/foundation-composable": patch
+"@uifabricshared/foundation-compose": patch
+"@uifabricshared/foundation-settings": patch
+"@uifabricshared/foundation-tokens": patch
+"@uifabricshared/theme-registry": patch
+"@uifabricshared/themed-settings": patch
+"@uifabricshared/theming-ramp": patch
+"@uifabricshared/theming-react-native": patch
+---
+
+# Migration from Beachball to Changesets
+
+This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+All 75 affected packages receive a patch version bump to acknowledge the accumulated changes from the beachball era.
+
+## What Changed
+
+Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+- ❌ 440+ beachball change files from `change/` directory
+- ❌ `beachball` package dependency
+- ❌ Beachball scripts from `package.json`
+- ❌ `beachball.config.js` configuration file
+- ❌ Beachball publish steps from Azure Pipelines
+
+## New Workflow
+
+✅ **Create changes**: Run `yarn changeset` to document changes
+✅ **Version bump PRs**: Automatically created by GitHub Actions
+✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+✅ **Validation**: CI validates changesets and blocks major version bumps
+
+For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.

.changeset/config.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": ["@changesets/cli/commit", { "skipCI": false }],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "origin/main",
+  "ignore": [
+    "@fluentui-react-native/dependency-profiles",
+    "@fluentui-react-native/e2e-testing",
+    "@fluentui-react-native/tester",
+    "@fluentui-react-native/tester-core",
+    "@fluentui-react-native/tester-win32",
+    "@fluentui-react-native/tester-win32-81",
+    "@fluentui-react-native/test-*"
+  ]
+}

.github/scripts/changeset-version-with-postbump.mts

@@ -0,0 +1,38 @@
+#!/usr/bin/env zx
+import 'zx/globals';
+
+/**
+ * Changeset version bump with post-bump hook
+ *
+ * This script orchestrates the version bump process:
+ * 1. Runs changeset version to bump package versions
+ * 2. Updates dependency-profiles with new versions
+ * 3. Updates yarn.lock to reflect all changes
+ *
+ * The changesets action will automatically commit these changes.
+ */
+
+const DEPENDENCY_PROFILES_DIR = 'packages/dependency-profiles';
+
+echo('📦 Running changeset version...');
+await $`yarn changeset version`;
+
+// Undo the commit that changeset version made, but keep the changes
+// This allows the changesets action to create a single commit with all changes
+echo('🔙 Undoing changeset commit (keeping changes)...');
+await $`git reset --soft HEAD~1`;
+
+echo('\n🔄 Updating dependency-profiles...');
+if (fs.existsSync(DEPENDENCY_PROFILES_DIR)) {
+  cd(DEPENDENCY_PROFILES_DIR);
+  await $`yarn update-profile`;
+  cd('../..');
+  echo('✅ dependency-profiles updated');
+} else {
+  echo('⚠️  dependency-profiles not found, skipping');
+}
+
+echo('\n🔒 Updating yarn.lock...');
+await $`yarn install --mode update-lockfile`;
+
+echo('\n✅ Version bump complete!');

.github/scripts/publish-package-if-needed.mts

@@ -0,0 +1,63 @@
+#!/usr/bin/env zx
+import 'zx/globals';
+
+// Type declaration for process (zx doesn't include Node.js types)
+declare const process: {
+  env: Record<string, string | undefined>;
+  cwd: () => string;
+  argv: string[];
+  exit: (code: number) => never;
+};
+
+/**
+ * Publish a single package to npm if needed
+ *
+ * This script:
+ * - Operates on the current workspace directory
+ * - Checks npm registry before publishing
+ * - Skips private packages automatically
+ *
+ * Usage:
+ *   # In a workspace directory:
+ *   npx zx publish-package-if-needed.mts           # Publish for real
+ *   npx zx publish-package-if-needed.mts --dry-run # Simulate publishing
+ *
+ *   # For all workspaces in topological order:
+ *   yarn workspaces foreach --all --topological --no-private \
+ *     exec npx zx .github/scripts/publish-package-if-needed.mts
+ */
+
+// Parse command line arguments
+const isDryRun = process.argv.includes('--dry-run');
+
+// Read package.json from current directory
+const packageJson = JSON.parse(fs.readFileSync('package.json', 'utf-8'));
+const { name, version, private: isPrivate } = packageJson;
+
+// Skip private packages
+if (isPrivate) {
+  echo(`⊘ Skipping private package: ${name}`);
+  process.exit(0);
+}
+
+// Check if package@version already exists on npm
+const result = await $`npm view ${name}@${version} version 2>&1`.nothrow().quiet();
+const shouldPublish = result.exitCode !== 0 || result.stdout.trim() !== version;
+
+if (!shouldPublish) {
+  echo(`✓ Already published: ${name}@${version}`);
+  process.exit(0);
+}
+
+// Publish the package
+const startMsg = isDryRun ? 'Simulating publish' : 'Publishing';
+const endMsg = isDryRun ? 'Dry-run successful for' : 'Successfully published';
+
+echo(`→ ${startMsg}: ${name}@${version}`);
+
+const publishCmd = isDryRun
+  ? $`yarn npm publish --access public --dry-run`
+  : $`yarn npm publish --access public`;
+
+await publishCmd;
+echo(`✓ ${endMsg}: ${name}@${version}`);