fix(docz-core): base prop for router

core/docz-core/src/lib/Entry.ts

@@ -2,6 +2,8 @@ import * as path from 'path'
 import * as crypto from 'crypto'
 import slugify from '@sindresorhus/slugify'
 import humanize from 'humanize-string'
+import { get } from 'lodash/fp'
+
 import {
   getParsedData,
   headingsFromAst,
@@ -54,7 +56,7 @@ export class Entry {
     this.filepath = filepath
     this.link = ''
     this.slug = this.slugify(filepath, config.separator)
-    this.route = this.getRoute(parsed)
+    this.route = this.getRoute(parsed, config.base)
     this.name = name
     this.menu = parsed.menu || ''
     this.headings = headingsFromAst(ast)
@@ -90,7 +92,9 @@ export class Entry {
     return slugify(fileWithoutExt, { separator })
   }
 
-  private getRoute(parsed: any): string {
-    return parsed && parsed.route ? parsed.route : `/${this.slug}`
+  private getRoute(parsed: any, base: string): string {
+    const parsedRoute = get('route', parsed)
+    const route = parsedRoute || `/${this.slug}`
+    return path.join(base, route)
   }
 }

core/docz/src/components/Routes.tsx

@@ -8,8 +8,6 @@ import {
   HistoryListenerParameter,
 } from '@reach/router'
 
-declare var DOCZ_BASE_URL: string
-
 import { doczState } from '../state'
 import { useComponents, ComponentsMap } from '../hooks/useComponents'
 import { AsyncRoute, loadRoute, Imports } from './AsyncRoute'
@@ -45,7 +43,7 @@ export const Routes: SFC<RoutesProps> = ({ imports }) => {
     <MDXProvider components={components}>
       <LocationProvider history={history}>
         <React.Suspense fallback={<Loading />}>
-          <Router basepath={DOCZ_BASE_URL}>
+          <Router>
             <NotFound default />
             {entries &&
               entries.map(({ key: path, value: entry }) => {