Mercurial > repos > goeckslab > vitessce_spatial

annotate index.html @ 4:068da7f7cd83 draft default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
author goeckslab
date Thu, 20 Feb 2025 19:47:16 +0000
parents 9f60ef2d586e
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
4
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
1 <!DOCTYPE html>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
2 <html>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
3 <head>
068da7f7cd83 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" />
068da7f7cd83 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>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
6 </head>
068da7f7cd83 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">
068da7f7cd83 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>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
9 <noscript>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
10 <div>
068da7f7cd83 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
9f60ef2d586e planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 9b2dc921e692af8045773013d9f87d4d790e2ea1
goeckslab
parents:
diff changeset
12 </div>
4
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
13 </noscript>
068da7f7cd83 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">
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
15 {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
16 "imports": {
068da7f7cd83 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",
068da7f7cd83 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",
068da7f7cd83 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",
068da7f7cd83 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"
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
21 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
22 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
23 </script>
068da7f7cd83 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">
068da7f7cd83 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';
068da7f7cd83 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';
068da7f7cd83 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';
068da7f7cd83 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';
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
29
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
30 console.log('here be url: '+window.location.href);
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
31 var current_url = window.location.href.replace(new RegExp('\/[^\/]*$'), '');
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
32 console.log(current_url);
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
33 function rewriteURL(input) {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
34 for (let k in input) {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
35 if (typeof input[k] === 'string' || input[k] instanceof String) {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
36 input[k] = input[k].replace('http://localhost', current_url)
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
37 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
38 else {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
39 input[k] = rewriteURL(input[k])
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
40 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
41 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
42 return input;
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
43 };
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
44 var fixed_conf = {...config};
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
45 fixed_conf = rewriteURL(fixed_conf);
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
46 console.log('conf fixed:');
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
47 console.log(fixed_conf);
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
48 function MyApp() {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
49 return React.createElement(
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
50 Vitessce,
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
51 {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
52 height: 1000,
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
53 theme: 'dark',
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
54 config: fixed_conf,
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
55 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
56 );
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
57 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
58
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
59 const container = document.getElementById('root');
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
60 const root = createRoot(container);
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
61 root.render(React.createElement(MyApp));
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
62 </script>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
63 </body>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
64 </html>