@stoplight/elements-dev-portal 1.6.4 → 1.6.8

package/components/NodeContent/NodeContent.d.ts

@@ -1,4 +1,4 @@
-import { CustomLinkComponent } from '@stoplight/elements-core';
+import { CustomLinkComponent, ReferenceResolver } from '@stoplight/elements-core';
 import { Node } from '../../types';
 export declare type NodeContentProps = {
     node: Node;
@@ -9,5 +9,6 @@ export declare type NodeContentProps = {
     hideExport?: boolean;
     tryItCredentialsPolicy?: 'omit' | 'include' | 'same-origin';
     tryItCorsProxy?: string;
+    refResolver?: ReferenceResolver;
 };
-export declare const NodeContent: ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideExport, tryItCredentialsPolicy, tryItCorsProxy, }: NodeContentProps) => JSX.Element;
+export declare const NodeContent: ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideExport, tryItCredentialsPolicy, tryItCorsProxy, refResolver, }: NodeContentProps) => JSX.Element;

package/index.esm.js

@@ -38,7 +38,7 @@ const PlatformProvider = ({ platformUrl = 'https://stoplight.io', platformAuthTo
 };
 const DevPortalProvider = withPersistenceBoundary(withQueryClientProvider(withMosaicProvider(PlatformProvider)));
 
-const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideExport, tryItCredentialsPolicy, tryItCorsProxy, }) => {
+const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideExport, tryItCredentialsPolicy, tryItCorsProxy, refResolver, }) => {
     return (React.createElement(NodeLinkContext.Provider, { value: [node, Link] },
         React.createElement(MarkdownComponentsProvider, { value: { a: LinkComponent } },
             React.createElement(MockingProvider, { mockUrl: node.links.mock_url, hideMocking: hideMocking },
@@ -46,7 +46,7 @@ const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideE
                         hideTryIt: hideTryIt,
                         hideTryItPanel: hideTryItPanel,
                         hideExport: hideExport || node.links.export_url === undefined,
-                    }, useNodeForRefResolving: true, tryItCorsProxy: tryItCorsProxy, exportProps: [NodeType.HttpService, NodeType.Model].includes(node.type)
+                    }, useNodeForRefResolving: true, refResolver: refResolver, tryItCorsProxy: tryItCorsProxy, exportProps: [NodeType.HttpService, NodeType.Model].includes(node.type)
                         ? {
                             original: {
                                 href: node.links.export_url,
@@ -72,7 +72,7 @@ const LinkComponent = ({ children, href }) => {
         const decodedResolvedUriWithoutAnchor = decodeURIComponent(resolvedUriWithoutAnchor);
         const edge = node.outbound_edges.find(edge => edge.uri === decodedUrl || edge.uri === decodedResolvedUriWithoutAnchor);
         if (edge) {
-            return React.createElement(Link, { to: `${edge.slug}${hash && `#${hash}`}` }, children);
+            return React.createElement(Link, { to: `${edge.slug}${hash ? `#${hash}` : ''}` }, children);
         }
     }
     return React.createElement("a", { href: href }, children);
@@ -179,7 +179,7 @@ const UpgradeToStarter = () => (React__default.createElement(Flex, { as: "a", hr
     React__default.createElement(Icon, { icon: faExclamationTriangle, size: "4x" }),
     React__default.createElement(Box, { pt: 3 }, "Please upgrade your Stoplight Workspace to the Starter Plan to use Elements Dev Portal in production.")));
 
-const appVersion = '1.6.4';
+const appVersion = '1.6.8';
 
 class ResponseError extends Error {
     constructor(message, responseCode) {
@@ -190,8 +190,11 @@ class ResponseError extends Error {
 }
 const getNodeContent = ({ nodeSlug, projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
     const nodeId = getNodeIdFromSlug(nodeSlug);
-    const branchQuery = branchSlug ? `?branch=${branchSlug}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/nodes/${nodeId}${branchQuery}`, {
+    const encodedNodeId = encodeURIComponent(nodeId);
+    const encodedProjectId = encodeURIComponent(projectId);
+    const encodedBranchSlug = branchSlug ? encodeURIComponent(branchSlug) : '';
+    const branchQuery = encodedBranchSlug ? `?branch=${encodedBranchSlug}` : '';
+    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}/nodes/${encodedNodeId}${branchQuery}`, {
         headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
     });
     const data = yield response.json();
@@ -213,7 +216,8 @@ function getNodeIdFromSlug(nodeSlug) {
 }
 
 const getBranches = ({ projectId, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/branches`, {
+    const encodedProjectId = encodeURIComponent(projectId);
+    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}/branches`, {
         headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
     });
     const data = yield response.json();
@@ -236,8 +240,10 @@ function useGetNodeContent({ nodeSlug, projectId, branchSlug, }) {
 }
 
 const getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const branchQuery = branchSlug ? `?branch=${branchSlug}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/table-of-contents${branchQuery}`, {
+    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();
@@ -322,23 +328,30 @@ const getNodes = ({ workspaceId, branchSlug, projectIds, search, platformUrl = '
     const queryParams = [];
     let fetchedWorkspaceId = workspaceId || '';
     if (!workspaceId && (projectIds === null || projectIds === void 0 ? void 0 : projectIds.length)) {
-        const response = yield fetch(`${platformUrl}/api/v1/projects/${projectIds[0]}`, {
+        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) => `project_ids[${index}]=${projectId}`));
+        queryParams.push(...projectIds.map((projectId, index) => {
+            const encodedProjectId = encodeURIComponent(projectId);
+            return `project_ids[${index}]=${encodedProjectId}`;
+        }));
     }
     if (search) {
-        queryParams.push(`search=${search}`);
+        const encodedSearch = encodeURIComponent(search);
+        queryParams.push(`search=${encodedSearch}`);
     }
     if (branchSlug) {
-        queryParams.push(`branchSlug=${branchSlug}`);
+        const encodedBranchSlug = encodeURIComponent(branchSlug);
+        queryParams.push(`branchSlug=${encodedBranchSlug}`);
     }
     const query = queryParams.length ? `?${queryParams.join('&')}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/workspaces/${fetchedWorkspaceId}/nodes${query}`, {
+    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();
@@ -349,7 +362,8 @@ const getNodes = ({ workspaceId, branchSlug, projectIds, search, platformUrl = '
 });
 
 const getWorkspace = ({ projectIds, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectIds[0]}`, {
+    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();

package/index.js

@@ -65,7 +65,7 @@ const PlatformProvider = ({ platformUrl = 'https://stoplight.io', platformAuthTo
 };
 const DevPortalProvider = elementsCore.withPersistenceBoundary(elementsCore.withQueryClientProvider(elementsCore.withMosaicProvider(PlatformProvider)));
 
-const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideExport, tryItCredentialsPolicy, tryItCorsProxy, }) => {
+const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideExport, tryItCredentialsPolicy, tryItCorsProxy, refResolver, }) => {
     return (React__namespace.createElement(NodeLinkContext.Provider, { value: [node, Link] },
         React__namespace.createElement(elementsCore.MarkdownComponentsProvider, { value: { a: LinkComponent } },
             React__namespace.createElement(elementsCore.MockingProvider, { mockUrl: node.links.mock_url, hideMocking: hideMocking },
@@ -73,7 +73,7 @@ const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideE
                         hideTryIt: hideTryIt,
                         hideTryItPanel: hideTryItPanel,
                         hideExport: hideExport || node.links.export_url === undefined,
-                    }, useNodeForRefResolving: true, tryItCorsProxy: tryItCorsProxy, exportProps: [types.NodeType.HttpService, types.NodeType.Model].includes(node.type)
+                    }, useNodeForRefResolving: true, refResolver: refResolver, tryItCorsProxy: tryItCorsProxy, exportProps: [types.NodeType.HttpService, types.NodeType.Model].includes(node.type)
                         ? {
                             original: {
                                 href: node.links.export_url,
@@ -99,7 +99,7 @@ const LinkComponent = ({ children, href }) => {
         const decodedResolvedUriWithoutAnchor = decodeURIComponent(resolvedUriWithoutAnchor);
         const edge = node.outbound_edges.find(edge => edge.uri === decodedUrl || edge.uri === decodedResolvedUriWithoutAnchor);
         if (edge) {
-            return React__namespace.createElement(Link, { to: `${edge.slug}${hash && `#${hash}`}` }, children);
+            return React__namespace.createElement(Link, { to: `${edge.slug}${hash ? `#${hash}` : ''}` }, children);
         }
     }
     return React__namespace.createElement("a", { href: href }, children);
@@ -206,7 +206,7 @@ const UpgradeToStarter = () => (React__default["default"].createElement(mosaic.F
     React__default["default"].createElement(mosaic.Icon, { icon: freeSolidSvgIcons.faExclamationTriangle, 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 = '1.6.4';
+const appVersion = '1.6.8';
 
 class ResponseError extends Error {
     constructor(message, responseCode) {
@@ -217,8 +217,11 @@ class ResponseError extends Error {
 }
 const getNodeContent = ({ nodeSlug, projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
     const nodeId = getNodeIdFromSlug(nodeSlug);
-    const branchQuery = branchSlug ? `?branch=${branchSlug}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/nodes/${nodeId}${branchQuery}`, {
+    const encodedNodeId = encodeURIComponent(nodeId);
+    const encodedProjectId = encodeURIComponent(projectId);
+    const encodedBranchSlug = branchSlug ? encodeURIComponent(branchSlug) : '';
+    const branchQuery = encodedBranchSlug ? `?branch=${encodedBranchSlug}` : '';
+    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}/nodes/${encodedNodeId}${branchQuery}`, {
         headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
     });
     const data = yield response.json();
@@ -240,7 +243,8 @@ function getNodeIdFromSlug(nodeSlug) {
 }
 
 const getBranches = ({ projectId, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/branches`, {
+    const encodedProjectId = encodeURIComponent(projectId);
+    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}/branches`, {
         headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
     });
     const data = yield response.json();
@@ -263,8 +267,10 @@ function useGetNodeContent({ nodeSlug, projectId, branchSlug, }) {
 }
 
 const getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const branchQuery = branchSlug ? `?branch=${branchSlug}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/table-of-contents${branchQuery}`, {
+    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();
@@ -349,23 +355,30 @@ const getNodes = ({ workspaceId, branchSlug, projectIds, search, platformUrl = '
     const queryParams = [];
     let fetchedWorkspaceId = workspaceId || '';
     if (!workspaceId && (projectIds === null || projectIds === void 0 ? void 0 : projectIds.length)) {
-        const response = yield fetch(`${platformUrl}/api/v1/projects/${projectIds[0]}`, {
+        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) => `project_ids[${index}]=${projectId}`));
+        queryParams.push(...projectIds.map((projectId, index) => {
+            const encodedProjectId = encodeURIComponent(projectId);
+            return `project_ids[${index}]=${encodedProjectId}`;
+        }));
     }
     if (search) {
-        queryParams.push(`search=${search}`);
+        const encodedSearch = encodeURIComponent(search);
+        queryParams.push(`search=${encodedSearch}`);
     }
     if (branchSlug) {
-        queryParams.push(`branchSlug=${branchSlug}`);
+        const encodedBranchSlug = encodeURIComponent(branchSlug);
+        queryParams.push(`branchSlug=${encodedBranchSlug}`);
     }
     const query = queryParams.length ? `?${queryParams.join('&')}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/workspaces/${fetchedWorkspaceId}/nodes${query}`, {
+    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();
@@ -376,7 +389,8 @@ const getNodes = ({ workspaceId, branchSlug, projectIds, search, platformUrl = '
 });
 
 const getWorkspace = ({ projectIds, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectIds[0]}`, {
+    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();

package/index.mjs

@@ -38,7 +38,7 @@ const PlatformProvider = ({ platformUrl = 'https://stoplight.io', platformAuthTo
 };
 const DevPortalProvider = withPersistenceBoundary(withQueryClientProvider(withMosaicProvider(PlatformProvider)));
 
-const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideExport, tryItCredentialsPolicy, tryItCorsProxy, }) => {
+const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideExport, tryItCredentialsPolicy, tryItCorsProxy, refResolver, }) => {
     return (React.createElement(NodeLinkContext.Provider, { value: [node, Link] },
         React.createElement(MarkdownComponentsProvider, { value: { a: LinkComponent } },
             React.createElement(MockingProvider, { mockUrl: node.links.mock_url, hideMocking: hideMocking },
@@ -46,7 +46,7 @@ const NodeContent = ({ node, Link, hideTryIt, hideTryItPanel, hideMocking, hideE
                         hideTryIt: hideTryIt,
                         hideTryItPanel: hideTryItPanel,
                         hideExport: hideExport || node.links.export_url === undefined,
-                    }, useNodeForRefResolving: true, tryItCorsProxy: tryItCorsProxy, exportProps: [NodeType.HttpService, NodeType.Model].includes(node.type)
+                    }, useNodeForRefResolving: true, refResolver: refResolver, tryItCorsProxy: tryItCorsProxy, exportProps: [NodeType.HttpService, NodeType.Model].includes(node.type)
                         ? {
                             original: {
                                 href: node.links.export_url,
@@ -72,7 +72,7 @@ const LinkComponent = ({ children, href }) => {
         const decodedResolvedUriWithoutAnchor = decodeURIComponent(resolvedUriWithoutAnchor);
         const edge = node.outbound_edges.find(edge => edge.uri === decodedUrl || edge.uri === decodedResolvedUriWithoutAnchor);
         if (edge) {
-            return React.createElement(Link, { to: `${edge.slug}${hash && `#${hash}`}` }, children);
+            return React.createElement(Link, { to: `${edge.slug}${hash ? `#${hash}` : ''}` }, children);
         }
     }
     return React.createElement("a", { href: href }, children);
@@ -179,7 +179,7 @@ const UpgradeToStarter = () => (React__default.createElement(Flex, { as: "a", hr
     React__default.createElement(Icon, { icon: faExclamationTriangle, size: "4x" }),
     React__default.createElement(Box, { pt: 3 }, "Please upgrade your Stoplight Workspace to the Starter Plan to use Elements Dev Portal in production.")));
 
-const appVersion = '1.6.4';
+const appVersion = '1.6.8';
 
 class ResponseError extends Error {
     constructor(message, responseCode) {
@@ -190,8 +190,11 @@ class ResponseError extends Error {
 }
 const getNodeContent = ({ nodeSlug, projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
     const nodeId = getNodeIdFromSlug(nodeSlug);
-    const branchQuery = branchSlug ? `?branch=${branchSlug}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/nodes/${nodeId}${branchQuery}`, {
+    const encodedNodeId = encodeURIComponent(nodeId);
+    const encodedProjectId = encodeURIComponent(projectId);
+    const encodedBranchSlug = branchSlug ? encodeURIComponent(branchSlug) : '';
+    const branchQuery = encodedBranchSlug ? `?branch=${encodedBranchSlug}` : '';
+    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}/nodes/${encodedNodeId}${branchQuery}`, {
         headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
     });
     const data = yield response.json();
@@ -213,7 +216,8 @@ function getNodeIdFromSlug(nodeSlug) {
 }
 
 const getBranches = ({ projectId, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/branches`, {
+    const encodedProjectId = encodeURIComponent(projectId);
+    const response = yield fetch(`${platformUrl}/api/v1/projects/${encodedProjectId}/branches`, {
         headers: Object.assign({ 'Stoplight-Elements-Version': appVersion }, (platformAuthToken && { Authorization: `Bearer ${platformAuthToken}` })),
     });
     const data = yield response.json();
@@ -236,8 +240,10 @@ function useGetNodeContent({ nodeSlug, projectId, branchSlug, }) {
 }
 
 const getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const branchQuery = branchSlug ? `?branch=${branchSlug}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectId}/table-of-contents${branchQuery}`, {
+    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();
@@ -322,23 +328,30 @@ const getNodes = ({ workspaceId, branchSlug, projectIds, search, platformUrl = '
     const queryParams = [];
     let fetchedWorkspaceId = workspaceId || '';
     if (!workspaceId && (projectIds === null || projectIds === void 0 ? void 0 : projectIds.length)) {
-        const response = yield fetch(`${platformUrl}/api/v1/projects/${projectIds[0]}`, {
+        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) => `project_ids[${index}]=${projectId}`));
+        queryParams.push(...projectIds.map((projectId, index) => {
+            const encodedProjectId = encodeURIComponent(projectId);
+            return `project_ids[${index}]=${encodedProjectId}`;
+        }));
     }
     if (search) {
-        queryParams.push(`search=${search}`);
+        const encodedSearch = encodeURIComponent(search);
+        queryParams.push(`search=${encodedSearch}`);
     }
     if (branchSlug) {
-        queryParams.push(`branchSlug=${branchSlug}`);
+        const encodedBranchSlug = encodeURIComponent(branchSlug);
+        queryParams.push(`branchSlug=${encodedBranchSlug}`);
     }
     const query = queryParams.length ? `?${queryParams.join('&')}` : '';
-    const response = yield fetch(`${platformUrl}/api/v1/workspaces/${fetchedWorkspaceId}/nodes${query}`, {
+    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();
@@ -349,7 +362,8 @@ const getNodes = ({ workspaceId, branchSlug, projectIds, search, platformUrl = '
 });
 
 const getWorkspace = ({ projectIds, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(`${platformUrl}/api/v1/projects/${projectIds[0]}`, {
+    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();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-dev-portal",
-  "version": "1.6.4",
+  "version": "1.6.8",
   "description": "UI components for composing beautiful developer documentation.",
   "keywords": [],
   "main": "./index.js",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@fortawesome/free-solid-svg-icons": "^5.10.2",
-    "@stoplight/elements-core": "~7.5.4",
+    "@stoplight/elements-core": "~7.5.8",
     "@stoplight/markdown-viewer": "^5.3.2",
     "@stoplight/mosaic": "^1.15.2",
     "@stoplight/path": "^1.3.2",

package/version.d.ts

@@ -1 +1 @@
-export declare const appVersion = "1.6.4";
+export declare const appVersion = "1.6.8";