feat(docs): Add overlay menu to top bar

docs/assets/scripts/main.ts

@@ -1,43 +1,45 @@
-// import '@webcomponents/custom-elements';
-
+import { formatDocs } from './docs-formatting';
 import { initGraphQlPlaygroundWidgets } from './graphql-playground-widget';
 import { initNavMenu } from './nav-menu';
 import { SearchWidget } from './search-widget';
 import { initTabs } from './tabs';
 import { TocHighlighter } from './toc-highlighter';
-import { formatDocs } from './docs-formatting';
+import { initTopMenu } from './top-bar';
 
 // tslint:disable-next-line
 require('../styles/main.scss');
 
-document.addEventListener('DOMContentLoaded', () => {
-    const topBar = document.querySelector('.top-bar');
-    if (topBar) {
-        const setTopBarClass = () => {
-            if (window.scrollY === 0) {
-                topBar.classList.remove('floating');
-            } else {
-                topBar.classList.add('floating');
-            }
-        };
-        window.addEventListener('scroll', setTopBarClass);
-        setTopBarClass();
-    }
-
-    const toc = document.querySelector('#TableOfContents') as HTMLDivElement;
-    const tocHighlighter = new TocHighlighter(toc);
-    tocHighlighter.highlight();
-
-    const searchInput = document.querySelector('#searchInput');
-    if (searchInput) {
-        const searchWidget = new SearchWidget(searchInput as HTMLInputElement);
-        const searchButton = document.querySelector('button.search-icon') as HTMLButtonElement;
-        searchButton.addEventListener('click', () => searchWidget.toggleActive());
-    }
+document.addEventListener(
+    'DOMContentLoaded',
+    () => {
+        const topBar = document.querySelector('.top-bar');
+        if (topBar) {
+            const setTopBarClass = () => {
+                if (window.scrollY === 0) {
+                    topBar.classList.remove('floating');
+                } else {
+                    topBar.classList.add('floating');
+                }
+            };
+            window.addEventListener('scroll', setTopBarClass);
+            setTopBarClass();
+        }
 
-    initTabs();
-    initNavMenu();
-    initGraphQlPlaygroundWidgets();
-    formatDocs();
+        const toc = document.querySelector('#TableOfContents') as HTMLDivElement;
+        const tocHighlighter = new TocHighlighter(toc);
+        tocHighlighter.highlight();
 
-}, false);
+        const searchInput = document.querySelector('#searchInput');
+        if (searchInput) {
+            const searchWidget = new SearchWidget(searchInput as HTMLInputElement);
+            const searchButton = document.querySelector('button.search-icon') as HTMLButtonElement;
+            searchButton.addEventListener('click', () => searchWidget.toggleActive());
+        }
+        initTabs();
+        initNavMenu();
+        initGraphQlPlaygroundWidgets();
+        formatDocs();
+        initTopMenu();
+    },
+    false,
+);

docs/assets/scripts/top-bar.ts

@@ -0,0 +1,27 @@
+export function initTopMenu() {
+    const subMenus = document.querySelectorAll<HTMLDivElement>('.submenu');
+    subMenus.forEach(initSubMenu);
+}
+
+let close: () => void;
+
+function initSubMenu(subMenu: HTMLDivElement) {
+    const trigger = subMenu.querySelector('.trigger');
+    const overlay = subMenu.querySelector('.overlay');
+
+    trigger?.addEventListener('click', (e) => {
+        if (typeof close === 'function') {
+            close();
+        }
+        overlay?.classList.add('expanded');
+        e.preventDefault();
+        e.stopPropagation();
+        close = () => {
+            overlay?.classList.remove('expanded');
+            document.removeEventListener('click', close);
+            document.removeEventListener('scroll', close);
+        };
+        document.addEventListener('click', close);
+        document.addEventListener('scroll', close);
+    });
+}

docs/assets/styles/_top-bar.scss

@@ -1,9 +1,11 @@
-@import "variables";
+@import 'variables';
+
+$top-bar-bg: #2a2929;
 
 .top-bar {
     position: fixed;
     padding: 0 24px;
-    background-color: #2a2929;
+    background-color: $top-bar-bg;
     width: 100%;
     top: 0;
     height: $top-bar-height;
@@ -20,7 +22,7 @@
         margin: auto;
     }
 
-    @media all and (max-width: $sm-breakpoint){
+    @media all and (max-width: $sm-breakpoint) {
         padding: 12px;
         font-size: $font-size-14;
     }
@@ -28,7 +30,8 @@
     &.landing-page {
         background-color: transparent;
         .right {
-            a:link, a:visited {
+            a:link,
+            a:visited {
                 color: $gray-700;
             }
             a:hover {
@@ -36,12 +39,20 @@
                 text-decoration: none;
             }
         }
+        .submenu .trigger-icon {
+            filter: invert(0.3);
+        }
 
         &.floating {
-            background-color: #2a2929;
+            background-color: $top-bar-bg;
+
+            .submenu .trigger-icon {
+                filter: invert(0.8);
+            }
 
             .right {
-                a:link, a:visited {
+                a:link,
+                a:visited {
                     color: $gray-400;
                 }
                 a:hover {
@@ -78,13 +89,12 @@
             font-family: $brand-font-face;
             display: inline-block;
             margin-right: 12px;
-            @media all and (max-width: $sm-breakpoint){
+            @media all and (max-width: $sm-breakpoint) {
                 display: none;
             }
         }
     }
 
-
     .version-label {
         display: inline-block;
         background-color: #ffd400;
@@ -97,17 +107,19 @@
     }
 
     .right {
+        display: flex;
         a {
             margin-left: 18px;
         }
-        a:link, a:visited {
+        a:link,
+        a:visited {
             color: $gray-400;
         }
         a:hover {
             color: $gray-100;
             text-decoration: none;
         }
-        @media all and (max-width: $sm-breakpoint){
+        @media all and (max-width: $sm-breakpoint) {
             text-align: right;
             a {
                 margin-left: 12px;
@@ -115,6 +127,63 @@
         }
     }
 
+    .submenu {
+        position: relative;
+        .trigger {
+            display: flex;
+            align-items: flex-end;
+        }
+        .trigger-icon {
+            transform: rotateZ(180deg);
+            width: 12px;
+            height: 12px;
+            filter: invert(0.8);
+            margin-left: 3px;
+            margin-bottom: 2px;
+        }
+
+        .overlay {
+            position: absolute;
+            @media all and (max-width: $sm-breakpoint) {
+                top: 28px;
+            }
+            top: 34px;
+            right: 0;
+            border-radius: 2px;
+            visibility: hidden;
+            overflow: hidden;
+            height: 0;
+            background-color: $top-bar-bg;
+            padding: $padding-4;
+            box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.21);
+            opacity: 0;
+            a:link,
+            a:visited {
+                margin: $padding-16 $padding-8;
+                color: $gray-400;
+            }
+            &.expanded {
+                visibility: visible;
+                height: auto;
+                opacity: 1;
+                transition: visibility 0s, opacity 0.2s;
+            }
+        }
+
+        .overlay a {
+            display: flex;
+            align-items: center;
+            // justify-content: space-between;
+            flex: 1;
+            .menu-icon {
+                width: 24px;
+                height: 24px;
+                filter: contrast(0);
+                margin-right: 12px;
+            }
+        }
+    }
+
     .search-input {
         display: flex;
     }
@@ -131,7 +200,7 @@
         &:focus {
             background-color: $gray-300;
         }
-        @media all and (max-width: $sm-breakpoint){
+        @media all and (max-width: $sm-breakpoint) {
             background-color: $gray-300;
         }
     }
@@ -145,7 +214,7 @@
             width: 24px;
             height: 24px;
         }
-        @media all and (max-width: $sm-breakpoint){
+        @media all and (max-width: $sm-breakpoint) {
             display: block;
         }
     }

docs/data/build.json

@@ -1,4 +1,4 @@
 {
-  "version": "0.1.2-beta.4",
-  "commit": "29df9adb"
+  "version": "0.11.0",
+  "commit": "0cf71174"
 }

docs/layouts/partials/top-bar.html

@@ -17,10 +17,41 @@
         </div>
         {{ end }}
         <div class="right">
-            <a href="/docs">Docs</a>
-            <a href="http://demo.vendure.io" target="_blank">Demo</a>
+            <div class="submenu">
+                <a href="#" class="trigger">Product <img alt="arrow icon" src="/svg/clr-icon-angle.svg" class="trigger-icon" /></a>
+                <div class="overlay">
+                    <a href="/article/faq">
+                        <img class="menu-icon" alt="icon" src="/svg/clr-icon-talk-bubbles.svg" />
+                        F.A.Q.
+                    </a>
+                    <a href="/article/roadmap">
+                        <img class="menu-icon" alt="icon" src="/svg/clr-icon-map.svg" />
+                        Roadmap
+                    </a>
+                    <a href="http://demo.vendure.io" target="_blank">
+                        <img class="menu-icon" alt="icon" src="/svg/clr-icon-display.svg" />
+                        Demo
+                    </a>
+                </div>
+            </div>
+            <div class="submenu">
+                <a href="#" class="trigger">Developers <img alt="arrow icon" src="/svg/clr-icon-angle.svg" class="trigger-icon" /></a>
+                <div class="overlay">
+                    <a href="/docs">
+                        <img class="menu-icon" alt="icon" src="/svg/clr-icon-book.svg" />
+                        Documentation
+                    </a>
+                    <a href="https://github.com/vendure-ecommerce/vendure">
+                        <img class="menu-icon" alt="icon" src="/svg/icon-github-inverse.svg" />
+                        GitHub
+                    </a>
+                    <a href="https://join.slack.com/t/vendure-ecommerce/shared_invite/enQtNzA1NTcyMDY3NTg0LTMzZGQzNDczOWJiMTU2YjAyNWJlMzdmZGE3ZDY5Y2RjMGYxZWNlYTI4NmU4Y2Q1MDNlYzE4MzQ5ODcyYTdmMGU">
+                        <img class="menu-icon" alt="icon" src="/logo/slack-logo-icon-127x127.png" />
+                        Community
+                    </a>
+                </div>
+            </div>
             <a href="/blog">Blog</a>
-            <a href="https://github.com/vendure-ecommerce/vendure">GitHub</a>
         </div>
     </div>
 </div>

docs/static/svg/clr-icon-book.svg

@@ -0,0 +1 @@
+<svg version="1.1" class="has-solid " viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false" role="img" width="32" height="32" fill="currentColor"><rect class="clr-i-outline clr-i-outline-path-1" x="10" y="5.2" width="18" height="1.55"/><rect class="clr-i-solid clr-i-solid-path-1" x="10" y="5.2" width="18" height="1.55" style="display:none"/><path class="clr-i-outline clr-i-outline-path-2" d="M29,8H9.86A1.89,1.89,0,0,1,8,6,2,2,0,0,1,9.86,4H29a1,1,0,0,0,0-2H9.86A4,4,0,0,0,6,6a4.14,4.14,0,0,0,0,.49,1,1,0,0,0,0,.24V30a4,4,0,0,0,3.86,4H29a1,1,0,0,0,1-1V9.25s0-.06,0-.09,0-.06,0-.09A1.07,1.07,0,0,0,29,8ZM28,32H9.86A2,2,0,0,1,8,30V9.55A3.63,3.63,0,0,0,9.86,10H28Z"/><path class="clr-i-solid clr-i-solid-path-2" d="M29,8H9.86A1.89,1.89,0,0,1,8,6,2,2,0,0,1,9.86,4H29a1,1,0,1,0,0-2H9.86A4,4,0,0,0,6,6a4.14,4.14,0,0,0,0,.49,1,1,0,0,0,0,.24V30a4,4,0,0,0,3.86,4H29a1,1,0,0,0,1-1V9.25s0-.06,0-.09,0-.06,0-.09A1.07,1.07,0,0,0,29,8Z" style="display:none"/></svg>

docs/static/svg/clr-icon-map.svg

@@ -0,0 +1 @@
+<svg version="1.1" class="has-solid " viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false" role="img" width="32" height="32" fill="currentColor"><path class="clr-i-outline clr-i-outline-path-1" d="M33.59,6.19A1,1,0,0,0,32.7,6L23.09,9,13.46,4.11a1,1,0,0,0-.84,0L2.62,8.2A1,1,0,0,0,2,9.13V29.61a1,1,0,0,0,1.38.92L13,26.58l9.59,4.92a1,1,0,0,0,.46.11,1,1,0,0,0,.3,0l10-3.12a1,1,0,0,0,.7-1V7A1,1,0,0,0,33.59,6.19ZM32,26.75l-8.32,2.6V27.06h-1.6v2l-8.4-4.31V23.06h-1.6v1.72L4,28.11V9.79l8.08-3.33V8.81h1.6V6.47l8.4,4.3v2.1h1.6V11L32,8.36Z"/><path class="clr-i-solid clr-i-solid-path-1" d="M33.31,7.35,25,9.94V14H23V10.29L14,5.68V9H12V5.27l-9.67,4A.53.53,0,0,0,2,9.75V30.45a.53.53,0,0,0,.74.49L12,27.12V23h2v4.53l9,4.61V28h2v3.79l8.63-2.7a.53.53,0,0,0,.37-.51V7.86A.53.53,0,0,0,33.31,7.35ZM14,21H12V17h2Zm0-6H12V11h2ZM25,26H23V22h2Zm0-6H23V16h2Z" style="display:none"/><rect class="clr-i-outline clr-i-outline-path-2" x="22.08" y="15.06" width="1.6" height="3.81"/><rect class="clr-i-outline clr-i-outline-path-3" x="22.08" y="21.06" width="1.6" height="3.81"/><rect class="clr-i-outline clr-i-outline-path-4" x="12.08" y="11.06" width="1.6" height="3.81"/><rect class="clr-i-outline clr-i-outline-path-5" x="12.08" y="17.13" width="1.6" height="3.75"/></svg>

docs/yarn.lock

@@ -970,7 +970,7 @@ date-now@^0.1.4:
   resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
   integrity sha1-6vQ5/U1ISK105cx9vvIAZyueNFs=
 
-debug@^2.1.2, debug@^2.2.0, debug@^2.3.3:
+debug@^2.2.0, debug@^2.3.3:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -987,11 +987,6 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
   integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
 
-deep-extend@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
-  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
-
 define-property@^0.2.5:
   version "0.2.5"
   resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
@@ -1037,11 +1032,6 @@ detect-file@^1.0.0:
   resolved "https://registry.yarnpkg.com/detect-file/-/detect-file-1.0.0.tgz#f0d66d03672a825cb1b73bdb3fe62310c8e552b7"
   integrity sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=
 
-detect-libc@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
-
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -1365,13 +1355,6 @@ from2@^2.1.0:
     inherits "^2.0.1"
     readable-stream "^2.0.0"
 
-fs-minipass@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.5.tgz#06c277218454ec288df77ada54a03b8702aacb9d"
-  integrity sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==
-  dependencies:
-    minipass "^2.2.1"
-
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -1659,13 +1642,6 @@ https-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
   integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
 
-iconv-lite@^0.4.4:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
 icss-utils@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.0.0.tgz#d52cf4bcdcfa1c45c2dbefb4ffdf6b00ef608098"
@@ -1690,13 +1666,6 @@ iferr@^0.1.5:
   resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
   integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
 
-ignore-walk@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.1.tgz#a83e62e7d272ac0e3b551aaa82831a19b69f82f8"
-  integrity sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==
-  dependencies:
-    minimatch "^3.0.4"
-
 import-local@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
@@ -1750,7 +1719,7 @@ inherits@2.0.1:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
   integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
 
-ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
+ini@^1.3.4, ini@^1.3.5:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
@@ -2294,29 +2263,6 @@ minimist@^1.2.5:
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
 
-minipass@^2.2.1:
-  version "2.3.5"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.3.5.tgz#cacebe492022497f656b0f0f51e2682a9ed2d848"
-  integrity sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==
-  dependencies:
-    safe-buffer "^5.1.2"
-    yallist "^3.0.0"
-
-minipass@^2.8.6, minipass@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
-  integrity sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==
-  dependencies:
-    safe-buffer "^5.1.2"
-    yallist "^3.0.0"
-
-minizlib@^1.2.1:
-  version "1.3.3"
-  resolved "https://registry.npmjs.org/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
-  integrity sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==
-  dependencies:
-    minipass "^2.9.0"
-
 mississippi@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
@@ -2394,15 +2340,6 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-needle@^2.2.1:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/needle/-/needle-2.2.4.tgz#51931bff82533b1928b7d1d69e01f1b00ffd2a4e"
-  integrity sha512-HyoqEb4wr/rsoaIDfTH2aVL9nWtQqba2/HvMv+++m8u0dz808MaagKILxtfeSN7QU7nvbQ79zk3vYOJp9zsNEA==
-  dependencies:
-    debug "^2.1.2"
-    iconv-lite "^0.4.4"
-    sax "^1.2.4"
-
 neo-async@^2.5.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.0.tgz#b9d15e4d71c6762908654b5183ed38b753340835"
@@ -2465,22 +2402,6 @@ node-libs-browser@^2.2.1:
     util "^0.11.0"
     vm-browserify "^1.0.1"
 
-node-pre-gyp@*:
-  version "0.14.0"
-  resolved "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz#9a0596533b877289bcad4e143982ca3d904ddc83"
-  integrity sha512-+CvDC7ZttU/sSt9rFjix/P05iS43qHCOOGzcr3Ry99bXG7VX953+vFyEuph/tfqoYu8dttBkE86JSKBO2OzcxA==
-  dependencies:
-    detect-libc "^1.0.2"
-    mkdirp "^0.5.1"
-    needle "^2.2.1"
-    nopt "^4.0.1"
-    npm-packlist "^1.1.6"
-    npmlog "^4.0.2"
-    rc "^1.2.7"
-    rimraf "^2.6.1"
-    semver "^5.3.0"
-    tar "^4.4.2"
-
 node-sass@^4.13.1:
   version "4.13.1"
   resolved "https://registry.npmjs.org/node-sass/-/node-sass-4.13.1.tgz#9db5689696bb2eec2c32b98bfea4c7a2e992d0a3"
@@ -2511,14 +2432,6 @@ node-sass@^4.13.1:
   dependencies:
     abbrev "1"
 
-nopt@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
-  integrity sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=
-  dependencies:
-    abbrev "1"
-    osenv "^0.1.4"
-
 normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.4.0.tgz#12f95a307d58352075a04907b84ac8be98ac012f"
@@ -2551,19 +2464,6 @@ normalize-url@1.9.1:
     query-string "^4.1.0"
     sort-keys "^1.0.0"
 
-npm-bundled@^1.0.1:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.5.tgz#3c1732b7ba936b3a10325aef616467c0ccbcc979"
-  integrity sha512-m/e6jgWu8/v5niCUKQi9qQl8QdeEduFA96xHDDzFGqly0OOjI7c+60KM/2sppfnUU9JJagf+zs+yGhqSOFj71g==
-
-npm-packlist@^1.1.6:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.2.0.tgz#55a60e793e272f00862c7089274439a4cc31fc7f"
-  integrity sha512-7Mni4Z8Xkx0/oegoqlcao/JpPCPEMtUvsmB0q7mgvlMinykJLSRTYuFqoQLYgGY8biuxIeiHO+QNJKbCfljewQ==
-  dependencies:
-    ignore-walk "^3.0.1"
-    npm-bundled "^1.0.1"
-
 npm-run-path@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
@@ -2571,7 +2471,7 @@ npm-run-path@^2.0.0:
   dependencies:
     path-key "^2.0.0"
 
-"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0, npmlog@^4.0.2:
+"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
   integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
@@ -2657,7 +2557,7 @@ os-tmpdir@^1.0.0:
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
 
-osenv@0, osenv@^0.1.4:
+osenv@0:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
   integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==
@@ -3028,16 +2928,6 @@ randomfill@^1.0.3:
     randombytes "^2.0.5"
     safe-buffer "^5.1.0"
 
-rc@^1.2.7:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
-  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
-  dependencies:
-    deep-extend "^0.6.0"
-    ini "~1.3.0"
-    minimist "^1.2.0"
-    strip-json-comments "~2.0.1"
-
 read-pkg-up@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
@@ -3186,7 +3076,7 @@ ret@~0.1.10:
   resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
   integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
 
-rimraf@2, rimraf@^2.5.4, rimraf@^2.6.1:
+rimraf@2, rimraf@^2.5.4:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
   integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
@@ -3227,7 +3117,7 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
-"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
@@ -3253,11 +3143,6 @@ sass-loader@^8.0.2:
     schema-utils "^2.6.1"
     semver "^6.3.0"
 
-sax@^1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
 schema-utils@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
@@ -3283,7 +3168,7 @@ scss-tokenizer@^0.2.3:
     js-base64 "^2.1.8"
     source-map "^0.4.2"
 
-"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.5.0:
+"semver@2 || 3 || 4 || 5", semver@^5.5.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
   integrity sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==
@@ -3640,11 +3525,6 @@ strip-indent@^1.0.1:
   dependencies:
     get-stdin "^4.0.1"
 
-strip-json-comments@~2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
-  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
-
 supports-color@6.1.0, supports-color@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
@@ -3683,19 +3563,6 @@ tar@^2.0.0:
     fstream "^1.0.2"
     inherits "2"
 
-tar@^4.4.2:
-  version "4.4.13"
-  resolved "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz#43b364bc52888d555298637b10d60790254ab525"
-  integrity sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==
-  dependencies:
-    chownr "^1.1.1"
-    fs-minipass "^1.2.5"
-    minipass "^2.8.6"
-    minizlib "^1.2.1"
-    mkdirp "^0.5.0"
-    safe-buffer "^5.1.2"
-    yallist "^3.0.3"
-
 terser-webpack-plugin@^1.4.3:
   version "1.4.3"
   resolved "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz#5ecaf2dbdc5fb99745fd06791f46fc9ddb1c9a7c"
@@ -4092,16 +3959,11 @@ yallist@^2.1.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
   integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
 
-yallist@^3.0.0, yallist@^3.0.2:
+yallist@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.3.tgz#b4b049e314be545e3ce802236d6cd22cd91c3de9"
   integrity sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==
 
-yallist@^3.0.3:
-  version "3.1.1"
-  resolved "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
-  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
-
 yargs-parser@^13.1.0:
   version "13.1.2"
   resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"

packages/dev-server/dev-config.ts

@@ -72,6 +72,10 @@ export const devConfig: VendureConfig = {
         }),
         AdminUiPlugin.init({
             port: 5001,
+            adminUiConfig: {
+                apiHost: 'https://my-host.com',
+                apiPort: 443,
+            },
         }),
     ],
 };