huggingface / chat-template-playground
File Size

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

Intro
Learn more...
File Size Overall
0% | 0% | 57% | 20% | 22%
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% | 0% | 85% | 0% | 14%
svelte0% | 0% | 37% | 35% | 27%
css0% | 0% | 0% | 100% | 0%
html0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 0% | 57% | 20% | 21%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 32)
File# lines# units
tooltip.ts
in src/lib/utils
405 9
toolUsage.ts
in src/lib/example-inputs
394 1
indentationMarkers.ts
in src/lib/CodeMirror
339 15
svelte
+page.svelte
in src/routes
256 -
svelte
JsonEditor.svelte
in src/lib/JsonEditor
238 -
svelte
CodeMirrorSearch.svelte
in src/lib/CodeMirrorSearch
200 -
svelte
CodeMirror.svelte
in src/lib/CodeMirror
144 -
svelte
ChatTemplateViewer.svelte
in src/lib/ChatTemplateViewer
128 -
app.css
in src
112 -
svelte
CopyButton.svelte
in src/lib/CopyButton
76 -
reasoning.ts
in src/lib/example-inputs
64 1
helloWorld.ts
in src/lib/example-inputs
59 1
basicSetup.ts
in src/lib/CodeMirror
54 -
app.html
in src
47 -
svelte
OutputViewer.svelte
in src/lib/OutputViewer
46 -
svelte
LineWrapButton.svelte
in src/lib/LineWrapButton
37 -
34 -
svelte
33 -
svelte
IconSpin.svelte
in src/lib/Icons
31 -
svelte
IconCopy.svelte
in src/lib/Icons
25 -
svelte
IconRestart.svelte
in src/lib/Icons
21 -
svelte
IconCross.svelte
in src/lib/Icons
20 -
svelte
IconLineWrap.svelte
in src/lib/Icons
19 -
svelte
IconArrowLeft.svelte
in src/lib/Icons
17 -
svelte
IconReplace.svelte
in src/lib/Icons
16 -
svelte
IconCaretV2.svelte
in src/lib/Icons
13 -
9 1
types.ts
in src/lib/ChatTemplateViewer
8 -
transformInput.ts
in src/lib/utils
6 1
6 1
svelte
+layout.svelte
in src/routes
5 -
index.ts
in src/lib
1 -
Files With Most Units (Top 8)
File# lines# units
indentationMarkers.ts
in src/lib/CodeMirror
339 15
tooltip.ts
in src/lib/utils
405 9
9 1
transformInput.ts
in src/lib/utils
6 1
helloWorld.ts
in src/lib/example-inputs
59 1
toolUsage.ts
in src/lib/example-inputs
394 1
reasoning.ts
in src/lib/example-inputs
64 1
6 1
Files With Long Lines (Top 14)

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

File# lines# units# long lines
toolUsage.ts
in src/lib/example-inputs
394 1 23
app.css
in src
112 - 11
svelte
ChatTemplateViewer.svelte
in src/lib/ChatTemplateViewer
128 - 5
svelte
33 - 3
svelte
+page.svelte
in src/routes
256 - 2
reasoning.ts
in src/lib/example-inputs
64 1 2
svelte
JsonEditor.svelte
in src/lib/JsonEditor
238 - 2
svelte
IconSpin.svelte
in src/lib/Icons
31 - 2
indentationMarkers.ts
in src/lib/CodeMirror
339 15 1
svelte
OutputViewer.svelte
in src/lib/OutputViewer
46 - 1
svelte
CodeMirrorSearch.svelte
in src/lib/CodeMirrorSearch
200 - 1
svelte
IconRestart.svelte
in src/lib/Icons
21 - 1
svelte
IconReplace.svelte
in src/lib/Icons
16 - 1
svelte
IconLineWrap.svelte
in src/lib/Icons
19 - 1