[FIX] Handle hash change in url

Author: akash-dsouza-3362

app/instance-initializers/hash-to-query-redirect.js

@@ -0,0 +1,18 @@
+import hashToQuery from 'hash-to-query';
+
+export function initialize(application) {
+  if (typeof FastBoot === 'undefined') {
+    window.onhashchange = function() {
+      let router = application.lookup('service:router');
+      let redirectToUrl = hashToQuery(window.location.hash, window.location.pathname);
+      if (redirectToUrl) {
+        router.transitionTo(redirectToUrl);
+      }
+    }
+  }
+}
+
+export default {
+  name: 'hash-to-query-redirect',
+  initialize
+};

lib/hash-to-query/index.js

@@ -8,33 +8,8 @@ module.exports = {
     return true;
   },
 
-  contentFor (type, config) {
-    if (type === 'body') {
-      return `
-<script type='text/javascript'>
-  var hash = window.location.hash;
-  if (hash && hash.length > 1) {
-    var pathName = window.location.pathname;
-    if (pathName.indexOf('/methods/') === -1 &&
-        pathName.indexOf('/properties/') === -1 &&
-        pathName.indexOf('/events/') === -1) {
-      var type = hash.slice(1, hash.indexOf('_'));
-      var name = hash.slice(hash.indexOf('_') + 1, hash.length);
-      var anchor = '?anchor=' + name + '&show=inherited,protected,private,deprecated';
-      var newPath = pathName;
-      if (type === 'method') {
-        newPath = pathName + '/methods/' + name;
-      } else if (type === 'property') {
-        newPath = pathName + '/properties/' + name;
-      } else if (type === 'event') {
-        newPath = pathName + '/events/' + name;
-      }
-      window.location.href = window.location.origin + newPath + anchor;
-    }
-  }
-</script>
-`
-    }
-    return '';
+  included(app) {
+    this._super.included.apply(this, arguments);
+    this.import('vendor/hash-to-query.js');
   }
 };

lib/hash-to-query/vendor/hash-to-query.js

@@ -0,0 +1,35 @@
+(() => {
+  /* globals define */
+  function hashToQuery(hash, pathName) {
+    if (hash && hash.length > 1) {
+      if (pathName.indexOf('/methods/') === -1 &&
+          pathName.indexOf('/properties/') === -1 &&
+          pathName.indexOf('/events/') === -1) {
+        let type = hash.slice(1, hash.indexOf('_'));
+        let name = hash.slice(hash.indexOf('_') + 1, hash.length);
+        let anchor = '?anchor=' + name + '&show=inherited,protected,private,deprecated';
+        let newPath = pathName;
+        if (type === 'method') {
+          newPath = pathName + '/methods/' + name;
+        } else if (type === 'property') {
+          newPath = pathName + '/properties/' + name;
+        } else if (type === 'event') {
+          newPath = pathName + '/events/' + name;
+        }
+        return newPath + anchor;
+      }
+    }
+  }
+  if (typeof FastBoot === 'undefined') {
+    let redirectToUrl = hashToQuery(window.location.hash, window.location.pathname);
+    if (redirectToUrl) {
+      window.location.href = window.location.origin + redirectToUrl;
+    }
+  }
+  define('hash-to-query', function () {
+    'use strict';
+    return {
+      default: hashToQuery
+    }
+  });
+})()

package.json

@@ -72,6 +72,7 @@
     "ember-power-select": "^1.9.2",
     "ember-resolver": "^4.3.0",
     "ember-route-action-helper": "^2.0.5",
+    "ember-router-service-polyfill": "1.0.1",
     "ember-service-worker": "0.6.7",
     "ember-service-worker-asset-cache": "0.6.1",
     "ember-service-worker-cache-fallback": "0.6.1",

tests/unit/initializers/hash-to-query-redirect-test.js

@@ -0,0 +1,33 @@
+import Ember from 'ember';
+import { initialize } from 'ember-api-docs/instance-initializers/hash-to-query-redirect';
+import { module, test } from 'qunit';
+import destroyApp from '../../helpers/destroy-app';
+import hashToQuery from 'hash-to-query';
+
+module('Unit | Instance Initializer | hash to query redirect', {
+  beforeEach() {
+    Ember.run(() => {
+      this.application = Ember.Application.create();
+      this.appInstance = this.application.buildInstance();
+    });
+  },
+  afterEach() {
+    Ember.run(this.appInstance, 'destroy');
+    destroyApp(this.application);
+  }
+});
+
+// Replace this with your real tests.
+test('it works', function(assert) {
+  initialize(this.appInstance);
+
+  // you would normally confirm the results of the initializer here
+  assert.ok(true);
+});
+
+test('hashToQuery method works', function(assert) {
+  initialize(this.appInstance);
+
+  let redirectToUrl = hashToQuery('method', '/class');
+  assert.equal(redirectToUrl, '/class?anchor=method&show=inherited,protected,private,deprecated', 'hashToQuery function works');
+});