-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Squashed 'nbviewer.js/' changes from 6f48d7c..5c4a887
5c4a887 that TOC thing never happened 0ec3094 handling stderr; closes #23 1f7be42 handling of error cells, stripping ANSI colours from them 36be66a advertise github browser d52ffbf browse github and render notebooks 583dce5 analytics 5263885 images need not be lists, fixes #18 9fe7951 fixed a typo 86b3c2e Merge pull request #17 from kikocorreoso/master ec17e69 Deleting instead of commenting out 8098772 render correctly embeded images b09bde8 Cleaned unnecessary ugly scroll overflow 4518fbe render SVG correctly dd810d9 Mentioned ipynb-quicklook git-subtree-dir: nbviewer.js git-subtree-split: 5c4a887f1403d5da3e3d50848e1c4520920896e3
- Loading branch information
Showing
4 changed files
with
257 additions
and
22 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,213 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset='utf-8' /> | ||
| <title>nbviewer.js</title> | ||
|
|
||
| <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism.min.css'/> | ||
| <script src='https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js'></script> | ||
| <script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/prism.min.js' data-manual></script> | ||
| <script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/components/prism-python.min.js' data-manual></script> | ||
|
|
||
| <style type='text/css'> | ||
| body { | ||
| font: 0.8em Arial, sans-serif; | ||
| background-color: #eee; | ||
| } | ||
| div#instructions { | ||
| max-width: 960px; | ||
| font-size: 2em; | ||
| color: #aaa; | ||
| text-align: center; | ||
| /*padding-top: 5%;*/ | ||
| margin: 0 auto; | ||
| } | ||
| p#examples { | ||
| font-size: .5em; | ||
| } | ||
| div#serving-info { | ||
| font-size: .7em; | ||
| font-style: italic; | ||
| margin-top: 1em; | ||
| } | ||
| div#bugs { | ||
| font-size: .6em; | ||
| } | ||
| input#ghproj { | ||
| display: block; | ||
| font-size: 1em; | ||
| text-align: center; | ||
| margin: 0 auto; | ||
| width: 50%; | ||
| } | ||
| div#filelist { | ||
| margin: 0 auto; | ||
| width: 50%; | ||
| text-align: left; | ||
| font-size: .8em; | ||
| } | ||
| div#filelist ul { | ||
| list-style-type: none; | ||
| } | ||
| div#filelist ul li { | ||
| vertical-align: center; | ||
| } | ||
| div#filelist ul li a { | ||
| text-decoration: none; | ||
| } | ||
| </style> | ||
|
|
||
| <!-- nbviewer.js --> | ||
| <script src='lib/nbv.js'></script> | ||
| </head> | ||
| <body> | ||
| <a href="https://github.com/kokes/nbviewer.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a> | ||
|
|
||
| <div id='doc'> | ||
| <div id='instructions'> | ||
| <p>Enter a <code>username/repo</code> combination from Github</p> | ||
| <p id='examples'> | ||
| <a href='#aHR0cHM6Ly9hcGkuZ2l0aHViLmNvbS9yZXBvcy9yc3ZwL2ZlY29uMjM1L2NvbnRlbnRzL25iL2ZyZWQtZW1wbG95LW5mcC5pcHluYj9yZWY9bWFzdGVy'>Example 1</a> | ||
| <a href='#aHR0cHM6Ly9hcGkuZ2l0aHViLmNvbS9yZXBvcy9hcm9rZW0vdGVhY2hfb3B0aW1pemF0aW9uL2NvbnRlbnRzL29wdGltaXphdGlvbi5pcHluYj9yZWY9bWFzdGVy'>Example 2</a> | ||
| <form> | ||
| <input id='ghproj' type='text' placeholder='username/repo' /> | ||
| <input id='ghlookup' type='submit' value='Browse repo' /> | ||
| </form> | ||
|
|
||
| <div id='serving-info'></div> | ||
| <div id='bugs'>(We know there's an encoding issue making non-latin characters render incorrectly.)</div> | ||
|
|
||
| <div id='filelist'> | ||
|
|
||
| </div> | ||
| </div> | ||
| <div id='notebook'> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
| <script type='text/javascript'> | ||
| var d = document; | ||
| var cache = {}; | ||
| var gg; // debugging | ||
|
|
||
| window.onload = function() { | ||
| var lk = d.getElementById('ghlookup'); | ||
| var ghproj = d.getElementById('ghproj'); | ||
|
|
||
| // block submitting again | ||
| lk.addEventListener('click', function(e) { | ||
| e.target.disabled = 'disabled'; | ||
| // TODO: validate inputs | ||
| // should be something like [a-zA-Z0-9_\-]+\/[a-zA-Z0-9_\-], not sure what exactly | ||
| var turl = get_gh_url('repos/' + ghproj.value + '/contents/'); // living on the edgeeee | ||
| window.location.hash = btoa(turl); | ||
| }); | ||
| // re-enable the submit button when changed | ||
| ghproj.addEventListener('keyup', function(e) { | ||
| lk.disabled = ''; | ||
| }); | ||
| hash_changed(); | ||
| }; | ||
|
|
||
| window.onhashchange = hash_changed; | ||
|
|
||
| function hash_changed() { | ||
| render_gh_files(); | ||
| } | ||
|
|
||
| function render_gh_files() { | ||
| wipeElement(d.getElementById('serving-info')); // clear | ||
| var hs = window.location.hash.slice(1); // without '#' | ||
| var hsurl = atob(hs); // base64 -> text | ||
| ajax_get_json(hsurl, function(dt) { | ||
| gg = dt; | ||
| // get pathname | ||
| var a = d.createElement('a'); | ||
| a.href = hsurl; | ||
| var path = a.pathname; | ||
|
|
||
| if (path.endsWith('ipynb')) { | ||
| var nb = JSON.parse(atob(dt.content)); // decode incoming data | ||
| var tg = d.getElementById('notebook'); | ||
| nbv.render(nb, tg); | ||
|
|
||
| // serving info | ||
| var turl = window.location; | ||
| d.getElementById('serving-info').innerHTML = `Serving <code>${dt.name}</code>. <a href='${turl}'>Link to this render</a> / <a href='${dt.html_url}'>original Github source</a>`; | ||
| return; | ||
| } | ||
|
|
||
| var fl = d.getElementById('filelist'); | ||
| var ul = d.createElement('ul'); | ||
| wipeElement(fl); | ||
| for (var j=0; j<dt.length; j++) { | ||
| var el = dt[j]; | ||
| var li = d.createElement('li'); | ||
| li.appendChild(function() { | ||
| if (el.type === 'file' && !el.name.endsWith('.ipynb')) { | ||
| return d.createTextNode(el.name); | ||
| } | ||
|
|
||
| var a = d.createElement('a'); | ||
| a.textContent = el.name; | ||
| a.setAttribute('href', '#' + btoa(el.url)); | ||
| return a; | ||
| }()); | ||
|
|
||
| ul.appendChild(li); | ||
| } | ||
| fl.appendChild(ul); | ||
|
|
||
| }); | ||
| } | ||
|
|
||
| function get_gh_url(path) { | ||
| return 'https://api.github.com/' + path; | ||
| } | ||
|
|
||
| function ajax_get_json(url, callback) | ||
| { | ||
| console.log(url); | ||
| if (cache[url] !== undefined) { | ||
| console.log('serving from cache'); | ||
| return callback(cache[url]); | ||
| } | ||
|
|
||
| var rr = new XMLHttpRequest(); | ||
| rr.onreadystatechange = function() { | ||
| if (rr.readyState == 4 && rr.status == 200) { | ||
| cache[url] = JSON.parse(rr.responseText) | ||
| callback(JSON.parse(rr.responseText)); | ||
| } else if (rr.readyState == 4) { | ||
| throw Error(err); | ||
| } | ||
| } | ||
| rr.open('GET', url); | ||
| rr.send(null); | ||
| } | ||
|
|
||
| function wipeElement(el) { | ||
| while (el.firstChild) { | ||
| el.removeChild(el.firstChild); | ||
| } | ||
| } | ||
|
|
||
| </script> | ||
|
|
||
| <script> | ||
| (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
| (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | ||
| m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | ||
| })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); | ||
|
|
||
| ga('create', 'UA-98368126-1', 'auto'); | ||
| ga('send', 'pageview'); | ||
|
|
||
| </script> | ||
|
|
||
| </body> | ||
| </html> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters