facebook / instant-articles-builder
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 80 files with 6,396 lines of code.
    • 0 very long files (0 lines of code)
    • 1 long files (666 lines of code)
    • 6 medium size files (2,047 lines of codeclsfd_ftr_w_mp_ins)
    • 10 small files (1,499 lines of code)
    • 63 very small files (2,184 lines of code)
0% | 10% | 32% | 23% | 34%
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
css0% | 88% | 0% | 0% | 11%
js0% | 0% | 38% | 24% | 36%
php0% | 0% | 0% | 69% | 30%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/css0% | 91% | 0% | 0% | 8%
src/js/components0% | 0% | 42% | 32% | 25%
src/js0% | 0% | 80% | 0% | 20%
src/js/webview0% | 0% | 35% | 53% | 10%
src/js/utils0% | 0% | 53% | 0% | 46%
webserver0% | 0% | 0% | 77% | 22%
website/pages/en0% | 0% | 0% | 100% | 0%
src/js/data0% | 0% | 0% | 0% | 100%
src/js/models0% | 0% | 0% | 0% | 100%
website/core0% | 0% | 0% | 0% | 100%
src/html0% | 0% | 0% | 0% | 100%
website0% | 0% | 0% | 0% | 100%
docker/webserver0% | 0% | 0% | 0% | 100%
src/js/containers0% | 0% | 0% | 0% | 100%
website/static/css0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
style.css
in src/css
666 -
NUXTour.react.js
in src/js/components
473 1
464 48
CSSSelectorResolver.js
in src/js/webview
295 13
RuleExporter.js
in src/js/utils
284 14
Browser.react.js
in src/js/components
283 4
Preview.react.js
in src/js/components
248 1
RuleList.react.js
in src/js/components
199 5
184 3
GlobalRule.author.name.filter.js
in src/js/webview/filters
179 2
article.php
in webserver
165 8
webview.js
in src/js/webview
137 5
SelectorPicker.react.js
in src/js/components
135 7
DateTimeFormatPicker.react.js
in src/js/components
133 7
WebviewUtils.js
in src/js/webview
126 10
PropertyPicker.react.js
in src/js/components
123 1
index.js
in website/pages/en
118 8
background.js
in src/js
95 2
NUX.react.js
in src/js/components
94 1
RulePicker.react.js
in src/js/components
87 1
FileTools.react.js
in src/js/components
86 1
Footer.js
in website/core
84 3
Warnings.react.js
in src/js/components
81 2
EditorStore.js
in src/js/data
81 1
RuleStore.js
in src/js/data
78 1
UpdateNotice.react.js
in src/js/components
75 1
selection-contexts.js
in src/js/utils
73 5
App.react.js
in src/js/components
72 4
EditorActions.js
in src/js/data
69 10
SettingsStore.js
in src/js/data
69 1
phpFormatMoment.js
in src/js/utils
61 7
BugReporter.react.js
in src/js/components
60 2
BrowserMessage.js
in src/js/models
54 -
preview-webserver.js
in src/js/utils
51 3
WebviewStateMachine.js
in src/js/webview
49 9
49 1
home.css
in src/css
47 -
source.php
in webserver
46 2
Rule.js
in src/js/models
42 2
SettingsActions.js
in src/js/data
41 6
RuleActions.js
in src/js/data
41 5
Editor.js
in src/js/models
34 -
32 1
index.html
in src/html
32 -
RuleDefinition.js
in src/js/models
30 -
siteConfig.js
in website
29 -
memcached-ui.config.php
in docker/webserver
28 -
all.selector.filter.js
in src/js/webview/filters
27 -
RuleProperty.js
in src/js/models
25 1
AppContainer.react.js
in src/js/containers
24 1
Files With Most Units (Top 45)
File# lines# units
464 48
RuleExporter.js
in src/js/utils
284 14
CSSSelectorResolver.js
in src/js/webview
295 13
WebviewUtils.js
in src/js/webview
126 10
EditorActions.js
in src/js/data
69 10
WebviewStateMachine.js
in src/js/webview
49 9
index.js
in website/pages/en
118 8
article.php
in webserver
165 8
phpFormatMoment.js
in src/js/utils
61 7
SelectorPicker.react.js
in src/js/components
135 7
DateTimeFormatPicker.react.js
in src/js/components
133 7
SettingsActions.js
in src/js/data
41 6
webview.js
in src/js/webview
137 5
selection-contexts.js
in src/js/utils
73 5
RuleList.react.js
in src/js/components
199 5
RuleActions.js
in src/js/data
41 5
Browser.react.js
in src/js/components
283 4
App.react.js
in src/js/components
72 4
Footer.js
in website/core
84 3
preview-webserver.js
in src/js/utils
51 3
184 3
23 3
source.php
in webserver
46 2
background.js
in src/js
95 2
GlobalRule.author.name.filter.js
in src/js/webview/filters
179 2
debounce.js
in src/js/utils
20 2
Rule.js
in src/js/models
42 2
Warnings.react.js
in src/js/components
81 2
BugReporter.react.js
in src/js/components
60 2
RuleUtils.js
in src/js/utils
12 1
RulePropertyUtils.js
in src/js/utils
23 1
49 1
RuleProperty.js
in src/js/models
25 1
NUXTour.react.js
in src/js/components
473 1
PropertyPicker.react.js
in src/js/components
123 1
Preview.react.js
in src/js/components
248 1
FileTools.react.js
in src/js/components
86 1
RulePicker.react.js
in src/js/components
87 1
UpdateNotice.react.js
in src/js/components
75 1
NUX.react.js
in src/js/components
94 1
AppContainer.react.js
in src/js/containers
24 1
RuleStore.js
in src/js/data
78 1
32 1
SettingsStore.js
in src/js/data
69 1
EditorStore.js
in src/js/data
81 1
Files With Long Lines (Top 0)

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

File# lines# units# long lines
Correlations

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

src/js/version.js x: 9 commits (all time) y: 1 lines of code src/js/components/Preview.react.js x: 28 commits (all time) y: 248 lines of code src/js/components/Warnings.react.js x: 4 commits (all time) y: 81 lines of code webserver/article.php x: 10 commits (all time) y: 165 lines of code src/css/injected.css x: 9 commits (all time) y: 13 lines of code src/css/style.css x: 49 commits (all time) y: 666 lines of code src/js/components/Browser.react.js x: 43 commits (all time) y: 283 lines of code src/js/data/EditorActionTypes.js x: 9 commits (all time) y: 14 lines of code src/js/data/EditorActions.js x: 9 commits (all time) y: 69 lines of code src/js/data/EditorStore.js x: 13 commits (all time) y: 81 lines of code src/js/models/BrowserMessage.js x: 11 commits (all time) y: 54 lines of code src/js/models/Editor.js x: 15 commits (all time) y: 34 lines of code src/js/webview/WebviewUtils.js x: 11 commits (all time) y: 126 lines of code src/js/webview/webview.js x: 12 commits (all time) y: 137 lines of code docker/webserver/memcached-ui.config.php x: 2 commits (all time) y: 28 lines of code src/js/components/DateTimeFormatPicker.react.js x: 15 commits (all time) y: 133 lines of code src/js/components/SelectorPicker.react.js x: 17 commits (all time) y: 135 lines of code src/js/components/TransformationSettings.react.js x: 6 commits (all time) y: 184 lines of code src/js/containers/AppContainer.react.js x: 7 commits (all time) y: 24 lines of code src/js/data/RuleDefinitionStore.js x: 6 commits (all time) y: 32 lines of code src/js/data/SettingsStore.js x: 5 commits (all time) y: 69 lines of code src/js/models/AdsSettings.js x: 5 commits (all time) y: 13 lines of code src/js/models/AnalyticsSettings.js x: 4 commits (all time) y: 14 lines of code src/js/models/Attribute.js x: 8 commits (all time) y: 15 lines of code src/js/models/RuleDefinition.js x: 9 commits (all time) y: 30 lines of code src/js/models/TransformationSettings.js x: 4 commits (all time) y: 20 lines of code src/js/utils/phpFormatMoment.js x: 6 commits (all time) y: 61 lines of code src/js/webview/CSSSelectorResolver.js x: 9 commits (all time) y: 295 lines of code src/js/background.js x: 22 commits (all time) y: 95 lines of code src/js/components/NUX.react.js x: 18 commits (all time) y: 94 lines of code src/js/components/UpdateNotice.react.js x: 9 commits (all time) y: 75 lines of code src/js/components/App.react.js x: 37 commits (all time) y: 72 lines of code src/js/utils/preview-webserver.js x: 6 commits (all time) y: 51 lines of code src/js/components/PropertyPicker.react.js x: 23 commits (all time) y: 123 lines of code src/js/components/RulePicker.react.js x: 26 commits (all time) y: 87 lines of code src/js/components/common/LabelIcon/LabelIcon.react.js x: 2 commits (all time) y: 23 lines of code src/js/components/common/LabelIcon/LabelIconOptional.react.js x: 2 commits (all time) y: 7 lines of code src/js/rule-definitions.js x: 35 commits (all time) y: 464 lines of code website/core/Footer.js x: 6 commits (all time) y: 84 lines of code src/css/home.css x: 14 commits (all time) y: 47 lines of code src/html/index.html x: 16 commits (all time) y: 32 lines of code src/js/components/NUXTour.react.js x: 19 commits (all time) y: 473 lines of code src/js/injected.js x: 14 commits (all time) y: 5 lines of code src/js/components/FileTools.react.js x: 11 commits (all time) y: 86 lines of code src/js/components/RuleList.react.js x: 40 commits (all time) y: 199 lines of code src/js/data/RuleStore.js x: 8 commits (all time) y: 78 lines of code src/js/models/Rule.js x: 11 commits (all time) y: 42 lines of code src/js/models/RuleProperty.js x: 10 commits (all time) y: 25 lines of code src/js/models/RulePropertyDefinition.js x: 11 commits (all time) y: 49 lines of code src/js/utils/RuleExporter.js x: 25 commits (all time) y: 284 lines of code src/js/utils/debounce.js x: 6 commits (all time) y: 20 lines of code webserver/style.css x: 2 commits (all time) y: 3 lines of code src/html/home.html x: 12 commits (all time) y: 12 lines of code src/js/components/BugReporter.react.js x: 8 commits (all time) y: 60 lines of code website/pages/en/index.js x: 5 commits (all time) y: 118 lines of code website/siteConfig.js x: 8 commits (all time) y: 29 lines of code src/js/data/SettingsActionTypes.js x: 3 commits (all time) y: 10 lines of code src/js/data/SettingsActions.js x: 3 commits (all time) y: 41 lines of code webserver/source.php x: 6 commits (all time) y: 46 lines of code src/js/utils/RuleUtils.js x: 3 commits (all time) y: 12 lines of code src/js/utils/selection-contexts.js x: 3 commits (all time) y: 73 lines of code src/js/webview/WebviewStateMachine.js x: 6 commits (all time) y: 49 lines of code src/js/webview/filters/GlobalRule.article.body.filter.js x: 2 commits (all time) y: 9 lines of code src/js/webview/filters/GlobalRule.author.name.filter.js x: 2 commits (all time) y: 179 lines of code src/js/webview/filters/all.selector.filter.js x: 4 commits (all time) y: 27 lines of code src/js/client.js x: 5 commits (all time) y: 15 lines of code src/js/data/RuleActionTypes.js x: 5 commits (all time) y: 9 lines of code src/js/data/RuleActions.js x: 6 commits (all time) y: 41 lines of code src/js/data/RuleDefinitionActions.js x: 4 commits (all time) y: 23 lines of code src/js/data/RulesEditorDispatcher.js x: 2 commits (all time) y: 2 lines of code src/js/models/Field.js x: 3 commits (all time) y: 3 lines of code src/js/models/RuleCategories.js x: 4 commits (all time) y: 9 lines of code src/js/models/rule.js x: 4 commits (all time) y: 42 lines of code
666.0
lines of code
  min: 1.0
  average: 79.48
  25th percentile: 13.5
  median: 41.0
  75th percentile: 86.5
  max: 666.0
0 49.0
commits (all time)
min: 2.0 | average: 10.17 | 25th percentile: 3.5 | median: 6.0 | 75th percentile: 12.0 | max: 49.0

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

src/js/version.js x: 3 contributors (all time) y: 1 lines of code src/js/components/Preview.react.js x: 6 contributors (all time) y: 248 lines of code src/js/components/Warnings.react.js x: 2 contributors (all time) y: 81 lines of code webserver/article.php x: 3 contributors (all time) y: 165 lines of code src/css/injected.css x: 5 contributors (all time) y: 13 lines of code src/css/style.css x: 7 contributors (all time) y: 666 lines of code src/js/components/Browser.react.js x: 6 contributors (all time) y: 283 lines of code src/js/data/EditorActionTypes.js x: 4 contributors (all time) y: 14 lines of code src/js/data/EditorActions.js x: 4 contributors (all time) y: 69 lines of code src/js/data/EditorStore.js x: 5 contributors (all time) y: 81 lines of code src/js/models/BrowserMessage.js x: 5 contributors (all time) y: 54 lines of code src/js/models/Editor.js x: 6 contributors (all time) y: 34 lines of code src/js/webview/WebviewUtils.js x: 6 contributors (all time) y: 126 lines of code src/js/webview/webview.js x: 4 contributors (all time) y: 137 lines of code docker/webserver/memcached-ui.config.php x: 1 contributors (all time) y: 28 lines of code src/js/components/DateTimeFormatPicker.react.js x: 5 contributors (all time) y: 133 lines of code src/js/components/SelectorPicker.react.js x: 4 contributors (all time) y: 135 lines of code src/js/components/TransformationSettings.react.js x: 2 contributors (all time) y: 184 lines of code src/js/containers/AppContainer.react.js x: 4 contributors (all time) y: 24 lines of code src/js/data/RuleDefinitionStore.js x: 4 contributors (all time) y: 32 lines of code src/js/data/SettingsStore.js x: 2 contributors (all time) y: 69 lines of code src/js/models/AdsSettings.js x: 2 contributors (all time) y: 13 lines of code src/js/models/AnalyticsSettings.js x: 2 contributors (all time) y: 14 lines of code src/js/models/RuleDefinition.js x: 4 contributors (all time) y: 30 lines of code src/js/models/TransformationSettings.js x: 2 contributors (all time) y: 20 lines of code src/js/utils/phpFormatMoment.js x: 3 contributors (all time) y: 61 lines of code src/js/webview/CSSSelectorResolver.js x: 3 contributors (all time) y: 295 lines of code src/js/background.js x: 7 contributors (all time) y: 95 lines of code src/js/components/NUX.react.js x: 7 contributors (all time) y: 94 lines of code src/js/components/UpdateNotice.react.js x: 4 contributors (all time) y: 75 lines of code src/js/components/App.react.js x: 5 contributors (all time) y: 72 lines of code src/js/utils/preview-webserver.js x: 2 contributors (all time) y: 51 lines of code src/js/components/PropertyPicker.react.js x: 5 contributors (all time) y: 123 lines of code src/js/components/RulePicker.react.js x: 6 contributors (all time) y: 87 lines of code src/js/components/common/LabelIcon/LabelIcon.react.js x: 2 contributors (all time) y: 23 lines of code src/js/components/common/LabelIcon/LabelIconOptional.react.js x: 2 contributors (all time) y: 7 lines of code src/js/rule-definitions.js x: 5 contributors (all time) y: 464 lines of code website/core/Footer.js x: 3 contributors (all time) y: 84 lines of code src/css/home.css x: 4 contributors (all time) y: 47 lines of code src/js/components/NUXTour.react.js x: 4 contributors (all time) y: 473 lines of code src/js/injected.js x: 3 contributors (all time) y: 5 lines of code src/js/components/FileTools.react.js x: 5 contributors (all time) y: 86 lines of code src/js/components/RuleList.react.js x: 4 contributors (all time) y: 199 lines of code src/js/data/RuleStore.js x: 3 contributors (all time) y: 78 lines of code src/js/models/Rule.js x: 3 contributors (all time) y: 42 lines of code src/js/models/RuleProperty.js x: 3 contributors (all time) y: 25 lines of code src/js/models/RulePropertyDefinition.js x: 3 contributors (all time) y: 49 lines of code src/js/utils/RuleExporter.js x: 4 contributors (all time) y: 284 lines of code src/js/utils/debounce.js x: 3 contributors (all time) y: 20 lines of code webserver/style.css x: 1 contributors (all time) y: 3 lines of code src/html/home.html x: 4 contributors (all time) y: 12 lines of code src/js/components/BugReporter.react.js x: 2 contributors (all time) y: 60 lines of code website/pages/en/index.js x: 2 contributors (all time) y: 118 lines of code website/siteConfig.js x: 2 contributors (all time) y: 29 lines of code src/js/data/AdsTypes.js x: 1 contributors (all time) y: 7 lines of code src/js/data/SettingsActionTypes.js x: 1 contributors (all time) y: 10 lines of code src/js/data/SettingsActions.js x: 1 contributors (all time) y: 41 lines of code webserver/source.php x: 5 contributors (all time) y: 46 lines of code src/js/utils/RulePropertyUtils.js x: 1 contributors (all time) y: 23 lines of code src/js/utils/selection-contexts.js x: 1 contributors (all time) y: 73 lines of code src/js/webview/WebviewStateMachine.js x: 2 contributors (all time) y: 49 lines of code src/js/webview/filters/GlobalRule.author.name.filter.js x: 1 contributors (all time) y: 179 lines of code src/js/client.js x: 3 contributors (all time) y: 15 lines of code src/js/data/RuleActionTypes.js x: 2 contributors (all time) y: 9 lines of code src/js/data/RuleActions.js x: 3 contributors (all time) y: 41 lines of code src/js/data/RulesEditorDispatcher.js x: 2 contributors (all time) y: 2 lines of code src/js/models/rule.js x: 1 contributors (all time) y: 42 lines of code
666.0
lines of code
  min: 1.0
  average: 79.48
  25th percentile: 13.5
  median: 41.0
  75th percentile: 86.5
  max: 666.0
0 7.0
contributors (all time)
min: 1.0 | average: 3.15 | 25th percentile: 2.0 | median: 3.0 | 75th percentile: 4.0 | max: 7.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".