1
1
import { OAuthResult } from '@huggingface/hub'
2
- import { FormEvent , useRef } from 'react'
2
+ import { FormEvent } from 'react'
3
3
import HFLoginIcon from '../assets/sign-in-with-huggingface-lg.svg'
4
4
import { login , logout } from '../lib/auth.js'
5
5
import { changeQueryString } from '../lib/huggingfaceSource.js'
6
- import Link from './Link.js'
7
6
import Search from './Search.js'
8
7
9
8
/**
10
9
* Home page
11
10
*/
12
11
export default function Home ( { auth} :{ auth :OAuthResult | undefined } ) {
13
- const audioRef = useRef < HTMLAudioElement > ( null )
14
12
15
13
function onUrlSubmit ( event :FormEvent < HTMLFormElement > ) {
16
14
event . preventDefault ( )
@@ -20,41 +18,11 @@ export default function Home({ auth }: { auth: OAuthResult | undefined }) {
20
18
21
19
return (
22
20
< div id = "welcome" >
23
- < h1 > hyparquet</ h1 >
24
- < sub >
25
- /haɪ pɑːrˈkeɪ/
26
- < img
27
- src = "audio.svg"
28
- alt = "play hyparquet pronunciation"
29
- height = "18"
30
- width = "18"
31
- onClick = { ( ) => {
32
- audioRef . current ?. play ( ) . catch ( ( ) => undefined )
33
- } }
34
- />
35
- </ sub >
36
- < audio ref = { audioRef } src = "hyparquet.mp3" > </ audio >
37
- < h2 > in-browser parquet file reader</ h2 >
21
+ < h1 > Hyperparam</ h1 >
22
+ < h2 > Advanced Dataset Viewer Space</ h2 >
38
23
< p >
39
- < a href = "https://www.npmjs.com/package/hyparquet" >
40
- < img
41
- src = "https://img.shields.io/npm/v/hyparquet"
42
- alt = "npm hyparquet"
43
- />
44
- </ a > { ' ' }
45
- < a href = "https://github.com/hyparam/hyparquet" >
46
- < img
47
- src = "https://img.shields.io/github/stars/hyparam/hyparquet?style=social"
48
- alt = "star hyparquet"
49
- />
50
- </ a >
51
- </ p >
52
- < p >
53
- Online demo of{ ' ' }
54
- < a href = "https://github.com/hyparam/hyparquet" > hyparquet</ a > : a parser
55
- for apache parquet files. Uses{ ' ' }
56
- < a href = "https://github.com/hyparam/hightable" > hightable</ a > for high
57
- performance windowed table viewing.
24
+ Hyperparam is a high performance dataset viewer for parquet files.
25
+ It leverages the power of parquet files and http ranged get requests to provide a fast and efficient way to view large datasets in the browser.
58
26
</ p >
59
27
60
28
< section >
@@ -86,38 +54,6 @@ export default function Home({ auth }: { auth: OAuthResult | undefined }) {
86
54
< input name = "url" defaultValue = "https://huggingface.co/datasets/codeparrot/github-code/resolve/main/data/train-00000-of-01126.parquet" style = { { width :'100%' } } type = "url" />
87
55
< button style = { { fontSize :'1rem' , padding :'0 0.5rem' } } type = "submit" > Open</ button >
88
56
</ form >
89
-
90
- < p >
91
- < p > Example files:</ p >
92
- < ul className = "quick-links" >
93
- < li >
94
- < Link
95
- className = "aws"
96
- url = "https://hyperparam-public.s3.amazonaws.com/wiki-en-00000-of-00041.parquet"
97
- >
98
- s3://wiki-en-00000-of-00041.parquet
99
- </ Link >
100
- </ li >
101
- < li >
102
- < Link
103
- className = "azure"
104
- url = "https://hyperparam.blob.core.windows.net/hyperparam/starcoderdata-js-00000-of-00065.parquet"
105
- >
106
- azure://starcoderdata-js-00000-of-00065.parquet
107
- </ Link >
108
- </ li >
109
- < li >
110
- < Link className = "huggingface" url = "https://huggingface.co/datasets/codeparrot/github-code/resolve/main/data/train-00000-of-01126.parquet" >
111
- huggingface://github-code-00000-of-01126.parquet
112
- </ Link >
113
- </ li >
114
- < li >
115
- < Link className = "github" url = "https://raw.githubusercontent.com/hyparam/hyparquet/master/test/files/rowgroups.parquet" >
116
- github://rowgroups.parquet
117
- </ Link >
118
- </ li >
119
- </ ul >
120
- </ p >
121
57
</ section >
122
58
</ div >
123
59
)