Netflix/mantis-ui
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 88 files with 4,890 lines of code.
    • 1 very long files (1,472 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (439 lines of code)
    • 6 small files (800 lines of code)
    • 80 very small files (2,179 lines of code)
30% | 0% | 8% | 16% | 44%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: grouped by folders | grouped by size | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
ts51% | 0% | 15% | 9% | 23%
tsx0% | 0% | 0% | 26% | 73%
css0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
cjs0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src30% | 0% | 9% | 16% | 43%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
jobs.ts
in src/mirage/fixtures
 1472 -
clusters.ts
in src/mirage/fixtures
 439 -
index.ts
in src/mirage
 162 3
Summary.tsx
in src/components
 144 -
ClusterDetail.tsx
in src/components/Clusters
 134 1
Jobs.tsx
in src/components/Jobs
 124 -
TopNav.tsx
in src/components
 119 1
BaseService.ts
in src/services
 117 9
job.ts
in src/types
 99 -
JobClusterService.ts
in src/services
 94 3
JobService.ts
in src/services
 87 4
JobOverviewTab.tsx
in src/components/Jobs
 85 1
Clusters.tsx
in src/components/Clusters
 74 1
JobDescriptionTab.tsx
in src/components/Jobs
 74 1
Login.tsx
in src/components
 72 -
ClusterConfigCard.tsx
in src/components/Clusters
 67 1
FilesUpload.tsx
in src/components/Files
 67 1
JobDetail.tsx
in src/components/Jobs
 62 -
ClusterJobsCard.tsx
in src/components/Clusters
 57 2
job.ts
in src/utils
 56 3
cluster.ts
in src/types
 52 -
DataGrid.tsx
in src/components
 51 1
app.tsx
in src/providers
 47 1
useClusters.tsx
in src/hooks
 47 4
module-loader.ts
in src/utils
 45 3
ClustersRoute.tsx
in src/components/Router/routes
 42 1
modals.tsx
in src/components/Clusters
 41 -
FilesList.tsx
in src/components/Files
 37 1
Layout.tsx
in src/components
 36 -
BaseAuthProvider.tsx
in src/providers/auth
 33 2
FilesRoute.tsx
in src/components/Router/routes
 33 1
app.css
in src/assets/styles
 33 -
JobLabelBadge.tsx
in src/components/Jobs
 32 1
index.tsx
in src/components/Router/routes
 31 -
ArtifactService.ts
in src/services
 30 2
Files.tsx
in src/components/Files
 29 -
notifications.tsx
in src/utils
 27 2
27 1
RouteBreadcrumbs.tsx
in src/components
 26 -
useJobs.tsx
in src/hooks
 25 3
24 1
machine.ts
in src/types
 24 -
BaseInitProvider.tsx
in src/providers/init
 22 1
JobsRoute.tsx
in src/components/Router/routes
 21 1
artifacts.ts
in src/mirage/fixtures
 20 -
JobVersionBadge.tsx
in src/components/Jobs
 20 1
ErrorFallback.tsx
in src/components
 19 1
main.tsx
in src
 18 -
ClusterOwnerDetails.tsx
in src/components/Clusters
 18 1
JobStateBadge.tsx
in src/components/Jobs
 18 -
Files With Most Units (Top 42)
File# lines# units
BaseService.ts
in src/services
 117 9
useClusters.tsx
in src/hooks
 47 4
JobService.ts
in src/services
 87 4
module-loader.ts
in src/utils
 45 3
job.ts
in src/utils
 56 3
index.ts
in src/mirage
 162 3
useJobs.tsx
in src/hooks
 25 3
sentry.ts
in src/lib
 18 3
JobClusterService.ts
in src/services
 94 3
BaseAuthProvider.tsx
in src/providers/auth
 33 2
notifications.tsx
in src/utils
 27 2
ClusterJobsCard.tsx
in src/components/Clusters
 57 2
ArtifactService.ts
in src/services
 30 2
24 1
13 1
BaseInitProvider.tsx
in src/providers/init
 22 1
app.tsx
in src/providers
 47 1
string.ts
in src/utils
 4 1
logger.ts
in src/utils
 6 1
App.tsx
in src/components/App
 10 1
ClusterDetail.tsx
in src/components/Clusters
 134 1
ClusterConfigCard.tsx
in src/components/Clusters
 67 1
Clusters.tsx
in src/components/Clusters
 74 1
ClusterOwnerDetails.tsx
in src/components/Clusters
 18 1
ErrorFallback.tsx
in src/components
 19 1
DataGrid.tsx
in src/components
 51 1
FilesUpload.tsx
in src/components/Files
 67 1
FilesList.tsx
in src/components/Files
 37 1
JobVersionBadge.tsx
in src/components/Jobs
 20 1
JobLabelBadge.tsx
in src/components/Jobs
 32 1
JobDescriptionTab.tsx
in src/components/Jobs
 74 1
JobOverviewTab.tsx
in src/components/Jobs
 85 1
NotFound.tsx
in src/components
 15 1
TopNav.tsx
in src/components
 119 1
FilesRoute.tsx
in src/components/Router/routes
 33 1
JobsRoute.tsx
in src/components/Router/routes
 21 1
ClustersRoute.tsx
in src/components/Router/routes
 42 1
useArtifacts.tsx
in src/hooks
 10 1
useAuth.tsx
in src/hooks
 17 1
27 1
useJobSummary.tsx
in src/hooks
 14 1
ky.ts
in src/lib
 9 1
Files With Long Lines (Top 3)

There are 3 files with lines longer than 120 characters. In total, there are 13 long lines.

File# lines# units# long lines
jobs.ts
in src/mirage/fixtures
 1472 - 11
Login.tsx
in src/components
 72 - 1
JobOverviewTab.tsx
in src/components/Jobs
 85 1 1
Correlations

File Size vs. Commits (all time): 84 points

src/mirage/index.ts x: 18 commits (all time) y: 162 lines of code src/components/Clusters/ClusterConfigCard.tsx x: 5 commits (all time) y: 67 lines of code src/components/Clusters/ClusterDetail.tsx x: 11 commits (all time) y: 134 lines of code src/components/Clusters/ClusterJobsCard.tsx x: 4 commits (all time) y: 57 lines of code src/components/Clusters/ClusterLabelBadge.tsx x: 3 commits (all time) y: 14 lines of code src/components/Clusters/ClusterOwnerDetails.tsx x: 2 commits (all time) y: 18 lines of code src/components/Clusters/modals.tsx x: 2 commits (all time) y: 41 lines of code src/components/Router/routes/ClustersRoute.tsx x: 9 commits (all time) y: 42 lines of code src/hooks/useClusters.tsx x: 8 commits (all time) y: 47 lines of code src/lib/react-query.ts x: 9 commits (all time) y: 18 lines of code src/mirage/fixtures/jobs.ts x: 6 commits (all time) y: 1472 lines of code src/providers/app.tsx x: 7 commits (all time) y: 47 lines of code src/services/JobClusterService.ts x: 9 commits (all time) y: 94 lines of code src/types/machine.ts x: 4 commits (all time) y: 24 lines of code src/components/Jobs/JobDescriptionTab.tsx x: 3 commits (all time) y: 74 lines of code src/components/Jobs/JobDetail.tsx x: 7 commits (all time) y: 62 lines of code src/components/Jobs/JobOverviewTab.tsx x: 5 commits (all time) y: 85 lines of code src/components/Jobs/Jobs.tsx x: 16 commits (all time) y: 124 lines of code src/components/Router/routes/JobsRoute.tsx x: 4 commits (all time) y: 21 lines of code src/hooks/useJobs.tsx x: 11 commits (all time) y: 25 lines of code src/services/JobService.ts x: 9 commits (all time) y: 87 lines of code src/types/job.ts x: 5 commits (all time) y: 99 lines of code src/components/Files/FilesUpload.tsx x: 8 commits (all time) y: 67 lines of code src/components/Login.tsx x: 6 commits (all time) y: 72 lines of code src/components/TopNav.tsx x: 4 commits (all time) y: 119 lines of code src/utils/string.ts x: 3 commits (all time) y: 4 lines of code src/components/DataGrid.tsx x: 4 commits (all time) y: 51 lines of code src/components/LoadingFallback.tsx x: 5 commits (all time) y: 8 lines of code src/components/Router/routes/index.tsx x: 3 commits (all time) y: 31 lines of code src/types/api.ts x: 4 commits (all time) y: 13 lines of code src/types/artifact.ts x: 3 commits (all time) y: 6 lines of code src/types/cluster.ts x: 3 commits (all time) y: 52 lines of code src/types/constraints.ts x: 1 commits (all time) y: 6 lines of code src/types/meechum.ts x: 2 commits (all time) y: 16 lines of code src/types/user.ts x: 2 commits (all time) y: 7 lines of code tailwind.config.ts x: 1 commits (all time) y: 24 lines of code src/services/ArtifactService.ts x: 4 commits (all time) y: 30 lines of code src/services/BaseService.ts x: 5 commits (all time) y: 117 lines of code src/providers/init/BaseInitProvider.tsx x: 7 commits (all time) y: 22 lines of code src/main.tsx x: 6 commits (all time) y: 18 lines of code src/components/AuthGuard/AuthGuard.tsx x: 1 commits (all time) y: 2 lines of code src/components/Jobs/JobVersionBadge.tsx x: 3 commits (all time) y: 20 lines of code src/components/Layout.tsx x: 2 commits (all time) y: 36 lines of code src/components/RouteBreadcrumbs.tsx x: 2 commits (all time) y: 26 lines of code src/components/Summary.tsx x: 4 commits (all time) y: 144 lines of code src/providers/auth/BaseAuthProvider.tsx x: 2 commits (all time) y: 33 lines of code src/providers/init/InitProvider.tsx x: 2 commits (all time) y: 2 lines of code src/utils/storage.ts x: 1 commits (all time) y: 14 lines of code vite.config.ts x: 7 commits (all time) y: 13 lines of code src/components/Jobs/JobStateBadge.tsx x: 1 commits (all time) y: 18 lines of code src/mirage/fixtures/clusters.ts x: 1 commits (all time) y: 439 lines of code src/assets/styles/app.css x: 1 commits (all time) y: 33 lines of code
1472.0
lines of code
  min: 2.0
  average: 57.86
  25th percentile: 11.5
  median: 23.0
  75th percentile: 51.75
  max: 1472.0
0 18.0
commits (all time)
min: 1.0 | average: 3.87 | 25th percentile: 2.0 | median: 3.0 | 75th percentile: 5.0 | max: 18.0

File Size vs. Contributors (all time): 84 points

src/mirage/index.ts x: 4 contributors (all time) y: 162 lines of code src/components/Clusters/ClusterConfigCard.tsx x: 2 contributors (all time) y: 67 lines of code src/components/Clusters/ClusterDetail.tsx x: 3 contributors (all time) y: 134 lines of code src/components/Clusters/ClusterJobsCard.tsx x: 2 contributors (all time) y: 57 lines of code src/components/Clusters/ClusterLabelBadge.tsx x: 2 contributors (all time) y: 14 lines of code src/components/Clusters/ClusterOwnerDetails.tsx x: 2 contributors (all time) y: 18 lines of code src/components/Clusters/modals.tsx x: 2 contributors (all time) y: 41 lines of code src/components/Router/routes/ClustersRoute.tsx x: 3 contributors (all time) y: 42 lines of code src/hooks/useClusters.tsx x: 3 contributors (all time) y: 47 lines of code src/lib/react-query.ts x: 4 contributors (all time) y: 18 lines of code src/mirage/fixtures/jobs.ts x: 4 contributors (all time) y: 1472 lines of code src/services/JobClusterService.ts x: 3 contributors (all time) y: 94 lines of code src/types/machine.ts x: 3 contributors (all time) y: 24 lines of code src/components/Jobs/JobDescriptionTab.tsx x: 2 contributors (all time) y: 74 lines of code src/components/Jobs/JobDetail.tsx x: 3 contributors (all time) y: 62 lines of code src/components/Jobs/JobOverviewTab.tsx x: 2 contributors (all time) y: 85 lines of code src/components/Jobs/Jobs.tsx x: 4 contributors (all time) y: 124 lines of code src/components/Router/routes/JobsRoute.tsx x: 3 contributors (all time) y: 21 lines of code src/services/JobService.ts x: 3 contributors (all time) y: 87 lines of code src/types/job.ts x: 3 contributors (all time) y: 99 lines of code src/utils/job.ts x: 3 contributors (all time) y: 56 lines of code src/components/Files/FilesUpload.tsx x: 3 contributors (all time) y: 67 lines of code src/components/Login.tsx x: 3 contributors (all time) y: 72 lines of code src/components/TopNav.tsx x: 3 contributors (all time) y: 119 lines of code src/utils/string.ts x: 2 contributors (all time) y: 4 lines of code src/components/DataGrid.tsx x: 1 contributors (all time) y: 51 lines of code src/components/LoadingFallback.tsx x: 2 contributors (all time) y: 8 lines of code src/components/Router/routes/index.tsx x: 1 contributors (all time) y: 31 lines of code src/hooks/useAuth.tsx x: 1 contributors (all time) y: 17 lines of code src/types/artifact.ts x: 1 contributors (all time) y: 6 lines of code tailwind.config.ts x: 1 contributors (all time) y: 24 lines of code src/services/ArtifactService.ts x: 3 contributors (all time) y: 30 lines of code src/providers/init/BaseInitProvider.tsx x: 1 contributors (all time) y: 22 lines of code src/utils/module-loader.ts x: 1 contributors (all time) y: 45 lines of code src/components/AuthGuard/AuthGuard.tsx x: 1 contributors (all time) y: 2 lines of code src/components/Clusters/Clusters.tsx x: 1 contributors (all time) y: 74 lines of code src/components/Layout.tsx x: 1 contributors (all time) y: 36 lines of code src/components/Summary.tsx x: 1 contributors (all time) y: 144 lines of code src/mirage/fixtures/clusters.ts x: 1 contributors (all time) y: 439 lines of code
1472.0
lines of code
  min: 2.0
  average: 57.86
  25th percentile: 11.5
  median: 23.0
  75th percentile: 51.75
  max: 1472.0
0 4.0
contributors (all time)
min: 1.0 | average: 1.7 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 3.0 | max: 4.0

File Size vs. Commits (30 days): 0 points

No data for "commits (30d)" vs. "lines of code".

File Size vs. Contributors (30 days): 0 points

No data for "contributors (30d)" vs. "lines of code".

File Size vs. Commits (90 days): 0 points

No data for "commits (90d)" vs. "lines of code".

File Size vs. Contributors (90 days): 0 points

No data for "contributors (90d)" vs. "lines of code".

About This Analysis
  • File size measurements show the distribution of size of files.
  • Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
  • It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...