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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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>