Mercurial > repos > goeckslab > gate_finder
annotate index.html @ 6:db3053f1b878 draft default tip
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit a3dd8a6f384e5227972910c80d280250e28d1432
author | goeckslab |
---|---|
date | Fri, 06 Jun 2025 16:38:39 +0000 |
parents | e860ca30cd0b |
children |
rev | line source |
---|---|
4
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
1 <!DOCTYPE html> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
2 <html> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
3 <head> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
4 <meta charset="UTF-8" /> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
5 <title>Vitessce</title> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
6 </head> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
7 <body style="background-color:#666666"> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
8 <div id="root"></div> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
9 <noscript> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
10 <div> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
11 This Galaxy visualization uses JavaScript -- to view this an admin must allow the tool to execute JS in it's HTML output |
0
6df8d6e42152
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 9b2dc921e692af8045773013d9f87d4d790e2ea1
goeckslab
parents:
diff
changeset
|
12 </div> |
4
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
13 </noscript> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
14 <script type="importmap"> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
15 { |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
16 "imports": { |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
17 "react": "https://esm.sh/react@18.2.0?dev", |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
18 "react-dom": "https://esm.sh/react-dom@18.2.0?dev", |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
19 "react-dom/client": "https://esm.sh/react-dom@18.2.0/client?dev", |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
20 "vitessce": "https://unpkg.com/vitessce@3.5.1" |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
21 } |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
22 } |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
23 </script> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
24 <script type="module"> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
25 import React from 'react'; |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
26 import { createRoot } from 'react-dom/client'; |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
27 import { Vitessce } from 'vitessce'; |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
28 import { config } from './config.js'; |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
29 |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
30 function MyApp() { |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
31 return React.createElement( |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
32 Vitessce, |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
33 { |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
34 height: 1000, |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
35 theme: 'dark', |
5
e860ca30cd0b
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 90f081e58b5ee41bba3a7e6f01d97b5bd9392759
goeckslab
parents:
4
diff
changeset
|
36 config: config, |
4
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
37 } |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
38 ); |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
39 } |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
40 |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
41 const container = document.getElementById('root'); |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
42 const root = createRoot(container); |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
43 root.render(React.createElement(MyApp)); |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
44 </script> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
45 </body> |
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents:
0
diff
changeset
|
46 </html> |