{"version":3,"sources":["theme.js","module/NbIcon.js","module/NbBanner.js","module/Entry.js","module/LocalEntry.js","styles.js","pages/Home/entries.js","pages/Home/index.jsx","panel/trackIcon.js","panel/icons.js","panel/hubs.js","panel/weblink.js","panel/gsheet.js","panel/dna3d.js","panel/dna.js","module/PanelCard.jsx","pages/Space.js","module/layoutIcon.js","module/SessionCard.jsx","tools/download.js","pages/Session.jsx","tools/gsheetAgent.js","tools/nbAgent.js","module/nucle3dstruct.js","module/nucle3dParse.js","module/nucle3d.js","module/webglSupport.js","pages/Portal.jsx","module/AppCard.jsx","pages/Gallery.jsx","pages/Hints/HintCard.jsx","pages/Hints/index.jsx","tools/getUrlParam.js","pages/Docs/index.jsx","module/slack.jsx","AppFooter.js","App.js","index.js"],"names":["theme","createMuiTheme","palette","primary","light","colors","main","dark","secondary","typography","useNextVariants","NbIcon","state","scale","this","_render","el","d3","ReactDOM","findDOMNode","attr","style","html","cs","colorMap","cband","pie","sort","startAngle","Math","PI","endAngle","canvas","select","l","chrs","svg","genome","callback","chrBands","fetch","then","res","text","d","split","forEach","a","c","s","parseInt","e","band","push","catch","console","log","getBand","renderChr","chr","arc","innerRadius","outerRadius","cornerRadius","selectAll","remove","g","append","classed","data","map","end","start","arcs","enter","d0","i","v","value","g2","arc2","arcs2","renderArrow","array","color","setInterval","k","floor","random","length","props","React","Component","NbBanner","classes","className","flag","Typography","component","variant","align","gutterBottom","nchar","bchar","paragraph","EntryDiv","sheetId","sheetid","title","self","url","json","t","values","label","note","setState","headers","Origin","location","replace","window","href","Tooltip","aria-label","Chip","chip","onClick","handleClick","useEffect","localforage","createInstance","keys","setData","handleClickFactory","useState","Box","styles","paddingTop","paddingBottom","fontFamily","fontWeight","icon","card","minHeight","minWidth","display","flexDirection","marginLeft","marginRight","layout","width","spacing","breakpoints","up","cardGrid","padding","bullet","margin","transform","fontSize","pos","marginBottom","media","height","gmedia","actions","expand","transition","transitions","create","duration","shortest","expandOpen","avatar","backgroundColor","menuButton","modal","position","background","paper","border","boxShadow","shadows","outline","textAlign","toolbarButtons","root","marginTop","footer","button","gcard","gcardContent","overflowY","hcard","hcardContent","prefix","entries","session","image","Home","withStyles","version","open","setOpen","entryClick","params","queryString","parse","search","Dialog","aria-labelledby","aria-describedby","onClose","DialogContent","DialogContentText","id","Entry","LocalEntry","Button","size","type","Container","maxWidth","classNames","Grid","container","item","sm","md","lg","selection","each","format","on","metaLink","longLabel","chart","maxrows","name","regions","r","trackViews","slice","call","trackIcon","_","arguments","btn","rBtn","isPub","uri","currentId","sheetTitle","PanelCard","db","hide","setHide","handleClose","svgRef","createRef","getItem","JSON","current","render","PanelIcons","merge","m","DialogTitle","DialogActions","removeItem","autoFocus","Card","hidden","CardContent","ref","CardActions","PanelSpace","panels","setPanels","setDb","nbPanel","flexWrap","o","Space","x","y","w","h","content","offset","xscale","yscale","componentState","TabPanel","idx","layoutIcon","p","SessionCard","setValue","divRef","wins","Object","b","shift","trans","AppBar","Tabs","onChange","event","newValue","Tab","index","fn","dataStr","encodeURIComponent","node","setAttribute","click","download","stringify","Local","_db","gsheetAgent","range","apiKey","agent","Promise","resolve","reject","Array","columns","j","objectFactory","nbAgent","server","genomes","inited","queryParas","_get","q1","getgenome","all","gdbs","q2","gdb","fetchDb","dbname","parseLine","parseFloat","distance","dx","dy","dz","z","sqrt","binsize","chr2idx","nodesize","init","read","lines","guessNodeSize","n","ThreeDMol","mol","bonds","bondOrder","nucle3d","$","$3Dmol","require","rainbow","highlight","step","hset","atoms","_highlight","atom","model","setStyle","line","singleBonds","radius","linewidth","opacity","stick","colorfunc","viewer","hasWebGL","document","createElement","WebGLRenderingContext","getContext","webglSupport","divh","divm","n3d","nucle3dParse","ratio","element","createViewer","clear","setBackgroundColor","chr2model","addModel","addAtoms","alpha","setClickable","setHoverable","zoomTo","zoom","CustomizedAxisTick","PureComponent","payload","stroke","textAnchor","fill","tree","setTree","myRef","useRef","renderData","filter","Count","Type","generateTree","target","dataKey","tick","interval","barSize","currentNode","selectedNodes","path","AppCard","Gallery","handleOpen","CardHeader","CardMedia","disableSpacing","IconButton","HintCard","handleMore","link","header","video","Hints","decodeURIComponent","RegExp","exec","rest","converter","showdown","Converter","setOption","setFlavor","makeHtml","innerHTML","Paper","makeStyles","AppFooter","top","src","useStyles","drawer","appBar","toolbar","mixins","drawerPaper","drawerHeader","paddingLeft","App","withRouter","useTheme","swInited","setSwInited","setVersion","mobileOpen","setMobileOpen","nav","setNav","notifyRef","reloadRef","handleDrawerToggle","handleLink","localStorage","u","history","handleNav","initVersion","newWorker","refreshing","navigator","serviceWorker","addEventListener","postMessage","action","register","scope","reg","waiting","active","installing","controller","messageChannel","MessageChannel","port1","onmessage","port2","getVersion","error","reload","Divider","List","ListItem","key","ListItemIcon","ListItemText","setPage","setRest","getUrlParam","CssBaseline","Toolbar","edge","noWrap","Hidden","Drawer","anchor","direction","ModalProps","keepMounted","notification","various","exact","Session","Docs","match","Portal","ThemeProvider","getElementById"],"mappings":"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","file":"static/js/main.1381d615.chunk.js","sourcesContent":["import * as colors from '@material-ui/core/colors';\nimport { createMuiTheme } from '@material-ui/core/styles';\n\nconst theme = createMuiTheme({\n  palette: {\n    primary: {\n      light: colors.grey[600],\n      main: colors.grey[800],\n      dark: colors.grey[1000],\n    },\n    secondary: {\n      light: colors.green[300],\n      main: colors.green[500],\n      dark: colors.green[700],\n    },\n  },\n  typography: {\n    useNextVariants: true,\n  },\n});\n\nexport default theme;\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport * as  d3 from \"d3\"\nclass NbIcon extends React.Component {\n    state = {\n        scale:0.2\n    }\n    componentDidMount() {\n        this._render()\n    }\n    _render() {\n        var el = d3.select(ReactDOM.findDOMNode(this));\n        el.attr(\"align\", \"center\")\n        el.style(\"padding\", \"10px\")\n        var icon = `\n<svg id=\"svg\" height=\"100\" width=\"100\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n  <defs>\n     <radialGradient id=\"grad1\" cx=\"70%\" cy=\"50%\" r=\"60%\" fx=\"50%\" fy=\"50%\">\n      <stop offset=\"0%\" style=\"stop-color:rgb(255,255,255);\n      stop-opacity:0\" />\n      <stop offset=\"100%\" style=\"stop-color:#000;stop-opacity:0.8\" />\n    </radialGradient>\n    <g id=\"charN\">\n    <path d=\"M 43.848 1.953 L 66.895 1.172 L 63.379 67.383 L 37.793 69.727 L 24.121 34.277 L 21.973 70.41 L 0 70.41 L 1.758 1.172 L 26.172 0 L 43.066 35.156 L 43.848 1.953 Z\" vector-effect=\"non-scaling-stroke\"/></g>\n    </g>\n    <g id=\"charB\">\n    <path d=\"M 0.098 67.676 L 0 4.785 A 57.841 57.841 0 0 1 4.669 3.105 A 65.393 65.393 0 0 1 5.811 2.759 A 66.496 66.496 0 0 1 12.085 1.245 Q 15.283 0.635 18.457 0.317 A 62.649 62.649 0 0 1 23.862 0.005 A 56.598 56.598 0 0 1 24.609 0 A 56.835 56.835 0 0 1 31.616 0.439 A 38.643 38.643 0 0 1 38.428 1.904 Q 41.699 2.93 44.531 4.565 A 19.855 19.855 0 0 1 49.487 8.594 A 17.623 17.623 0 0 1 52.713 13.913 A 19.98 19.98 0 0 1 52.808 14.16 A 18.046 18.046 0 0 1 53.758 17.924 A 24.625 24.625 0 0 1 54.004 21.484 A 16.976 16.976 0 0 1 53.583 25.316 A 15.175 15.175 0 0 1 53.223 26.611 Q 52.441 29.004 50.977 30.908 A 13.9 13.9 0 0 1 47.412 34.155 A 15.06 15.06 0 0 1 43.566 35.894 A 17.486 17.486 0 0 1 42.676 36.133 A 21.453 21.453 0 0 1 47.632 38.09 A 19.754 19.754 0 0 1 48.462 38.574 Q 51.074 40.186 52.905 42.48 Q 54.736 44.775 55.737 47.656 A 18.397 18.397 0 0 1 56.728 53.148 A 21.006 21.006 0 0 1 56.738 53.809 A 18.509 18.509 0 0 1 56.453 57.14 A 13.288 13.288 0 0 1 55.249 60.791 Q 53.76 63.721 51.27 65.771 A 21.005 21.005 0 0 1 46.528 68.693 A 24.175 24.175 0 0 1 45.532 69.116 Q 42.285 70.41 38.77 71.143 Q 35.254 71.875 31.714 72.119 A 107.341 107.341 0 0 1 28.29 72.302 A 86.647 86.647 0 0 1 25.098 72.363 Q 22.07 72.363 18.823 72.144 A 66.739 66.739 0 0 1 12.354 71.387 A 55.979 55.979 0 0 1 6.006 69.946 A 36.117 36.117 0 0 1 0.098 67.676 Z M 22.266 42.188 L 22.07 53.32 A 54.975 54.975 0 0 0 23.511 53.589 A 8.181 8.181 0 0 0 24.902 53.711 A 11.147 11.147 0 0 0 26.047 53.649 A 14.841 14.841 0 0 0 27.148 53.491 A 6.583 6.583 0 0 0 29.443 52.612 A 5.479 5.479 0 0 0 31.215 50.848 A 6.299 6.299 0 0 0 31.226 50.83 A 4.202 4.202 0 0 0 31.722 49.662 Q 31.934 48.866 31.934 47.852 Q 31.934 46.405 31.503 45.373 A 4.158 4.158 0 0 0 31.226 44.824 Q 30.518 43.652 29.492 42.993 A 6.115 6.115 0 0 0 27.246 42.114 A 14.709 14.709 0 0 0 26.074 41.949 A 11.047 11.047 0 0 0 25 41.895 Q 23.584 41.895 22.266 42.188 Z M 22.559 21.68 L 22.266 32.52 A 16.622 16.622 0 0 0 23.163 32.493 Q 23.581 32.471 24.052 32.428 A 36.195 36.195 0 0 0 25.049 32.324 A 11.484 11.484 0 0 0 28.247 31.47 A 6.865 6.865 0 0 0 30.859 29.517 A 4.383 4.383 0 0 0 31.696 27.88 Q 31.874 27.245 31.919 26.492 A 8.719 8.719 0 0 0 31.934 25.977 A 5.717 5.717 0 0 0 31.825 24.836 A 4.141 4.141 0 0 0 31.348 23.56 A 5.646 5.646 0 0 0 30.427 22.368 A 5.037 5.037 0 0 0 29.907 21.924 A 5.843 5.843 0 0 0 28.052 20.996 Q 27.051 20.703 26.27 20.703 A 6.287 6.287 0 0 0 24.365 20.996 A 17.19 17.19 0 0 0 22.559 21.68 Z\" vector-effect=\"non-scaling-stroke\"/>\n    </g>  \n</defs>\n  <g id=\"icon\" transform=\"scale(0.2)\">\n    <circle cx=250 cy=250 r=250 fill=\"#F0F0F0\" opacity=1.0></circle>\n    <g transform=\"translate(175,175)\">\n    <use xlink:href=\"#charN\" fill=\"#226A98\" transform=\"scale(2)\"/> \n    </g> \n     <g transform=\"translate(325,175)\">\n    <use xlink:href=\"#charB\" fill=\"#CE5156\" transform=\"scale(2)\"/> \n    </g>   \n</g>\n                  </svg>\n\n        `\n        el.html(icon)\n\n        function getBand(genome, callback) {\n            var chrBands = {}\n            fetch(\"/entry/data/\" + genome + \".cytoBand.txt\", {\n                \"credentials\": \"include\"\n            }).then(function(res) {\n                res.text().then(function(d) {\n                    var l = d.split(\"\\n\")\n                    l.forEach(function(d) {\n                        var a = d.split(\"\\t\")\n                        var c = a[0]\n                        var s = parseInt(a[1])\n                        var e = parseInt(a[2])\n                        var band = a[3]\n                        if (!(c in chrBands)) {\n                            chrBands[c] = {\n                                \"band\": []\n                            };\n                        }\n                        chrBands[c][\"band\"].push({\n                            \"chr\": c,\n                            \"start\": s,\n                            \"end\": e,\n                            \"id\": band,\n                            \"value\": a[\n                                4\n                            ]\n                        })\n                    })\n                    callback(chrBands)\n                })\n            }).catch(function(e) {\n                console.log(e)\n                callback(null)\n            })\n        }\n\n        var width = 500\n        var height = 500\n        var cs = d3.interpolateBlues;\n        var colorMap = {\n            \"blue\": d3.interpolateBlues,\n            \"grey\": d3.interpolateGreys,\n            \"green\": d3.interpolateGreens,\n        }\n\n        var cband = {\n            \"gneg\": 0.10,\n            \"gpos33\": 0.33,\n            \"gpos66\": 0.66,\n            \"gpos75\": 0.75,\n            \"gpos50\": 0.5,\n            \"gpos25\": 0.25,\n            \"gpos100\": 1.0,\n            \"gvar\": 0.5,\n            \"acen\": \"grey\",\n            \"stalk\": 0.25,\n        }\n        var colorBand = function(v) {\n            if (v === \"acen\") return \"grey\"\n            if (v in cband) return cs(cband[v])\n            return \"red\"\n        }\n        var pie = d3.pie().sort(null).startAngle(\n            0.20 *\n            Math.PI).endAngle(-\n            1.28 * Math.PI)\n        var canvas = el.select(\"#svg\")\n        var l = 500 * this.state.scale\n        canvas.attr(\"height\",l)\n        canvas.attr(\"width\",l)\n        var svg = el.select(\"#icon\").attr(\"transform\",\"scale(\"+this.state.scale+\")\")\n        var chrs\n        getBand(\"hg38\", function(d) {\n            chrs = d\n            if (d!==null){\n                renderChr(\"chr1\")\n            }\n        })\n        var renderChr = function(chr) {\n            var d = chrs[chr]\n            var arc = d3.arc()\n                .innerRadius(170)\n                .outerRadius(210)\n                .cornerRadius(1)\n            svg.selectAll(\".chr\").remove()\n            var g = svg.append(\"g\").attr(\n                    \"opacity\",\n                    0.9)\n                .classed(\"chr\", true)\n                .attr(\"transform\", \"translate(\" +\n                    width / 2 +\n                    \",\" + height / 2 + \")\")\n\n            var data = d.band.map(function(d) {\n                return d.end - d.start\n            })\n            var arcs = pie(data);\n            // background \n                g.selectAll(\".path1\")\n                .data(arcs)\n                .enter()\n                .append(\"path\")\n                .classed(\"path1\", true)\n                .style(\"fill\", function(d0, i) {\n                    return colorBand(d.band[i].value)\n                })\n                .attr(\"d\", function(d0, i) {\n                    return arc(d0)\n                })\n        }\n        var renderArrow = function() {\n            var g2 = svg.append(\"g\")\n                .attr(\"transform\", \"translate(\" +\n                    width / 2 +\n                    \",\" + height / 2 + \")\")\n            var data2 = [100]\n            var arc2 = d3.arc()\n                .innerRadius(210)\n                .outerRadius(250)\n                .cornerRadius(1)\n\n            var arcs2 = pie(data2)\n            g2.selectAll(\".path2\")\n                .data(arcs2)\n                .enter()\n                .append(\"path\")\n                .classed(\"path2\", true)\n                .style(\"fill\", function(d0, i) {\n                    return \"#CE5146\"\n                })\n                .attr(\"d\", arc2)\n            svg.append(\"g\")\n                .attr(\"transform\",\n                    \"translate(469,63) rotate(80)\")\n                .append(\"path\")\n                .attr(\"d\",\n                    \"M 0 97 L 48 48 L  -48 48 Z\")\n                .style(\"fill\", \"#CE5146\")\n\n        }\n        renderArrow()\n        var array = []\n        for (var i = 0; i < 22; i++) {\n            array.push(\"chr\" + (i + 1))\n        }\n        array.push(\"chrX\")\n        array.push(\"chrY\")\n        var color = [\"blue\", \"grey\", \"green\"]\n        setInterval(function(d) {\n            var k = Math.floor(Math.random() * 3)\n            cs = colorMap[color[k]]\n            var i = Math.floor(Math.random() * array.length)\n            renderChr(array[i])\n        }, 3000)\n\n    }\n    componentDidUpdate() {\n    }\n    render() {\n        const {scale} = this.props \n        this.state.scale = scale || 0.2\n        //var el = React.createElement(\"div\", null)\n        //this._render(el)\n        return (<div></div>);\n    }\n}\n\n\nexport default NbIcon\n","\nimport React from \"react\"\n\nimport Typography from '@material-ui/core/Typography';\nclass NbBanner extends React.Component {\n    render() {\n        const {\n            classes\n        } = this.props;\n        return (\n            <div className={classes.flag}>\n                  <Typography component=\"h2\" variant=\"h3\" color=\"textPrimary\" align=\"center\" gutterBottom>\n                    <span className={classes.nchar}>Nucleome</span> \n                    <span>  </span>\n                    <span className={classes.bchar}>Browser</span>\n                  </Typography>\n                  <Typography variant=\"h5\" color=\"textSecondary\" align=\"center\" paragraph>\n                  </Typography>\n                  <Typography paragraph>\n                  </Typography>\n                </div>\n        )\n    }\n\n}\n\nexport default NbBanner","import React from \"react\"\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Chip from '@material-ui/core/Chip';\n\n//TODO Set Sheet ID , How TO Set Sheet ID???\nclass EntryDiv extends React.Component {\n    handleClick() {\n        console.log(\"TODO\")\n    }\n    constructor(props) {\n        super(props);\n        var sheetId = props.sheetid || \"1N_viSL6hDY_n75dVP4bfiLJ99SOPzIfqrka1JvJjv4E\"\n        var title = props.title || \"Publish\"\n\n        var self = this;\n        this.state = {\n            \"d\": []\n        }\n        this.sheetid = sheetId\n        var apiKey = \"AIzaSyBhECk4C1LpxI1mDJjSTwot-hRP2v3bwEA\"\n        var url = \"https://sheets.googleapis.com/v4/spreadsheets/\" + sheetId + \"/values/\" + title + \"!A:C?key=\" + apiKey\n        var cors = \"https://vis.nucleome.org/cors/\"\n        fetch(url).then(function(d) {\n            return d.json()\n        }).then(function(d) {\n            var t = d.values.map(function(d) {\n                return {\n                    label: d[0],\n                    note: d[1]\n                }\n            })\n            self.setState({\n                \"d\": t\n            })\n        }).catch(function(e) {\n            fetch(cors + url, {\n                    headers: {\n                        Origin: \"https://vis.nucleome.org\"\n                    }\n                }).then((d) => {\n                    return d.json()\n                })\n                .then((d) => {\n                    var t = d.values.map(function(d) {\n                        return {\n                            label: d[0],\n                            note: d[1]\n                        }\n                    })\n                    self.setState({\n                        \"d\": t\n                    })\n\n                }).catch((e)=>{\n                    self.setState({\"d\":[]})\n                })\n        })\n\n\n    }\n    handleClick(d, sheetid) {\n        return function() {\n            var location = \"/v1/main.html?config=gsheet:\" + sheetid + \":\" + d.label.replace(\" \", \"%20\")\n            window.location.href = location\n        }\n    }\n    continueClick() {\n        var location = \"/v1/main.html?config=continue\"\n        window.location.href = location\n    }\n    hubsClick() {\n        var location = \"/v1/main.html?initedLayout=hubs\"\n        window.location.href = location\n    }\n\n    render() {\n\n        const {\n            classes\n        } = this.props;\n        const {\n            d\n        } = this.state\n        var sheetid = this.sheetid\n        return (<div>\n                        <div>\n                            \n                        { d.length == 0 ? \"Loading..\" : d.map((d) => \n                            <Tooltip title={d.note} aria-label={d.note}>\n                            <Chip className={classes.chip} label={d.label} onClick={this.handleClick(d,sheetid)}/> \n                            </Tooltip>\n                        ) }\n                        </div>\n              </div>)\n    }\n}\n\nexport default EntryDiv\n","import React,{useEffect} from \"react\"\nimport Chip from '@material-ui/core/Chip';\nimport localforage from \"localforage\"\nimport Box from '@material-ui/core/Box';\nfunction EntryDiv(props) {\n    const {classes} = props\n    useEffect(() => {\n        var _db = localforage.createInstance({\n            \"name\": \"nbSession\"\n        })\n        _db.keys().then(function(d) {\n            if (d.length == 0) {\n            } else {\n                setData(d)\n            }\n        })\n    }, [])\n    const handleClickFactory = function(d){\n        return function(){\n        window.location.href = \"/v1/main.html?config=localstorage:\"+d\n    }\n    }\n    const [data, setData] = React.useState([]);\n    return (<Box>\n        {\n            data.map(function(d,i){\n                return (<Chip className={classes.chip} label={d} onClick={handleClickFactory(d)}></Chip>)\n            })\n        }\n\n    </Box>)\n}\nexport default EntryDiv","const styles = theme => ({\n    flag: {\n        align: \"center\",\n        paddingTop: 15,\n        paddingBottom:50\n    },\n    nchar: {\n        color: \"#226A98\",\n        fontFamily: \"Helvetica\",\n        fontWeight: \"bold\"\n    },\n    bchar: {\n        color: \"#CE5156\",\n        fontFamily: \"Helvetica\",\n        fontWeight: \"bold\"\n    },\n\n  icon: {\n  },\n  card: {\n    minHeight: '500px',\n    minWidth: '350px',\n    display: 'flex',\n    flexDirection: 'column',\n    marginLeft: 10,\n    marginRight: 10,\n    \n  },\n  layout: {\n    width: 'auto',\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    [theme.breakpoints.up(1200 + theme.spacing(1*2))]: {\n      width: 1200,\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n  },\n  cardGrid: {\n    padding: `${theme.spacing(0)}px 0`,\n  },\n  bullet: {\n    display: 'inline-block',\n    margin: '0 2px',\n    transform: 'scale(1.8)',\n  },\n  title: {\n    fontSize: 14,\n  },\n  pos: {\n    marginBottom: 12,\n  },\n  media: {\n    height: 0,\n    paddingTop: '100.0%',\n  },\n  gmedia: {\n    height: 0,\n    paddingTop: '56.0%',\n  },\n\n  actions: {\n    display: 'flex',\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    marginLeft: 'auto',\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest,\n    }),\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)',\n  },\n  avatar: {\n    backgroundColor: \"#550000\",\n  },\n   menuButton: {\n    marginLeft: -18,\n    marginRight: 10,\n  },\n  modal: {\n    position: 'absolute',\n    width: 400,\n    backgroundColor: theme.palette.background.paper,\n    border: '2px solid #000',\n    boxShadow: theme.shadows[5],\n    padding: theme.spacing(2, 4, 4),\n    outline: 'none',\n    textAlign:'center',\n  },\n    toolbarButtons: {\n        marginLeft: 'auto',\n        marginRight: -12,\n    },\n    root: {\n    display: 'flex',\n    flexDirection: 'column',\n    minHeight: '100vh',\n  },\n  main: {\n    marginTop: theme.spacing(8),\n    marginBottom: theme.spacing(2),\n  },\n  footer: {\n    padding: theme.spacing(2),\n    marginTop: 'auto',\n    backgroundColor: 'white',\n  },\n  chip: {\n    margin: theme.spacing(0.5),\n  },\n  button: {\n    margin: theme.spacing(0.5),\n  },\n    gcard: {\n        //width: 350,\n        //height: 528,\n        fontFamily: \"Courier\",\n        margin: theme.spacing(1.5),\n    },\n    gcardContent: {\n        height: 168,\n        overflowY: \"auto\",\n    },\n    hcard: {\n        width: 350,\n        height: 428,\n        margin: theme.spacing(1.5),\n    },\n    hcardContent: {\n        height: 358,\n    },\n    paper: {\n        padding: 10,\n    }\n\n});\n\n\n\nexport default styles\n\n\n","const prefix = \"/~yangz6/Nucleome_Browser/NB_session/example/\"\nconst entries = [\n    {genome:\"human (hg38)\",session:prefix + \"entry_page_human\" + \".json\", image:\"\"},\n    {genome:\"mouse (mm10)\",session:prefix + \"entry_page_mouse\" + \".json\", image:\"\"},\n]\nexport default entries\n","import React from 'react';\nimport Container from '@material-ui/core/Container';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\nimport Paper from '@material-ui/core/Paper';\nimport Button from '@material-ui/core/Button';\nimport Chip from '@material-ui/core/Chip';\nimport NbIcon from \"../../module/NbIcon\";\nimport NbBanner from \"../../module/NbBanner\";\nimport EntryDiv from \"../../module/Entry\";\nimport LocalEntryDiv from \"../../module/LocalEntry\";\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Tooltip from '@material-ui/core/Tooltip';\n\n\nimport {\n    withStyles\n} from \"@material-ui/styles\";\nimport styles from \"../../styles\";\nimport classNames from \"classnames\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nimport queryString from 'query-string'\n\nimport entries from \"./entries\"\n\nfunction Index(props) {\n    const {\n        classes,\n        version\n    } = props\n    const [open, setOpen] = React.useState(false);\n    const handleOpen = () => {\n        setOpen(true);\n    };\n\n    const handleClose = () => {\n        setOpen(false);\n    };\n    const entryClick = (d) => {\n        return function() {\n            var location = \"/v1/main.html?config=\" + d.session\n            window.location.href = location\n        }\n\n    }\n    const hubsClick = () => {\n        var location = \"/v1/main.html?initedLayout=hubs\"\n        window.location.href = location\n    }\n    const threedClick = () => {\n        var location = \"/v1/main.html?initedLayout=track3d\"\n        window.location.href = location\n    }\n\n    const continueClick = () => {\n        var location = \"/v1/main.html?config=continue\"\n        window.location.href = location\n    }\n    let params = queryString.parse(window.location.search)\n    let sheetid = params[\"sheetid\"] || null\n    let title = params[\"title\"] || \"Publish\"\n\n    return (\n        <div>\n    <Dialog\n         aria-labelledby=\"Nucleome Browser Entries\"\n         aria-describedby=\"Nucleome\"\n        open={open}\n        onClose={handleClose}\n    >\n        <div>\n        {/*\n        <DialogTitle id=\"alert-dialog-title\">{\"Start Exploring Nucleome\"}</DialogTitle>\n        */}\n          <DialogContent>\n            <DialogContentText id=\"alert-dialog-description\">\n              Quick Start\n            </DialogContentText>\n\n        {entries.map((d)=>{\n            return (\n            <Chip className={classes.chip} label={d.genome} color=\"secondary\" variant=\"contained\" onClick={entryClick(d)} >\n            </Chip>\n            )\n        })}\n\n          </DialogContent>\n           <DialogContent>\n            <DialogContentText id=\"alert-dialog-description\">\n              Public Sessions\n            </DialogContentText>\n            <EntryDiv classes={classes} sheetid={sheetid} title={title}/>\n          </DialogContent>\n           <DialogContent>\n            <DialogContentText id=\"alert-dialog-description\">\n              Local Sessions\n            </DialogContentText>\n              <LocalEntryDiv classes={classes}/>\n          </DialogContent>\n           <DialogContent>\n            <DialogContentText id=\"alert-dialog-description\">\n              Continue with recently closed session \n            </DialogContentText>\n          <Button variant=\"contained\" onClick={continueClick} className={classes.button}>\n                             Continue\n              </Button>\n\n          </DialogContent>\n           <DialogContent>\n            \n            <DialogContentText id=\"alert-dialog-description\">\n                Start a new window \n            </DialogContentText>\n                   <Chip size=\"small\" variant=\"contained\"onClick={hubsClick} className={classes.chip}\n                            label=\"Genome Browser\"/> \n                    <Chip size=\"small\" variant=\"contained\"onClick={threedClick} className={classes.chip}\n                             label=\"Chromosome 3D Structure Viewer\"\n                        />\n           </DialogContent>\n          \n\n        <Typography type=\"div\">\n         \n        </Typography>\n        </div>\n    </Dialog>\n    <Container maxWidth=\"lg\">\n\n      <Box>\n       <NbIcon scale=\"0.3\"/>\n      </Box>\n      <Box>\n         <NbBanner classes={classes}/>\n        <Box style={{textAlign:\"center\"}}>\n        <Button variant=\"outlined\" title=\"Open Browser\"  color=\"secondary\" size=\"large\" onClick={handleOpen}>Start</Button>\n        </Box>\n        <Typography type=\"p\" style={{textAlign:\"center\"}}>\n        </Typography>\n      </Box>\n    </Container>\n    <Container maxWidth=\"lg\">\n    <div className={classNames(classes.layout, classes.cardGrid)}>\n    <Grid container spacing={4}>\n         <Grid item sm={12} md={6} lg={4}>\n        </Grid>\n         \n         <Grid item sm={12} md={6} lg={4}>\n         </Grid>\n\n        <Grid item sm={12} md={6} lg={4}>\n         </Grid>\n\n      </Grid>\n      </div>\n      \n    </Container>\n    <Container>\n\n    </Container>\n\n    </div>\n    );\n}\n\nconst Home = withStyles(styles)(Index);\n\nexport default Home\n","import * as d3 from \"d3\"\n\nvar colorMap = {\n    \"hic\": \"red\",\n    \"bigwig\": \"black\",\n    \"bigbed\": \"blue\"\n}\n\nexport default function(selection) {\n    selection.each(function(d, i) {\n        var el = d3.select(this)\n        var bar = el.append(\"rect\")\n            .attr(\"x\", 2)\n            .attr(\"y\", -10)\n            .attr(\"height\", 10)\n            .attr(\"width\", 10)\n            .attr(\"fill\", function(d) {\n                return colorMap[d.format] || \"grey\"\n            })\n            .attr(\"opacity\", 0.5)\n            .on(\"mouseover\", function(d) {\n                if (d.metaLink) {\n                    d3.select(this).attr(\"opacity\", 1.0)\n                }\n            })\n            .on(\"mouseout\", function(d) {\n                d3.select(this).attr(\"opacity\", 0.5)\n\n            })\n            .on(\"click\", function(d) {\n                if (d.metaLink) {\n                    window.open(d.metaLink)\n                }\n            })\n            .append(\"svg:title\")\n            .text(d.longLabel || d.id)\n\n        var txt = el.append(\"text\")\n            .attr(\"x\", \"15\")\n            .style(\"font-size\", \"10px\")\n            .style(\"cursor\", \"default\")\n            .text(d.id || d.longLabel)\n            .attr(\"pointer-events\", \"null\")\n\n    })\n}\n","import hubs from \"./hubs\"\nimport weblink from \"./weblink\"\nimport dna from \"./dna\"\nimport dna3d from \"./dna3d\"\nimport gsheet from \"./gsheet\"\nexport default {\n    \"hubs\":hubs,\n    \"weblink\":weblink,\n    \"gsheet\":gsheet,\n    \"dna3d\":dna3d,\n    \"dna\":dna\n}\n","import * as d3 from \"d3\"\nimport trackIcon from \"./trackIcon\"\nexport default function() {\n    var width = 296\n    var height = 200\n    var chart = function(selection) {\n        var color = \"#226a98\"\n        selection.each(function(d) {\n            var el = d3.select(this)\n            var e = el.append(\"g\")\n                //.attr(\"transform\", \"translate(\" + x * xscale + \",\" + y * yscale + \")\")\n            var rect = e.append(\"rect\")\n                .attr(\"width\", width)\n                .attr(\"height\", height)\n                .attr(\"fill\", color) //TODO note d.title but d.type ...\n                .attr(\"opacity\", 0.5)\n            var maxrows = Math.floor((height - 85) / 20)\n            e.append(\"rect\")\n                .attr(\"x\", 0)\n                .attr(\"y\", 0)\n                .attr(\"height\", 15)\n                .attr(\"width\", width)\n                .attr(\"opacity\", 0.5)\n            e.append(\"text\").attr(\"x\", 5).attr(\"y\", 11).attr(\"font-size\", \"10px\")\n                .attr(\"fill\", \"#F3FDD6\")\n                .text(d.name)\n                .attr(\"pointer-events\", \"none\")\n\n            e.append(\"text\").attr(\"x\", 5).attr(\"y\", 27).text(d.genome)\n            if (d.regions) {\n                d.regions.forEach(function(r,i){\n                    e.append(\"text\").attr(\"x\",80).attr(\"y\",27+i*20).text(r.chr+\":\"+r.start+\"-\"+r.end)\n                })\n            }\n            var l = d.trackViews.length\n            if (l > maxrows) {\n                e.append(\"text\").attr(\"x\", 5).attr(\"y\", height - 70).style(\"font-size\", \"10px\")\n                    .text(\"... \" + (l - maxrows + 1) + \" more tracks\")\n                l = maxrows - 1\n            }\n            e.selectAll(\"g\")\n                .data(d.trackViews.slice(0, l))\n                .enter()\n                .append(\"g\")\n                .attr(\"transform\", function(d, i) {\n                    return \"translate( 5,\" + (i * 20 + 45) + \")\"\n                })\n                .call(trackIcon)\n        })\n    }\n    chart.width = function(_) {\n        return arguments.length ? (width = _, chart) : width;\n    }\n    chart.height = function(_) {\n        return arguments.length ? (height = _, chart) : width;\n    }\n    return chart\n\n}\n","import * as d3 from \"d3\"\nexport default function() {\n    var width = 296\n    var color = \"#89c8d3\"\n    var height = 200\n    var chart = function(selection) {\n        selection.each(function(d) {\n            var el = d3.select(this)\n            var e = el.append(\"g\")\n            var rect = e.append(\"rect\")\n                .attr(\"width\", width)\n                .attr(\"height\", height)\n                .attr(\"fill\", color) //TODO note d.title but d.type ...\n                .attr(\"opacity\", 0.5)\n            e.append(\"rect\")\n                .attr(\"x\", 0)\n                .attr(\"y\", 0)\n                .attr(\"height\", 15)\n                .attr(\"width\", width)\n                .attr(\"opacity\", 0.5)\n            e.append(\"text\").attr(\"x\", 5).attr(\"y\", 11).attr(\"font-size\", \"10px\")\n                .attr(\"fill\", \"#F3FDD6\")\n                .text(d.name)\n                .attr(\"pointer-events\", \"none\")\n\n\n        })\n    }\n    chart.width = function(_) {\n        return arguments.length ? (width = _, chart) : width;\n    }\n    chart.height = function(_) {\n        return arguments.length ? (height = _, chart) : width;\n    }\n    return chart\n\n\n}\n","import * as d3 from \"d3\"\nexport default function() {\n    var width = 296\n    var color = \"#0f9d58\"\n    var height = 200\n    var chart = function(selection) {\n        selection.each(function(d) {\n            var el = d3.select(this)\n            var e = el.append(\"g\")\n            var rect = e.append(\"rect\")\n                .attr(\"width\", width)\n                .attr(\"height\", height)\n                .attr(\"fill\", color) //TODO note d.title but d.type ...\n                .attr(\"opacity\", 0.5)\n            e.append(\"rect\")\n                .attr(\"x\", 0)\n                .attr(\"y\", 0)\n                .attr(\"height\", 15)\n                .attr(\"width\", width)\n                .attr(\"opacity\", 0.5)\n            e.append(\"text\").attr(\"x\", 5).attr(\"y\", 11).attr(\"font-size\", \"10px\")\n                .attr(\"fill\", \"#F3FDD6\")\n                .text(d.name)\n                .attr(\"pointer-events\", \"none\")\n            if (d.sheetId) {\n            var btn = e.append(\"g\")\n                .attr(\"transform\", \"translate(5,35)\")\n            var rBtn = btn.append(\"rect\")\n                .attr(\"height\", 20)\n                .attr(\"width\", 34)\n                .attr(\"fill\", \"#123\")\n                .on(\"mouseover\", function() {\n                    d3.select(this).attr(\"opacity\", 0.9)\n\n                })\n                .on(\"mouseout\", function() {\n                    d3.select(this).attr(\"opacity\", 0.5)\n                })\n                .attr(\"opacity\", 0.5)\n            if (d.isPub) {\n                rBtn.on(\"click\", function() {\n                    var uri = \"https://docs.google.com/spreadsheets/d/\" + d.sheetId + \"/edit?usp=sharing\"\n                    window.open(uri)\n                })\n\n            } else {\n                rBtn.on(\"click\", function() {\n                    var currentId = d.sheetId\n                    window.open(\"https://docs.google.com/spreadsheets/d/\" + currentId + \"/edit\")\n\n                })\n            }\n            btn.append(\"rect\")\n                .attr(\"x\", 34)\n                .attr(\"height\", 20)\n                .attr(\"width\", 74)\n                .attr(\"fill\", \"#123\")\n                .attr(\"opacity\", 0.3)\n\n            btn.append(\"text\").attr(\"y\", 12).attr(\"x\", 5)\n                .attr(\"font-size\", \"10px\")\n                .attr(\"pointer-events\", \"none\")\n                .text(\"open\")\n                .attr(\"fill\", \"#F3FDD6\")\n            btn.append(\"text\")\n                .attr(\"x\", 40)\n                .attr(\"y\", 12)\n                .attr(\"font-size\", \"10px\")\n                .text(d.sheetTitle)\n                .attr(\"fill\", \"#F3FDD6\")\n                .attr(\"pointer-events\", \"none\")\n        }\n\n\n        })\n    }\n    chart.width = function(_) {\n        return arguments.length ? (width = _, chart) : width;\n    }\n    chart.height = function(_) {\n        return arguments.length ? (height = _, chart) : width;\n    }\n    return chart\n\n\n}\n","import * as d3 from \"d3\"\nexport default function() {\n    var width = 296\n    var color = \"#ce5146\"\n    var height = 200\n    var chart = function(selection) {\n        selection.each(function(d) {\n            var el = d3.select(this)\n            var e = el.append(\"g\")\n            var rect = e.append(\"rect\")\n                .attr(\"width\", width)\n                .attr(\"height\", height)\n                .attr(\"fill\", color) //TODO note d.title but d.type ...\n                .attr(\"opacity\", 0.5)\n            e.append(\"rect\")\n                .attr(\"x\", 0)\n                .attr(\"y\", 0)\n                .attr(\"height\", 15)\n                .attr(\"width\", width)\n                .attr(\"opacity\", 0.5)\n            e.append(\"text\").attr(\"x\", 5).attr(\"y\", 11).attr(\"font-size\", \"10px\")\n                .attr(\"fill\", \"#F3FDD6\")\n                .text(d.name)\n                .attr(\"pointer-events\", \"none\")\n            if (d.sheetId) {\n            var btn = e.append(\"g\")\n                .attr(\"transform\", \"translate(5,35)\")\n            var rBtn = btn.append(\"rect\")\n                .attr(\"height\", 20)\n                .attr(\"width\", 34)\n                .attr(\"fill\", \"#123\")\n                .on(\"mouseover\", function() {\n                    d3.select(this).attr(\"opacity\", 0.9)\n\n                })\n                .on(\"mouseout\", function() {\n                    d3.select(this).attr(\"opacity\", 0.5)\n                })\n                .attr(\"opacity\", 0.5)\n            if (d.isPub) {\n                rBtn.on(\"click\", function() {\n                    var uri = \"https://docs.google.com/spreadsheets/d/\" + d.sheetId + \"/edit?usp=sharing\"\n                    window.open(uri)\n                })\n\n            } else {\n                rBtn.on(\"click\", function() {\n                    var currentId = d.sheetId\n                    window.open(\"https://docs.google.com/spreadsheets/d/\" + currentId + \"/edit\")\n\n                })\n            }\n            btn.append(\"rect\")\n                .attr(\"x\", 34)\n                .attr(\"height\", 20)\n                .attr(\"width\", 74)\n                .attr(\"fill\", \"#123\")\n                .attr(\"opacity\", 0.3)\n\n            btn.append(\"text\").attr(\"y\", 12).attr(\"x\", 5)\n                .attr(\"font-size\", \"10px\")\n                .attr(\"pointer-events\", \"none\")\n                .text(\"open\")\n                .attr(\"fill\", \"#F3FDD6\")\n            btn.append(\"text\")\n                .attr(\"x\", 40)\n                .attr(\"y\", 12)\n                .attr(\"font-size\", \"10px\")\n                .text(d.sheetTitle)\n                .attr(\"fill\", \"#F3FDD6\")\n                .attr(\"pointer-events\", \"none\")\n        }\n\n\n\n        })\n    }\n    chart.width = function(_) {\n        return arguments.length ? (width = _, chart) : width;\n    }\n    chart.height = function(_) {\n        return arguments.length ? (height = _, chart) : width;\n    }\n    return chart\n\n\n}\n","import * as d3 from \"d3\"\nexport default function() {\n    var width = 296\n    var color = \"#af9ca4\"\n    var height = 200\n    var chart = function(selection) {\n        selection.each(function(d) {\n            var el = d3.select(this)\n            var e = el.append(\"g\")\n            var rect = e.append(\"rect\")\n                .attr(\"width\", width)\n                .attr(\"height\", height)\n                .attr(\"fill\", color) //TODO note d.title but d.type ...\n                .attr(\"opacity\", 0.5)\n            e.append(\"rect\")\n                .attr(\"x\", 0)\n                .attr(\"y\", 0)\n                .attr(\"height\", 15)\n                .attr(\"width\", width)\n                .attr(\"opacity\", 0.5)\n            e.append(\"text\").attr(\"x\", 5).attr(\"y\", 11).attr(\"font-size\", \"10px\")\n                .attr(\"fill\", \"#F3FDD6\")\n                .text(d.name)\n                .attr(\"pointer-events\", \"none\")\n\n\n        })\n    }\n    chart.width = function(_) {\n        return arguments.length ? (width = _, chart) : width;\n    }\n    chart.height = function(_) {\n        return arguments.length ? (height = _, chart) : width;\n    }\n    return chart\n\n\n}\n","import React, {\n    useEffect\n} from \"react\"\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardActions from '@material-ui/core/CardActions';\nimport Button from '@material-ui/core/Button';\nimport Box from '@material-ui/core/Box';\n\nimport Typography from '@material-ui/core/Typography';\nimport PanelIcons from \"../panel/icons\"\nimport * as d3 from \"d3\"\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nfunction AlertDialog() {\n    const [open, setOpen] = React.useState(false);\n  \n    function handleClickOpen() {\n      setOpen(true);\n    }\n  \n    function handleClose() {\n      setOpen(false);\n    }\n  \n    return (\n      <div>\n        \n      </div>\n    );\n  }\nfunction PanelCard(props) {\n    const {\n        id,\n        db\n    } = props\n    const [hide, setHide] = React.useState(false)\n    const [data, setData] = React.useState({})\n    const [open, setOpen] = React.useState(false)\n    const handleDelete = function() {\n        db.removeItem(id).then(function() {\n            setHide(true)\n        })\n        setOpen(false)\n    }\n    const handleOpen = function() {\n        setOpen(true)\n    }\n    const handleClose = function() {\n        setOpen(false)\n    }\n    const svgRef = React.createRef()\n    useEffect(function() {\n        db.getItem(id).then(function(d0) {\n            var d = JSON.parse(d0)\n            var svg = d3.select(svgRef.current)\n            if (d.render in PanelIcons) { //TODO Remove S\n                var r = PanelIcons[d.render]().width(270)\n                var e = svg.selectAll(\"g\").data([d])\n                e.enter()\n                    .append(\"g\")\n                    .merge(e)\n                    .call(r)\n            } else {\n                //el0.text(d.name + \" \" + \":TODO render\")\n            }\n\n        })\n\n    }, [])\n    return (\n         <Box m={1}>\n        <Dialog\n          open={open}\n          onClose={handleClose}\n          aria-labelledby=\"alert-dialog-title\"\n          aria-describedby=\"alert-dialog-description\"\n        >\n          <DialogTitle id=\"alert-dialog-title\">{\"Delete Panel \" + id}</DialogTitle>\n          <DialogContent>\n            <DialogContentText id=\"alert-dialog-description\">\n             Do you really want to delete this panel from space?\n            </DialogContentText>\n          </DialogContent>\n          <DialogActions>\n           \n            <Button onClick={handleDelete} color=\"primary\" autoFocus>\n              Delete\n            </Button>\n            <Button onClick={handleClose} color=\"primary\">\n              Cancel \n            </Button>\n          </DialogActions>\n        </Dialog>\n\n        <Card style={{\"width\":\"300px\"}} hidden={hide}>\n        <CardContent>\n          <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            {id}\n          </Typography>\n          <Typography component=\"div\">\n            <svg ref={svgRef}></svg>\n        </Typography>\n        </CardContent>\n        <CardActions>\n        <Button size=\"small\" color=\"primary\" onClick={handleOpen}>\n            Delete\n        </Button>\n        </CardActions>\n        </Card>\n         </Box>\n    )\n}\nexport default PanelCard\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n    withStyles\n} from \"@material-ui/styles\";\nimport styles from \"../styles\"\n\nimport PanelIcons from \"../panel/icons\"\n\nimport PanelCard from \"../module/PanelCard\"\nimport localforage from \"localforage\"\nimport * as d3 from \"d3\"\nimport {\n    useEffect\n} from \"react\";\n\nimport Box from '@material-ui/core/Box';\n\nfunction PanelSpace(props) {\n    const [panels, setPanels] = React.useState([]);\n    const [db, setDb] = React.useState(null);\n    useEffect(() => {\n        var nbPanel = localforage.createInstance({\n            \"name\": \"nbPanel\"\n        })\n        setDb(nbPanel)\n        nbPanel.keys().then(function(d) {\n            if (d.length == 0) {\n            } else {\n                setPanels(d)\n            }\n        })\n    }, [])\n    return (<Box\n        display=\"flex\"\n        flexWrap=\"wrap\" \n        >\n        {panels.map(function(o,i){return <PanelCard db={db} id={o}/>})}\n    </Box>)\n}\n\nfunction Index(props) {\n    const {\n        classes,\n        version\n    } = props\n    return (<div>\n        <PanelSpace classes={classes}/>\n        </div>);\n}\n\nconst Space = withStyles(styles)(Index);\n\nexport default Space\n","import * as d3 from \"d3\"\n\nvar colorMap = {\n    \"hic\": \"red\",\n    \"bigwig\": \"black\",\n    \"bigbed\": \"blue\"\n}\n\nvar trackIcon = function(selection) {\n    selection.each(function(d, i) {\n        var el = d3.select(this)\n        var bar = el.append(\"rect\")\n            .attr(\"x\", 2)\n            .attr(\"y\", -10)\n            .attr(\"height\", 10)\n            .attr(\"width\", 10)\n            .attr(\"fill\", function(d) {\n                return colorMap[d.format] || \"grey\"\n            })\n            .attr(\"opacity\", 0.5)\n            .on(\"mouseover\", function(d) {\n                if (d.metaLink) {\n                    d3.select(this).attr(\"opacity\", 1.0)\n                }\n            })\n            .on(\"mouseout\", function(d) {\n                d3.select(this).attr(\"opacity\", 0.5)\n\n            })\n            .on(\"click\", function(d) {\n                if (d.metaLink) {\n                    window.open(d.metaLink)\n                }\n            })\n            .append(\"svg:title\")\n            .text(d.longLabel || d.id)\n\n        var txt = el.append(\"text\")\n            .attr(\"x\", \"15\")\n            .style(\"font-size\", \"10px\")\n            .style(\"cursor\", \"default\")\n            .text(d.id || d.longLabel)\n            .attr(\"pointer-events\", \"null\")\n\n    })\n}\n\nexport default function() {\n    /*\n    var color = {\n        \"Genome Browser\": \"#226a98\",\n        \"Google Sheet\": \"#0f9d58\",\n        \"DNA 3d Structure Viewer\": \"#ce5146\"\n    }\n    */\n   var color = {\n        \"hubs\": \"#226a98\",\n        \"gsheet\": \"#0f9d58\",\n        \"dna3d\": \"#ce5146\",\n        \"weblink\": \"#89c8d3\",\n        \"dna\":\"#af9ca4\"\n    }\n\n    var wh = function(d) {\n        if (d.width) {\n            console.log(\"width\", d.width)\n        }\n        if (d.height) {\n            console.log(\"height\", d.height)\n        }\n    }\n    var layout = function(d, el) {\n        if (d.content) {\n            d.content.forEach(function(d) {\n                r[d.type](d, 0, 0, 100, 100, el)\n            })\n            } else {\n                console.log(\"TODO\", d)\n            }\n    }\n    var row = function(d, x, y, w, h, el) {\n        //wh(d)\n        if (d.content) {\n            var offset = x;\n            d.content.forEach(function(d) {\n                r[d.type](d, offset, y, d.width || 100, h, el)\n                offset += d.width || 100\n            })\n        }\n    }\n    var column = function(d, x, y, w, h, el) {\n        if (d.content) {\n            var offset = y\n            d.content.forEach(function(d) {\n                r[d.type](d, x, offset, w, d.height || 100, el)\n                offset += d.height || 100\n            })\n        }\n    }\n    var stack = function(d, x, y, w, h, el) {\n        if (d.content) {\n            d.content.forEach(function(d) {\n                r[d.type](d, x, y, w - 1, h - 1, el) //stack Not change\n            })\n        }\n    }\n    /* TODO : multi windows show layout*/\n    var component = function(d, x, y, w, h, el) {\n        var e = el.append(\"g\")\n            .attr(\"transform\", \"translate(\" + x * xscale + \",\" + y * yscale + \")\")\n        var width = w * xscale\n        var height = h * yscale\n        var rect = e.append(\"rect\")\n            .attr(\"width\", width)\n            .attr(\"height\", height)\n            .attr(\"fill\", color[d.componentState.render] || \"grey\") //TODO note d.title but d.type ...\n            .attr(\"opacity\", 0.5)\n        var maxrows = Math.floor((h * yscale - 45) / 20)\n        e.append(\"rect\")\n            .attr(\"x\", 0)\n            .attr(\"y\", 0)\n            .attr(\"height\", 15)\n            .attr(\"width\", width)\n            .attr(\"opacity\", 0.5)\n        e.append(\"text\").attr(\"x\", 5).attr(\"y\", 11).attr(\"font-size\", \"10px\")\n            .attr(\"fill\", \"#F3FDD6\")\n            .text(d.componentState.name)\n            .attr(\"pointer-events\", \"none\")\n        if (d.componentState.sheetId) {\n            var btn = e.append(\"g\")\n                .attr(\"transform\", \"translate(5,35)\")\n            var rBtn = btn.append(\"rect\")\n                .attr(\"height\", 20)\n                .attr(\"width\", 34)\n                .attr(\"fill\", \"#123\")\n                .on(\"mouseover\", function() {\n                    d3.select(this).attr(\"opacity\", 0.9)\n\n                })\n                .on(\"mouseout\", function() {\n                    d3.select(this).attr(\"opacity\", 0.5)\n                })\n                .attr(\"opacity\", 0.5)\n            if (d.componentState.isPub) {\n                rBtn.on(\"click\", function() {\n                    var uri = \"https://docs.google.com/spreadsheets/d/\" + d.componentState.sheetId + \"/edit?usp=sharing\"\n                    window.open(uri)\n                })\n\n            } else {\n                rBtn.on(\"click\", function() {\n                    var currentId = d.componentState.sheetId\n                    window.open(\"https://docs.google.com/spreadsheets/d/\" + currentId + \"/edit\")\n\n                })\n            }\n            btn.append(\"rect\")\n                .attr(\"x\", 34)\n                .attr(\"height\", 20)\n                .attr(\"width\", 74)\n                .attr(\"fill\", \"#123\")\n                .attr(\"opacity\", 0.3)\n\n            btn.append(\"text\").attr(\"y\", 12).attr(\"x\", 5)\n                .attr(\"font-size\", \"10px\")\n                .attr(\"pointer-events\", \"none\")\n                .text(\"open\")\n                .attr(\"fill\", \"#F3FDD6\")\n            btn.append(\"text\")\n                .attr(\"x\", 40)\n                .attr(\"y\", 12)\n                .attr(\"font-size\", \"10px\")\n                .text(d.componentState.sheetTitle)\n                .attr(\"fill\", \"#F3FDD6\")\n                .attr(\"pointer-events\", \"none\")\n        }\n        if (d.componentState.genome) {\n            e.append(\"text\").attr(\"x\", 5).attr(\"y\", 27).text(d.componentState.genome)\n        }\n        if (d.componentState.trackViews) {\n            var l = d.componentState.trackViews.length\n            if (l > maxrows) {\n                e.append(\"text\").attr(\"x\", 5).attr(\"y\", h * yscale - 20).style(\"font-size\", \"10px\")\n                    .text(\"... \" + (l - maxrows + 1) + \" more tracks\")\n                l = maxrows - 1\n            }\n            e.selectAll(\"g\")\n                .data(d.componentState.trackViews.slice(0, l))\n                .enter()\n                .append(\"g\")\n                .attr(\"transform\", function(d, i) {\n                    return \"translate( 5,\" + (i * 20 + 45) + \")\"\n                })\n                .call(trackIcon)\n        }\n        //rect.append(\"svg:title\")\n        //    .text(d.title || \"unknown\")\n        //wh(d)\n\n    }\n\n    var r = {\n        \"row\": row,\n        \"column\": column,\n        \"stack\": stack,\n        \"component\": component\n    }\n\n    var xscale = 2.68\n    var yscale = 1.6\n    var chart = function(selection) {\n        selection.each(function(d) {\n            console.log(\"D layout?\",d)\n            layout(d, d3.select(this))\n        })\n    }\n    chart.xscale = function(_) {\n        return arguments.length ? (xscale = _, chart) : xscale;\n    }\n    chart.yscale = function(_) {\n        return arguments.length ? (yscale = _, chart) : yscale;\n    }\n    return chart\n}\n","import React, {\n    useEffect\n} from \"react\"\n\nimport AppBar from '@material-ui/core/AppBar';\n\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardActions from '@material-ui/core/CardActions';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport PanelIcons from \"../panel/icons\"\nimport * as d3 from \"d3\"\n\nimport Tabs from \"@material-ui/core/Tabs\"\nimport Box from \"@material-ui/core/Box\"\nimport Tab from \"@material-ui/core/Tab\"\n\nimport PropTypes from \"prop-types\"\n\nimport download from \"../tools/download\"\n\nimport layoutIcon from \"../module/layoutIcon\"\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nvar niceFormat = d3.format(\",\")\nvar regionNiceText = function(d) {\n    return d.chr + \":\" + niceFormat(d.start) + \"-\" + niceFormat(d.end)\n}\nvar regionsNiceText = function(d) {\n    var r = []\n    d.forEach(function(d) {\n        r.push(regionNiceText(d))\n    })\n    return r.join(\";\")\n}\nvar trans = function(d) {\n    if (d == \"-1\") {\n        return \"main\"\n    }\n    return \"ext\" + d\n}\n\n\nfunction TabPanel(props) {\n    const {\n        idx,\n        value,\n        data,\n        ...other\n    } = props;\n    const svgRef = React.createRef()\n    const icon = layoutIcon()\n    const width =  300 \n    const height = 240\n    const render = function(d0){\n            var d = JSON.parse(d0)\n            d3.select(svgRef.current).selectAll(\"g\").data([d]).enter()\n            .append(\"g\")\n            .call(icon)\n    }\n    useEffect(function(){\n        render(data)\n    })\n\n\n    return (\n        <Typography\n      component=\"div\"\n      hidden={value !== idx}\n    >\n      <Box p={3}>\n        <svg ref={svgRef} width={width} height={height}>\n        </svg>\n        </Box>\n    </Typography>\n    );\n}\n\nTabPanel.propTypes = {\n    children: PropTypes.node,\n    index: PropTypes.any.isRequired,\n    value: PropTypes.any.isRequired,\n};\n\nfunction SessionCard(props) {\n    const {\n        id,\n        db\n    } = props\n    const [hide, setHide] = React.useState(false)\n    const [data, setData] = React.useState({label:[]})\n    const [value, setValue] = React.useState(0)\n    const [open, setOpen] = React.useState(false)\n    const handleDelete = function() {\n        db.removeItem(id).then(function() {\n            setHide(true)\n        })\n        setOpen(false)\n    }\n    const handleOpen = function() {\n        setOpen(true)\n    }\n    const handleClose = function() {\n        setOpen(false)\n    }\n    const handleDownload = function() {\n        download(\"nucle_\"+id+\".json\",JSON.stringify(data.wins))\n    }\n    const handlePlay = function() {\n        window.open(\"/v1/main.html?config=localstorage:\"+id)\n    }\n\n\n    function handleChange(event, newValue) {\n        setValue(newValue);\n    }\n\n    function a11yProps(index) {\n        return {\n            id: `simple-tab-${index}`,\n            'aria-controls': `simple-tabpanel-${index}`,\n        };\n    }\n\n    const divRef = React.createRef()\n    useEffect(function() {\n        /*\n        var allw = JSON.parse(d[2])\n       var div = d3.select(divRef)\n        */\n        db.getItem(id).then(function(d0) {\n            var wins = JSON.parse(d0.data)\n            var keys = Object.keys(wins)\n            keys.sort(function(a,b){return parseInt(a)-parseInt(b)})\n            if (keys[0]==\"-2\"){\n                keys.shift();\n             }\n            console.log(keys)\n            var k = keys.map(function(d){return trans(d)})\n            setData({label:k,keys:keys,wins:wins})\n        })\n\n\n    }, [])\n    return (\n        <Box m={1}>\n        <Dialog\n          open={open}\n          onClose={handleClose}\n          aria-labelledby=\"alert-dialog-title\"\n          aria-describedby=\"alert-dialog-description\"\n        >\n          <DialogTitle id=\"alert-dialog-title\">{\"Delete Session \" + id}</DialogTitle>\n          <DialogContent>\n            <DialogContentText id=\"alert-dialog-description\">\n             Do you really want to delete this session from local storage?\n            </DialogContentText>\n          </DialogContent>\n          <DialogActions>\n           \n            <Button onClick={handleDelete} color=\"primary\" autoFocus>\n              Delete\n            </Button>\n            <Button onClick={handleClose} color=\"primary\">\n              Cancel \n            </Button>\n          </DialogActions>\n        </Dialog>\n\n\n        <Card style={{\"width\":\"350px\"}} hidden={hide}>\n        <CardContent>\n          <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            {id}\n          </Typography>\n        <Typography component=\"div\" ref={divRef}>\n            <AppBar position=\"static\">\n        <Tabs value={value} onChange={handleChange} variant=\"scrollable\" aria-label=\"simple tabs example\">\n        {data.label.map(function(d,i){\n            return (<Tab label={d}  style={{width:\"30px\"}} {...a11yProps(i)} />)\n        })}\n        </Tabs>\n      </AppBar>\n            {data.label.map(function(o,i){return <TabPanel label={o} value={value} idx={i} data={data.wins[data.keys[i]]}/>})}\n        </Typography>\n        </CardContent>\n        <CardActions>\n        <Button size=\"small\" color=\"primary\" onClick={handlePlay}>\n            Open\n        </Button>\n        <Button size=\"small\" color=\"primary\" onClick={handleDownload}>\n            Download\n        </Button>\n        <Button size=\"small\" color=\"primary\" onClick={handleOpen}>\n            Delete\n        </Button>\n        </CardActions>\n        </Card>\n        </Box>\n    )\n}\nexport default SessionCard\n","import * as d3 from \"d3\"\nexport default function(fn, c) {\n  var dataStr = \"data:text/json;charset=utf-8,\" + encodeURIComponent(c);\n  var p = d3.select(\"body\").append(\"a\").style(\"display\",\"none\")\n  p.node().setAttribute(\"href\", dataStr);\n  p.node().setAttribute(\"download\", fn);\n  p.node().click();\n  p.remove()\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n    withStyles\n} from \"@material-ui/styles\";\nimport styles from \"../styles\"\n\nimport SessionCard from \"../module/SessionCard\"\n\nimport localforage from \"localforage\"\nimport Box from '@material-ui/core/Box';\n\nimport Typography from '@material-ui/core/Typography';\n\nimport {\n    useEffect\n} from \"react\";\n\n\nfunction Local(props) {\n     useEffect(() => {\n        var _db = localforage.createInstance({\n            \"name\": \"nbSession\"\n        })\n        setDb(_db)\n        _db.keys().then(function(d) {\n            if (d.length == 0) {} else {\n                setData(d)\n            }\n        })\n    }, [])\n\n    const [db, setDb] = React.useState(null);\n    const [data, setData] = React.useState([]);\n    return (<Box \n        display=\"flex\"\n        flexWrap=\"wrap\"\n        >\n        {data.map(function(d){\n            return (<SessionCard db={db} id={d}/>)\n        })}\n        </Box>)\n}\n\nfunction Index(props) {\n    const {\n        classes,\n        version\n    } = props\n    return (<div>\n        <Typography  component=\"h4\" variant=\"h5\" color=\"textPrimary\" align=\"center\" gutterBottom>Sessions in Local Storage</Typography>\n        <Local classes={classes}/>\n        </div>);\n}\n\nconst Space = withStyles(styles)(Index);\n\nexport default Space\n","//nucleome browser api key for google sheet\n//remove this key before publish\n//add private gsheet ??\nvar nbApiKey = \"AIzaSyBhECk4C1LpxI1mDJjSTwot-hRP2v3bwEA\" \nfunction objectFactory(v) {\n    var k = v[0]\n    var l = k.length\n    var a = new Array(l - 1)\n    a.columns = v[0]\n    v.forEach(function (d, i) {\n      if (i == 0) {\n        return\n      }\n      var b = {}\n      d.forEach(function (d, j) {\n        b[k[j]] = d\n      })\n      a[i - 1] = b\n    })\n    return a\n}\n/*gsheetAgent\n * Usage: \n * Example:\n *      var agent = gsheetAgent().title(\"Sheet2\").sheetid(sheetid)\n *      agent().then(renderData).catch(console.log) \n *\n */\nfunction gsheetAgent() {\n    var sheetid\n    var title = \"Sheet1\"\n    var range = \"A1:ZZ\"\n    var apiKey = nbApiKey\n    var agent = function(){\n      return new Promise(function(resolve,reject){\n        var r = title+ \"!\" + range\n        fetch(\"https://sheets.googleapis.com/v4/spreadsheets/\" + sheetid + \"/values/\" + r + \"?key=\" + apiKey, {}).then(function(d){\n          return d.json()\n        })\n        .then(function (d) {\n          var a = objectFactory(d.values)\n          resolve(a)\n        })\n        .catch(function(e){\n          reject(e)\n        })\n\n    })\n    }\n    agent.sheetid = function (_) { return arguments.length ? (sheetid = _, agent) : sheetid;}\n    agent.title = function (_) { return arguments.length ? (title = _, agent) : title;}\n    agent.range = function (_) { return arguments.length ? (range = _, agent) : range;}\n    agent.apiKey = function (_) { return arguments.length ? (apiKey = _, agent) : apiKey;}\n    return agent\n}\n\nexport default gsheetAgent\n","function getgenome(uri,genome) {\n  return new Promise(function (resolve, reject) {\n    fetch(uri, {})\n      .then(function (d) {\n        return d.json()\n      })\n      .then(function (v) {\n        resolve({genome:genome,data:v})\n      }).catch(function (e) {\n        reject(e)\n      })\n  })\n}\n\n/* nbAgent: get nucleserver tracks information\n * Usage:\n * Example:\n *   var agent= nbAgent().server(\"/d/portal\")\n *   agent().then(function(d){\n *     // handle d \n *   }).catch(fucntion(e){\n *     // handle e\n *   })\n *\n */\nfunction nbAgent() {\n  var server\n  var genomes\n  var data = {}\n  var inited\n  var queryParas = {}\n  var fetchDb = function(genome,db) {\n    return new Promise(function(resolve,reject){\n      fetch(server+\"/\"+genome+\"/\"+db+\"/ls?attr=1\",queryParas).then(function(d){\n       return d.json()})\n      .then(function(d){ \n        //TODO Assign data[genome][db]=d\n        data[genome][db]=d\n        resolve(d) //TODO\n      }).catch(function(e){\n        reject(e)\n      })\n    })\n\n  }\n  var _get = function (resolve, reject) {\n    if (inited) { // data is available\n      resolve(data)\n    }\n    if (typeof genomes == \"undefined\") {\n      fetch(server + \"/genomes\", queryParas)\n        .then(function (d) {\n          return d.json()\n        })\n        .then(function (d) {\n          genomes = d\n          var q1 = [];\n          genomes.forEach(function (genome) {\n            if (!(genome in data)) {\n              data[genome]={}\n            }\n            q1.push(\n              getgenome(server + \"/\" + genome + \"/ls\",genome) //TODO MY JSON\n            )\n          })\n          Promise.all(q1).then(function(gdbs) {\n            var q2 = [];\n            gdbs.forEach(function(gdb){\n              gdb.data.forEach(function(db){\n                q2.push(fetchDb(gdb.genome,db.dbname))\n              }\n              )\n            })\n            Promise.all(q2).then(function(r){\n              inited=true\n              resolve(data)\n            })\n          }).catch(function(e){\n            reject(e)\n          })\n        }).catch(function (e) {\n          reject(e)\n        })\n\n    } else {\n\n    }\n  }\n  var agent = function () {\n    return new Promise(_get)\n  }\n  agent.queryParas = function (_) {\n    return arguments.length ? (queryParas = _, agent) : queryParas;\n  }\n  agent.server = function (_) {\n    return arguments.length ? (server = _, agent) : server;\n  }\n  agent.genomes = function (_) {\n    return arguments.length ? (genomes = _, agent) : genomes;\n  }\n  agent.inited = function (_) {\n    return arguments.length ? (inited = _, agent) : inited;\n  }\n  agent.data = function (_) {\n    return arguments.length ? (data = _, agent) : data;\n  }\n  return agent\n}\n\nexport default nbAgent\n","function parseLine(l) {\n    var a = l.split(\",\")\n    return {\n        \"i\": parseInt(a[0]),\n        \"x\": parseFloat(a[1]),\n        \"y\": parseFloat(a[2]),\n        \"z\": parseFloat(a[3])\n    }\n}\nfunction distance(a,b) {\n    var dx = a.x-b.x\n    var dy = a.y-b.y\n    var dz = a.z-b.z\n    return Math.sqrt(dx*dx + dy*dy + dz*dz)\n}\nexport default function() {\n    var binsize\n    var genome\n    var title\n    var chrs = []\n    var chr2idx = {}\n    var nodesize = 1\n    var chart = function(d) {\n\n    }\n    chart.init = function(d) {\n\n    }\n    chart.read = function(d) {\n        var lines = d.split(\"\\n\")\n        var a = lines[0].split(\"\\t\")\n        if (a[0] == \"TITLE\") {\n            title = a[1]\n        }\n        a = lines[1].split(\"\\t\")\n        if (a[0] == \"GENOME\") {\n            genome = a[1]\n        }\n        a = lines[2].split(\"\\t\")\n        if (a[0] == \"BINSIZE\") {\n            binsize = a[1].replace(/,/g, \"\")\n        }\n        var j = -1\n        for (var i = 3; i < lines.length; i++) {\n            a = lines[i].split(\"\\t\")\n            if (a[0] == \"CHR\") {\n                chrs.push({\n                    name: a[1],\n                    data: []\n                })\n                j++;\n                chr2idx[a[1]] = j\n            } else if (j >= 0) {\n                chrs[j].data.push(parseLine(lines[i]))\n            }\n        }\n        /* Guess Node Size */\n\n        return chart\n    }\n    chart.guessNodeSize = function() {\n        var s = 0.0\n        var n = 0\n        chrs.forEach(function(chr){\n            var l = chr.data.length\n            for (var i=0;i<l-1;i++){\n                var d = distance(chr.data[i+1],chr.data[i])\n                if (d > 0) {\n                    s += d\n                    n+=1\n                }\n            }\n        })\n        return s/n\n    }\n    chart.ThreeDMol = function() {\n        var mols = []\n        var mols = chrs.map(function(chr) {\n            var mol = []\n            chr.data.forEach(function(d, i) {\n                mol.push({\n                    \"chr\":chr.name,\n                    \"index\": d.i,\n                    \"x\": d.x,\n                    \"y\": d.y,\n                    \"z\": d.z,\n                    \"id\": d.i,\n                })\n            })\n            var l = mol.length\n            for (var i = 0; i < l - 1; i++) {\n                mol[i].bonds = [mol[i + 1].index]\n                mol[i].bondOrder = [1]\n            }\n            return mol\n        })\n        return mols\n\n    }\n    chart.genome = function(_) {\n        return arguments.length ? (genome = _, chart) : genome;\n    }\n    chart.title = function(_) {\n        return arguments.length ? (title = _, chart) : title;\n    }\n    chart.binsize = function(_) {\n        return arguments.length ? (binsize = _, chart) : binsize;\n    }\n    chart.nodesize = function(_) {\n        return arguments.length ? (nodesize = _, chart) : nodesize;\n    }\n\n\n    return chart\n}\n","/* input is nucle3d text string\n * output is a 3dMol\n */\nimport nucle3d from \"./nucle3dstruct\"\nexport default function(d) {\n     var n3d = nucle3d().read(d) //TODO\n     return n3d\n}\n","import {\n    overlap\n} from \"./funcs\"\nimport * as d3 from \"d3\"\nimport * as $ from \"jquery\"\n\nimport nucle3dParse from \"./nucle3dParse\"\nimport webglSupport from \"./webglSupport\"\nif (!(\"$\" in window)) window.$ = $\nconst $3Dmol= require(\"3dmol\")\n\nvar rainbow = d3.scaleOrdinal(d3.schemeCategory10)\n//TODO: Clean Code for Coordinates Translatr\nvar render = function(el, chrs, ratio, nodesize) {\n    let element = $(el.node());\n    let config = {};\n    //var viewer = $3Dmol.createViewer(element, config);\n    var viewer = $3Dmol.createViewer(element, config);\n    viewer.clear()\n    viewer.setBackgroundColor(0xfbfbfbff);\n    var chr2idx = {}\n    var chr2model = {}\n    chrs.forEach(function(d, i) {\n        var m = viewer.addModel();\n        m.addAtoms(d);\n        chr2idx[d[0].chr] = i;\n        chr2model[d[0].chr] = m;\n        m.setStyle({}, {\n           line: {\n                singleBonds: true,\n                radius: 0.75,\n                linewidth: 1,\n                opacity: 0.35,\n                alpha: 0.35,\n                color: rainbow(i)\n            },\n        });\n        m.setClickable({},true,function(d){\n            console.log(m,d)\n        })\n        m.setHoverable({},true,function(d){\n            console.log(\"hover\",d)\n            m.setStyle({},{\n                stick: {\n                    singleBonds: true,\n                    radius: 0.55 * nodesize/5, \n                    color:\"green\"\n                },\n            })\n            viewer.render()\n\n        },function(d){\n            m.setStyle({},{line:{\n                singleBonds: true,\n                radius: 0.75,\n                linewidth: 1,\n                opacity: 0.35,\n                alpha: 0.35,\n                color: rainbow(i)\n                }\n            })\n            viewer.render()\n            console.log(\"unhover\",d)\n        })\n    })\n    viewer.zoomTo();\n    if (ratio<0.95) {\n        viewer.zoom(ratio)\n    } else {\n        viewer.zoom(0.95);\n    }\n    /*\n    if (height<width) {\n        viewer.zoom(height/width)\n    }\n    */\n    viewer.render();\n    var r = {\n        data: chrs,\n        idx: chr2idx,\n        viewer: viewer,\n        model: chr2model\n    }\n    return r\n\n};\n//　Add Parameters for Rendering??\n//\nfunction highlight(o, regions, step, nodesize) {\n    var hset = {}\n    var chrs = {};\n    if (typeof step == \"string\") {\n        step=parseInt(step)\n    }\n    // regions contain color???\n    regions.forEach(function(d) {\n        var atoms = o.data[o.idx[d.chr]]\n        var start = Math.floor(d.start / step)\n        var end = Math.floor(d.end / step) + 1\n        for (var i = start; i < end; i++) {\n            if (atoms[i] && \"id\" in atoms[i]) {\n                hset[atoms[i].id] = 1\n            }\n        }\n        if (!(d.chr in chrs)) {\n            chrs[d.chr] = true;\n        }\n    })\n    // TODO: Better Highlight API \n    //       Both Current Region and Brush Regions\n    var _highlight = function(atom) {\n        if (\"index\" in atom) {\n            if (hset[atom.id]) {\n                return rainbow(o.idx[atom.chr]) \n                // choose to change to highlight color2 \n                // choose to change to any color schema\n            } else {\n                return \"#BBB\"\n            }\n        }\n    };\n    Object.keys(o.model).forEach(function(d) {\n        o.model[d].setStyle({}, {\n            line: {\n                singleBonds: true,\n                radius: 0.75,\n                linewidth: 2,\n                opacity: 0.15,\n                color: rainbow(o.idx[d])\n            }\n        })\n    })\n\n    Object.keys(chrs).forEach(function(d) {\n        o.model[d].setStyle({}, {\n            stick: {\n                singleBonds: true,\n                radius: 0.55 * nodesize/5, \n                colorfunc: _highlight\n            },\n            line: {\n                opacity:0.1,\n            }\n        })\n    })\n    o.viewer.render()\n}\n\n\nexport default function() {\n    var uri\n    var regions //is highlight regions\n    var height\n    var width\n    var callback\n    var o //object for responds\n    var hasWebGL\n    var binsize = 250000 //250k default\n    var nodesize = null \n    var chart = function(el) {\n        if (typeof hasWebGL == \"undefined\") {\n            hasWebGL = webglSupport()\n        }\n        if (hasWebGL) {\n            el.selectAll(\".genome\").remove()\n            //TODO ADD CANVAS Add Legend\n            //     ADD STYLE CONTROL (Resolution Data Points, Chromosome Color) \n            var g = el.append(\"div\").classed(\"genome\", true)\n                .style(\"padding-left\",\"10px\")\n                .style(\"padding-right\",\"10px\")\n            .attr(\"align\",\"center\")\n            var divh = g.append(\"div\").classed(\"title\", true)\n                .append(\"div\").classed(\"titleComponent\", true)\n                .style(\"height\",\"30px\")\n                .style(\"background-color\",\"aliceblue\")\n            //ADD MORE INFORMATTION ??\n            var divm = g.append(\"div\")\n                .classed(\"model\", true)\n                .style(\"min-width\",\"300px\")\n                .style(\"width\",width+\"px\")\n                .style(\"min-height\", \"300px\")\n                .style(\"height\",height+\"px\")\n                .style(\"position\", \"relative\")\n            d3.text(uri, {\n                //credentials: \"include\" //TODO\n            }).then(function(d) {\n                var n3d \n                try {\n                    n3d = nucle3dParse(d) //add Try and Catch error\n                    binsize = n3d.binsize()\n                    if (nodesize == null) {\n                        nodesize = n3d.guessNodeSize()\n                    }\n                    //TO IMPROVE\n                    divh.append(\"span\").classed(\"panel-title\",true).text(n3d.title())\n                    divh.append(\"span\").style(\"float\",\"right\").style(\"padding-left\",\"5px\").style(\"padding-right\",\"5px\").text(d3.format(\".2s\")(binsize))\n                    divh.append(\"span\").style(\"float\",\"right\").text(n3d.genome())\n                    o = render(divm, n3d.ThreeDMol(),width/height, nodesize)\n                    if (regions.length > 0) {\n                        highlight(o, regions, binsize, nodesize)\n                        }\n                } catch(e) {\n                    callback({\"error\":\"Parse Error\"})\n                }\n                callback(null)\n            }).catch(function(e){\n                callback({\"error\":\"Fetch URL Error\"})\n            })\n        } else {\n            el.html(\"Your browser or device may not support WebGL\")\n            callback({\"error\":\"not support WebGL\"})\n        }\n    }\n    chart.highlight = function(r) {\n        regions = r\n        if (hasWebGL) {\n\n            highlight(o, r, binsize,nodesize) //add highlight options;\n        }\n    }\n    chart.width = function(_) {\n        return arguments.length ? (width = _, chart) : width;\n    }\n    chart.height = function(_) {\n        return arguments.length ? (height = _, chart) : height;\n    }\n    chart.uri = function(_) {\n        return arguments.length ? (uri = _, chart) : uri;\n    }\n    chart.binsize = function(_) {\n        return arguments.length ? (binsize = _, chart) : binsize;\n    }\n    chart.regions = function(_) {\n        return arguments.length ? (regions = _, chart) : regions;\n    }\n    chart.callback = function(_) {\n        return arguments.length ? (callback = _, chart) : callback;\n    }\n    return chart\n}\n","export default function() {\n    try {\n        var canvas = document.createElement('canvas');\n        return !!window.WebGLRenderingContext &&\n            (canvas.getContext('webgl') || canvas.getContext(\n                'experimental-webgl'));\n    } catch (e) {\n        return false;\n    }\n};\n","import React, { useEffect, useState, useRef, PureComponent } from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n    withStyles\n} from \"@material-ui/styles\";\nimport styles from \"../styles\"\n\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport gsheetAgent from '../tools/gsheetAgent';\nimport { BarChart, Bar, XAxis, YAxis } from 'recharts';\nimport DropDownTreeSelect from \"react-dropdown-tree-select\"\nimport 'react-dropdown-tree-select/dist/styles.css'\n\nimport nbAgent from \"../tools/nbAgent\"\n\nimport nucle3d from \"../module/nucle3d\"\nimport * as d3 from \"d3\"\n\n\n\nconst sheetid = \"1pEgBTlA1sv3QSEkSL76XP27WXRTZpqhgeXqMzI-Mau0\"\nclass CustomizedLabel extends PureComponent {\n    render() {\n        const {\n            x, y, stroke, value,\n        } = this.props;\n\n        return <text x={x} y={y} dy={-4} fill={stroke} fontSize={10} textAnchor=\"middle\">{value}</text>;\n    }\n}\n\nclass CustomizedAxisTick extends PureComponent {\n    render() {\n        const {\n            x, y, stroke, payload\n        } = this.props;\n\n        return (\n            <g transform={`translate(${x},${y})`}>\n                <text x={0} y={0} dy={6} textAnchor=\"end\" fill=\"#666\" transform=\"rotate(-85)\">{payload.value}</text>\n            </g>\n        );\n    }\n}\nfunction generateTree(d) {\n    var keys = Object.keys(d).sort()\n    var tree = []\n    keys.forEach(function(k){\n        var a  = {\"label\":k}\n        if (\"longLabel\" in d[k] && typeof d[k]==\"object\") {\n            //a[\"children\"] = [{\"label\":d[k][\"longLabel\"]}]\n            a[\"label\"] = d[k][\"longLabel\"]\n            a[\"id\"]=k\n        } else {\n            var b = generateTree(d[k])\n            a[\"children\"] = b      \n        }\n        tree.push(a)\n    })\n    return tree\n}\n/*\nfunction generateTree(d){\n    var keys = Object.keys(d).sort()\n    var tree = []\n    keys.forEach(function(k){\n        var a  = {\"label\":k}\n        if (typeof d[k] == \"object\") {\n            var b = generateTree(d[k])\n            a[\"children\"] = b      \n        } else {\n            a[\"children\"] = [{\"label\":d[k]}]\n        }\n        tree.push(a)\n    })\n    return tree\n}\n*/\nfunction Index(props) {\n    const {\n        classes,\n        version\n    } = props\n\n\n    var [data, setData] = useState([])\n    var [tree, setTree] = useState([])\n    var [db, setDb] = useState({})\n    const myRef = useRef(null)\n    function renderData(d) {\n        var d0 = d.filter((d) => {\n            return \"Count\" in d && d.Count.length > 0 && d.Type == \"track\"\n        })\n        console.log(d0)\n        setData(d0)\n        //var node = myRef.current;\n        //var ctx = node.getContext('2d')\n        //ctx.fillText(\"Hello World\",40,40)\n    }\n    \n    useEffect(() => {\n        var agent = gsheetAgent().title(\"Index\").sheetid(sheetid)\n        agent().then(renderData).catch(console.log) //TODO \n        //TODO\n        var url = \"/static/data/K562.100k.nucle3d\"\n        var chart = nucle3d().uri(url).width(500).height(500)\n        var el = d3.select(myRef.current)\n        console.log(el)\n        el.call(chart)\n        /*\n        fetch(\"http://vis.nucleome.org/d/portal/hg38/hg38_Dilution_Hi-C.hic/ls?attr=1\",{}).then(function(d){\n            return d.json()\n        }).then(function(d){\n            console.log(d)\n            var keys = Object.keys(d)\n            var k = keys.map(function(k0){\n                return {\"label\":d[k0].longLabel,\"id\":k0}\n            })\n            setTree(k)\n        })\n        */\n\n        var a = nbAgent().server(\"https://vis.nucleome.org/d/portal\")\n        a().then(function (d) {\n            setDb(d)\n            setTree(generateTree(d))\n        }).catch(function (e) {\n            console.log(e)\n        })\n\n        //agent set data and create chart using Ref and draw chart\n    }, [])\n    const onChange = (currentNode, selectedNodes) => {\n        console.log(\"selected\",selectedNodes)\n        console.log(\"path::\", currentNode.path); //set selected Nodes data\n    };\n\n    return (<div>\n        <div ref={myRef}>\n        </div>\n        <div>\n            Functions\n        <ul>\n                <li>\n                    Summary of <a href=\"https://docs.google.com/spreadsheets/d/1pEgBTlA1sv3QSEkSL76XP27WXRTZpqhgeXqMzI-Mau0\" target=\"_blank\">Current DataSet</a>\n                    <BarChart width={400} height={500} data={data}>\n                        <XAxis dataKey=\"Name\" height={200} tick={<CustomizedAxisTick />} interval={0} />\n                        <YAxis />\n                        <Bar type=\"monotone\" dataKey=\"Count\" barSize={30} fill=\"#8884d8\" />\n                    </BarChart>\n                </li>\n                \n                <li>\n                    Easy Select Data Set from 4DNucleome and Create A Panel to Panel Space.\n                    (Genome -> Sheet or Search)\n                <DropDownTreeSelect data={tree} onChange={onChange} className=\"mdl\" />\n                </li>\n                <li>\n                    Start Browser with composed panel.\n                <Button variant=\"outlined\">PLay</Button>\n                </li>\n                <li>\n                    Browse Meta Information\n            </li>\n            </ul>\n\n        </div>\n\n    </div>);\n}\n\nconst Space = withStyles(styles)(Index);\n\nexport default Space\n","import React, {\n    useEffect\n} from \"react\"\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardActions from '@material-ui/core/CardActions';\nimport Button from '@material-ui/core/Button';\nimport Box from '@material-ui/core/Box';\n\nimport Typography from '@material-ui/core/Typography';\n\nfunction AppCard(props) {\n    const {\n        data\n    } = props\n    const handleOpen = function() {\n        window.open(data.url,\"\",\"width=1000,height=650\")\n    }\n    useEffect(function() {\n    }, [])\n    return (\n         <Box m={1}>\n        <Card style={{\"width\":\"300px\"}}>\n        <CardContent>\n          <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            {data.id}\n          </Typography>\n          <Typography component=\"div\">\n        </Typography>\n        </CardContent>\n        <CardActions>\n        <Button variant=\"outlined\" size=\"small\" color=\"primary\" onClick={handleOpen}>\n            Open\n        </Button>\n        </CardActions>\n        </Card>\n         </Box>\n    )\n}\nexport default AppCard\n","import React, {\n    useEffect,\n    useState\n} from \"react\"\nimport ReactDOM from 'react-dom';\nimport {\n    withStyles\n} from \"@material-ui/styles\";\nimport styles from \"../styles\"\n\n\nimport Box from '@material-ui/core/Box';\nimport Typography from '@material-ui/core/Typography';\nimport AppCard from \"../module/AppCard\"\nimport Grid from \"@material-ui/core/Grid\"\nimport Card from \"@material-ui/core/Card\"\nimport CardHeader from \"@material-ui/core/CardHeader\"\nimport CardMedia from \"@material-ui/core/CardMedia\"\nimport CardContent from \"@material-ui/core/CardContent\"\nimport CardActions from \"@material-ui/core/CardActions\"\n\n\nimport IconButton from \"@material-ui/core/IconButton\"\nimport PlayArrowIcon from \"@material-ui/icons/PlayArrow\"\nimport OpenInNewIcon from \"@material-ui/icons/OpenInNew\"\n\n\nfunction Index(props) {\n    const {\n        classes,\n        version\n    } = props\n    const [data, setData] = useState([])\n    const sheetId = props.sheetid || \"1N_viSL6hDY_n75dVP4bfiLJ99SOPzIfqrka1JvJjv4E\"\n    const title = props.title || \"Gallery\"\n\n    const handleClick = function(d) {\n        var c = \"/~yangz6/Nucleome_Browser/NB_session/example/\" + d.label.replace(\" \", \"%20\") + \".json\"\n        var location = \"/v1/main.html?config=\" + c\n        return function() {\n            //var location = \"/v1/main.html?config=gsheet:\" + sheetId + \":\" + d.label.replace(\" \", \"%20\")\n            //var location = \"/v1/main.html?config=/~yangz2/d.label.replace(\" \", \"%20\")\n            window.location.href = location\n        }\n    }\n    const handleOpen = function(d) {\n        var c = \"/~yangz6/Nucleome_Browser/NB_session/example/\" + d.label.replace(\" \", \"%20\") + \".json\"\n        var location = \"/v1/main.html?config=\" + c\n        return function() {\n            //var location = \"/v1/main.html?config=gsheet:\" + sheetId + \":\" + d.label.replace(\" \", \"%20\")\n            window.open(location)\n        }\n    }\n\n\n    useEffect(() => {\n        //var sheetId = props.sheetid || \"1N_viSL6hDY_n75dVP4bfiLJ99SOPzIfqrka1JvJjv4E\"\n        //var title = props.title || \"Gallery\"\n        var sheetId = props.sheetid || \"1lKJX7XGK-hOOfX-DsdbJUG9QTM7It6L8asINFFZ0aPs\"\n        var title = props.title || \"Examples\"\n        var self = this;\n        var apiKey = \"AIzaSyBhECk4C1LpxI1mDJjSTwot-hRP2v3bwEA\"\n        var cors = \"https://vis.nucleome.com/cors/\"\n        var url = \"https://sheets.googleapis.com/v4/spreadsheets/\" + sheetId + \"/values/\" + title + \"!A:C?key=\" + apiKey\n        fetch(url).then(function(d) {\n                return d.json()\n            })\n            .then(function(d) {\n                var t = d.values.map(function(d, i) {\n                    return {\n                        label: d[0],\n                        title: d[1],\n                        note: d[2],\n                        i: i\n                    }\n                })\n                t.shift()\n                setData(t)\n            }).catch(function(e) {\n                fetch(cors + url,{headers:{Origin:\"https://vis.nucleome.org\"}}).then((d) => (d.json()))\n                    .then((d) => {\n                        var t = d.values.map(function(d, i) {\n                            return {\n                                label: d[0],\n                                title: d[1],\n                                note: d[2],\n                                i: i\n                            }\n                        })\n                        t.shift()\n                        setData(t)\n                    }\n                    ).catch((e)=>{\n                        setData([])\n                    })\n            })\n    }, [])\n    return (<div>\n    <Box \n        display=\"flex\"\n        flexWrap=\"wrap\"\n    >\n<Grid container spacing={4}>\n\n\n\n        {data.map(function(d,i){\n\n            return (\n\n         <Grid item sm={12} md={6} lg={4}>\n                <Card className={classes.gcard}>\n                <CardHeader\n                    title = {d.title.replace(/_/g, \" \")}\n                >\n                </CardHeader>\n                 <CardMedia\n        className={classes.gmedia}\n        image={\"/~yangz6/Nucleome_Browser/NB_session/example/thumbnail/tn_\"+d.label+\".jpg\"}\n        title={d.label}\n      />\n                <CardContent className={classes.gcardContent}>\n                     <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\n                    {d.note}\n                     </Typography>\n                </CardContent>\n                <CardActions disableSpacing>\n                    <IconButton aria-label=\"open\" size=\"small\" onClick={handleClick(d)}>\n                        <PlayArrowIcon/>\n                    </IconButton>\n                     <IconButton aria-label=\"open\" size=\"small\" onClick={handleOpen(d)}>\n                        <OpenInNewIcon/>\n                    </IconButton>\n                </CardActions>\n            </Card> \n      </Grid>)\n        })}\n       {/*\n         <Grid item sm={12} md={6} lg={4}>\n        <Card className={classes.gcard}>\n            <CardHeader\n                title=\"ORM\"\n            >\n            </CardHeader>\n            <CardMedia className={classes.gmedia}\n                    image={\"/static/image/sessions/ORM.png\"}\n                    title=\"ORM\"\n            />\n                <CardContent className={classes.gcardContent}>\n                     <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\n                    ORM data track.\n                     </Typography>\n                </CardContent>\n                <CardActions disableSpacing>\n                     <IconButton aria-label=\"open\" size=\"small\" onClick={function(){window.open(\"http://orm.nucleome.org\")}}>\n                        <OpenInNewIcon/>\n                    </IconButton>\n                </CardActions>\n        </Card>\n      </Grid>\n      */}\n      </Grid>\n    </Box>\n        </div>);\n}\n\nconst Gallery = withStyles(styles)(Index);\n\nexport default Gallery\n","import React, {\n    useEffect\n} from \"react\"\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport Button from '@material-ui/core/Button';\nimport Box from '@material-ui/core/Box';\n\nimport Typography from '@material-ui/core/Typography';\n\nfunction HintCard(props) {\n    const {\n        classes,\n        data\n    } = props\n    const handleMore = function(link) {\n        return function(){\n            window.open(link)\n        }\n    }\n    return (\n        <Card className={classes.hcard}>\n        <CardContent className={classes.hcardContent}>\n        <Typography className={classes.title} color=\"textSecondary\" gutterBottom>\n            {data.title}\n        </Typography>\n        <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            {data.header}\n        </Typography>\n        <Typography className={classes.pos} color=\"textSecondary\">\n           {data.pos}\n        </Typography>\n        <Typography variant=\"body2\" component=\"p\">\n            {data.content}\n        </Typography>\n        </CardContent>\n        <CardActions>\n            <Button onClick={handleMore(data.link)}>More</Button>\n            {data.video?<Button onClick={handleMore(data.video)}>Video</Button>:null}\n        </CardActions>\n        \n        </Card>\n    )\n}\nexport default HintCard\n","import React from 'react';\nimport Box from '@material-ui/core/Box';\nimport {\n    withStyles\n} from \"@material-ui/styles\";\nimport styles from \"../../styles\"\n\nimport HintCard from \"./HintCard\"\n\n//TODO Hint Links \nconst data = [\n    {header:\"Genome\",title:\"Navigate\",pos:\"on multiple panels\",content:\"Mouse right click on selected regions\",link:\"https://nucleome-browser.readthedocs.io\", video:\"#\", image:\"#\"},\n    {header:\"Panel\",title:\"Compose\",pos:\"with panel space\",content:\"Panels control buttons on the top right\",link:\"https://nucleome-browser.readthedocs.io/en/latest/panel.html\", video:\"#\", image:\"#\"},\n    {header:\"Session\",title:\"Manage\",pos:\"with session space\",content:\"Sessions save, load from localStorage\",link:\"https://nucleome-browser.readthedocs.io/en/latest/session.html\", video:\"#\", image:\"#\"},\n    {header:\"Genome Browser\",title:\"How to use\",pos:\"panel module\",content:\"\",link:\"https://nucleome-browser.readthedocs.io/en/latest/gbrowser.html\", video:\"#\", image:\"#\"},\n    {header:\"3D Chromosome Structure Viewer\",title:\"How to use\",pos:\"panel module\",content:\"\",link:\"https://nucleome-browser.readthedocs.io/en/latest/threed.html\", video:\"#\", image:\"#\"},\n    {header:\"Track DnD\",title:\"Reuse tracks through\",pos:\"API\",content:\"How to drag bigwig track to 3D chromosome struture or other web applications\",link:\"#\", video:\"#\",image:\"#\"},\n    {header:\"Your data\",title:\"Add\",pos:\"with multiple data service tools\",content:\"Data tools\",link:\"https://github.com/nucleome/nucleserver\", video:\"#\", image:\"#\"},\n    {header:\"Other Genome Browsers\",title:\"Work with\",pos:\"through Nucleome Bridge\",content:\"Nucleome Bridge\",link:\"https://nucleome-browser.readthedocs.io/en/latest/apps.html\", video:\"#\", image:\"#\"},\n    {header:\"Google Sheet\",title:\"Work with\",pos:\"through Nucleome Bridge\",content:\"Nucleome GSheet Addon\",link:\"https://nucleome-browser.readthedocs.io/en/latest/gsheet.html\", video:\"#\", image:\"#\"},\n]\n\n//TODO: Manage Hint Data Create Tool. \n\n\nfunction Index(props) {\n  const {\n        classes,\n        version\n    } = props\nreturn (\n    <div>\n    <Box \n        display=\"flex\"\n        flexWrap=\"wrap\"\n    >\n    {data.map((d) => {\n        return <HintCard classes={classes} data={d}/>\n    })}\n    </Box>\n    </div>\n    );\n}\n\nconst Hints = withStyles(styles)(Index);\n\nexport default Hints\n","export default function (name) {\n    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(window.location.search) || [, \"\"])[1].replace(/\\+/g, '%20')) || null;\n}\n","import React, {\n    useRef,\n    useEffect\n} from 'react';\nimport showdown from \"showdown\";\nimport {\n    withStyles\n} from \"@material-ui/styles\";\nimport styles from \"../../styles\"\n\nimport getUrlParam from \"../../tools/getUrlParam.js\"\n\nimport Paper from \"@material-ui/core/Paper\"\n\nfunction Index(props) {\n    const {\n        classes,\n        version,\n        rest\n    } = props\n    const myRef = useRef()\n    useEffect((d) => {\n        //TODO get match __ from GitHub Raw???\n        var converter = new showdown.Converter()\n        converter.setOption(\"tables\",true)\n        converter.setFlavor(\"vanilla\")\n        var text \n        //TODO Change Static to GitHub Docs         \n        // With Buffer Version Control\n        fetch(\"/static/markdown/\"+rest+\".md\").then((d)=>(d.text())\n        )\n        .then(function(d){\n                text = d\n                var html = converter.makeHtml(text); //TODO catch error\n                myRef.current.innerHTML = html\n        })\n        .catch(function(e){\n            text= \"## Markdown file not found\"\n            var html = converter.makeHtml(text); //TODO catch error\n            myRef.current.innerHTML = html\n        })\n\n    }, [])\n    //TODO With Paper \n    return (\n        <Paper ref={myRef} className={classes.paper}>\n    </Paper>\n    );\n}\n\nconst Hints = withStyles(styles)(Index);\n\nexport default Hints\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Popover from '@material-ui/core/Popover';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\n\nconst useStyles = makeStyles(theme => ({\n  typography: {\n    padding: theme.spacing(2),\n  },\n}));\n\nexport default function SimplePopover() {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = React.useState(null);\n\n  const handleClick = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const open = Boolean(anchorEl);\n  const id = open ? 'simple-popover' : undefined;\n return (\n    <div>\n      <Button aria-describedby={id} variant=\"contained\" color=\"primary\" onClick={handleClick}>\n        Open Popover\n      </Button>\n      <Popover\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n      >\n        <Typography className={classes.typography}>The content of the Popover.</Typography>\n      </Popover>\n    </div>\n  );\n}\n","import React from \"react\"\nimport Typography from '@material-ui/core/Typography';\n /*\n              Developed by <a href=\"https://www.cs.cmu.edu/~jianma/\" target=\"_blank\">the Ma Lab</a> @ CMU\n            */\n            \nfunction AppFooter(props) {\nconst {classes} = props;\n\nreturn ( <footer className={classes.footer}>\n        <Typography variant=\"subtitle1\" align=\"center\" gutterBottom>\n             <Typography align=\"right\" type=\"span\">\n              <a href=\"https://www.cmu.edu\" target=\"_blank\">\n              <img style={{top:10,height:53}} src=\"/entry/images/cmu_logo_1.jpg\"/>\n              </a>\n              <a href=\"https://4dnucleome.org\" target=\"_blank\">\n              <img style={{top:10,height:53}} src=\"/entry/images/4dn-logo_1.png\"/>\n              </a>\n              </Typography>\n        </Typography>\n      </footer>\n)\n\n}\n\nexport default AppFooter\n","import {\n    Route,\n    Switch,\n} from 'react-router-dom';\nimport Home from './pages/Home';\nimport Space from './pages/Space';\nimport Session from './pages/Session';\nimport Portal from \"./pages/Portal\";\nimport Gallery from \"./pages/Gallery\";\nimport Hints from \"./pages/Hints\";\nimport Docs from \"./pages/Docs\";\n\nimport Slack from \"./module/slack\"\nimport {\n    withRouter\n} from 'react-router-dom'\n\nimport getUrlParam from \"./tools/getUrlParam\"\n\n\nimport React, {useRef,useState} from 'react';\nimport PropTypes from 'prop-types';\nimport AppBar from '@material-ui/core/AppBar';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport Divider from '@material-ui/core/Divider';\nimport Drawer from '@material-ui/core/Drawer';\nimport Hidden from '@material-ui/core/Hidden';\nimport IconButton from '@material-ui/core/IconButton';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport HomeIcon from '@material-ui/icons/Home';\nimport ViewCompactIcon from '@material-ui/icons/ViewCompact';\nimport DashboardIcon from '@material-ui/icons/Dashboard';\nimport DatabaseIcon from '@material-ui/icons/Cloud';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport BookIcon from '@material-ui/icons/Book';\nimport PlayIcon from '@material-ui/icons/PlayArrow';\nimport AppsIcon from '@material-ui/icons/Apps';\nimport GalleryIcon from '@material-ui/icons/PhotoLibrary';\nimport HintsIcon from '@material-ui/icons/Info';\nimport DynamicFeedIcon from '@material-ui/icons/Pages';\n\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Button from '@material-ui/core/Button';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport {\n    makeStyles,\n    useTheme\n} from '@material-ui/core/styles';\nimport { FaGithub,FaSlack } from 'react-icons/fa';\n\nimport AppFooter from \"./AppFooter\"\nimport { useEffect } from 'react';\n\nconst drawerWidth = 240;\n\nconst useStyles = makeStyles(theme => ({\n     root: {\n    display: 'flex',\n    flexDirection: 'column',\n    minHeight: '100vh',\n  },\n  main: {\n    marginTop: theme.spacing(8),\n    marginBottom: theme.spacing(2),\n  }, \n  footer: {\n    padding: theme.spacing(2),\n    marginTop: 'auto',\n    backgroundColor: 'white',\n  }, \n    drawer: {\n            width: drawerWidth,\n    },\n    appBar: {\n        width: \"100%\",\n        background: \"rgba(0,0,0,0.618)\",\n    },\n    menuButton: {\n        marginRight: theme.spacing(2),\n    },\n    toolbar: theme.mixins.toolbar,\n    drawerPaper: {\n        width: drawerWidth,\n    },\n    drawerHeader: {\n        paddingTop: 15,\n        paddingLeft: 20,\n    },\n    content: {\n        padding: theme.spacing(3),\n        width: \"100%\",\n    },\n    toolbarButtons: {\n        marginLeft: 'auto',\n        marginRight: -12,\n    },\n\n}));\n\n\nfunction ResponsiveDrawer(props) {\n    const {\n        container,\n    } = props;\n    const theme = useTheme()\n    const classes = useStyles();\n    const [swInited, setSwInited] = React.useState(false)\n\n    const [version,setVersion] = React.useState(null)\n    const [mobileOpen, setMobileOpen] = React.useState(false);\n    var a = window.location.href.split('/')\n    const [nav, setNav] = React.useState(a[5] || \"home\");\n\n    const [anchorEl, setAnchorEl] = React.useState(null);\n    var notifyRef = useRef(null)\n    var reloadRef = useRef(null)\n\n    function handleAnchor(event) {\n    setAnchorEl(anchorEl ? null : event.currentTarget);\n    }\n    function openGitHub() {\n      window.open(\"https://github.com/nucleome\")\n    }\n    function openDocs() {\n      //TODO\n      window.open(\"https://nb-docs.readthedocs.io\")\n    }\n    function openTutorials() {\n        window.open(\"https://docs.google.com/document/d/11IU0I5kleg0y9R-k285_o9dt9W67iaBPty9FYsgEWaw/edit?usp=sharing\")\n    }\n    /*\n    function openApps() {\n      window.open(\"/static/store\")\n    }\n    function openStories() {\n      window.open(\"/static/journal\")\n    }\n    */\n    function openSlack() { // Modal Join or Enter\n      window.open(\"https://join.slack.com/t/nucleome-browser/shared_invite/enQtNzY3NzQzOTczODc0LTZmYmNhYmJmYWVjZWMzNDY4MTQ5NmNmZmVmZTJhMzgyNjQwMGFiMDQ4ZWMwOWRjYjkzZjVjYjNmY2FkNGYxNWM\")\n    }\n    function openGallery() {\n        handleLink(\"examples\")()\n    }\n    function openHome() {\n        handleLink(\"home\")()\n    }\n\n    function openHints() {\n        handleLink(\"hints\")()\n    }\n \n\n    function handleDrawerToggle() {\n        setMobileOpen(!mobileOpen);\n    }\n\n    function handleLink(d) {\n        if (d==\"browser\") {\n            return function handle() {\n                var k = localStorage.getItem(\"_cnb_\")\n                if (k==null) {\n                    window.location.href = \"/v1/main.html?initedLayout=hubs\"\n                } else {\n                    window.location.href = \"/v1/main.html?config=continue\"\n                }\n            }\n        }\n        return function handle(rest) {\n            setNav(d)\n            var u = \"/entry/\" + d //TODO \n            if (arguments.length > 0) {\n                u =  u + \"/__\" + rest\n            }\n            props.history.push(u)\n        }\n\n    }\n    function handleNav(d) {\n        if (d==\"browser\") {\n            return function handle() {\n                var k = localStorage.getItem(\"_cnb_\")\n                if (k==null) {\n                    window.location.href = \"/v1/main.html?initedLayout=hubs\"\n                } else {\n                    window.location.href = \"/v1/main.html?config=continue\"\n                }\n            }\n        }\n        return function handle() {\n            setNav(d)\n            var u = \"/entry/\" + d //TODO \n            props.history.push(u)\n        }\n\n    }\n\n    function handleClose() {\n      setAnchorEl(null);\n    }\n    const getVersion = () => {\n    if (navigator.serviceWorker) {\n        if (navigator.serviceWorker.controller) {\n            var messageChannel = new MessageChannel();\n            messageChannel.port1.onmessage = function(event) {\n                setVersion(event.data.version)\n            }\n            navigator.serviceWorker.controller.postMessage({\n                \"command\": \"version\",\n            }, [messageChannel.port2]);\n        } else {\n            console.log(\"No Service Worker\");\n        }\n    }\n         \n\n}\nconst initVersion = () => {\n   if (!swInited) {\n    \n    if (navigator.serviceWorker) {\n    var newWorker\n    //Change it Notification Bar\n    reloadRef.current.addEventListener('click', function() {\n        newWorker.postMessage({\n            action: 'skipWaiting'\n        });\n    });\n    navigator.serviceWorker.register('/sw.js', {\n            scope: '/'\n        })\n        .then(function(reg) {\n            if (reg.waiting && reg.active) {\n                newWorker = reg.waiting\n                notifyRef.current.style.display = null\n            } else {\n                reg.addEventListener('updatefound', () => {\n                newWorker = reg.installing;\n                newWorker.addEventListener('statechange', () => {\n                    switch (newWorker.state) {\n                        case 'installed':\n                            if (navigator.serviceWorker.controller) {\n                                notifyRef.current.style.display = null\n                            }\n                            break;\n                        }\n                    });\n                })\n            }\n            setSwInited(true)\n            getVersion()\n        })\n        .catch(function(error) {\n            console.log(\"Failedegister ServiceWorker\", error);\n         });\n\n    let refreshing;\n        navigator.serviceWorker.addEventListener('controllerchange', function() {\n            if (refreshing) return;\n            window.location.reload();\n            refreshing = true;\n        });\n   } else {\n     console.log(\"Service Worker Not Supported\")\n     setSwInited(true)\n   }\n  }\n}\n\n\n    const drawer = (\n        <div>\n      <div className={classes.toolbar}> \n        <div className={classes.drawerHeader}>\n        <Typography variant=\"h6\" color=\"primary\" >Nucleome Browser</Typography>\n        {version !== null ?\n        <Typography variant=\"subtitle1\" align=\"center\" color=\"textSecondary\" component=\"p\">\n            client version: {version} \n        </Typography>\n        : null}\n      \n        </div>\n      </div>\n      <Divider />\n        <List>\n            {[\n              {label:\"Home\",id:'home',icon:<HomeIcon />},\n              {label:\"Browser\",id:'browser', icon:<PlayIcon />},\n              {label:\"Session Space\",id:'session', icon:<ViewCompactIcon />},\n              /*\n              {label:\"Panel Space\",id:'space', icon:<DashboardIcon />},\n              */\n              ].map((d, index) => (\n              <ListItem button key={d.id} onClick={handleNav(d.id)}>\n                <ListItemIcon>{d.icon}</ListItemIcon>\n                <ListItemText primary={d.label} />\n             </ListItem>\n            ))}\n          </List>\n \n      <Divider />\n\n    </div>\n    );\n    const [page,setPage] = useState(\"home\")\n    const [rest,setRest] = useState()\n    useEffect(function(){\n        initVersion()\n        var p = getUrlParam(\"page\")\n        var r = getUrlParam(\"rest\")\n        if (p == null) {\n        } else {\n            setPage(p)\n            if (r == null) {\n                handleLink(p)()\n            } else {\n                setRest(r)\n                handleLink(p)(r)\n            }\n        }\n    },[])\n\n    return (\n        <div className={classes.root}>\n      <CssBaseline />\n      <AppBar position=\"fixed\" className={classes.appBar} >\n        <Toolbar>\n          <IconButton\n            color=\"inherit\"\n            aria-label=\"Open drawer\"\n            edge=\"start\"\n            onClick={handleDrawerToggle}\n            className={classes.menuButton}\n          >\n            <MenuIcon />\n          </IconButton>\n          <Typography variant=\"h6\" noWrap>\n        {nav}\n            </Typography>\n      <section className={classes.toolbarButtons}>  \n\n    <Tooltip title=\"Home\">  \n    <IconButton\n            color=\"inherit\"\n            aria-label=\"Home\"\n            edge=\"start\"\n            onClick={openHome}\n            >\n             <HomeIcon/>\n        </IconButton>\n    </Tooltip>\n\n   <Tooltip title=\"Examples\">  \n    <IconButton\n            color=\"inherit\"\n            aria-label=\"Gallery\"\n            edge=\"start\"\n            onClick={openGallery}\n            >\n             <GalleryIcon/>\n        </IconButton>\n    </Tooltip>\n    {/* \n    //TODO : PUt These to Develop Mode\n   <Tooltip title=\"Hints\">  \n    <IconButton\n            color=\"inherit\"\n            aria-label=\"Hints\"\n            edge=\"start\"\n            onClick={openHints}\n            >\n             <HintsIcon/>\n        </IconButton>\n    </Tooltip>\n      <Tooltip title=\"Apps\"> \n    <IconButton\n            color=\"inherit\"\n            aria-label=\"Apps\"\n            edge=\"start\"\n            onClick={openApps}\n            >\n             <AppsIcon/>\n        </IconButton>\n    </Tooltip>\n    <Tooltip title=\"Customized Web Pages\">  \n    <IconButton\n            color=\"inherit\"\n            aria-label=\"Stories\"\n            edge=\"start\"\n            onClick={openStories}\n            >\n             <DynamicFeedIcon/>\n        </IconButton>\n    </Tooltip>\n    */}\n    <Tooltip title=\"Tutorials\">  \n    <IconButton\n            color=\"inherit\"\n            aria-label=\"Hints\"\n            edge=\"start\"\n            onClick={openTutorials}\n            >\n             <HintsIcon/>\n        </IconButton>\n    </Tooltip>\n\n    <Tooltip title=\"Documentation\">  \n    <IconButton\n            color=\"inherit\"\n            aria-label=\"Docs\"\n            edge=\"start\"\n            onClick={openDocs}\n            >\n             <BookIcon/>\n    </IconButton>\n    </Tooltip>\n  <Tooltip title=\"Slack\">\n    <IconButton color=\"inherit\" edge=\"start\" aria-label=\"Slack Home\" onClick={openSlack}>\n        <FaSlack/>        \n    </IconButton>\n    </Tooltip>\n    <Tooltip title=\"Source Code\">\n    <IconButton color=\"inherit\" edge=\"start\" aria-label=\"GitHub Home\" onClick={openGitHub}>\n        <FaGithub/>        \n    </IconButton>\n    </Tooltip>\n      </section> \n        </Toolbar>\n      </AppBar>\n      <nav className={classes.drawer}>\n        <Hidden>\n          <Drawer\n            container={container}\n            variant=\"temporary\"\n            anchor={theme.direction === 'rtl' ? 'right' : 'left'}\n            open={mobileOpen}\n            onClose={handleDrawerToggle}\n            classes={{\n              paper: classes.drawerPaper,\n            }}\n            ModalProps={{\n              keepMounted: true, // Better open performance on mobile.\n            }}\n          >\n       <Divider />\n            {drawer}\n          </Drawer>\n        </Hidden>\n      </nav>\n      <main className={classes.content}>\n        <div className={classes.toolbar}>\n        \n        </div>\n        <div className={classes.notification} ref={notifyRef} style={{display:\"none\",fontSize:\"18px\",height:\"30px\"}}>\n            A new version of this app is available. Please Click <Button various=\"outlined\" ref={reloadRef}>Update</Button> to update.\n        </div>\n          <Switch>\n          <Route path='/entry/home'  component={() => <Home version={version}/>}/>\n          <Route exact path='/entry/' component={() => <Home version={version}/>}/>\n          <Route exact path='/entry/null' component={() => <Home version={version}/>}/>\n          <Route exact path='/entry/space' component={() => <Space version={version}/>}/>\n          <Route exact path='/entry/session' component={() => <Session version={version}/>}/>\n          <Route exact path='/entry/examples' component={() => <Gallery version={version}/>}/>\n          <Route exact path='/entry/hints' component={() => <Hints version={version}/>}/>\n          <Route path='/entry/docs/:markdown' component={() => <Docs match={props.match} rest={rest} version={version}/>}/>\n         /* <Route exact path='/entry/portal' component={() => <Portal version={version}/>}/> */\n        </Switch>\n        </main>\n       <AppFooter classes = {classes}/> \n    </div>\n    );\n}\n\nResponsiveDrawer.propTypes = {\n    // Injected by the documentation to work in an iframe.\n    // You won't need it on your project.\n    container: PropTypes.object,\n};\n\n\nconst App = withRouter(ResponsiveDrawer);\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n    Route,\n    Switch\n} from 'react-router-dom';\n\nimport { ThemeProvider } from '@material-ui/styles';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { BrowserRouter } from 'react-router-dom';\nimport theme from './theme';\nimport App from './App';\n//import * as serviceWorker from './serviceWorker';\n\nReactDOM.render((\n  <ThemeProvider theme={theme}>\n    <BrowserRouter >\n    <CssBaseline />\n        <Switch>\n          <Route path='/entry/' component={App}/>\n        </Switch>\n\n    </BrowserRouter>\n  </ThemeProvider>\n), document.getElementById('root'));\n\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\n// serviceWorker.unregister();\n\n\n"],"sourceRoot":""}