Fix 'abstract' router for SSR in both browser and server-side

Author: boxsnake

src/core/render/embed.js

@@ -38,7 +38,7 @@ function walkFetchEmbed({ embedTokens, compile, fetch }, cb) {
 
             // This may contain YAML front matter and will need to be stripped.
             const frontMatterInstalled =
-              ($docsify.frontMatter || {}).installed || false;
+              (((global || window || {}).$docsify || {}).frontMatter || {}).installed || false;
             if (frontMatterInstalled === true) {
               text = $docsify.frontMatter.parseMarkdown(text);
             }

src/core/router/history/abstract.js

@@ -1,25 +1,52 @@
+import { noop } from '../../util/core';
+import { inBrowser } from '../../util/env';
+import { on } from '../../util/dom';
 import { parseQuery } from '../util';
 import { History } from './base';
+import { HashHistory } from './hash';
+import { HTML5History } from './html5';
 
 export class AbstractHistory extends History {
   constructor(config) {
     super(config);
-    this.mode = 'abstract';
+    this.mode = this.config.routerMode;
+  }
+
+  onchange(cb = noop) {
+    if(inBrowser) {
+      on('hashchange', e => {
+        let hash = e.target.location.hash;
+        let parsed = this.parse(hash);
+        let path = parsed.path;
+
+        window.open(path, '_self');
+      });
+    }
   }
 
   parse(path = '') {
-    let query = '';
+    if(this.mode === 'history') {
+      let query = '';
+
+      const queryIndex = path.indexOf('?');
+      if (queryIndex >= 0) {
+        query = path.slice(queryIndex + 1);
+        path = path.slice(0, queryIndex);
+      }
 
-    const queryIndex = path.indexOf('?');
-    if (queryIndex >= 0) {
-      query = path.slice(queryIndex + 1);
-      path = path.slice(0, queryIndex);
+      return {
+        path,
+        file: this.getFile(path),
+        query: parseQuery(query),
+      };
+    } else {
+      return HashHistory.prototype.parse.bind(this)(path);
     }
+  }
 
-    return {
-      path,
-      file: this.getFile(path),
-      query: parseQuery(query),
-    };
+  toURL(path, params, currentRoute = '') {
+    return this.mode === 'history' ?
+      HTML5History.prototype.toURL.bind(this)(path, params, currentRoute) :
+      HashHistory.prototype.toURL.bind(this)(path, params, currentRoute);
   }
 }

src/core/router/history/base.js

@@ -65,7 +65,7 @@ export class History {
 
   parse() {}
 
-  toURL(path, params, currentRoute = '') {
+  toURL(path = '', params = {}, currentRoute = '') {
     const local = currentRoute && path[0] === '#';
     const route = this.parse(replaceSlug(path));
 

src/core/router/util.js

@@ -40,11 +40,11 @@ export function stringifyQuery(obj, ignores = []) {
   return qs.length ? `?${qs.join('&')}` : '';
 }
 
-export const isAbsolutePath = cached(path => {
+export const isAbsolutePath = cached((path = '') => {
   return /(:|(\/{2}))/g.test(path);
 });
 
-export const removeParams = cached(path => {
+export const removeParams = cached((path = '') => {
   return path.split(/[?#]/)[0];
 });
 
@@ -57,11 +57,11 @@ export const getParentPath = cached((path = '') => {
   return matchingParts ? matchingParts[1] : '';
 });
 
-export const cleanPath = cached(path => {
+export const cleanPath = cached((path = '') => {
   return path.replace(/^\/+/, '/').replace(/([^:])\/{2,}/g, '$1/');
 });
 
-export const resolvePath = cached(path => {
+export const resolvePath = cached((path = '') => {
   const segments = path.replace(/^\//, '').split('/');
   let resolved = [];
   for (let i = 0, len = segments.length; i < len; i++) {