WIP: Reworking search for v2.3.0

snapshots/js/global.js

@@ -0,0 +1,66 @@
+window.GUIDE_VERSIONS = {
+ current: null,
+ latest: null,
+ available: [],
+
+ onReady: function(callback) {
+ if (this._ready) {
+ callback(this);
+ } else {
+ this._callbacks.push(callback);
+ }
+ },
+
+ urlFor: function(version) {
+ return window.location.href.replace(this.current, version);
+ },
+
+ _callbacks: [],
+
+ _setData: function(available) {
+ function parseVersion(version) {
+ var match = version.match(/^v(\d+)\.(\d+)\.(\d+)$/);
+ if (match) {
+ return {
+ major: match[1],
+ minor: match[2],
+ patch: match[3]
+ };
+ }
+ }
+
+ function compareVersions(a, b) {
+ a = parseVersion(a);
+ b = parseVersion(b);
+
+ if (a.major !== b.major) { return a.major - b.major; }
+ if (a.minor !== b.minor) { return a.minor - b.minor; }
+ return a.patch - b.patch;
+ }
+
+ // Sort versions and make latest appear first
+ this.available = available.sort(compareVersions).reverse();
+
+ // @TODO: have to work through how this gets populated when we're using a global js include on an older version of Ember
+ this.current = 'CURRENT_REVISION_WILL_APPEAR_HERE_WHEN_DEPLOYED';
+ this.latest = this.available[0];
+ this._ready = true;
+
+ var self = this;
+ $.each(this._callbacks, function(idx, callback) {
+ callback(self);
+ });
+ }
+};
+
+$.ajax('/versions.json')
+ .done(function(data) {
+ window.GUIDE_VERSIONS._setData(data);
+ });
+
+window.GUIDE_VERSIONS.onReady(function(e){var n=$(".version-select");n.select2({data:e.available});var a=e.current;n.val(a).change(),n.on("change",function(){var n=this.value;window.location=e.urlFor(n)});var i=$('pre:contains("install -g ember-cli")');if("C"!==a.slice(0,1)){var l=e.current.slice(1).split(".").slice(0,2).join(".");i.text("npm install -g ember-cli@"+l)}}),function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="//cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}(),window.GUIDE_VERSIONS.onReady(function(t){var e=t.current,n="70c6f2593b56f14e561a361d1b787a1e",r="#search-input",i="emberjs",o=10,s="(tags:"+e+",tags:api)";$(window).load(function(){docsearch({apiKey:n,indexName:i,inputSelector:r,algoliaOptions:{hitsPerPage:o,facetFilters:s}})})}),
+
+window.GUIDE_VERSIONS.onReady(function(r){if(-1!==$.inArray(r.current,r.available)&&r.current!==r.available[0]){var e=r.urlFor(r.latest),a=['<div class="old-version-warning">','<i class="icon-attention-circled"></i>',"<strong>Old Guides - </strong>","You are viewing the guides for Ember "+r.current+".",'<a href="'+e+'" class="btn">',"VIEW "+r.latest,"</a>","</div>"].join("");$(".chapter").prepend(a)}});
+
+// @TODO: do we have to pull this in as well due to the use of window.GUIDE_VERSIONS, which won't have been defined in our common-modern setup which gets called before this?
+$(function(){$(".toc-level-0 .toc-level-0 > a").click(function(){return $(this).parent().find("> ol").slideToggle(200),!1}),$('label[for="toc-toggle"]').click(function(){$(".toc-container").slideToggle(500)}),$(function(){$(".anchorable-toc").each(function(){var t=$(this),e=t.attr("id"),n="#"+e,r='<a class="toc-anchor" href="'+n+'"></a>';t.prepend(r)})})}),window.GUIDE_VERSIONS.onReady(function(t){var e=$(".version-select");e.select2({data:t.available});var n=t.current;e.val(n).change(),e.on("change",function(){var e=this.value;window.location=t.urlFor(e)})});

snapshots/v2.3.0/index.html

@@ -26,6 +26,7 @@
  <!--[if gte IE 9]><!-->
  <script src="javascripts/common-modern.js"></script>
  <!--<![endif]-->
+ <script src="/js/global.js"></script>
 
  <header class="header">
  <nav role="navigation" aria-label="main">