radames commited on
Commit
ceb78cd
1 Parent(s): 549f7f3
.gitattributes CHANGED
@@ -37,3 +37,4 @@ src/backend/gradio_rerun/templates/component/re_viewer-Ds4oCzjL.js filter=lfs di
37
  src/examples/rgbd.rrd filter=lfs diff=lfs merge=lfs -text
38
  src/examples/rrt-star.rrd filter=lfs diff=lfs merge=lfs -text
39
  src/examples/structure_from_motion.rrd filter=lfs diff=lfs merge=lfs -text
 
 
37
  src/examples/rgbd.rrd filter=lfs diff=lfs merge=lfs -text
38
  src/examples/rrt-star.rrd filter=lfs diff=lfs merge=lfs -text
39
  src/examples/structure_from_motion.rrd filter=lfs diff=lfs merge=lfs -text
40
+ *.rrd filter=lfs diff=lfs merge=lfs -text
.gitignore CHANGED
@@ -10,4 +10,5 @@ __tmp/*
10
  .ruff_cache
11
  node_modules
12
  backend/**/templates/
13
- venv
 
 
10
  .ruff_cache
11
  node_modules
12
  backend/**/templates/
13
+ venv
14
+ .DS_Store
README.md CHANGED
@@ -1,16 +1,26 @@
1
  ---
2
- tags: [gradio-custom-component, SimpleImage, multimodal data, visualization, machine learning, robotics]
 
 
 
 
 
 
 
 
3
  title: gradio_rerun
4
  short_description: Rerun viewer with Gradio
5
  colorFrom: blue
6
  colorTo: yellow
7
  sdk: gradio
 
8
  pinned: false
9
  app_file: space.py
10
  ---
11
 
12
  # `gradio_rerun`
13
- <img alt="Static Badge" src="https://img.shields.io/badge/version%20-%200.0.1%20-%20orange"> <a href="https://github.com/radames/gradio-rerun-viewer/issues" target="_blank"><img alt="Static Badge" src="https://img.shields.io/badge/Issues-white?logo=github&logoColor=black"></a>
 
14
 
15
  Rerun viewer with Gradio
16
 
@@ -287,16 +297,13 @@ bool
287
  </tr>
288
  </tbody></table>
289
 
290
-
291
  ### Events
292
 
293
- | name | description |
294
- |:-----|:------------|
295
- | `clear` | This listener is triggered when the user clears the Rerun using the X button for the component. |
296
  | `change` | Triggered when the value of the Rerun changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input. |
297
- | `upload` | This listener is triggered when the user uploads a file into the Rerun. |
298
-
299
-
300
 
301
  ### User function
302
 
@@ -310,13 +317,12 @@ The code snippet below is accurate in cases where the component is used as both
310
  - **As output:** Is passed, a `str` containing the path to the image.
311
  - **As input:** Should return, expects a `str` or `pathlib.Path` object containing the path to the image.
312
 
313
- ```python
314
- def predict(
315
- value: str | None
316
- ) -> list[gradio.data_classes.FileData]
317
- | gradio.data_classes.FileData
318
- | str
319
- | list[str]:
320
- return value
321
- ```
322
-
 
1
  ---
2
+ tags:
3
+ [
4
+ gradio-custom-component,
5
+ SimpleImage,
6
+ multimodal data,
7
+ visualization,
8
+ machine learning,
9
+ robotics,
10
+ ]
11
  title: gradio_rerun
12
  short_description: Rerun viewer with Gradio
13
  colorFrom: blue
14
  colorTo: yellow
15
  sdk: gradio
16
+ sdk_version: 4.28.3
17
  pinned: false
18
  app_file: space.py
19
  ---
20
 
21
  # `gradio_rerun`
22
+
23
+ <img alt="Static Badge" src="https://img.shields.io/badge/version%20-%200.0.1%20-%20orange"> <a href="https://github.com/radames/gradio-rerun-viewer/issues" target="_blank"><img alt="Static Badge" src="https://img.shields.io/badge/Issues-white?logo=github&logoColor=black"></a>
24
 
25
  Rerun viewer with Gradio
26
 
 
297
  </tr>
298
  </tbody></table>
299
 
 
300
  ### Events
301
 
302
+ | name | description |
303
+ | :------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
304
+ | `clear` | This listener is triggered when the user clears the Rerun using the X button for the component. |
305
  | `change` | Triggered when the value of the Rerun changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input. |
306
+ | `upload` | This listener is triggered when the user uploads a file into the Rerun. |
 
 
307
 
308
  ### User function
309
 
 
317
  - **As output:** Is passed, a `str` containing the path to the image.
318
  - **As input:** Should return, expects a `str` or `pathlib.Path` object containing the path to the image.
319
 
320
+ ```python
321
+ def predict(
322
+ value: str | None
323
+ ) -> list[gradio.data_classes.FileData]
324
+ | gradio.data_classes.FileData
325
+ | str
326
+ | list[str]:
327
+ return value
328
+ ```
 
css.css CHANGED
@@ -1,157 +1,156 @@
1
  html {
2
- font-family: Inter;
3
- font-size: 16px;
4
- font-weight: 400;
5
- line-height: 1.5;
6
- -webkit-text-size-adjust: 100%;
7
- background: #fff;
8
- color: #323232;
9
- -webkit-font-smoothing: antialiased;
10
- -moz-osx-font-smoothing: grayscale;
11
- text-rendering: optimizeLegibility;
12
  }
13
 
14
  :root {
15
- --space: 1;
16
- --vspace: calc(var(--space) * 1rem);
17
- --vspace-0: calc(3 * var(--space) * 1rem);
18
- --vspace-1: calc(2 * var(--space) * 1rem);
19
- --vspace-2: calc(1.5 * var(--space) * 1rem);
20
- --vspace-3: calc(0.5 * var(--space) * 1rem);
21
  }
22
-
23
- .app {
24
- max-width: 748px !important;
25
  }
26
 
27
  .prose p {
28
- margin: var(--vspace) 0;
29
- line-height: var(--vspace * 2);
30
- font-size: 1rem;
31
  }
32
 
33
  code {
34
- font-family: "Inconsolata", sans-serif;
35
- font-size: 16px;
36
  }
37
 
38
  h1,
39
  h1 code {
40
- font-weight: 400;
41
- line-height: calc(2.5 / var(--space) * var(--vspace));
42
  }
43
 
44
  h1 code {
45
- background: none;
46
- border: none;
47
- letter-spacing: 0.05em;
48
- padding-bottom: 5px;
49
- position: relative;
50
- padding: 0;
51
  }
52
 
53
  h2 {
54
- margin: var(--vspace-1) 0 var(--vspace-2) 0;
55
- line-height: 1em;
56
  }
57
 
58
  h3,
59
  h3 code {
60
- margin: var(--vspace-1) 0 var(--vspace-2) 0;
61
- line-height: 1em;
62
  }
63
 
64
  h4,
65
  h5,
66
  h6 {
67
- margin: var(--vspace-3) 0 var(--vspace-3) 0;
68
- line-height: var(--vspace);
69
  }
70
 
71
  .bigtitle,
72
  h1,
73
  h1 code {
74
- font-size: calc(8px * 4.5);
75
- word-break: break-word;
76
  }
77
 
78
  .title,
79
  h2,
80
  h2 code {
81
- font-size: calc(8px * 3.375);
82
- font-weight: lighter;
83
- word-break: break-word;
84
- border: none;
85
- background: none;
86
  }
87
 
88
  .subheading1,
89
  h3,
90
  h3 code {
91
- font-size: calc(8px * 1.8);
92
- font-weight: 600;
93
- border: none;
94
- background: none;
95
- letter-spacing: 0.1em;
96
- text-transform: uppercase;
97
  }
98
 
99
  h2 code {
100
- padding: 0;
101
- position: relative;
102
- letter-spacing: 0.05em;
103
  }
104
 
105
  blockquote {
106
- font-size: calc(8px * 1.1667);
107
- font-style: italic;
108
- line-height: calc(1.1667 * var(--vspace));
109
- margin: var(--vspace-2) var(--vspace-2);
110
  }
111
 
112
  .subheading2,
113
  h4 {
114
- font-size: calc(8px * 1.4292);
115
- text-transform: uppercase;
116
- font-weight: 600;
117
  }
118
 
119
  .subheading3,
120
  h5 {
121
- font-size: calc(8px * 1.2917);
122
- line-height: calc(1.2917 * var(--vspace));
123
 
124
- font-weight: lighter;
125
- text-transform: uppercase;
126
- letter-spacing: 0.15em;
127
  }
128
 
129
  h6 {
130
- font-size: calc(8px * 1.1667);
131
- font-size: 1.1667em;
132
- font-weight: normal;
133
- font-style: italic;
134
- font-family: "le-monde-livre-classic-byol", serif !important;
135
- letter-spacing: 0px !important;
136
  }
137
 
138
  #start .md > *:first-child {
139
- margin-top: 0;
140
  }
141
 
142
  h2 + h3 {
143
- margin-top: 0;
144
  }
145
 
146
  .md hr {
147
- border: none;
148
- border-top: 1px solid var(--block-border-color);
149
- margin: var(--vspace-2) 0 var(--vspace-2) 0;
150
  }
151
  .prose ul {
152
- margin: var(--vspace-2) 0 var(--vspace-1) 0;
153
  }
154
 
155
  .gap {
156
- gap: 0;
157
  }
 
1
  html {
2
+ font-family: Inter;
3
+ font-size: 16px;
4
+ font-weight: 400;
5
+ line-height: 1.5;
6
+ -webkit-text-size-adjust: 100%;
7
+ background: #fff;
8
+ color: #323232;
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+ text-rendering: optimizeLegibility;
12
  }
13
 
14
  :root {
15
+ --space: 1;
16
+ --vspace: calc(var(--space) * 1rem);
17
+ --vspace-0: calc(3 * var(--space) * 1rem);
18
+ --vspace-1: calc(2 * var(--space) * 1rem);
19
+ --vspace-2: calc(1.5 * var(--space) * 1rem);
20
+ --vspace-3: calc(0.5 * var(--space) * 1rem);
21
  }
22
+ .gradio-container {
23
+ max-width: unset !important;
 
24
  }
25
 
26
  .prose p {
27
+ margin: var(--vspace) 0;
28
+ line-height: var(--vspace * 2);
29
+ font-size: 1rem;
30
  }
31
 
32
  code {
33
+ font-family: "Inconsolata", sans-serif;
34
+ font-size: 16px;
35
  }
36
 
37
  h1,
38
  h1 code {
39
+ font-weight: 400;
40
+ line-height: calc(2.5 / var(--space) * var(--vspace));
41
  }
42
 
43
  h1 code {
44
+ background: none;
45
+ border: none;
46
+ letter-spacing: 0.05em;
47
+ padding-bottom: 5px;
48
+ position: relative;
49
+ padding: 0;
50
  }
51
 
52
  h2 {
53
+ margin: var(--vspace-1) 0 var(--vspace-2) 0;
54
+ line-height: 1em;
55
  }
56
 
57
  h3,
58
  h3 code {
59
+ margin: var(--vspace-1) 0 var(--vspace-2) 0;
60
+ line-height: 1em;
61
  }
62
 
63
  h4,
64
  h5,
65
  h6 {
66
+ margin: var(--vspace-3) 0 var(--vspace-3) 0;
67
+ line-height: var(--vspace);
68
  }
69
 
70
  .bigtitle,
71
  h1,
72
  h1 code {
73
+ font-size: calc(8px * 4.5);
74
+ word-break: break-word;
75
  }
76
 
77
  .title,
78
  h2,
79
  h2 code {
80
+ font-size: calc(8px * 3.375);
81
+ font-weight: lighter;
82
+ word-break: break-word;
83
+ border: none;
84
+ background: none;
85
  }
86
 
87
  .subheading1,
88
  h3,
89
  h3 code {
90
+ font-size: calc(8px * 1.8);
91
+ font-weight: 600;
92
+ border: none;
93
+ background: none;
94
+ letter-spacing: 0.1em;
95
+ text-transform: uppercase;
96
  }
97
 
98
  h2 code {
99
+ padding: 0;
100
+ position: relative;
101
+ letter-spacing: 0.05em;
102
  }
103
 
104
  blockquote {
105
+ font-size: calc(8px * 1.1667);
106
+ font-style: italic;
107
+ line-height: calc(1.1667 * var(--vspace));
108
+ margin: var(--vspace-2) var(--vspace-2);
109
  }
110
 
111
  .subheading2,
112
  h4 {
113
+ font-size: calc(8px * 1.4292);
114
+ text-transform: uppercase;
115
+ font-weight: 600;
116
  }
117
 
118
  .subheading3,
119
  h5 {
120
+ font-size: calc(8px * 1.2917);
121
+ line-height: calc(1.2917 * var(--vspace));
122
 
123
+ font-weight: lighter;
124
+ text-transform: uppercase;
125
+ letter-spacing: 0.15em;
126
  }
127
 
128
  h6 {
129
+ font-size: calc(8px * 1.1667);
130
+ font-size: 1.1667em;
131
+ font-weight: normal;
132
+ font-style: italic;
133
+ font-family: "le-monde-livre-classic-byol", serif !important;
134
+ letter-spacing: 0px !important;
135
  }
136
 
137
  #start .md > *:first-child {
138
+ margin-top: 0;
139
  }
140
 
141
  h2 + h3 {
142
+ margin-top: 0;
143
  }
144
 
145
  .md hr {
146
+ border: none;
147
+ border-top: 1px solid var(--block-border-color);
148
+ margin: var(--vspace-2) 0 var(--vspace-2) 0;
149
  }
150
  .prose ul {
151
+ margin: var(--vspace-2) 0 var(--vspace-1) 0;
152
  }
153
 
154
  .gap {
155
+ gap: 0;
156
  }
examples/rgbd.rrd ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ version https://git-lfs.github.com/spec/v1
2
+ oid sha256:23a374ab6f973424d2e6d40d54c90a5898c4ae4c3909987167fc4e349e9f7b35
3
+ size 38623309
examples/rrt-star.rrd ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ version https://git-lfs.github.com/spec/v1
2
+ oid sha256:d26f9f5343552292208d232f2480ac24a7a9cebb331ba8ce4fa8ef3a44f5c283
3
+ size 10487798
examples/structure_from_motion.rrd ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ version https://git-lfs.github.com/spec/v1
2
+ oid sha256:c6b4aae56c08714b4aa230cb2c75682eef8e2e6de1c2ea636e15e4eca0f9e26f
3
+ size 7175301