chore: migrate to monosize (#26826)

azure-pipelines.bundlesize.yml

@@ -29,7 +29,7 @@ jobs:
  displayName: build packages & create reports
 
  - script: |
- yarn bundle-size compare-reports --branch=$(System.PullRequest.TargetBranch) --output=markdown --verbose
+ yarn monosize compare-reports --branch=$(System.PullRequest.TargetBranch) --output=markdown --verbose
  displayName: compare bundle size with base (PR only)
  condition: eq(variables.isPR, true)
 
@@ -39,17 +39,18 @@ jobs:
  inputs:
  githubOwner: microsoft
  githubRepo: 'fluentui'
- blobFilePath: 'packages/bundle-size/dist/bundle-size.md'
+ blobFilePath: 'node_modules/monosize/dist/monosize.md'
  status: 'success'
  uniqueId: 'bundleSizeComment9423'
 
  - script: |
- yarn bundle-size upload-report --branch=$(Build.SourceBranchName) --commit-sha $(Build.SourceVersion)
+ yarn monosize upload-report --branch=$(Build.SourceBranchName) --commit-sha $(Build.SourceVersion)
  displayName: upload a report (base only)
  condition: eq(variables.isPR, false)
  env:
  # https://docs.microsoft.com/en-us/azure/devops/pipelines/process/variables?view=azure-devops&tabs=yaml%2Cbatch#secret-variables
  BUNDLESIZE_ACCOUNT_KEY: $(bundlesize-account-key)
+ BUNDLESIZE_ACCOUNT_NAME: fluentbundlesize
 
  - template: .devops/templates/cleanup.yml
 

change/@fluentui-global-context-68d5d8bd-c8b2-41fa-93f7-e2527277ef4f.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/global-context",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-priority-overflow-ddc84f38-d412-43bf-a2d3-d47104baccda.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/priority-overflow",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-accordion-2f905fc7-de93-410c-aaeb-65b68a0ca5de.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-accordion",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-alert-478e6ee4-61dc-4d2d-b277-81282d3e0b39.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-alert",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-avatar-fa7f8a12-6c36-4c50-bb35-6a2af0e081e5.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-avatar",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-badge-5d1019c0-80a9-415d-8950-12e103da6d16.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-badge",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-button-c9f3e438-855a-4110-b18c-a9eca1278fa2.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-button",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-card-d318cb0c-e93c-4aeb-b233-84ecd73f395f.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-card",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-checkbox-a7567757-e842-4ff5-a6fe-1be1312d27d7.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-checkbox",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-combobox-6aed9ee4-88b7-41b0-bca4-f76785524773.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-combobox",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-components-397e22d0-0bb1-496a-a60c-0eeb3e907c80.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-components",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-datepicker-compat-28cb92c3-14f6-4070-b90e-07cd7ba72204.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-datepicker-compat",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-dialog-a3344e8a-9023-491e-8bf6-b4ee3341fea8.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-dialog",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-divider-c7fc8114-68c0-40b3-bf65-10f53067a8e8.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-divider",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-field-6ea17406-e985-4bdc-b4ab-d654d6f5cec8.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-field",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-image-7293f217-bc71-4e38-994a-08baf79bec40.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-image",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-infobutton-09d1e1dd-a4d4-404d-ba5c-eb3ceac80d8f.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-infobutton",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-input-b8a22e94-1663-4d81-924a-80e71a8b2632.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-input",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-label-43ceefec-9a8c-4a94-b471-cf95f14b9f2a.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-label",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-link-bdab1cbb-44fb-4950-b123-a999ef3c46f5.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-link",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-menu-2e663a55-bafd-44d1-a5f1-628d933a8194.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-menu",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-overflow-53aa4833-71e0-4523-84fc-0435a10187c0.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-overflow",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-persona-7cf13c7f-4a6b-4455-8168-c5d02b31333b.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-persona",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-popover-c37b0c56-0da2-47d7-91bd-401a625f70b3.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-popover",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-portal-941d3e09-93da-447c-a435-0748f4bb167e.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-portal",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-portal-compat-06f01568-afe2-4726-a62f-21bb5edd2104.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-portal-compat",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-positioning-0c69fd95-0d82-4e58-a0a3-38f614f7a256.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-positioning",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-progress-4fa3e978-433c-4373-b535-3a14428ca302.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-progress",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-provider-3d6288c0-4136-409d-bf15-a7809a22cebb.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-provider",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-radio-b270d3ba-f7d9-4a35-8105-44c2c46cbde5.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-radio",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-select-9f17ad2a-3e85-4674-8f3a-6be2701738a6.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-select",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-slider-574718cc-d18b-4781-be7c-eab8cc309fb8.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-slider",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-spinbutton-429c21ed-66ed-4894-992b-0bff0ba5c3c3.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-spinbutton",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-spinner-5c1cde22-393d-4ad5-aa84-9af8cf0d99c7.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-spinner",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-switch-a55e2ddf-85e0-4944-ba4d-acc1cf0299c6.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-switch",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-table-55908622-fc66-4d3f-9713-d6f2237a7401.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-table",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-text-a4c1ad51-c605-4042-b6a8-4c0ef97291a9.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-text",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-textarea-e1cd46e8-40ee-4693-9ad4-e7613d5717ed.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-textarea",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-theme-93864517-7e51-4637-aaf2-3880ceef1181.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-theme",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-toast-db2eded1-85c0-41eb-a395-982d67e8b6e7.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-toast",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-tooltip-5ef8881e-2447-4f11-83f9-3cd8f12ffc72.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-tooltip",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

change/@fluentui-react-utilities-e977aab2-cd48-4cd3-89e1-3930a7087dce.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "chore: migrate to monosize",
+ "packageName": "@fluentui/react-utilities",
+ "email": "[email protected]",
+ "dependentChangeType": "none"
+}

monosize.config.mjs

@@ -0,0 +1,12 @@
+// @ts-check
+import createAzureStorage from 'monosize-storage-azure';
+
+/** @type {import('monosize').MonoSizeConfig} */
+const config = {
+ repository: 'https:/microsoft/fluentui',
+ storage: createAzureStorage({
+ endpoint: 'https://fluentbundlesize.azurewebsites.net/api/latest',
+ }),
+};
+
+export default config;