alibaba / canvas-ui
File Size

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

Intro
Learn more...
File Size Overall
0% | 10% | 26% | 35% | 26%
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
ts0% | 14% | 29% | 30% | 25%
tsx0% | 0% | 21% | 49% | 29%
js0% | 0% | 0% | 100% | 0%
mjs0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
packages0% | 10% | 27% | 35% | 26%
ROOT0% | 0% | 0% | 56% | 43%
Longest Files (Top 50)
File# lines# units
render-object.ts
in packages/core/src/rendering
903 91
path.ts
in packages/core/src/utils
503 9
render-chunk.tsx
in packages/core/src/rendering
388 44
render-scroll-view.ts
in packages/core/src/rendering
369 39
layer.ts
in packages/core/src/compositing
346 26
firefox-event-save-target.ts
in packages/core/src/events
341 93
render-view.ts
in packages/core/src/rendering
324 29
canvas-2d-canvas.ts
in packages/core/src/canvas
321 6
example-table.stories.tsx
in packages/storybook/stories
291 6
renderer.ts
in packages/react/src
286 20
synthetic-event-manager.ts
in packages/core/src/events
244 9
render-path.ts
in packages/core/src/rendering
212 13
render-text.ts
in packages/core/src/rendering
210 13
painting-context.ts
in packages/core/src/rendering
202 14
render-canvas.ts
in packages/core/src/rendering
189 17
synthetic-event.ts
in packages/core/src/events
184 22
raster-cache.ts
in packages/core/src/compositing
181 11
render-scrollbar.ts
in packages/core/src/rendering
180 29
render-shape.ts
in packages/core/src/rendering
177 23
text-wrapper.ts
in packages/core/src/text
176 7
matrix.ts
in packages/core/src/math
173 18
recorder-canvas.ts
in packages/core/src/canvas
170 2
react-chunk.stories.tsx
in packages/storybook/stories
169 8
example-kanban.stories.tsx
in packages/storybook/stories
162 -
paragraph.ts
in packages/core/src/text
158 6
render-single-child.ts
in packages/core/src/rendering
153 17
render-flex.stories.tsx
in packages/storybook/stories
150 -
utils.ts
in packages/react/src
146 6
render-text.stories.tsx
in packages/storybook/stories
146 -
dom.tsx
in packages/react/src/canvas
137 4
clip-circle-layer.stories.tsx
in packages/storybook/stories
137 -
render-path.stories.tsx
in packages/storybook/stories
131 -
font-props.ts
in packages/core/src/text
131 4
rect.ts
in packages/core/src/math
130 14
font-metrics.ts
in packages/core/src/text
129 3
style-map.ts
in packages/core/src/rendering
129 1
use-popup.ts
in packages/react/src/hooks
127 12
clip-rect-layer.stories.tsx
in packages/storybook/stories
122 -
intrinsic-elements.ts
in packages/react/src/elements
121 1
clip-rrect-layer.stories.tsx
in packages/storybook/stories
119 -
insert-remove.stories.tsx
in packages/storybook/stories
117 -
render-pipeline.ts
in packages/core/src/rendering
117 12
render-image.ts
in packages/core/src/rendering
115 11
rasterizing.stories.tsx
in packages/storybook/stories
112 -
react-use-popup.stories.tsx
in packages/storybook/stories
107 3
106 1
logger.ts
in packages/core/src/foundation
106 13
dom-event-binding.ts
in packages/core/src/events
100 11
render-rrect.stories.tsx
in packages/storybook/stories
99 -
render-box.ts
in packages/core/src/rendering
99 9
Files With Most Units (Top 50)
File# lines# units
firefox-event-save-target.ts
in packages/core/src/events
341 93
render-object.ts
in packages/core/src/rendering
903 91
render-chunk.tsx
in packages/core/src/rendering
388 44
render-scroll-view.ts
in packages/core/src/rendering
369 39
render-scrollbar.ts
in packages/core/src/rendering
180 29
render-view.ts
in packages/core/src/rendering
324 29
layer.ts
in packages/core/src/compositing
346 26
render-shape.ts
in packages/core/src/rendering
177 23
synthetic-event.ts
in packages/core/src/events
184 22
renderer.ts
in packages/react/src
286 20
matrix.ts
in packages/core/src/math
173 18
render-canvas.ts
in packages/core/src/rendering
189 17
render-single-child.ts
in packages/core/src/rendering
153 17
painting-context.ts
in packages/core/src/rendering
202 14
rect.ts
in packages/core/src/math
130 14
index.ts
in packages/core/src
74 13
render-text.ts
in packages/core/src/rendering
210 13
render-path.ts
in packages/core/src/rendering
212 13
logger.ts
in packages/core/src/foundation
106 13
use-popup.ts
in packages/react/src/hooks
127 12
render-pipeline.ts
in packages/core/src/rendering
117 12
render-image.ts
in packages/core/src/rendering
115 11
dom-event-binding.ts
in packages/core/src/events
100 11
raster-cache.ts
in packages/core/src/compositing
181 11
tokenizer.ts
in packages/core/src/text
92 10
abstract-node.ts
in packages/core/src/foundation
51 10
path.ts
in packages/core/src/utils
503 9
render-flex.ts
in packages/core/src/rendering
61 9
render-box.ts
in packages/core/src/rendering
99 9
point.ts
in packages/core/src/math
59 9
synthetic-event-manager.ts
in packages/core/src/events
244 9
react-chunk.stories.tsx
in packages/storybook/stories
169 8
render-rrect.ts
in packages/core/src/rendering
73 8
size.ts
in packages/core/src/math
42 8
text-wrapper.ts
in packages/core/src/text
176 7
utils.ts
in packages/react/src
146 6
example-table.stories.tsx
in packages/storybook/stories
291 6
canvas-2d-canvas.ts
in packages/core/src/canvas
321 6
paragraph.ts
in packages/core/src/text
158 6
dpr-observer.ts
in packages/react/src/canvas
41 5
hit-test.ts
in packages/core/src/rendering
72 5
event-handlers.mixin.ts
in packages/core/src/rendering
53 5
advanced-raster-cache.ts
in packages/core/src/compositing
95 5
dom.tsx
in packages/react/src/canvas
137 4
shader.ts
in packages/core/src/canvas
46 4
font-props.ts
in packages/core/src/text
131 4
render-circle.ts
in packages/core/src/rendering
38 4
rrect.ts
in packages/core/src/math
57 4
linked-list.ts
in packages/core/src/foundation
63 4
canvas-surface.ts
in packages/core/src/surface
81 4
Files With Long Lines (Top 32)

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

File# lines# units# long lines
firefox-event-save-target.ts
in packages/core/src/events
341 93 4
example-table.stories.tsx
in packages/storybook/stories
291 6 3
layer.ts
in packages/core/src/compositing
346 26 3
animation-basic.stories.tsx
in packages/storybook/stories
70 - 2
clip-rect-layer.stories.tsx
in packages/storybook/stories
122 - 2
react-chunk.stories.tsx
in packages/storybook/stories
169 8 2
path.ts
in packages/core/src/utils
503 9 2
box-decorator.ts
in packages/core/src/rendering
72 3 2
synthetic-event.ts
in packages/core/src/events
184 22 2
renderer.ts
in packages/react/src
286 20 1
react-scroll-view.stories.tsx
in packages/storybook/stories
57 - 1
react-canvas.stories.tsx
in packages/storybook/stories
74 - 1
dom-pointer-event.stories.tsx
in packages/storybook/stories
59 - 1
render-text.stories.tsx
in packages/storybook/stories
146 - 1
clip-circle-layer.stories.tsx
in packages/storybook/stories
137 - 1
react-use-popup.stories.tsx
in packages/storybook/stories
107 3 1
example-kanban.stories.tsx
in packages/storybook/stories
162 - 1
insert-remove.stories.tsx
in packages/storybook/stories
117 - 1
react-text.stories.tsx
in packages/storybook/stories
41 - 1
clip-rrect-layer.stories.tsx
in packages/storybook/stories
119 - 1
paragraph.ts
in packages/core/src/text
158 6 1
font-props.ts
in packages/core/src/text
131 4 1
render-flex.ts
in packages/core/src/rendering
61 9 1
box-shadow.ts
in packages/core/src/rendering
32 2 1
event-handlers.mixin.ts
in packages/core/src/rendering
53 5 1
render-chunk.tsx
in packages/core/src/rendering
388 44 1
render-scroll-view.ts
in packages/core/src/rendering
369 39 1
render-scrollbar.ts
in packages/core/src/rendering
180 29 1
types.ts
in packages/core/src/platform
16 - 1
web-platform-adapter.ts
in packages/core/src/platform
55 1 1
types.ts
in packages/core/src/events
28 - 1
synthetic-event-manager.ts
in packages/core/src/events
244 9 1