Mercurial > repos > goeckslab > gate_finder
annotate index.html @ 7:64609b94f90f draft default tip
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 52576a03742abfab8a623c06e22624f1d8423e3d
| author | goeckslab | 
|---|---|
| date | Mon, 21 Jul 2025 16:47:50 +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: 
0diff
changeset | 1 <!DOCTYPE html> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 2 <html> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 3 <head> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
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: 
0diff
changeset | 5 <title>Vitessce</title> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 6 </head> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
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: 
0diff
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: 
0diff
changeset | 9 <noscript> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 10 <div> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
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: 
0diff
changeset | 13 </noscript> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 14 <script type="importmap"> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 15 { | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 16 "imports": { | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
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: 
0diff
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: 
0diff
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: 
0diff
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: 
0diff
changeset | 21 } | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 22 } | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 23 </script> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 24 <script type="module"> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
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: 
0diff
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: 
0diff
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: 
0diff
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: 
0diff
changeset | 29 | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 30 function MyApp() { | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 31 return React.createElement( | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 32 Vitessce, | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 33 { | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 34 height: 1000, | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 35 theme: 'dark', | 
| 5 
e860ca30cd0b
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 90f081e58b5ee41bba3a7e6f01d97b5bd9392759
 goeckslab parents: 
4diff
changeset | 36 config: config, | 
| 4 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 37 } | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 38 ); | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 39 } | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 40 | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
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: 
0diff
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: 
0diff
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: 
0diff
changeset | 44 </script> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 45 </body> | 
| 
5f4a4dd06bc9
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
 goeckslab parents: 
0diff
changeset | 46 </html> | 
