openai / apps-sdk-ui
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 681 files with 33,438 lines of code.
    • 3 very long files (4,699 lines of code)
    • 6 long files (4,241 lines of code)
    • 25 medium size files (7,699 lines of code)
    • 46 small files (6,743 lines of code)
    • 601 very small files (10,056 lines of code)
14% | 12% | 23% | 20% | 30%
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
ts71% | 0% | 0% | 7% | 21%
tsx6% | 9% | 25% | 20% | 38%
css12% | 27% | 24% | 23% | 12%
html0% | 0% | 100% | 0% | 0%
mjs0% | 0% | 0% | 48% | 51%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src8% | 10% | 25% | 23% | 32%
.storybook-base43% | 25% | 13% | 1% | 16%
ROOT0% | 0% | 0% | 54% | 45%
postcss0% | 0% | 0% | 48% | 51%
config0% | 0% | 0% | 0% | 100%
scripts0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
tokens.ts
in .storybook-base/components
 2343 -
Select.tsx
in src/components/Select
 1287 -
katex.min.css
in src/styles
 1069 -
953 -
overrides.css
in .storybook-base
 775 -
index.tsx
in src/components/Icon
 745 -
Button.module.css
in src/components/Button
 653 -
Colors.tsx
in .storybook-base/components
 607 -
CodeBlock.stories.tsx
in src/components/CodeBlock
 508 -
SelectControl.module.css
in src/components/SelectControl
 493 -
Menu.tsx
in src/components/Menu
 476 -
Select.stories.tsx
in src/components/Select
 468 -
410 -
DesignTokens.tsx
in .storybook-base/components
 400 -
Popover.tsx
in src/components/Popover
 393 -
Calendar.tsx
in src/components/DateRangePicker
 359 1
TagInput.tsx
in src/components/TagInput
 347 -
Slider.tsx
in src/components/Slider
 341 -
manager-head.html
in .storybook-base
 338 -
Menu.stories.tsx
in src/components/Menu
 323 -
TransitionGroup.tsx
in src/components/Transition
 298 -
Menu.module.css
in src/components/Menu
 261 -
SelectControl.stories.tsx
in src/components/SelectControl
 257 -
SlotTransitionGroup.tsx
in src/components/Transition
 256 -
AnimateLayout.tsx
in src/components/Transition
 249 1
Calendar.module.css
in src/components/DateRangePicker
 247 -
Input.stories.tsx
in src/components/Input
 238 1
Input.module.css
in src/components/Input
 231 -
Select.module.css
in src/components/Select
 229 -
228 -
Popover.stories.tsx
in src/components/Popover
 226 -
Button.stories.tsx
in src/components/Button
 219 -
Tooltip.tsx
in src/components/Tooltip
 208 -
Calendar.tsx
in src/components/DatePicker
 204 -
AnimateLayoutGroup.tsx
in src/components/Transition
 199 1
Textarea.module.css
in src/components/Textarea
 197 -
197 -
AnimateLayout.stories.tsx
in src/components/Transition
 196 -
Alert.stories.tsx
in src/components/Alert
 192 -
Button.tsx
in src/components/Button
 191 -
TagInput.module.css
in src/components/TagInput
 189 -
SegmentedControl.module.css
in src/components/SegmentedControl
 189 -
DateRangePicker.stories.tsx
in src/components/DateRangePicker
 188 -
ButtonLink.stories.tsx
in src/components/Button
 183 -
Markdown.module.css
in src/components/Markdown
 179 -
Calendar.module.css
in src/components/DatePicker
 175 -
SelectControl.tsx
in src/components/SelectControl
 165 -
Avatar.stories.tsx
in src/components/Avatar
 163 -
Alert.module.css
in src/components/Alert
 159 -
mjs
 158 -
Files With Most Units (Top 29)
File# lines# units
userAgent.ts
in src/lib
 31 10
pointerIntent.ts
in src/components/Popover
 98 5
45 3
directives.ts
in src/components/Markdown
 46 3
theme.tsx
in src/lib
 32 3
63 3
useIsMounted.tsx
in src/hooks
 18 2
CodeBlock.tsx
in src/components/CodeBlock
 140 2
useMathPlugins.tsx
in src/components/Markdown
 51 2
main.ts
in .storybook-base
 68 1
21 1
28 1
19 1
usePrevious.tsx
in src/hooks
 10 1
useLatestValue.tsx
in src/hooks
 6 1
7 1
Indicator.stories.tsx
in src/components/Indicator
 112 1
internal.ts
in src/components/AppsSDKUIProvider
 7 1
Animate.tsx
in src/components/Transition
 106 1
AnimateLayoutGroup.tsx
in src/components/Transition
 199 1
AnimateLayout.tsx
in src/components/Transition
 249 1
shared.ts
in src/components/Transition
 105 1
Calendar.tsx
in src/components/DateRangePicker
 359 1
Input.stories.tsx
in src/components/Input
 238 1
useParseMarkdownPre.ts
in src/components/Markdown
 21 1
Markdown.tsx
in src/components/Markdown
 139 1
assert.ts
in src/lib
 5 1
helpers.ts
in src/lib
 141 1
casing.ts
in src/lib
 8 1
Files With Long Lines (Top 50)

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

File# lines# units# long lines
Blend.tsx
in src/components/Icon/svg
 52 - 11
Speed.tsx
in src/components/Icon/svg
 34 - 10
DownloadGifWatermark.tsx
in src/components/Icon/svg
 49 - 9
Pulse.tsx
in src/components/Icon/svg
 34 - 7
UserGpts.tsx
in src/components/Icon/svg
 28 - 6
GlobeFilled.tsx
in src/components/Icon/svg
 28 - 6
LightbulbGlow.tsx
in src/components/Icon/svg
 28 - 6
FeaturedWreath.tsx
in src/components/Icon/svg
 40 - 6
GroupFilled.tsx
in src/components/Icon/svg
 28 - 6
Alert.stories.tsx
in src/components/Alert
 192 - 5
AgentMode.tsx
in src/components/Icon/svg
 28 - 5
Sleep.tsx
in src/components/Icon/svg
 26 - 5
ColorTheme.tsx
in src/components/Icon/svg
 26 - 5
EmojiAdd.tsx
in src/components/Icon/svg
 26 - 5
Interactiv.tsx
in src/components/Icon/svg
 28 - 5
EmojiWords.tsx
in src/components/Icon/svg
 28 - 5
Tasks.tsx
in src/components/Icon/svg
 22 - 4
EmojiLists.tsx
in src/components/Icon/svg
 20 - 4
MoreCircleMenuDots.tsx
in src/components/Icon/svg
 20 - 4
GenerateSuggestedEdits.tsx
in src/components/Icon/svg
 20 - 4
ConnectApps.tsx
in src/components/Icon/svg
 20 - 4
TextLonger.tsx
in src/components/Icon/svg
 20 - 4
PullRequestDraft.tsx
in src/components/Icon/svg
 20 - 4
VoiceBold.tsx
in src/components/Icon/svg
 8 - 4
TextShorter.tsx
in src/components/Icon/svg
 20 - 4
ChatTripleDots.tsx
in src/components/Icon/svg
 20 - 4
SelectText.tsx
in src/components/Icon/svg
 20 - 4
AllProductsExplore.tsx
in src/components/Icon/svg
 20 - 4
MarkerMultiple.tsx
in src/components/Icon/svg
 22 - 4
MembersFilled.tsx
in src/components/Icon/svg
 20 - 4
RobotHeadSad.tsx
in src/components/Icon/svg
 20 - 4
Status.tsx
in src/components/Icon/svg
 18 - 3
InfoCircle.tsx
in src/components/Icon/svg
 18 - 3
PullRequestOpen.tsx
in src/components/Icon/svg
 18 - 3
MarkerQuote.tsx
in src/components/Icon/svg
 18 - 3
LinkDisabledBold.tsx
in src/components/Icon/svg
 24 - 3
Stopwatch.tsx
in src/components/Icon/svg
 20 - 3
Back15s.tsx
in src/components/Icon/svg
 18 - 3
MicFilledOff.tsx
in src/components/Icon/svg
 18 - 3
Forward15s.tsx
in src/components/Icon/svg
 18 - 3
EmojiRemove.tsx
in src/components/Icon/svg
 18 - 3
Back10s.tsx
in src/components/Icon/svg
 18 - 3
QuestionMarkCircle.tsx
in src/components/Icon/svg
 18 - 3
Pause.tsx
in src/components/Icon/svg
 20 - 3
TuningFork.tsx
in src/components/Icon/svg
 18 - 3
RegenerateStar.tsx
in src/components/Icon/svg
 18 - 3
BarChartFilled.tsx
in src/components/Icon/svg
 18 - 3
VideoFilledOff.tsx
in src/components/Icon/svg
 18 - 3
EmojiSections.tsx
in src/components/Icon/svg
 18 - 3
WhisperAutoSubmit.tsx
in src/components/Icon/svg
 18 - 3
Correlations

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

src/components/Input/Input.stories.tsx x: 2 commits (all time) y: 238 lines of code src/components/Input/Input.tsx x: 3 commits (all time) y: 147 lines of code src/components/Icon/index.tsx x: 1 commits (all time) y: 745 lines of code src/components/Button/Button.stories.tsx x: 1 commits (all time) y: 219 lines of code src/components/Button/Button.tsx x: 2 commits (all time) y: 191 lines of code src/components/Alert/Alert.tsx x: 1 commits (all time) y: 86 lines of code src/components/AppsSDKUIProvider/AppsSDKUIContext.tsx x: 1 commits (all time) y: 6 lines of code src/components/AppsSDKUIProvider/AppsSDKUIProvider.tsx x: 1 commits (all time) y: 20 lines of code src/components/Avatar/Avatar.tsx x: 1 commits (all time) y: 127 lines of code src/components/Button/CopyButton.tsx x: 1 commits (all time) y: 44 lines of code src/components/Checkbox/Checkbox.tsx x: 1 commits (all time) y: 54 lines of code src/components/CodeBlock/CodeBlock.tsx x: 1 commits (all time) y: 140 lines of code src/components/DatePicker/Calendar.tsx x: 1 commits (all time) y: 204 lines of code src/components/DatePicker/context.tsx x: 1 commits (all time) y: 29 lines of code src/components/DateRangePicker/Calendar.tsx x: 1 commits (all time) y: 359 lines of code src/components/DateRangePicker/Trigger.tsx x: 1 commits (all time) y: 147 lines of code src/components/DateRangePicker/context.tsx x: 1 commits (all time) y: 35 lines of code src/components/Image/Image.tsx x: 1 commits (all time) y: 38 lines of code src/components/Indicator/CircularProgress.tsx x: 1 commits (all time) y: 61 lines of code src/components/Menu/Menu.tsx x: 1 commits (all time) y: 476 lines of code src/components/Popover/Popover.tsx x: 1 commits (all time) y: 393 lines of code src/components/Popover/usePopoverContext.tsx x: 1 commits (all time) y: 24 lines of code src/components/RadioGroup/RadioGroup.tsx x: 1 commits (all time) y: 105 lines of code src/components/SegmentedControl/SegmentedControl.tsx x: 1 commits (all time) y: 134 lines of code src/components/Select/Select.tsx x: 1 commits (all time) y: 1287 lines of code src/components/SelectControl/SelectControl.tsx x: 1 commits (all time) y: 165 lines of code src/components/ShimmerText/ShimmerText.tsx x: 1 commits (all time) y: 50 lines of code src/components/Slider/Slider.tsx x: 1 commits (all time) y: 341 lines of code src/components/TagInput/TagInput.tsx x: 1 commits (all time) y: 347 lines of code src/components/Textarea/Textarea.tsx x: 1 commits (all time) y: 114 lines of code src/components/Tooltip/Tooltip.tsx x: 1 commits (all time) y: 208 lines of code src/components/Transition/AnimateLayout.tsx x: 1 commits (all time) y: 249 lines of code src/components/Transition/AnimateLayoutGroup.tsx x: 1 commits (all time) y: 199 lines of code src/components/Transition/SlotTransitionGroup.tsx x: 1 commits (all time) y: 256 lines of code src/components/Transition/TransitionGroup.tsx x: 1 commits (all time) y: 298 lines of code src/hooks/useTextSelection.tsx x: 1 commits (all time) y: 66 lines of code src/lib/environment.ts x: 1 commits (all time) y: 11 lines of code
1287.0
lines of code
  min: 6.0
  average: 177.25
  25th percentile: 48.5
  median: 129.5
  75th percentile: 216.25
  max: 1287.0
0 3.0
commits (all time)
min: 1.0 | average: 1.08 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 3.0

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

src/components/Input/Input.stories.tsx x: 1 contributors (all time) y: 238 lines of code src/components/Input/Input.tsx x: 2 contributors (all time) y: 147 lines of code src/components/Icon/index.tsx x: 1 contributors (all time) y: 745 lines of code src/components/Button/Button.stories.tsx x: 1 contributors (all time) y: 219 lines of code src/components/Button/Button.tsx x: 2 contributors (all time) y: 191 lines of code src/components/Alert/Alert.tsx x: 1 contributors (all time) y: 86 lines of code src/components/AppsSDKUIProvider/AppsSDKUIContext.tsx x: 1 contributors (all time) y: 6 lines of code src/components/AppsSDKUIProvider/AppsSDKUIProvider.tsx x: 1 contributors (all time) y: 20 lines of code src/components/Avatar/Avatar.tsx x: 1 contributors (all time) y: 127 lines of code src/components/Button/CopyButton.tsx x: 1 contributors (all time) y: 44 lines of code src/components/Checkbox/Checkbox.tsx x: 1 contributors (all time) y: 54 lines of code src/components/CodeBlock/CodeBlock.tsx x: 1 contributors (all time) y: 140 lines of code src/components/DatePicker/Calendar.tsx x: 1 contributors (all time) y: 204 lines of code src/components/DatePicker/context.tsx x: 1 contributors (all time) y: 29 lines of code src/components/DateRangePicker/Calendar.tsx x: 1 contributors (all time) y: 359 lines of code src/components/DateRangePicker/Trigger.tsx x: 1 contributors (all time) y: 147 lines of code src/components/DateRangePicker/context.tsx x: 1 contributors (all time) y: 35 lines of code src/components/Image/Image.tsx x: 1 contributors (all time) y: 38 lines of code src/components/Indicator/CircularProgress.tsx x: 1 contributors (all time) y: 61 lines of code src/components/Menu/Menu.tsx x: 1 contributors (all time) y: 476 lines of code src/components/Popover/Popover.tsx x: 1 contributors (all time) y: 393 lines of code src/components/Popover/usePopoverContext.tsx x: 1 contributors (all time) y: 24 lines of code src/components/RadioGroup/RadioGroup.tsx x: 1 contributors (all time) y: 105 lines of code src/components/SegmentedControl/SegmentedControl.tsx x: 1 contributors (all time) y: 134 lines of code src/components/Select/Select.tsx x: 1 contributors (all time) y: 1287 lines of code src/components/SelectControl/SelectControl.tsx x: 1 contributors (all time) y: 165 lines of code src/components/ShimmerText/ShimmerText.tsx x: 1 contributors (all time) y: 50 lines of code src/components/Slider/Slider.tsx x: 1 contributors (all time) y: 341 lines of code src/components/TagInput/TagInput.tsx x: 1 contributors (all time) y: 347 lines of code src/components/Textarea/Textarea.tsx x: 1 contributors (all time) y: 114 lines of code src/components/Tooltip/Tooltip.tsx x: 1 contributors (all time) y: 208 lines of code src/components/Transition/AnimateLayout.tsx x: 1 contributors (all time) y: 249 lines of code src/components/Transition/AnimateLayoutGroup.tsx x: 1 contributors (all time) y: 199 lines of code src/components/Transition/SlotTransitionGroup.tsx x: 1 contributors (all time) y: 256 lines of code src/components/Transition/TransitionGroup.tsx x: 1 contributors (all time) y: 298 lines of code src/hooks/useTextSelection.tsx x: 1 contributors (all time) y: 66 lines of code src/lib/environment.ts x: 1 contributors (all time) y: 11 lines of code
1287.0
lines of code
  min: 6.0
  average: 177.25
  25th percentile: 48.5
  median: 129.5
  75th percentile: 216.25
  max: 1287.0
0 2.0
contributors (all time)
min: 1.0 | average: 1.04 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 2.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): 2 points

src/components/Input/Input.stories.tsx x: 2 commits (90d) y: 238 lines of code src/components/Input/Input.tsx x: 2 commits (90d) y: 147 lines of code
238.0
lines of code
  min: 147.0
  average: 192.5
  25th percentile: 147.0
  median: 192.5
  75th percentile: 238.0
  max: 238.0
0 2.0
commits (90d)
min: 2.0 | average: 2.0 | 25th percentile: 2.0 | median: 2.0 | 75th percentile: 2.0 | max: 2.0

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

src/components/Input/Input.stories.tsx x: 1 contributors (90d) y: 238 lines of code src/components/Input/Input.tsx x: 1 contributors (90d) y: 147 lines of code
238.0
lines of code
  min: 147.0
  average: 192.5
  25th percentile: 147.0
  median: 192.5
  75th percentile: 238.0
  max: 238.0
0 1.0
contributors (90d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0