Mercurial > repos > goeckslab > gate_finder

annotate index.html @ 4:5f4a4dd06bc9 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:28 +0000
parents 6df8d6e42152
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 console.log('here be url: '+window.location.href);
5f4a4dd06bc9 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('\/[^\/]*$'), '');
5f4a4dd06bc9 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);
5f4a4dd06bc9 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) {
5f4a4dd06bc9 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) {
5f4a4dd06bc9 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) {
5f4a4dd06bc9 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)
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 else {
5f4a4dd06bc9 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])
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 }
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
42 return input;
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
43 };
5f4a4dd06bc9 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};
5f4a4dd06bc9 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);
5f4a4dd06bc9 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:');
5f4a4dd06bc9 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);
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
48 function MyApp() {
5f4a4dd06bc9 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(
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
50 Vitessce,
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
51 {
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
52 height: 1000,
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
53 theme: 'dark',
5f4a4dd06bc9 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,
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
55 }
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
56 );
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
57 }
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
58
5f4a4dd06bc9 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');
5f4a4dd06bc9 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);
5f4a4dd06bc9 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));
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
62 </script>
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
63 </body>
5f4a4dd06bc9 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
64 </html>