@stoplight/elements-dev-portal 1.6.12 → 1.6.13

package/consts.d.ts

@@ -0,0 +1,26 @@
+export declare const devPortalCacheKeys: {
+    all: readonly ["@stoplight/elements-dev-portal/client-query"];
+    projects: () => readonly ["@stoplight/elements-dev-portal/client-query", "projects"];
+    project: (projectId: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string];
+    projectsList: () => readonly ["@stoplight/elements-dev-portal/client-query", "projects", "list"];
+    projectDetails: (projectId: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "details"];
+    branches: (projectId: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches"];
+    branch: (projectId: string, branch: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches", string];
+    branchesList: (projectId: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches", "list"];
+    branchDetails: (projectId: string, branch: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches", string, "details"];
+    branchTOC: (projectId: string, branch: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches", string, "toc"];
+    branchNodes: (projectId: string, branch: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches", string, "nodes"];
+    branchNode: (projectId: string, branch: string, node: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches", string, "nodes", string];
+    branchNodesList: (projectId: string, branch: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches", string, "nodes", "list"];
+    branchNodeDetails: (projectId: string, branch: string, node: string) => readonly ["@stoplight/elements-dev-portal/client-query", "projects", string, "branches", string, "nodes", string, "details"];
+    search: () => string[];
+    searchNodes: (filters: {
+        projectIds?: string[];
+        workspaceId?: string;
+        search?: string;
+    }) => (string | {
+        projectIds?: string[] | undefined;
+        workspaceId?: string | undefined;
+        search?: string | undefined;
+    })[];
+};

package/hooks/useGetNodes.d.ts

@@ -1,7 +1,6 @@
-export declare function useGetNodes({ search, workspaceId, branchSlug, projectIds, pause, }: {
+export declare function useGetNodes({ search, workspaceId, projectIds, pause, }: {
     search: string;
     workspaceId?: string;
-    branchSlug?: string;
     projectIds?: string[];
     pause?: boolean;
 }): import("react-query").UseQueryResult<import("..").NodeSearchResult[], unknown>;

package/index.d.ts

@@ -8,6 +8,7 @@ export type { SearchProps } from './components/Search';
 export { Search } from './components/Search';
 export type { TableOfContentsProps } from './components/TableOfContents';
 export { TableOfContents } from './components/TableOfContents';
+export { devPortalCacheKeys } from './consts';
 export type { StoplightProjectProps } from './containers/StoplightProject';
 export { StoplightProject } from './containers/StoplightProject';
 export { getBranches } from './handlers/getBranches';

package/index.esm.js

@@ -162,6 +162,29 @@ const TableOfContents = (_a) => {
         tableOfContents.hide_powered_by ? null : (React.createElement(PoweredByLink, { source: activeId, pathname: typeof window !== 'undefined' ? window.location.pathname : '', packageType: "elements-dev-portal" }))));
 };
 
+const ROOT_CACHE_KEY = '@stoplight/elements-dev-portal/client-query';
+const devPortalCacheKeys = {
+    all: [ROOT_CACHE_KEY],
+    projects: () => [ROOT_CACHE_KEY, 'projects'],
+    project: (projectId) => [...devPortalCacheKeys.projects(), projectId],
+    projectsList: () => [...devPortalCacheKeys.projects(), 'list'],
+    projectDetails: (projectId) => [...devPortalCacheKeys.project(projectId), 'details'],
+    branches: (projectId) => [...devPortalCacheKeys.project(projectId), 'branches'],
+    branch: (projectId, branch) => [...devPortalCacheKeys.branches(projectId), branch],
+    branchesList: (projectId) => [...devPortalCacheKeys.branches(projectId), 'list'],
+    branchDetails: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'details'],
+    branchTOC: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'toc'],
+    branchNodes: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'nodes'],
+    branchNode: (projectId, branch, node) => [...devPortalCacheKeys.branchNodes(projectId, branch), node],
+    branchNodesList: (projectId, branch) => [...devPortalCacheKeys.branchNodes(projectId, branch), 'list'],
+    branchNodeDetails: (projectId, branch, node) => [...devPortalCacheKeys.branchNode(projectId, branch, node), 'details'],
+    search: () => [...devPortalCacheKeys.all, 'search'],
+    searchNodes: (filters) => [
+        ...devPortalCacheKeys.search(),
+        filters,
+    ],
+};
+
 const Forbidden = () => (React__default.createElement(Flex, { align: "center", justify: "center", flexGrow: true },
     React__default.createElement(VStack, { spacing: 4, align: "center" },
         React__default.createElement(Heading, { size: 1 }, "Forbidden"),
@@ -179,7 +202,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.12';
+const appVersion = '1.6.13';
 
 class ResponseError extends Error {
     constructor(message, responseCode) {
@@ -229,14 +252,14 @@ const getBranches = ({ projectId, platformUrl = 'https://stoplight.io', platform
 
 function useGetBranches({ projectId }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
-    return useQuery(['branches', projectId, platformUrl, platformAuthToken], () => getBranches({ projectId, platformUrl, platformAuthToken }), {
+    return useQuery([...devPortalCacheKeys.branchesList(projectId), platformUrl, platformAuthToken], () => getBranches({ projectId, platformUrl, platformAuthToken }), {
         enabled: projectId ? true : false,
     });
 }
 
 function useGetNodeContent({ nodeSlug, projectId, branchSlug, }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
-    return useQuery(['useNodeContent', nodeSlug, projectId, branchSlug, platformUrl, platformAuthToken], () => getNodeContent({ nodeSlug, projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: nodeSlug && projectId ? true : false });
+    return 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 getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
@@ -255,7 +278,7 @@ const getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stop
 
 function useGetTableOfContents({ projectId, branchSlug }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
-    return useQuery(['tableOfContents', projectId, branchSlug, platformUrl, platformAuthToken], () => getTableOfContents({ projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: projectId ? true : false });
+    return 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, }) => {
@@ -600,15 +623,19 @@ function useDebounce(value, delay, options) {
     return [state, { cancel: debounced.cancel, isPending: debounced.isPending, flush: debounced.flush }];
 }
 
-function useGetNodes({ search, workspaceId, branchSlug, projectIds, pause, }) {
+function useGetNodes({ search, workspaceId, projectIds, pause, }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
     const [debounceSearch] = useDebounce(search, 500);
-    return useQuery(['workspaceNodes', platformUrl, platformAuthToken, workspaceId, branchSlug, projectIds, debounceSearch], () => getNodes({ workspaceId, branchSlug, projectIds, search: debounceSearch, platformUrl, platformAuthToken }), { enabled: !pause, keepPreviousData: true });
+    return useQuery([
+        ...devPortalCacheKeys.searchNodes({ projectIds, workspaceId, search: debounceSearch }),
+        platformUrl,
+        platformAuthToken,
+    ], () => getNodes({ workspaceId, projectIds, search: debounceSearch, platformUrl, platformAuthToken }), { enabled: !pause, keepPreviousData: true });
 }
 
 function useGetWorkspace({ projectIds }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
-    return useQuery(['useWorkspace', projectIds, platformUrl, platformAuthToken], () => getWorkspace({ projectIds, platformUrl, platformAuthToken }));
+    return useQuery([...devPortalCacheKeys.searchNodes({ projectIds }), platformUrl, platformAuthToken], () => getWorkspace({ projectIds, platformUrl, platformAuthToken }));
 }
 
-export { BranchSelector, DevPortalProvider, NodeContent, ResponseError, Search, StoplightProject, TableOfContents, getBranches, getNodeContent, getNodes, getTableOfContents, getWorkspace, useGetBranches, useGetNodeContent, useGetNodes, useGetTableOfContents, useGetWorkspace };
+export { BranchSelector, DevPortalProvider, NodeContent, ResponseError, Search, StoplightProject, TableOfContents, devPortalCacheKeys, getBranches, getNodeContent, getNodes, getTableOfContents, getWorkspace, useGetBranches, useGetNodeContent, useGetNodes, useGetTableOfContents, useGetWorkspace };

package/index.js

@@ -189,6 +189,29 @@ const TableOfContents = (_a) => {
         tableOfContents.hide_powered_by ? null : (React__namespace.createElement(elementsCore.PoweredByLink, { source: activeId, pathname: typeof window !== 'undefined' ? window.location.pathname : '', packageType: "elements-dev-portal" }))));
 };
 
+const ROOT_CACHE_KEY = '@stoplight/elements-dev-portal/client-query';
+const devPortalCacheKeys = {
+    all: [ROOT_CACHE_KEY],
+    projects: () => [ROOT_CACHE_KEY, 'projects'],
+    project: (projectId) => [...devPortalCacheKeys.projects(), projectId],
+    projectsList: () => [...devPortalCacheKeys.projects(), 'list'],
+    projectDetails: (projectId) => [...devPortalCacheKeys.project(projectId), 'details'],
+    branches: (projectId) => [...devPortalCacheKeys.project(projectId), 'branches'],
+    branch: (projectId, branch) => [...devPortalCacheKeys.branches(projectId), branch],
+    branchesList: (projectId) => [...devPortalCacheKeys.branches(projectId), 'list'],
+    branchDetails: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'details'],
+    branchTOC: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'toc'],
+    branchNodes: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'nodes'],
+    branchNode: (projectId, branch, node) => [...devPortalCacheKeys.branchNodes(projectId, branch), node],
+    branchNodesList: (projectId, branch) => [...devPortalCacheKeys.branchNodes(projectId, branch), 'list'],
+    branchNodeDetails: (projectId, branch, node) => [...devPortalCacheKeys.branchNode(projectId, branch, node), 'details'],
+    search: () => [...devPortalCacheKeys.all, 'search'],
+    searchNodes: (filters) => [
+        ...devPortalCacheKeys.search(),
+        filters,
+    ],
+};
+
 const Forbidden = () => (React__default["default"].createElement(mosaic.Flex, { align: "center", justify: "center", flexGrow: true },
     React__default["default"].createElement(mosaic.VStack, { spacing: 4, align: "center" },
         React__default["default"].createElement(mosaic.Heading, { size: 1 }, "Forbidden"),
@@ -206,7 +229,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.12';
+const appVersion = '1.6.13';
 
 class ResponseError extends Error {
     constructor(message, responseCode) {
@@ -256,14 +279,14 @@ const getBranches = ({ projectId, platformUrl = 'https://stoplight.io', platform
 
 function useGetBranches({ projectId }) {
     const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
-    return reactQuery.useQuery(['branches', projectId, platformUrl, platformAuthToken], () => getBranches({ projectId, platformUrl, platformAuthToken }), {
+    return reactQuery.useQuery([...devPortalCacheKeys.branchesList(projectId), platformUrl, platformAuthToken], () => getBranches({ projectId, platformUrl, platformAuthToken }), {
         enabled: projectId ? true : false,
     });
 }
 
 function useGetNodeContent({ nodeSlug, projectId, branchSlug, }) {
     const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
-    return reactQuery.useQuery(['useNodeContent', nodeSlug, projectId, branchSlug, platformUrl, platformAuthToken], () => getNodeContent({ nodeSlug, projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: nodeSlug && projectId ? true : false });
+    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 getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
@@ -282,7 +305,7 @@ const getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stop
 
 function useGetTableOfContents({ projectId, branchSlug }) {
     const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
-    return reactQuery.useQuery(['tableOfContents', projectId, branchSlug, platformUrl, platformAuthToken], () => getTableOfContents({ projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: projectId ? true : false });
+    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, }) => {
@@ -627,15 +650,19 @@ function useDebounce(value, delay, options) {
     return [state, { cancel: debounced.cancel, isPending: debounced.isPending, flush: debounced.flush }];
 }
 
-function useGetNodes({ search, workspaceId, branchSlug, projectIds, pause, }) {
+function useGetNodes({ search, workspaceId, projectIds, pause, }) {
     const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
     const [debounceSearch] = useDebounce(search, 500);
-    return reactQuery.useQuery(['workspaceNodes', platformUrl, platformAuthToken, workspaceId, branchSlug, projectIds, debounceSearch], () => getNodes({ workspaceId, branchSlug, projectIds, search: debounceSearch, platformUrl, platformAuthToken }), { enabled: !pause, keepPreviousData: true });
+    return reactQuery.useQuery([
+        ...devPortalCacheKeys.searchNodes({ projectIds, workspaceId, search: debounceSearch }),
+        platformUrl,
+        platformAuthToken,
+    ], () => getNodes({ workspaceId, projectIds, search: debounceSearch, platformUrl, platformAuthToken }), { enabled: !pause, keepPreviousData: true });
 }
 
 function useGetWorkspace({ projectIds }) {
     const { platformUrl, platformAuthToken } = React__namespace.useContext(PlatformContext);
-    return reactQuery.useQuery(['useWorkspace', projectIds, platformUrl, platformAuthToken], () => getWorkspace({ projectIds, platformUrl, platformAuthToken }));
+    return reactQuery.useQuery([...devPortalCacheKeys.searchNodes({ projectIds }), platformUrl, platformAuthToken], () => getWorkspace({ projectIds, platformUrl, platformAuthToken }));
 }
 
 exports.BranchSelector = BranchSelector;
@@ -645,6 +672,7 @@ exports.ResponseError = ResponseError;
 exports.Search = Search;
 exports.StoplightProject = StoplightProject;
 exports.TableOfContents = TableOfContents;
+exports.devPortalCacheKeys = devPortalCacheKeys;
 exports.getBranches = getBranches;
 exports.getNodeContent = getNodeContent;
 exports.getNodes = getNodes;

package/index.mjs

@@ -162,6 +162,29 @@ const TableOfContents = (_a) => {
         tableOfContents.hide_powered_by ? null : (React.createElement(PoweredByLink, { source: activeId, pathname: typeof window !== 'undefined' ? window.location.pathname : '', packageType: "elements-dev-portal" }))));
 };
 
+const ROOT_CACHE_KEY = '@stoplight/elements-dev-portal/client-query';
+const devPortalCacheKeys = {
+    all: [ROOT_CACHE_KEY],
+    projects: () => [ROOT_CACHE_KEY, 'projects'],
+    project: (projectId) => [...devPortalCacheKeys.projects(), projectId],
+    projectsList: () => [...devPortalCacheKeys.projects(), 'list'],
+    projectDetails: (projectId) => [...devPortalCacheKeys.project(projectId), 'details'],
+    branches: (projectId) => [...devPortalCacheKeys.project(projectId), 'branches'],
+    branch: (projectId, branch) => [...devPortalCacheKeys.branches(projectId), branch],
+    branchesList: (projectId) => [...devPortalCacheKeys.branches(projectId), 'list'],
+    branchDetails: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'details'],
+    branchTOC: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'toc'],
+    branchNodes: (projectId, branch) => [...devPortalCacheKeys.branch(projectId, branch), 'nodes'],
+    branchNode: (projectId, branch, node) => [...devPortalCacheKeys.branchNodes(projectId, branch), node],
+    branchNodesList: (projectId, branch) => [...devPortalCacheKeys.branchNodes(projectId, branch), 'list'],
+    branchNodeDetails: (projectId, branch, node) => [...devPortalCacheKeys.branchNode(projectId, branch, node), 'details'],
+    search: () => [...devPortalCacheKeys.all, 'search'],
+    searchNodes: (filters) => [
+        ...devPortalCacheKeys.search(),
+        filters,
+    ],
+};
+
 const Forbidden = () => (React__default.createElement(Flex, { align: "center", justify: "center", flexGrow: true },
     React__default.createElement(VStack, { spacing: 4, align: "center" },
         React__default.createElement(Heading, { size: 1 }, "Forbidden"),
@@ -179,7 +202,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.12';
+const appVersion = '1.6.13';
 
 class ResponseError extends Error {
     constructor(message, responseCode) {
@@ -229,14 +252,14 @@ const getBranches = ({ projectId, platformUrl = 'https://stoplight.io', platform
 
 function useGetBranches({ projectId }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
-    return useQuery(['branches', projectId, platformUrl, platformAuthToken], () => getBranches({ projectId, platformUrl, platformAuthToken }), {
+    return useQuery([...devPortalCacheKeys.branchesList(projectId), platformUrl, platformAuthToken], () => getBranches({ projectId, platformUrl, platformAuthToken }), {
         enabled: projectId ? true : false,
     });
 }
 
 function useGetNodeContent({ nodeSlug, projectId, branchSlug, }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
-    return useQuery(['useNodeContent', nodeSlug, projectId, branchSlug, platformUrl, platformAuthToken], () => getNodeContent({ nodeSlug, projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: nodeSlug && projectId ? true : false });
+    return 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 getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stoplight.io', platformAuthToken, }) => __awaiter(void 0, void 0, void 0, function* () {
@@ -255,7 +278,7 @@ const getTableOfContents = ({ projectId, branchSlug, platformUrl = 'https://stop
 
 function useGetTableOfContents({ projectId, branchSlug }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
-    return useQuery(['tableOfContents', projectId, branchSlug, platformUrl, platformAuthToken], () => getTableOfContents({ projectId, branchSlug, platformUrl, platformAuthToken }), { enabled: projectId ? true : false });
+    return 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, }) => {
@@ -600,15 +623,19 @@ function useDebounce(value, delay, options) {
     return [state, { cancel: debounced.cancel, isPending: debounced.isPending, flush: debounced.flush }];
 }
 
-function useGetNodes({ search, workspaceId, branchSlug, projectIds, pause, }) {
+function useGetNodes({ search, workspaceId, projectIds, pause, }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
     const [debounceSearch] = useDebounce(search, 500);
-    return useQuery(['workspaceNodes', platformUrl, platformAuthToken, workspaceId, branchSlug, projectIds, debounceSearch], () => getNodes({ workspaceId, branchSlug, projectIds, search: debounceSearch, platformUrl, platformAuthToken }), { enabled: !pause, keepPreviousData: true });
+    return useQuery([
+        ...devPortalCacheKeys.searchNodes({ projectIds, workspaceId, search: debounceSearch }),
+        platformUrl,
+        platformAuthToken,
+    ], () => getNodes({ workspaceId, projectIds, search: debounceSearch, platformUrl, platformAuthToken }), { enabled: !pause, keepPreviousData: true });
 }
 
 function useGetWorkspace({ projectIds }) {
     const { platformUrl, platformAuthToken } = React.useContext(PlatformContext);
-    return useQuery(['useWorkspace', projectIds, platformUrl, platformAuthToken], () => getWorkspace({ projectIds, platformUrl, platformAuthToken }));
+    return useQuery([...devPortalCacheKeys.searchNodes({ projectIds }), platformUrl, platformAuthToken], () => getWorkspace({ projectIds, platformUrl, platformAuthToken }));
 }
 
-export { BranchSelector, DevPortalProvider, NodeContent, ResponseError, Search, StoplightProject, TableOfContents, getBranches, getNodeContent, getNodes, getTableOfContents, getWorkspace, useGetBranches, useGetNodeContent, useGetNodes, useGetTableOfContents, useGetWorkspace };
+export { BranchSelector, DevPortalProvider, NodeContent, ResponseError, Search, StoplightProject, TableOfContents, devPortalCacheKeys, getBranches, getNodeContent, getNodes, getTableOfContents, getWorkspace, useGetBranches, useGetNodeContent, useGetNodes, useGetTableOfContents, useGetWorkspace };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-dev-portal",
-  "version": "1.6.12",
+  "version": "1.6.13",
   "description": "UI components for composing beautiful developer documentation.",
   "keywords": [],
   "main": "./index.js",