123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571 |
- // Copyright 2012 The Go Authors. All rights reserved.
- // Use of this source code is governed by a BSD-style
- // license that can be found in the LICENSE file.
- /* A little code to ease navigation of these documents.
- *
- * On window load we:
- * + Bind search box hint placeholder show/hide events (bindSearchEvents)
- * + Generate a table of contents (generateTOC)
- * + Bind foldable sections (bindToggles)
- * + Bind links to foldable sections (bindToggleLinks)
- */
- (function() {
- 'use strict';
- // Mobile-friendly topbar menu
- $(function() {
- var menu = $('#menu');
- var menuButton = $('#menu-button');
- var menuButtonArrow = $('#menu-button-arrow');
- menuButton.click(function(event) {
- menu.toggleClass('menu-visible');
- menuButtonArrow.toggleClass('vertical-flip');
- event.preventDefault();
- return false;
- });
- });
- function bindSearchEvents() {
- var search = $('#search');
- if (search.length === 0) {
- return; // no search box
- }
- function clearInactive() {
- if (search.is('.inactive')) {
- search.val('');
- search.removeClass('inactive');
- }
- }
- function restoreInactive() {
- if (search.val() !== '') {
- return;
- }
- search.val(search.attr('placeholder'));
- search.addClass('inactive');
- }
- search.on('focus', clearInactive);
- search.on('blur', restoreInactive);
- restoreInactive();
- }
- /* Generates a table of contents: looks for h2 and h3 elements and generates
- * links. "Decorates" the element with id=="nav" with this table of contents.
- */
- function generateTOC() {
- if ($('#manual-nav').length > 0) {
- return;
- }
- var nav = $('#nav');
- if (nav.length === 0) {
- return;
- }
- var toc_items = [];
- $(nav).nextAll('h2, h3').each(function() {
- var node = this;
- if (node.id == '')
- node.id = 'tmp_' + toc_items.length;
- var link = $('<a/>').attr('href', '#' + node.id).text($(node).text());
- var item;
- if ($(node).is('h2')) {
- item = $('<dt/>');
- } else { // h3
- item = $('<dd class="indent"/>');
- }
- item.append(link);
- toc_items.push(item);
- });
- if (toc_items.length <= 1) {
- return;
- }
- var dl1 = $('<dl/>');
- var dl2 = $('<dl/>');
- var split_index = (toc_items.length / 2) + 1;
- if (split_index < 8) {
- split_index = toc_items.length;
- }
- for (var i = 0; i < split_index; i++) {
- dl1.append(toc_items[i]);
- }
- for (/* keep using i */; i < toc_items.length; i++) {
- dl2.append(toc_items[i]);
- }
- var tocTable = $('<table class="unruled"/>').appendTo(nav);
- var tocBody = $('<tbody/>').appendTo(tocTable);
- var tocRow = $('<tr/>').appendTo(tocBody);
- // 1st column
- $('<td class="first"/>').appendTo(tocRow).append(dl1);
- // 2nd column
- $('<td/>').appendTo(tocRow).append(dl2);
- }
- function bindToggle(el) {
- $('.toggleButton', el).click(function() {
- if ($(el).is('.toggle')) {
- $(el).addClass('toggleVisible').removeClass('toggle');
- } else {
- $(el).addClass('toggle').removeClass('toggleVisible');
- }
- });
- }
- function bindToggles(selector) {
- $(selector).each(function(i, el) {
- bindToggle(el);
- });
- }
- function bindToggleLink(el, prefix) {
- $(el).click(function() {
- var href = $(el).attr('href');
- var i = href.indexOf('#'+prefix);
- if (i < 0) {
- return;
- }
- var id = '#' + prefix + href.slice(i+1+prefix.length);
- if ($(id).is('.toggle')) {
- $(id).find('.toggleButton').first().click();
- }
- });
- }
- function bindToggleLinks(selector, prefix) {
- $(selector).each(function(i, el) {
- bindToggleLink(el, prefix);
- });
- }
- function setupDropdownPlayground() {
- if (!$('#page').is('.wide')) {
- return; // don't show on front page
- }
- var button = $('#playgroundButton');
- var div = $('#playground');
- var setup = false;
- button.toggle(function() {
- button.addClass('active');
- div.show();
- if (setup) {
- return;
- }
- setup = true;
- playground({
- 'codeEl': $('.code', div),
- 'outputEl': $('.output', div),
- 'runEl': $('.run', div),
- 'fmtEl': $('.fmt', div),
- 'shareEl': $('.share', div),
- 'shareRedirect': '//play.golang.org/p/'
- });
- },
- function() {
- button.removeClass('active');
- div.hide();
- });
- button.show();
- $('#menu').css('min-width', '+=60');
- }
- function setupInlinePlayground() {
- 'use strict';
- // Set up playground when each element is toggled.
- $('div.play').each(function (i, el) {
- // Set up playground for this example.
- var setup = function() {
- var code = $('.code', el);
- playground({
- 'codeEl': code,
- 'outputEl': $('.output', el),
- 'runEl': $('.run', el),
- 'fmtEl': $('.fmt', el),
- 'shareEl': $('.share', el),
- 'shareRedirect': '//play.golang.org/p/'
- });
- // Make the code textarea resize to fit content.
- var resize = function() {
- code.height(0);
- var h = code[0].scrollHeight;
- code.height(h+20); // minimize bouncing.
- code.closest('.input').height(h);
- };
- code.on('keydown', resize);
- code.on('keyup', resize);
- code.keyup(); // resize now.
- };
-
- // If example already visible, set up playground now.
- if ($(el).is(':visible')) {
- setup();
- return;
- }
- // Otherwise, set up playground when example is expanded.
- var built = false;
- $(el).closest('.toggle').click(function() {
- // Only set up once.
- if (!built) {
- setup();
- built = true;
- }
- });
- });
- }
- // fixFocus tries to put focus to div#page so that keyboard navigation works.
- function fixFocus() {
- var page = $('div#page');
- var topbar = $('div#topbar');
- page.css('outline', 0); // disable outline when focused
- page.attr('tabindex', -1); // and set tabindex so that it is focusable
- $(window).resize(function (evt) {
- // only focus page when the topbar is at fixed position (that is, it's in
- // front of page, and keyboard event will go to the former by default.)
- // by focusing page, keyboard event will go to page so that up/down arrow,
- // space, etc. will work as expected.
- if (topbar.css('position') == "fixed")
- page.focus();
- }).resize();
- }
- function toggleHash() {
- var hash = $(window.location.hash);
- if (hash.is('.toggle')) {
- hash.find('.toggleButton').first().click();
- }
- }
- function personalizeInstallInstructions() {
- var prefix = '?download=';
- var s = window.location.search;
- if (s.indexOf(prefix) != 0) {
- // No 'download' query string; bail.
- return;
- }
- var filename = s.substr(prefix.length);
- var filenameRE = /^go1\.\d+(\.\d+)?([a-z0-9]+)?\.([a-z0-9]+)(-[a-z0-9]+)?(-osx10\.[68])?\.([a-z.]+)$/;
- $('.downloadFilename').text(filename);
- $('.hideFromDownload').hide();
- var m = filenameRE.exec(filename);
- if (!m) {
- // Can't interpret file name; bail.
- return;
- }
- var os = m[3];
- var ext = m[6];
- if (ext != 'tar.gz') {
- $('#tarballInstructions').hide();
- }
- if (os != 'darwin' || ext != 'pkg') {
- $('#darwinPackageInstructions').hide();
- }
- if (os != 'windows') {
- $('#windowsInstructions').hide();
- $('.testUnix').show();
- $('.testWindows').hide();
- } else {
- if (ext != 'msi') {
- $('#windowsInstallerInstructions').hide();
- }
- if (ext != 'zip') {
- $('#windowsZipInstructions').hide();
- }
- $('.testUnix').hide();
- $('.testWindows').show();
- }
- var download = "https://storage.googleapis.com/golang/" + filename;
- var message = $('<p class="downloading">'+
- 'Your download should begin shortly. '+
- 'If it does not, click <a>this link</a>.</p>');
- message.find('a').attr('href', download);
- message.insertAfter('#nav');
- window.location = download;
- }
- $(document).ready(function() {
- bindSearchEvents();
- generateTOC();
- bindToggles(".toggle");
- bindToggles(".toggleVisible");
- bindToggleLinks(".exampleLink", "example_");
- bindToggleLinks(".overviewLink", "");
- bindToggleLinks(".examplesLink", "");
- bindToggleLinks(".indexLink", "");
- setupDropdownPlayground();
- setupInlinePlayground();
- fixFocus();
- setupTypeInfo();
- setupCallgraphs();
- toggleHash();
- personalizeInstallInstructions();
- // godoc.html defines window.initFuncs in the <head> tag, and root.html and
- // codewalk.js push their on-page-ready functions to the list.
- // We execute those functions here, to avoid loading jQuery until the page
- // content is loaded.
- for (var i = 0; i < window.initFuncs.length; i++) window.initFuncs[i]();
- });
- // -- analysis ---------------------------------------------------------
- // escapeHTML returns HTML for s, with metacharacters quoted.
- // It is safe for use in both elements and attributes
- // (unlike the "set innerText, read innerHTML" trick).
- function escapeHTML(s) {
- return s.replace(/&/g, '&').
- replace(/\"/g, '"').
- replace(/\'/g, ''').
- replace(/</g, '<').
- replace(/>/g, '>');
- }
- // makeAnchor returns HTML for an <a> element, given an anchorJSON object.
- function makeAnchor(json) {
- var html = escapeHTML(json.Text);
- if (json.Href != "") {
- html = "<a href='" + escapeHTML(json.Href) + "'>" + html + "</a>";
- }
- return html;
- }
- function showLowFrame(html) {
- var lowframe = document.getElementById('lowframe');
- lowframe.style.height = "200px";
- lowframe.innerHTML = "<p style='text-align: left;'>" + html + "</p>\n" +
- "<div onclick='hideLowFrame()' style='position: absolute; top: 0; right: 0; cursor: pointer;'>✘</div>"
- };
- document.hideLowFrame = function() {
- var lowframe = document.getElementById('lowframe');
- lowframe.style.height = "0px";
- }
- // onClickCallers is the onclick action for the 'func' tokens of a
- // function declaration.
- document.onClickCallers = function(index) {
- var data = document.ANALYSIS_DATA[index]
- if (data.Callers.length == 1 && data.Callers[0].Sites.length == 1) {
- document.location = data.Callers[0].Sites[0].Href; // jump to sole caller
- return;
- }
- var html = "Callers of <code>" + escapeHTML(data.Callee) + "</code>:<br/>\n";
- for (var i = 0; i < data.Callers.length; i++) {
- var caller = data.Callers[i];
- html += "<code>" + escapeHTML(caller.Func) + "</code>";
- var sites = caller.Sites;
- if (sites != null && sites.length > 0) {
- html += " at line ";
- for (var j = 0; j < sites.length; j++) {
- if (j > 0) {
- html += ", ";
- }
- html += "<code>" + makeAnchor(sites[j]) + "</code>";
- }
- }
- html += "<br/>\n";
- }
- showLowFrame(html);
- };
- // onClickCallees is the onclick action for the '(' token of a function call.
- document.onClickCallees = function(index) {
- var data = document.ANALYSIS_DATA[index]
- if (data.Callees.length == 1) {
- document.location = data.Callees[0].Href; // jump to sole callee
- return;
- }
- var html = "Callees of this " + escapeHTML(data.Descr) + ":<br/>\n";
- for (var i = 0; i < data.Callees.length; i++) {
- html += "<code>" + makeAnchor(data.Callees[i]) + "</code><br/>\n";
- }
- showLowFrame(html);
- };
- // onClickTypeInfo is the onclick action for identifiers declaring a named type.
- document.onClickTypeInfo = function(index) {
- var data = document.ANALYSIS_DATA[index];
- var html = "Type <code>" + data.Name + "</code>: " +
- " <small>(size=" + data.Size + ", align=" + data.Align + ")</small><br/>\n";
- html += implementsHTML(data);
- html += methodsetHTML(data);
- showLowFrame(html);
- };
- // implementsHTML returns HTML for the implements relation of the
- // specified TypeInfoJSON value.
- function implementsHTML(info) {
- var html = "";
- if (info.ImplGroups != null) {
- for (var i = 0; i < info.ImplGroups.length; i++) {
- var group = info.ImplGroups[i];
- var x = "<code>" + escapeHTML(group.Descr) + "</code> ";
- for (var j = 0; j < group.Facts.length; j++) {
- var fact = group.Facts[j];
- var y = "<code>" + makeAnchor(fact.Other) + "</code>";
- if (fact.ByKind != null) {
- html += escapeHTML(fact.ByKind) + " type " + y + " implements " + x;
- } else {
- html += x + " implements " + y;
- }
- html += "<br/>\n";
- }
- }
- }
- return html;
- }
- // methodsetHTML returns HTML for the methodset of the specified
- // TypeInfoJSON value.
- function methodsetHTML(info) {
- var html = "";
- if (info.Methods != null) {
- for (var i = 0; i < info.Methods.length; i++) {
- html += "<code>" + makeAnchor(info.Methods[i]) + "</code><br/>\n";
- }
- }
- return html;
- }
- // onClickComm is the onclick action for channel "make" and "<-"
- // send/receive tokens.
- document.onClickComm = function(index) {
- var ops = document.ANALYSIS_DATA[index].Ops
- if (ops.length == 1) {
- document.location = ops[0].Op.Href; // jump to sole element
- return;
- }
- var html = "Operations on this channel:<br/>\n";
- for (var i = 0; i < ops.length; i++) {
- html += makeAnchor(ops[i].Op) + " by <code>" + escapeHTML(ops[i].Fn) + "</code><br/>\n";
- }
- if (ops.length == 0) {
- html += "(none)<br/>\n";
- }
- showLowFrame(html);
- };
- $(window).load(function() {
- // Scroll window so that first selection is visible.
- // (This means we don't need to emit id='L%d' spans for each line.)
- // TODO(adonovan): ideally, scroll it so that it's under the pointer,
- // but I don't know how to get the pointer y coordinate.
- var elts = document.getElementsByClassName("selection");
- if (elts.length > 0) {
- elts[0].scrollIntoView()
- }
- });
- // setupTypeInfo populates the "Implements" and "Method set" toggle for
- // each type in the package doc.
- function setupTypeInfo() {
- for (var i in document.ANALYSIS_DATA) {
- var data = document.ANALYSIS_DATA[i];
- var el = document.getElementById("implements-" + i);
- if (el != null) {
- // el != null => data is TypeInfoJSON.
- if (data.ImplGroups != null) {
- el.innerHTML = implementsHTML(data);
- el.parentNode.parentNode.style.display = "block";
- }
- }
- var el = document.getElementById("methodset-" + i);
- if (el != null) {
- // el != null => data is TypeInfoJSON.
- if (data.Methods != null) {
- el.innerHTML = methodsetHTML(data);
- el.parentNode.parentNode.style.display = "block";
- }
- }
- }
- }
- function setupCallgraphs() {
- if (document.CALLGRAPH == null) {
- return
- }
- document.getElementById("pkg-callgraph").style.display = "block";
- var treeviews = document.getElementsByClassName("treeview");
- for (var i = 0; i < treeviews.length; i++) {
- var tree = treeviews[i];
- if (tree.id == null || tree.id.indexOf("callgraph-") != 0) {
- continue;
- }
- var id = tree.id.substring("callgraph-".length);
- $(tree).treeview({collapsed: true, animated: "fast"});
- document.cgAddChildren(tree, tree, [id]);
- tree.parentNode.parentNode.style.display = "block";
- }
- }
- document.cgAddChildren = function(tree, ul, indices) {
- if (indices != null) {
- for (var i = 0; i < indices.length; i++) {
- var li = cgAddChild(tree, ul, document.CALLGRAPH[indices[i]]);
- if (i == indices.length - 1) {
- $(li).addClass("last");
- }
- }
- }
- $(tree).treeview({animated: "fast", add: ul});
- }
- // cgAddChild adds an <li> element for document.CALLGRAPH node cgn to
- // the parent <ul> element ul. tree is the tree's root <ul> element.
- function cgAddChild(tree, ul, cgn) {
- var li = document.createElement("li");
- ul.appendChild(li);
- li.className = "closed";
- var code = document.createElement("code");
- if (cgn.Callees != null) {
- $(li).addClass("expandable");
- // Event handlers and innerHTML updates don't play nicely together,
- // hence all this explicit DOM manipulation.
- var hitarea = document.createElement("div");
- hitarea.className = "hitarea expandable-hitarea";
- li.appendChild(hitarea);
- li.appendChild(code);
- var childUL = document.createElement("ul");
- li.appendChild(childUL);
- childUL.setAttribute('style', "display: none;");
- var onClick = function() {
- document.cgAddChildren(tree, childUL, cgn.Callees);
- hitarea.removeEventListener('click', onClick)
- };
- hitarea.addEventListener('click', onClick);
- } else {
- li.appendChild(code);
- }
- code.innerHTML += " " + makeAnchor(cgn.Func);
- return li
- }
- })();
|