feat: embed TypeDoc documentation within admin UI

packages/server-admin-ui/src/components/Sidebar/Sidebar.js

@@ -310,12 +310,8 @@ const mapStateToProps = (state) => {
 
   result.items.push({
     name: 'Documentation',
-    url: `${window.location.protocol}//${window.location.host}/documentation`,
-    icon: 'icon-book-open',
-    props: {
-      target: '_blank',
-      rel: 'noopener noreferrer'
-    }
+    url: '/documentation',
+    icon: 'icon-book-open'
   })
 
   result.items.push({

packages/server-admin-ui/src/containers/Full/Full.js

@@ -10,6 +10,7 @@ import Footer from '../../components/Footer/Footer'
 
 import Dashboard from '../../views/Dashboard/Dashboard'
 import Embedded from '../../views/Webapps/Embedded'
+import EmbeddedDocs from '../../views/Webapps/EmbeddedDocs'
 import Webapps from '../../views/Webapps/Webapps'
 import DataBrowser from '../../views/DataBrowser/DataBrowser'
 import Playground from '../../views/Playground'
@@ -119,6 +120,11 @@ class Full extends Component {
                   path="/security/access/requests"
                   component={loginOrOriginal(AccessRequests)}
                 />
+                <Route
+                  path="/documentation"
+                  name="Documentation"
+                  component={EmbeddedDocs}
+                />
                 <Route path="/login" component={Login} />
                 <Route path="/register" component={Register} />
                 <Redirect from="/" to="/dashboard" />

packages/server-admin-ui/src/views/Webapps/EmbeddedDocs.js

@@ -0,0 +1,19 @@
+import React from 'react'
+
+const EmbeddedDocs = () => {
+  const docsUrl = `${window.location.protocol}//${window.location.host}/documentation/`
+
+  return (
+    <iframe
+      src={docsUrl}
+      style={{
+        width: '100%',
+        height: 'calc(100vh - 55px)',
+        border: 'none'
+      }}
+      title="Signal K Documentation"
+    />
+  )
+}
+
+export default EmbeddedDocs