microsoft / fluentui
Components & Dependencies

An overview of source code logical components.

Intro

Logical decomposition is a representation of the organization of the main source code, where every and each file is put in exactly one logical component.

  • A software system can have one or more logical decompositions.
  • A logical decomposition can be defined in two ways in Sokrates.
  • First approach is based on the folders structure. Components are mapped to folders at defined folder depth relative to the source code root.
  • Second approach is based on explicit definition of each component. In such explicit definitions, components are explicitly named and their files are selected based on explicitly defined path and content filters.
  • A logical decomposition is considered invalid if a file is selected into two or more components.This constraint is introduced in order to facilitate measuring of dependencies among components.
  • Files not assigned to any component are put into a special "Unclassified" component.
Learn more...
Logical Decompositions Overview

Analyzed system has 1 logical decomposition:

  • primary (115 components)

Logical Decomposition #1: PRIMARY

The decompositions is based on the folder structure (relative to the source code root), with automatically defined folder depth to have at least 10 components.

Bubble Chart | Tree Map
Components
The "primary" logical decomposition has 115 components.
  • 7,740 files, 323,012 lines of code (87.6% vs. main code).
  • "packages/fluentui" is biggest, containing 20.79% of code.
  • "scripts/cypress" is smallest, containing 0% of code.


packages/fluentui67140 LOC (18%) 1426 files
packages/react58860 LOC (15%) 797 files
packages/react-examples42175 LOC (11%) 575 files
packages/react-icons-mdl219862 LOC (5%) 1648 files
apps/public-docsite14321 LOC (3%) 302 files
packages/web-components14122 LOC (3%) 204 files
packages/react-experiments11175 LOC (3%) 220 files
packages/react-charting9914 LOC (2%) 120 files
packages/react-docsite-components7906 LOC (2%) 171 files
packages/azure-themes5840 LOC (1%) 59 files
packages/font-icons-mdl24155 LOC (1%) 24 files
packages/utilities4121 LOC (1%) 106 files
packages/react-theme3754 LOC (1%) 39 files
packages/react-button2903 LOC (<1%) 97 files
scripts/gulp2854 LOC (<1%) 37 files
packages/react-icons-mdl2-branded2806 LOC (<1%) 235 files
packages/react-menu2787 LOC (<1%) 123 files
apps/public-docsite-resources2050 LOC (<1%) 95 files
packages/react-components1665 LOC (<1%) 25 files
packages/codemods1625 LOC (<1%) 25 files
packages/react-conformance1616 LOC (<1%) 17 files
packages/merge-styles1551 LOC (<1%) 30 files
apps/theming-designer1382 LOC (<1%) 16 files
scripts1333 LOC (<1%) 29 files
packages/theme1232 LOC (<1%) 36 files
packages/react-focus1166 LOC (<1%) 8 files
packages/style-utilities1102 LOC (<1%) 34 files
apps/perf-test1074 LOC (<1%) 61 files
packages/react-utilities1067 LOC (<1%) 39 files
packages/react-monaco-editor1045 LOC (<1%) 34 files
packages/react-accordion1030 LOC (<1%) 51 files
packages/react-badge986 LOC (<1%) 46 files
tools/generators985 LOC (<1%) 8 files
packages/common-styles966 LOC (<1%) 14 files
packages/react-avatar930 LOC (<1%) 30 files
ROOT906 LOC (<1%) 17 files
packages/react-popover905 LOC (<1%) 34 files
scripts/tasks823 LOC (<1%) 20 files
packages/react-positioning794 LOC (<1%) 18 files
packages/example-data793 LOC (<1%) 8 files
packages/react-file-type-icons766 LOC (<1%) 9 files
packages/foundation-legacy755 LOC (<1%) 17 files
packages/bundle-size746 LOC (<1%) 20 files
packages/react-tabs695 LOC (<1%) 27 files
packages/react-input676 LOC (<1%) 23 files
packages/date-time-utilities624 LOC (<1%) 22 files
packages/a11y-testing607 LOC (<1%) 23 files
packages/react-divider601 LOC (<1%) 19 files
packages/react-text588 LOC (<1%) 53 files
packages/eslint-plugin566 LOC (<1%) 11 files
packages/react-slider560 LOC (<1%) 21 files
packages/react-card559 LOC (<1%) 41 files
packages/react-tooltip559 LOC (<1%) 19 files
packages/react-switch546 LOC (<1%) 14 files
packages/api-docs510 LOC (<1%) 9 files
packages/theme-samples492 LOC (<1%) 11 files
packages/keyboard-keys491 LOC (<1%) 10 files
packages/react-checkbox472 LOC (<1%) 21 files
packages/react-provider450 LOC (<1%) 19 files
packages/react-radio436 LOC (<1%) 20 files
packages/react-hooks427 LOC (<1%) 23 files
scripts/dangerjs427 LOC (<1%) 10 files
scripts/screener426 LOC (<1%) 7 files
packages/react-cards405 LOC (<1%) 18 files
packages/keyboard-key394 LOC (<1%) 4 files
scripts/create-package368 LOC (<1%) 11 files
packages/react-image359 LOC (<1%) 20 files
scripts/updateReleaseNotes355 LOC (<1%) 7 files
packages/public-docsite-setup332 LOC (<1%) 8 files
packages/scheme-utilities290 LOC (<1%) 6 files
packages/react-link283 LOC (<1%) 20 files
packages/react-tabster278 LOC (<1%) 14 files
scripts/jest274 LOC (<1%) 7 files
apps/pr-deploy-site273 LOC (<1%) 5 files
packages/react-portal269 LOC (<1%) 21 files
scripts/monorepo256 LOC (<1%) 9 files
scripts/create-component246 LOC (<1%) 11 files
packages/react-label210 LOC (<1%) 18 files
packages/cra-template193 LOC (<1%) 8 files
scripts/projects-test176 LOC (<1%) 5 files
packages/monaco-editor174 LOC (<1%) 7 files
packages/react-aria174 LOC (<1%) 9 files
packages/react-storybook-addon162 LOC (<1%) 10 files
scripts/fluentui-publish158 LOC (<1%) 1 files
apps/test-bundles157 LOC (<1%) 2 files
packages/react-conformance-griffel155 LOC (<1%) 7 files
packages/react-context-selector155 LOC (<1%) 7 files
packages/react-make-styles154 LOC (<1%) 11 files
tools139 LOC (<1%) 3 files
packages/dom-utilities138 LOC (<1%) 15 files
apps/server-rendered-app136 LOC (<1%) 5 files
scripts/beachball135 LOC (<1%) 4 files
packages/react-date-time118 LOC (<1%) 8 files
scripts/dependency-graph-generator117 LOC (<1%) 1 files
packages/react-spinner114 LOC (<1%) 14 files
packages/react-dialog109 LOC (<1%) 13 files
packages/react-spinbutton109 LOC (<1%) 13 files
scripts/babel104 LOC (<1%) 4 files
packages/react-shared-contexts78 LOC (<1%) 20 files
scripts/lint-staged76 LOC (<1%) 2 files
packages/jest-serializer-merge-styles71 LOC (<1%) 3 files
packages/react-storybook71 LOC (<1%) 8 files
packages/storybook70 LOC (<1%) 16 files
scripts/github69 LOC (<1%) 4 files
scripts/prettier67 LOC (<1%) 2 files
packages/test-utilities66 LOC (<1%) 7 files
scripts/config53 LOC (<1%) 1 files
scripts/storybook47 LOC (<1%) 1 files
packages/webpack-utilities46 LOC (<1%) 4 files
scripts/typescript46 LOC (<1%) 1 files
packages/react-icon-provider25 LOC (<1%) 6 files
packages/react-window-provider23 LOC (<1%) 5 files
packages/set-version21 LOC (<1%) 3 files
scripts/puppeteer8 LOC (<1%) 1 files
scripts/cypress6 LOC (<1%) 3 files
Dependencies
Dependencies among components are static code dependencies among files in different components.

No component dependencies found.


2022-01-30 13:40