chore(react): setup monosize for measuring bundle size which will rep…

…lace size-auditor bot (#30382)

change/@fluentui-keyboard-key-28df3988-2b7e-4b10-b329-811bebd8bdf3.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: setup monosize for measuring bundle size which will replace-size auditor bot",
+  "packageName": "@fluentui/keyboard-key",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-270ab580-2994-41ed-9746-83e36224f9a0.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: setup monosize for measuring bundle size which will replace-size auditor bot",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

packages/keyboard-key/.npmignore

@@ -32,6 +32,8 @@ tsd.json
 tslint.json
 typings
 visualtests
+project.json
+
 !lib
 !lib-commonjs
 !lib-amd

packages/keyboard-key/bundle-size/index.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/keyboard-key';
+
+console.log(p);
+
+export default {
+  name: 'keyboard-key package',
+};

packages/keyboard-key/package.json

@@ -12,6 +12,7 @@
   },
   "license": "MIT",
   "scripts": {
+    "bundle-size": "monosize measure",
     "build": "just-scripts build",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",

packages/react/.npmignore

@@ -11,6 +11,7 @@
 .gitignore
 .vscode
 coverage
+bundle-size/
 dist/storybook
 dist/*.stats.html
 dist/*.stats.json
@@ -36,4 +37,4 @@ project.json
 !lib
 !lib-commonjs
 !lib-amd
-!dist
+!dist

packages/react/bundle-size/ActivityItem.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/ActivityItem';
+
+console.log(p);
+
+export default {
+  name: 'ActivityItem',
+};

packages/react/bundle-size/Announced.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Announced';
+
+console.log(p);
+
+export default {
+  name: 'Announced',
+};

packages/react/bundle-size/Autofill.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Autofill';
+
+console.log(p);
+
+export default {
+  name: 'Autofill',
+};

packages/react/bundle-size/Breadcrumb.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Breadcrumb';
+
+console.log(p);
+
+export default {
+  name: 'Breadcrumb',
+};

packages/react/bundle-size/Button.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Button';
+
+console.log(p);
+
+export default {
+  name: 'Button',
+};

packages/react/bundle-size/ButtonGrid.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/ButtonGrid';
+
+console.log(p);
+
+export default {
+  name: 'ButtonGrid',
+};

packages/react/bundle-size/Calendar.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Calendar';
+
+console.log(p);
+
+export default {
+  name: 'Calendar',
+};

packages/react/bundle-size/Callout.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Callout';
+
+console.log(p);
+
+export default {
+  name: 'Callout',
+};

packages/react/bundle-size/Check.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Check';
+
+console.log(p);
+
+export default {
+  name: 'Check',
+};

packages/react/bundle-size/Checkbox.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Checkbox';
+
+console.log(p);
+
+export default {
+  name: 'Checkbox',
+};

packages/react/bundle-size/ChoiceGroup.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/ChoiceGroup';
+
+console.log(p);
+
+export default {
+  name: 'ChoiceGroup',
+};

packages/react/bundle-size/ChoiceGroupOption.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/ChoiceGroupOption';
+
+console.log(p);
+
+export default {
+  name: 'ChoiceGroupOption',
+};

packages/react/bundle-size/Coachmark.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Coachmark';
+
+console.log(p);
+
+export default {
+  name: 'Coachmark',
+};

packages/react/bundle-size/Color.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Color';
+
+console.log(p);
+
+export default {
+  name: 'Color',
+};

packages/react/bundle-size/ColorPicker.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/ColorPicker';
+
+console.log(p);
+
+export default {
+  name: 'ColorPicker',
+};

packages/react/bundle-size/ComboBox.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/ComboBox';
+
+console.log(p);
+
+export default {
+  name: 'ComboBox',
+};

packages/react/bundle-size/CommandBar.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/CommandBar';
+
+console.log(p);
+
+export default {
+  name: 'CommandBar',
+};

packages/react/bundle-size/ContextualMenu.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/ContextualMenu';
+
+console.log(p);
+
+export default {
+  name: 'ContextualMenu',
+};

packages/react/bundle-size/DatePicker.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/DatePicker';
+
+console.log(p);
+
+export default {
+  name: 'DatePicker',
+};

packages/react/bundle-size/DateTimeUtilities.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/DateTimeUtilities';
+
+console.log(p);
+
+export default {
+  name: 'DateTimeUtilities',
+};

packages/react/bundle-size/DetailsList.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/DetailsList';
+
+console.log(p);
+
+export default {
+  name: 'DetailsList',
+};

packages/react/bundle-size/Dialog.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Dialog';
+
+console.log(p);
+
+export default {
+  name: 'Dialog',
+};

packages/react/bundle-size/Divider.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Divider';
+
+console.log(p);
+
+export default {
+  name: 'Divider',
+};

packages/react/bundle-size/DocumentCard.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/DocumentCard';
+
+console.log(p);
+
+export default {
+  name: 'DocumentCard',
+};

packages/react/bundle-size/DragDrop.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/DragDrop';
+
+console.log(p);
+
+export default {
+  name: 'DragDrop',
+};

packages/react/bundle-size/DraggableZone.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/DraggableZone';
+
+console.log(p);
+
+export default {
+  name: 'DraggableZone',
+};

packages/react/bundle-size/Dropdown.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Dropdown';
+
+console.log(p);
+
+export default {
+  name: 'Dropdown',
+};

packages/react/bundle-size/ExtendedPicker.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/ExtendedPicker';
+
+console.log(p);
+
+export default {
+  name: 'ExtendedPicker',
+};

packages/react/bundle-size/Fabric.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Fabric';
+
+console.log(p);
+
+export default {
+  name: 'Fabric',
+};

packages/react/bundle-size/Facepile.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Facepile';
+
+console.log(p);
+
+export default {
+  name: 'Facepile',
+};

packages/react/bundle-size/FloatingPicker.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/FloatingPicker';
+
+console.log(p);
+
+export default {
+  name: 'FloatingPicker',
+};

packages/react/bundle-size/FocusTrapZone.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/FocusTrapZone';
+
+console.log(p);
+
+export default {
+  name: 'FocusTrapZone',
+};

packages/react/bundle-size/FocusZone.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/FocusZone';
+
+console.log(p);
+
+export default {
+  name: 'FocusZone',
+};

packages/react/bundle-size/Grid.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Grid';
+
+console.log(p);
+
+export default {
+  name: 'Grid',
+};

packages/react/bundle-size/GroupedList.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/GroupedList';
+
+console.log(p);
+
+export default {
+  name: 'GroupedList',
+};

packages/react/bundle-size/GroupedListV2.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/GroupedListV2';
+
+console.log(p);
+
+export default {
+  name: 'GroupedListV2',
+};

packages/react/bundle-size/HoverCard.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/HoverCard';
+
+console.log(p);
+
+export default {
+  name: 'HoverCard',
+};

packages/react/bundle-size/Icon.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Icon';
+
+console.log(p);
+
+export default {
+  name: 'Icon',
+};

packages/react/bundle-size/Icons.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Icons';
+
+console.log(p);
+
+export default {
+  name: 'Icons',
+};

packages/react/bundle-size/Image.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Image';
+
+console.log(p);
+
+export default {
+  name: 'Image',
+};

packages/react/bundle-size/Keytip.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/Keytip';
+
+console.log(p);
+
+export default {
+  name: 'Keytip',
+};

packages/react/bundle-size/KeytipData.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/KeytipData';
+
+console.log(p);
+
+export default {
+  name: 'KeytipData',
+};

packages/react/bundle-size/KeytipLayer.fixture.js

@@ -0,0 +1,7 @@
+import * as p from '@fluentui/react/lib/KeytipLayer';
+
+console.log(p);
+
+export default {
+  name: 'KeytipLayer',
+};