microsoft / WebTemplateStudio
File Size

The distribution of size of files (measured in lines of code).

Intro
  • 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...
File Size Overall
  • There are 680 files with 22,404 lines of code.
    • 0 very long files (0 lines of code)
    • 1 long files (528 lines of code)
    • 10 medium size files (3,125 lines of codeclsfd_ftr_w_mp_ins)
    • 34 small files (4,480 lines of code)
    • 635 very small files (14,271 lines of code)
0% | 2% | 13% | 19% | 63%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
ts0% | 4% | 17% | 21% | 56%
css0% | 0% | 32% | 0% | 67%
ps10% | 0% | 77% | 20% | 1%
tsx0% | 0% | 0% | 30% | 69%
js0% | 0% | 0% | 19% | 80%
cs0% | 0% | 0% | 19% | 80%
vue0% | 0% | 0% | 16% | 83%
py0% | 0% | 0% | 28% | 71%
html0% | 0% | 0% | 0% | 100%
java0% | 0% | 0% | 0% | 100%
m0% | 0% | 0% | 0% | 100%
xaml0% | 0% | 0% | 0% | 100%
bzl0% | 0% | 0% | 0% | 100%
props0% | 0% | 0% | 0% | 100%
h0% | 0% | 0% | 0% | 100%
targets0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/client/src0% | 4% | 15% | 17% | 62%
src/extension/src0% | 0% | 26% | 32% | 40%
templates/Web/_composition0% | 0% | 0% | 16% | 83%
templates/Web/Pages0% | 0% | 0% | 14% | 85%
_build0% | 0% | 0% | 100% | 0%
templates/RN/_composition0% | 0% | 0% | 23% | 76%
templates/RN/Projects0% | 0% | 0% | 0% | 100%
templates/RN/Pages0% | 0% | 0% | 0% | 100%
src/client/scripts0% | 0% | 0% | 0% | 100%
src/client/public0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
mockStore.ts
in src/client/src/mockData
528 1
mockWebPlatformData.ts
in src/client/src/mockData/extensionModules/mockData
486 -
rnw-dependencies.ps1
in src/extension/src/scripts
424 -
extensionService.ts
in src/client/src/utils/extensionService
367 -
cosmosDbModule.ts
in src/extension/src/azure/azure-cosmosDB
310 11
mockThemes.css
in src/client/src/css
297 -
themeslight.css
in src/client/src/css
297 -
azureServices.ts
in src/extension/src/azure
278 22
mockReactNativePlatformData.ts
in src/client/src/mockData/extensionModules/mockData
249 -
azureAuth.ts
in src/extension/src/azure/azure-auth
211 13
index.css
in src/client/src
206 -
coreTemplateStudio.ts
in src/extension/src
197 17
appServiceProvider.ts
in src/extension/src/azure/azure-app-service
195 11
run-tests.ts
in src/extension/src/scripts
192 13
controller.ts
in src/extension/src
186 11
saga.ts
in src/client/src/store/config/config
176 14
messages.ts
in src/extension/src/constants
173 35
index.tsx
in src/client/src/components/RightSidebar/SelectPages/PageContainer/DraggablePage
164 -
mockAzureModule.ts
in src/client/src/mockData/extensionModules
159 -
index.tsx
in src/client/src/modals/GenerationModal
157 3
cliTemplatesParser.ts
in src/client/src/utils
141 -
SampleDataService.cs
in templates/Web/_composition/AspNet/Page.AspNet.AddSampleDataService/backend/Services
134 -
index.tsx
in src/client/src/pages/SelectFrameworksPage/FrameworkCard
130 -
index.tsx
in src/client/src/components/RightSidebar
127 -
index.tsx
in src/client/src/modals/CosmosDbModal
127 -
wizardSelectionSelector.ts
in src/client/src/store/userSelection/app/wizardSelectionSelector
124 1
mockVsCodeApi.ts
in src/client/src/mockData
123 -
callWithTelemetryAndErrorHandling.ts
in src/extension/src/telemetry
120 3
sampleData$wts.Page_gpostaction.js
in templates/Web/_composition/Moleculer/Page.Moleculer.AddSampleData.ForAllExceptList/backend/data
116 -
sampleData$wts.Page_gpostaction.js
in templates/Web/_composition/Node/Page.Node.AddSampleData.ForAllExceptList/backend
116 -
index.tsx
in src/client/src/modals/AppServiceModal
114 -
index.tsx
in src/client/src/pages/AddServicesPage/ServiceCard
112 -
Extension-ReplaceNames.ps1
in _build
111 -
index.tsx
in src/client/src/components/RightSidebar/ServicesList/SidebarItem
111 -
azureModule.ts
in src/extension/src/client-modules
110 10
constants.ts
in src/extension/src/constants
110 -
index.tsx
in src/client/src/components/ResourceGroupSelection
109 1
Param_SourceName_Pascal.js
in templates/Web/Pages/React.List/frontend/src/components/Param_SourceName_Pascal
109 -
index.tsx
in src/client/src/pages/AddPagesPage/PageCard
107 1
sampleData.ts
in templates/RN/_composition/_shared/Page.AddSampleData/src/data
107 -
VueList.vue
in templates/Web/Pages/Vue.List/frontend/src/views
107 -
sample_data$wts.Page_gpostaction.py
in templates/Web/_composition/Flask/Page.Flask.AddSampleData.ForAllExceptList/backend/Param_ProjectName_Snake
107 -
App.tsx
in src/client/src
104 -
coreTSModule.ts
in src/extension/src/client-modules
104 8
resourceGroupModule.ts
in src/extension/src/azure/azure-resource-group
101 8
index.tsx
in src/client/src/modals/CosmosDbModal/AccountNameEditor
100 -
constants.ts
in src/client/src/utils/constants
100 -
styles.module.css
in src/client/src/components/TopNavBarLink
98 -
index.tsx
in src/client/src/components/Footer
96 -
styles.module.css
in src/client/src/components/RightSidebar
95 -
Files With Most Units (Top 20)
File# lines# units
messages.ts
in src/extension/src/constants
173 35
azureServices.ts
in src/extension/src/azure
278 22
coreTemplateStudio.ts
in src/extension/src
197 17
saga.ts
in src/client/src/store/config/config
176 14
azureAuth.ts
in src/extension/src/azure/azure-auth
211 13
run-tests.ts
in src/extension/src/scripts
192 13
appServiceProvider.ts
in src/extension/src/azure/azure-app-service
195 11
cosmosDbModule.ts
in src/extension/src/azure/azure-cosmosDB
310 11
controller.ts
in src/extension/src
186 11
azureModule.ts
in src/extension/src/client-modules
110 10
GenerationService.ts
in src/extension/src/utils/generation
88 10
deploy.ts
in src/extension/src
69 9
resourceGroupModule.ts
in src/extension/src/azure/azure-resource-group
101 8
coreTSModule.ts
in src/extension/src/client-modules
104 8
errors.ts
in src/extension/src
48 8
telemetry.ts
in src/extension/src/client-modules
52 7
reactPanel.ts
in src/extension/src
86 6
parseError.ts
in src/extension/src/telemetry
81 6
RequirementsService.ts
in src/extension/src/utils/requirements
89 6
MainApplication.java
in templates/RN/Projects/Default/android/app/src/main/java/com/Param_ProjectToLower
59 6
Files With Long Lines (Top 20)

There are 29 files with lines longer than 120 characters. In total, there are 83 long lines.

File# lines# units# long lines
mockWebPlatformData.ts
in src/client/src/mockData/extensionModules/mockData
486 - 16
rnw-dependencies.ps1
in src/extension/src/scripts
424 - 16
mockStore.ts
in src/client/src/mockData
528 1 15
mockReactNativePlatformData.ts
in src/client/src/mockData/extensionModules/mockData
249 - 7
messages.ts
in src/client/src/modals/AzureServicesModal
47 - 3
Extension-ReplaceNames.ps1
in _build
111 - 2
SampleDataService.cs
in templates/Web/_composition/AspNet/Page.AspNet.AddSampleDataService/backend/Services
134 - 2
index.tsx
in src/client/src/components/ProjectDetails/ProjectName
80 - 1
azure.ts
in src/client/src/utils/constants
33 - 1
validator.ts
in src/extension/src/client-modules
53 1 1
AppDelegate.m
in templates/RN/Projects/Default/ios/wts.projectName
52 1 1
wts.projectNameTests.m
in templates/RN/Projects/Default/ios/wts.projectNameTests
51 - 1
App.xaml.cs
in templates/RN/Projects/Default/windows/Param_ProjectToLower
47 3 1
master-list.component.html
in templates/Web/Pages/Angular.MasterDetail/frontend/src/app/app-shell/Param_SourceName_Kebab/master-list
9 - 1
MasterList.js
in templates/Web/Pages/React.MasterDetail/frontend/src/components/Param_SourceName_Pascal
28 - 1
app-routing.module_postaction.ts
in templates/Web/_composition/Angular/Page.Angular.AddNavigate/frontend/src/app
13 - 1
nav-bar.component_postaction.html
in templates/Web/_composition/Angular/Page.Angular.AddNavigate/frontend/src/app/app-shell/nav-bar
8 - 1
app-routing.module_postaction.ts
in templates/Web/_composition/Angular/Page.Angular.AddNavigateHome/frontend/src/app
13 - 1
nav-bar.component.html
in templates/Web/_composition/Angular/Project.Angular/frontend/src/app/app-shell/nav-bar
14 - 1
SampleListService.cs
in templates/Web/_composition/AspNet/Page.AspNet.List.AddService.NoCosmos/backend/Services
49 2 1