@stoplight/elements-dev-portal 2.1.1 → 2.1.3

package/index.js

@@ -59,8 +59,8 @@ const BranchSelector = ({ branchSlug, branches, onChange }) => {
 };
 
 const PlatformContext = React__namespace.createContext({ platformUrl: 'https://stoplight.io' });
-const PlatformProvider = ({ platformUrl = 'https://stoplight.io', platformAuthToken, children, }) => {
-    return React__namespace.createElement(PlatformContext.Provider, { value: { platformUrl, platformAuthToken } }, children);
+const PlatformProvider = ({ platformUrl = 'https://stoplight.io', platformAuthToken, isLoggedIn, children, }) => {
+    return (React__namespace.createElement(PlatformContext.Provider, { value: { platformUrl, platformAuthToken, isLoggedIn } }, children));
 };
 const DevPortalProvider = elementsCore.withPersistenceBoundary(elementsCore.withQueryClientProvider(elementsCore.withMosaicProvider(PlatformProvider)));
 
@@ -286,29 +286,11 @@ const NotFound = () => (React__default["default"].createElement(mosaic.Flex, { a
         React__default["default"].createElement(mosaic.Heading, { size: 1 }, "Not Found"),
         React__default["default"].createElement(mosaic.Box, { as: "p" }, "Could not find what you are looking for"))));
 
-const SearchOverlay = ({ isFetching, search, setSearch, data, toc, nodeSlug, projectSlug, branchSlug, isSearchShowing, onClose, onClick, }) => {
-    return (React__namespace.createElement(mosaic.Modal, { isOpen: isSearchShowing, onClose: onClose },
-        React__namespace.createElement(mosaic.Box, { className: "sl-overlay", bg: "canvas", overflowY: "scroll", "data-test": "search-overlay" },
-            React__namespace.createElement(mosaic.Flex, { alignItems: "center", h: "3xl", px: 7, bg: "canvas", borderB: true, pos: "sticky", zIndex: 20 },
-                React__namespace.createElement(mosaic.Flex, { w: "full" },
-                    React__namespace.createElement(mosaic.Box, { pt: 1, pr: 2 },
-                        React__namespace.createElement(mosaic.Button, { appearance: "minimal", onClick: () => {
-                                onClose();
-                            }, "data-test": "search-overlay-back-button" },
-                            React__namespace.createElement(mosaic.Icon, { icon: ['fas', 'arrow-left'], color: "gray", size: "lg" }))),
-                    React__namespace.createElement(mosaic.Input, { border: true, "data-test": "docs-search-input", display: "inline-block", appearance: "minimal", icon: React__namespace.createElement(mosaic.Box, { as: mosaic.Icon, ml: 1, icon: isFetching ? faSpinner : faSearch, spin: isFetching }), autoFocus: true, placeholder: projectSlug ? 'Search within the project' : 'Search...', value: search, onChange: e => {
-                            setSearch(e.currentTarget.value);
-                        }, type: "search", w: "full", size: "lg" }))),
-            React__namespace.createElement(mosaic.Box, { px: 5, py: toc && !search ? 0 : 5, "data-test": "responsive-project-toc" },
-                toc && !search && projectSlug && (React__namespace.createElement(TableOfContents, { tableOfContents: Object.assign(Object.assign({}, toc), { hide_powered_by: true }), activeId: nodeSlug || '', Link: reactRouterDom.Link, onLinkClick: onClick })),
-                search && (React__namespace.createElement(SearchResults, { searchResults: data, onClick: item => onClick(item), isEmbedded: true, showDivider: false }))))));
-};
-
 const UpgradeToStarter = () => (React__default["default"].createElement(mosaic.Flex, { as: "a", href: "https://stoplight.io/pricing/", target: "_blank", rel: "noreferrer noopener", justify: "center", alignItems: "center", w: "full", minH: "screen", color: "muted", flexDirection: "col" },
     React__default["default"].createElement(mosaic.Icon, { icon: ['fas', 'exclamation-triangle'], size: "4x" }),
     React__default["default"].createElement(mosaic.Box, { pt: 3 }, "Please upgrade your Stoplight Workspace to the Starter Plan to use Elements Dev Portal in production.")));
 
-const appVersion = '2.1.1';
+const appVersion = '2.1.3';
 
 class ResponseError extends Error {
     constructor(message, responseCode) {
@@ -353,17 +335,160 @@ const getBranches = ({ projectId, platformUrl = 'https://stoplight.io', platform
 });
 
 function useGetBranches({ projectId }) {
-    const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
-    return reactQuery.useQuery([...devPortalCacheKeys.branchesList(projectId), platformUrl, platformAuthToken], () => getBranches({ projectId, platformUrl, platformAuthToken }), {
+    const { platformUrl, platformAuthToken, isLoggedIn } = React__namespace.useContext(PlatformContext);
+    return reactQuery.useQuery([...devPortalCacheKeys.branchesList(projectId), platformUrl, isLoggedIn], () => getBranches({ projectId, platformUrl, platformAuthToken }), {
         enabled: projectId ? true : false,
     });
 }
 
 function useGetNodeContent({ nodeSlug, projectId, branchSlug, }) {
-    const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
-    return reactQuery.useQuery([...devPortalCacheKeys.branchNodeDetails(projectId, branchSlug !== null && branchSlug !== void 0 ? branchSlug : '', nodeSlug), platformUrl, platformAuthToken], () => getNodeContent({ nodeSlug, projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: nodeSlug && projectId ? true : false });
+    const { platformUrl, platformAuthToken, isLoggedIn } = React__namespace.useContext(PlatformContext);
+    return reactQuery.useQuery([...devPortalCacheKeys.branchNodeDetails(projectId, branchSlug !== null && branchSlug !== void 0 ? branchSlug : '', nodeSlug), platformUrl, isLoggedIn], () => getNodeContent({ nodeSlug, projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: nodeSlug && projectId ? true : false });
+}
+
+const getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
+    const encodedProjectId = encodeURIComponent(projectId);
+    const encodedBranchSlug = branchSlug ? encodeURIComponent(branchSlug) : '';
+    const branchQuery = encodedBranchSlug ? `?branch=${encodedBranchSlug}` : '';
+    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}/table-of-contents${branchQuery}`, {
+        headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
+    });
+    const data = yield response.json();
+    if (!response.ok) {
+        throw new Error(data);
+    }
+    return data;
+});
+
+function useGetTableOfContents({ projectId, branchSlug }) {
+    const { platformUrl, platformAuthToken, isLoggedIn } = React__namespace.useContext(PlatformContext);
+    return reactQuery.useQuery([...devPortalCacheKeys.branchTOC(projectId, branchSlug !== null && branchSlug !== void 0 ? branchSlug : ''), platformUrl, isLoggedIn], () => getTableOfContents({ projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: projectId ? true : false });
 }
 
+const StoplightProjectImpl = ({ projectId, hideTryIt, hideMocking, hideExport, collapseTableOfContents = false, tryItCredentialsPolicy, tryItCorsProxy, }) => {
+    const { branchSlug: encodedBranchSlug = '', nodeSlug = '' } = reactRouterDom.useParams();
+    const branchSlug = decodeURIComponent(encodedBranchSlug);
+    const history = reactRouterDom.useHistory();
+    const { data: tableOfContents, isFetched: isTocFetched } = useGetTableOfContents({ projectId, branchSlug });
+    const { data: branches } = useGetBranches({ projectId });
+    const { data: node, isLoading: isLoadingNode, isError, error: nodeError, } = useGetNodeContent({
+        nodeSlug,
+        projectId,
+        branchSlug,
+    });
+    const container = React__namespace.useRef(null);
+    if (!nodeSlug && isTocFetched && (tableOfContents === null || tableOfContents === void 0 ? void 0 : tableOfContents.items)) {
+        const firstNode = elementsCore.findFirstNode(tableOfContents.items);
+        if (firstNode) {
+            return React__namespace.createElement(reactRouterDom.Redirect, { to: branchSlug ? `/branches/${branchSlug}/${firstNode.slug}` : `/${firstNode.slug}` });
+        }
+    }
+    let elem;
+    if (isLoadingNode || !isTocFetched) {
+        elem = React__namespace.createElement(Loading, null);
+    }
+    else if (isError) {
+        if (nodeError instanceof ResponseError) {
+            if (nodeError.code === 402) {
+                elem = React__namespace.createElement(UpgradeToStarter, null);
+            }
+            else if (nodeError.code === 403) {
+                elem = React__namespace.createElement(Forbidden, null);
+            }
+            else {
+                elem = React__namespace.createElement(NotFound, null);
+            }
+        }
+        else {
+            elem = React__namespace.createElement(NotFound, null);
+        }
+    }
+    else if (!node) {
+        elem = React__namespace.createElement(NotFound, null);
+    }
+    else if ((node === null || node === void 0 ? void 0 : node.slug) && nodeSlug !== node.slug) {
+        return React__namespace.createElement(reactRouterDom.Redirect, { to: branchSlug ? `/branches/${branchSlug}/${node.slug}` : `/${node.slug}` });
+    }
+    else {
+        elem = (React__namespace.createElement(NodeContent, { node: node, Link: elementsCore.ReactRouterMarkdownLink, hideTryIt: hideTryIt, hideMocking: hideMocking, hideExport: hideExport, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy }));
+    }
+    const handleTocClick = () => {
+        if (container.current) {
+            container.current.scrollIntoView();
+        }
+    };
+    return (React__namespace.createElement(elementsCore.SidebarLayout, { ref: container, sidebar: React__namespace.createElement(React__namespace.Fragment, null,
+            branches && branches.items.length > 1 ? (React__namespace.createElement(BranchSelector, { branchSlug: branchSlug, branches: branches.items, onChange: branch => {
+                    const encodedBranchSlug = encodeURIComponent(branch.slug);
+                    history.push(branch.is_default ? `/${nodeSlug}` : `/branches/${encodedBranchSlug}/${nodeSlug}`);
+                } })) : null,
+            tableOfContents ? (React__namespace.createElement(TableOfContents, { activeId: (node === null || node === void 0 ? void 0 : node.id) || (nodeSlug === null || nodeSlug === void 0 ? void 0 : nodeSlug.split('-')[0]) || '', tableOfContents: tableOfContents, Link: reactRouterDom.Link, collapseTableOfContents: collapseTableOfContents, onLinkClick: handleTocClick })) : null) }, elem));
+};
+const StoplightProjectRouter = (_a) => {
+    var { platformUrl, basePath = '/', staticRouterPath = '', router = 'history' } = _a, props = __rest(_a, ["platformUrl", "basePath", "staticRouterPath", "router"]);
+    const { Router, routerProps } = elementsCore.useRouter(router, basePath, staticRouterPath);
+    return (React__namespace.createElement(DevPortalProvider, { platformUrl: platformUrl },
+        React__namespace.createElement(elementsCore.RouterTypeContext.Provider, { value: router },
+            React__namespace.createElement(Router, Object.assign({}, routerProps, { key: basePath }),
+                React__namespace.createElement(reactRouterDom.Switch, null,
+                    React__namespace.createElement(reactRouterDom.Route, { path: "/branches/:branchSlug/:nodeSlug+", exact: true },
+                        React__namespace.createElement(StoplightProjectImpl, Object.assign({}, props))),
+                    React__namespace.createElement(reactRouterDom.Route, { path: "/:nodeSlug+", exact: true },
+                        React__namespace.createElement(StoplightProjectImpl, Object.assign({}, props))),
+                    React__namespace.createElement(reactRouterDom.Route, { path: "/", exact: true },
+                        React__namespace.createElement(StoplightProjectImpl, Object.assign({}, props))))))));
+};
+const StoplightProject = elementsCore.withStyles(StoplightProjectRouter);
+
+const getNodes = ({ workspaceId, branchSlug, projectIds, search, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
+    const queryParams = [];
+    let fetchedWorkspaceId = workspaceId || '';
+    if (!workspaceId && (projectIds === null || projectIds === void 0 ? void 0 : projectIds.length)) {
+        const encodedProjectId = encodeURIComponent(projectIds[0]);
+        const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}`, {
+            headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
+        });
+        const data = yield response.json();
+        fetchedWorkspaceId = data.workspace.id;
+    }
+    if (projectIds && projectIds.length) {
+        queryParams.push(...projectIds.map((projectId, index) => {
+            const encodedProjectId = encodeURIComponent(projectId);
+            return `project_ids[${index}]=${encodedProjectId}`;
+        }));
+    }
+    if (search) {
+        const encodedSearch = encodeURIComponent(search);
+        queryParams.push(`search=${encodedSearch}`);
+    }
+    if (branchSlug) {
+        const encodedBranchSlug = encodeURIComponent(branchSlug);
+        queryParams.push(`branch=${encodedBranchSlug}`);
+    }
+    const query = queryParams.length ? `?${queryParams.join('&')}` : '';
+    const encodedWorkspaceId = encodeURIComponent(fetchedWorkspaceId);
+    const response = yield fetch(`${platformUrl}/api/v1/workspaces/${encodedWorkspaceId}/nodes${query}`, {
+        headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
+    });
+    const data = yield response.json();
+    if (!response.ok) {
+        throw new Error(data);
+    }
+    return data;
+});
+
+const getWorkspace = ({ projectIds, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
+    const encodedProjectId = encodeURIComponent(projectIds[0]);
+    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}`, {
+        headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
+    });
+    const data = yield response.json();
+    if (!response.ok) {
+        throw new Error(data);
+    }
+    return data;
+});
+
 /**
  * Creates a debounced function that delays invoking `func` until after `wait`
  * milliseconds have elapsed since the last time the debounced function was
@@ -591,175 +716,16 @@ function useDebounce(value, delay, options) {
     return [state, { cancel: debounced.cancel, isPending: debounced.isPending, flush: debounced.flush }];
 }
 
-const getNodes = ({ workspaceId, branchSlug, projectIds, search, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const queryParams = [];
-    let fetchedWorkspaceId = workspaceId || '';
-    if (!workspaceId && (projectIds === null || projectIds === void 0 ? void 0 : projectIds.length)) {
-        const encodedProjectId = encodeURIComponent(projectIds[0]);
-        const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}`, {
-            headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
-        });
-        const data = yield response.json();
-        fetchedWorkspaceId = data.workspace.id;
-    }
-    if (projectIds && projectIds.length) {
-        queryParams.push(...projectIds.map((projectId, index) => {
-            const encodedProjectId = encodeURIComponent(projectId);
-            return `project_ids[${index}]=${encodedProjectId}`;
-        }));
-    }
-    if (search) {
-        const encodedSearch = encodeURIComponent(search);
-        queryParams.push(`search=${encodedSearch}`);
-    }
-    if (branchSlug) {
-        const encodedBranchSlug = encodeURIComponent(branchSlug);
-        queryParams.push(`branch=${encodedBranchSlug}`);
-    }
-    const query = queryParams.length ? `?${queryParams.join('&')}` : '';
-    const encodedWorkspaceId = encodeURIComponent(fetchedWorkspaceId);
-    const response = yield fetch(`${platformUrl}/api/v1/workspaces/${encodedWorkspaceId}/nodes${query}`, {
-        headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
-    });
-    const data = yield response.json();
-    if (!response.ok) {
-        throw new Error(data);
-    }
-    return data;
-});
-
 function useGetNodes({ search, workspaceId, projectIds, branch, pause, }) {
-    const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
+    const { platformUrl, platformAuthToken, isLoggedIn } = React__namespace.useContext(PlatformContext);
     const [debounceSearch] = useDebounce(search, 500);
     return reactQuery.useQuery([
         ...devPortalCacheKeys.searchNodes({ projectIds, branchSlug: branch, workspaceId, search: debounceSearch }),
         platformUrl,
-        platformAuthToken,
+        isLoggedIn,
     ], () => getNodes({ workspaceId, projectIds, branchSlug: branch, search: debounceSearch, platformUrl, platformAuthToken }), { enabled: !pause, keepPreviousData: true });
 }
 
-const getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const encodedProjectId = encodeURIComponent(projectId);
-    const encodedBranchSlug = branchSlug ? encodeURIComponent(branchSlug) : '';
-    const branchQuery = encodedBranchSlug ? `?branch=${encodedBranchSlug}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}/table-of-contents${branchQuery}`, {
-        headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
-    });
-    const data = yield response.json();
-    if (!response.ok) {
-        throw new Error(data);
-    }
-    return data;
-});
-
-function useGetTableOfContents({ projectId, branchSlug }) {
-    const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
-    return reactQuery.useQuery([...devPortalCacheKeys.branchTOC(projectId, branchSlug !== null && branchSlug !== void 0 ? branchSlug : ''), platformUrl, platformAuthToken], () => getTableOfContents({ projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: projectId ? true : false });
-}
-
-const StoplightProjectImpl = ({ projectId, hideTryIt, hideMocking, hideExport, collapseTableOfContents = false, tryItCredentialsPolicy, tryItCorsProxy, }) => {
-    const { branchSlug: encodedBranchSlug = '', nodeSlug = '' } = reactRouterDom.useParams();
-    const branchSlug = decodeURIComponent(encodedBranchSlug);
-    const history = reactRouterDom.useHistory();
-    const { data: tableOfContents, isFetched: isTocFetched } = useGetTableOfContents({ projectId, branchSlug });
-    const { data: branches } = useGetBranches({ projectId });
-    const { data: node, isLoading: isLoadingNode, isError, error: nodeError, } = useGetNodeContent({
-        nodeSlug,
-        projectId,
-        branchSlug,
-    });
-    const { isOpen, open, close } = mosaic.useModalState();
-    const [search, setSearch] = React__namespace.useState('');
-    const onSearchResultClick = (item) => {
-        close();
-    };
-    const { isResponsiveLayoutEnabled } = elementsCore.useResponsiveLayout();
-    const { data, isFetching } = useGetNodes({
-        search,
-        projectIds: [projectId],
-        pause: !isResponsiveLayoutEnabled,
-    });
-    const container = React__namespace.useRef(null);
-    if (!nodeSlug && isTocFetched && (tableOfContents === null || tableOfContents === void 0 ? void 0 : tableOfContents.items)) {
-        const firstNode = elementsCore.findFirstNode(tableOfContents.items);
-        if (firstNode) {
-            return React__namespace.createElement(reactRouterDom.Redirect, { to: branchSlug ? `/branches/${branchSlug}/${firstNode.slug}` : `/${firstNode.slug}` });
-        }
-    }
-    let elem;
-    if (isLoadingNode || !isTocFetched) {
-        elem = React__namespace.createElement(Loading, null);
-    }
-    else if (isError) {
-        if (nodeError instanceof ResponseError) {
-            if (nodeError.code === 402) {
-                elem = React__namespace.createElement(UpgradeToStarter, null);
-            }
-            else if (nodeError.code === 403) {
-                elem = React__namespace.createElement(Forbidden, null);
-            }
-            else {
-                elem = React__namespace.createElement(NotFound, null);
-            }
-        }
-        else {
-            elem = React__namespace.createElement(NotFound, null);
-        }
-    }
-    else if (!node) {
-        elem = React__namespace.createElement(NotFound, null);
-    }
-    else if ((node === null || node === void 0 ? void 0 : node.slug) && nodeSlug !== node.slug) {
-        return React__namespace.createElement(reactRouterDom.Redirect, { to: branchSlug ? `/branches/${branchSlug}/${node.slug}` : `/${node.slug}` });
-    }
-    else {
-        elem = (React__namespace.createElement(React__namespace.Fragment, null,
-            React__namespace.createElement(mosaic.Button, { "data-test": "show-project-search-overlay", onPress: open, appearance: "default", w: "full", rounded: "lg", borderColor: "light" },
-                React__namespace.createElement(mosaic.Icon, { icon: faSearch }),
-                React__namespace.createElement(mosaic.Box, { pl: 2 }, node.title)),
-            React__namespace.createElement(SearchOverlay, { toc: tableOfContents, projectSlug: nodeSlug, branchSlug: branchSlug, nodeSlug: nodeSlug, isFetching: isFetching || !isTocFetched, search: search, setSearch: setSearch, data: data, isSearchShowing: isOpen, onClose: close, onClick: onSearchResultClick }),
-            React__namespace.createElement(NodeContent, { node: node, Link: elementsCore.ReactRouterMarkdownLink, hideTryIt: hideTryIt, hideMocking: hideMocking, hideExport: hideExport, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy })));
-    }
-    const handleTocClick = () => {
-        if (container.current) {
-            container.current.scrollIntoView();
-        }
-    };
-    return (React__namespace.createElement(elementsCore.SidebarLayout, { ref: container, sidebar: React__namespace.createElement(React__namespace.Fragment, null,
-            branches && branches.items.length > 1 ? (React__namespace.createElement(BranchSelector, { branchSlug: branchSlug, branches: branches.items, onChange: branch => {
-                    const encodedBranchSlug = encodeURIComponent(branch.slug);
-                    history.push(branch.is_default ? `/${nodeSlug}` : `/branches/${encodedBranchSlug}/${nodeSlug}`);
-                } })) : null,
-            tableOfContents ? (React__namespace.createElement(TableOfContents, { activeId: (node === null || node === void 0 ? void 0 : node.id) || (nodeSlug === null || nodeSlug === void 0 ? void 0 : nodeSlug.split('-')[0]) || '', tableOfContents: tableOfContents, Link: reactRouterDom.Link, collapseTableOfContents: collapseTableOfContents, onLinkClick: handleTocClick })) : null) }, elem));
-};
-const StoplightProjectRouter = (_a) => {
-    var { platformUrl, basePath = '/', staticRouterPath = '', router = 'history' } = _a, props = __rest(_a, ["platformUrl", "basePath", "staticRouterPath", "router"]);
-    const { Router, routerProps } = elementsCore.useRouter(router, basePath, staticRouterPath);
-    return (React__namespace.createElement(DevPortalProvider, { platformUrl: platformUrl },
-        React__namespace.createElement(elementsCore.RouterTypeContext.Provider, { value: router },
-            React__namespace.createElement(Router, Object.assign({}, routerProps, { key: basePath }),
-                React__namespace.createElement(reactRouterDom.Switch, null,
-                    React__namespace.createElement(reactRouterDom.Route, { path: "/branches/:branchSlug/:nodeSlug+", exact: true },
-                        React__namespace.createElement(StoplightProjectImpl, Object.assign({}, props))),
-                    React__namespace.createElement(reactRouterDom.Route, { path: "/:nodeSlug+", exact: true },
-                        React__namespace.createElement(StoplightProjectImpl, Object.assign({}, props))),
-                    React__namespace.createElement(reactRouterDom.Route, { path: "/", exact: true },
-                        React__namespace.createElement(StoplightProjectImpl, Object.assign({}, props))))))));
-};
-const StoplightProject = elementsCore.withStyles(StoplightProjectRouter);
-
-const getWorkspace = ({ projectIds, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const encodedProjectId = encodeURIComponent(projectIds[0]);
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}`, {
-        headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
-    });
-    const data = yield response.json();
-    if (!response.ok) {
-        throw new Error(data);
-    }
-    return data;
-});
-
 function useGetWorkspace({ projectIds }) {
     const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
     return reactQuery.useQuery([...devPortalCacheKeys.searchNodes({ projectIds }), platformUrl, platformAuthToken], () => getWorkspace({ projectIds, platformUrl, platformAuthToken }));