@redocly/marketing-pages 0.1.26 → 0.1.28

package/dist/pages/editor/components/EditorPanel/EditorContent.js

@@ -1 +1 @@
-import*as n from"react";import p from"@monaco-editor/react";import{useMonacoEditor as O}from"../../hooks/useMonacoEditor";import{DEFAULT_EDITOR_OPTIONS as v,EDITOR_LANGUAGE as R,EDITOR_THEMES as T}from"../../constants/editorConfig";import{useEditorCommunication as b}from"../../hooks/useEditorCommunication";const M=({value:o,onChange:l,onValidationUpdate:m,hideWarnings:f,isFullPreview:s,gotoPosition:r})=>{const u=n.useRef(()=>{}),{activeColorMode:a,handleEditorDidMount:E,handleEditorBeforeMount:d,editorRef:e}=O({onValidationUpdate:m,hideWarnings:f,onClick:t=>{u.current(t.lineNumber)}}),{scrollPreviewToOperation:i}=b({value:o,isFullPreview:s||!1,editorRef:e});return n.useEffect(()=>{u.current=i},[i]),n.useEffect(()=>{r&&e.current&&(e.current.revealPositionInCenter({lineNumber:r.line,column:r.column}),e.current.setPosition({lineNumber:r.line,column:r.column}))},[r,e]),n.useEffect(()=>{if(!e.current)return;const t=new ResizeObserver(()=>{e.current&&e.current.layout()}),c=e.current.getDomNode();return c&&t.observe(c),()=>{t.disconnect()}},[e]),n.createElement(p,{language:R,theme:T[a],value:o,options:v,onChange:l,beforeMount:d,onMount:E})};var h=M;export{h as default};
+import*as n from"react";import d from"@monaco-editor/react";import{useMonacoEditor as p}from"../../hooks/useMonacoEditor";import{DEFAULT_EDITOR_OPTIONS as O,EDITOR_LANGUAGE as v,EDITOR_THEMES as R}from"../../constants/editorConfig";import{useEditorCommunication as T}from"../../hooks/useEditorCommunication";const b=({value:o,onChange:l,onValidationUpdate:m,hideWarnings:s,isFullPreview:f,gotoPosition:r})=>{const c=n.useRef(()=>{}),{activeColorMode:a,handleEditorDidMount:E,editorRef:e}=p({onValidationUpdate:m,hideWarnings:s,onClick:t=>{c.current(t.lineNumber)}}),{scrollPreviewToOperation:i}=T({value:o,isFullPreview:f||!1,editorRef:e});return n.useEffect(()=>{c.current=i},[i]),n.useEffect(()=>{r&&e.current&&(e.current.revealPositionInCenter({lineNumber:r.line,column:r.column}),e.current.setPosition({lineNumber:r.line,column:r.column}))},[r,e]),n.useEffect(()=>{if(!e.current)return;const t=new ResizeObserver(()=>{e.current&&e.current.layout()}),u=e.current.getDomNode();return u&&t.observe(u),()=>{t.disconnect()}},[e]),n.createElement(d,{language:v,theme:R[a],value:o,options:O,onChange:l,onMount:E})};var M=b;export{M as default};

package/dist/pages/editor/components/Layout/MainLayout.js

@@ -1,4 +1,4 @@
-import o from"react";import e from"styled-components";import{PanelGroup as P,PanelResizeHandle as k}from"react-resizable-panels";import x from"./EditorLayout";import z from"./PreviewLayout";const E=({value:a,onChange:n,onValidationUpdate:i,hideWarnings:l,onHideWarningsChange:t,isFullPreview:c,gotoPosition:s,parsedErrors:d,onProblemClick:m,onFileLoad:r,onDownloadYaml:u,onDownloadJson:h,onToggleFullPreview:g,definition:p,rawValue:v,hasRenderedOnce:y,hasStructErrors:b,onTemplateClick:f,isClient:w})=>o.createElement(C,null,o.createElement(L,{direction:"horizontal"},o.createElement(x,{value:a,onChange:n,onValidationUpdate:i,hideWarnings:l,onHideWarningsChange:t,isFullPreview:c,gotoPosition:s,parsedErrors:d,onProblemClick:m,onFileLoad:r,onDownloadYaml:u,onDownloadJson:h,onToggleFullPreview:g}),o.createElement(k,{className:"resize-handle"}),o.createElement(z,{definition:p,rawValue:v,hasRenderedOnce:y,hasStructErrors:b,onTemplateClick:f,onFileLoad:r,isClient:w})));var V=E;const C=e.div`
+import e from"react";import r from"styled-components";import{PanelGroup as w,PanelResizeHandle as P}from"react-resizable-panels";import k from"./EditorLayout";import x from"./PreviewLayout";const E=({value:a,onChange:n,onValidationUpdate:l,hideWarnings:i,onHideWarningsChange:t,isFullPreview:c,gotoPosition:s,parsedErrors:d,onProblemClick:h,onFileLoad:o,onDownloadYaml:u,onDownloadJson:m,onToggleFullPreview:g,definition:p,rawValue:v,hasRenderedOnce:b,hasStructErrors:f,onTemplateClick:z,isClient:y})=>e.createElement(C,null,e.createElement(L,{direction:"horizontal"},e.createElement(k,{value:a,onChange:n,onValidationUpdate:l,hideWarnings:i,onHideWarningsChange:t,isFullPreview:c,gotoPosition:s,parsedErrors:d,onProblemClick:h,onFileLoad:o,onDownloadYaml:u,onDownloadJson:m,onToggleFullPreview:g}),e.createElement(P,{className:"resize-handle"}),e.createElement(x,{definition:p,rawValue:v,hasRenderedOnce:b,hasStructErrors:f,onTemplateClick:z,onFileLoad:o,isClient:y})));var V=E;const C=r.div`
   display: flex;
   flex-direction: column;
   height: calc(100vh - var(--navbar-height));
@@ -9,31 +9,31 @@ import o from"react";import e from"styled-components";import{PanelGroup as P,Pan
   [data-component-name='Layout/PageLayout']:has(&) + div + footer {
     display: none;
   }
-`,L=e(P)`
+`,L=r(w)`
   display: flex;
   flex-grow: 1;
   height: 100%;
   overflow: visible;
 
   .resize-handle {
-    width: 8px;
+    width: 4px;
     background-color: var(--border-color-primary);
     cursor: col-resize;
     transition: background-color 0.2s ease;
+  }
 
-    &:hover {
-      background-color: var(--color-primary-variant);
-    }
+  .resize-handle[data-resize-handle-state="hover"] {
+    background-color: var(--color-blue-4);
   }
 
   .resize-handle-horizontal {
-    height: 8px;
+    height: 4px;
     background-color: var(--border-color-primary);
     cursor: row-resize;
     transition: background-color 0.2s ease;
+  }
 
-    &:hover {
-      background-color: var(--color-primary-variant);
-    }
+  .resize-handle-horizontal[data-resize-handle-state="hover"] {
+    background-color: var(--color-blue-4);
   }
 `;export{V as default};

package/dist/pages/editor/components/Page.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
+import React from 'react';
 export default function Page(): React.JSX.Element;

package/dist/pages/editor/components/Page.js

@@ -1 +1 @@
-import o from"react";import{useEditorState as D}from"../hooks/useEditorState";import{useOpenApiValidation as L}from"../hooks/useOpenApiValidation";import{useFileOperations as R}from"../hooks/useFileOperations";import T from"./Layout/MainLayout";import W from"./Layout/FullPreviewLayout";function H(){const[i,h]=o.useState(!1),[r,s]=o.useState(!1);o.useEffect(()=>h(!0),[]);const{value:n,setValue:d,validatedValue:p,setValidatedValue:f,setValidationErrors:u,setFileName:w,parsedErrors:C,hasStructErrors:a,hideWarnings:F,setHideWarnings:P}=D(),{definition:c,hasRenderedOnce:m,setHasRenderedOnce:g}=L({validatedValue:p,hasStructErrors:a}),[E,V]=o.useState(null),e=R({setValue:d,setFileName:w,setHasRenderedOnce:g,setValidationErrors:u}),v=(t,l)=>{u(t),f(l)},O=(t,l)=>{V({line:t,column:l})},S=()=>e.handleDownloadYaml(n),k=()=>e.handleDownloadJson(n);return r?o.createElement(W,{definition:c,rawValue:n,hasRenderedOnce:m,hasStructErrors:a,onTemplateClick:e.handleTemplateClick,onFileLoad:e.handleFileLoad,onExitFullPreview:()=>s(!1),isClient:i}):o.createElement(T,{value:n,onChange:d,onValidationUpdate:v,hideWarnings:F,onHideWarningsChange:P,isFullPreview:r,gotoPosition:E,parsedErrors:C,onProblemClick:O,onFileLoad:e.handleFileLoad,onDownloadYaml:S,onDownloadJson:k,onToggleFullPreview:()=>s(!0),definition:c,rawValue:n,hasRenderedOnce:m,hasStructErrors:a,onTemplateClick:e.handleTemplateClick,isClient:i})}export{H as default};
+import e from"react";import{useEditorState as L}from"../hooks/useEditorState";import{useOpenApiValidation as T}from"../hooks/useOpenApiValidation";import{useFileOperations as W}from"../hooks/useFileOperations";import H from"./Layout/MainLayout";import J from"./Layout/FullPreviewLayout";function Y(){const[r,p]=e.useState(!1),[s,d]=e.useState(!1);e.useEffect(()=>p(!0),[]);const{value:o,setValue:u,validatedValue:w,setValidatedValue:C,setValidationErrors:c,setFileName:E,parsedErrors:F,hasStructErrors:a,hideWarnings:P,setHideWarnings:g}=L(),{definition:t,hasRenderedOnce:f,setHasRenderedOnce:V}=T({validatedValue:w,hasStructErrors:a}),m=e.useRef(null);e.useEffect(()=>{t&&(m.current=t)},[t]);const h=t||m.current,[v,D]=e.useState(null),n=W({setValue:u,setFileName:E,setHasRenderedOnce:V,setValidationErrors:c}),R=(i,l)=>{c(i),C(l)},O=(i,l)=>{D({line:i,column:l})},S=()=>n.handleDownloadYaml(o),k=()=>n.handleDownloadJson(o);return s?e.createElement(J,{definition:h,rawValue:o,hasRenderedOnce:f,hasStructErrors:a,onTemplateClick:n.handleTemplateClick,onFileLoad:n.handleFileLoad,onExitFullPreview:()=>d(!1),isClient:r}):e.createElement(H,{value:o,onChange:u,onValidationUpdate:R,hideWarnings:P,onHideWarningsChange:g,isFullPreview:s,gotoPosition:v,parsedErrors:F,onProblemClick:O,onFileLoad:n.handleFileLoad,onDownloadYaml:S,onDownloadJson:k,onToggleFullPreview:()=>d(!0),definition:h,rawValue:o,hasRenderedOnce:f,hasStructErrors:a,onTemplateClick:n.handleTemplateClick,isClient:r})}export{Y as default};

package/dist/pages/editor/components/PreviewPanel/IframeContainer.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 interface IframeContainerProps {
     definition: any | null;
     onIframeReady: (iframeWindow: Window) => void;
-    onMessage: (event: MessageEvent) => void;
 }
 declare const IframeContainer: React.FC<IframeContainerProps>;
 export default IframeContainer;

package/dist/pages/editor/components/PreviewPanel/IframeContainer.js

@@ -1,8 +1,8 @@
-import n,{useRef as c,useEffect as a}from"react";import i from"styled-components";const d=({definition:r,onIframeReady:s,onMessage:g})=>{const l=c(null),t=c(null),[m,p]=n.useState(0);return a(()=>{const o=e=>{console.log("[IframeContainer] Iframe ready, setting up communication"),t.current=e,e.updateDefinition(r),s(e)};return window.onReady=o,console.log("[IframeContainer] onReady callback registered"),()=>{delete window.onReady}},[r,s]),a(()=>{const o=e=>{if(e.data?.type==="scroll-to-operation"){if(!t.current){console.warn("[IframeContainer] Received scroll message but iframe not ready");return}console.log("[IframeContainer] Forwarding scroll-to-operation to iframe:",e.data.operationPath),t.current.postMessage(e.data,"*")}};return window.addEventListener("message",o),()=>window.removeEventListener("message",o)},[]),a(()=>{t.current&&r&&t.current.updateDefinition(r)},[r]),n.createElement(u,null,n.createElement(f,{key:m,ref:l,title:"API Documentation Preview",src:"/preview",onLoad:()=>{}}))};var I=d;const u=i.div`
+import o,{useRef as c,useEffect as a}from"react";import u from"styled-components";const d=({definition:t,onIframeReady:s})=>{const l=c(null),r=c(null),[i,w]=o.useState(0);return a(()=>{const n=e=>{r.current=e,e.updateDefinition(t),s(e)};return window.onReady=n,()=>{delete window.onReady}},[t,s]),a(()=>{const n=e=>{e.data?.type==="scroll-to-operation"&&r.current&&r.current.postMessage(e.data,"*")};return window.addEventListener("message",n),()=>window.removeEventListener("message",n)},[]),a(()=>{r.current&&t&&r.current.updateDefinition(t)},[t]),o.createElement(f,null,o.createElement(m,{key:i,ref:l,title:"API Documentation Preview",src:"/preview",onLoad:()=>{}}))};var y=d;const f=u.div`
   height: 100%;
   overflow: hidden;
-`,f=i.iframe`
+`,m=u.iframe`
   width: 100%;
   height: 100%;
   border: none;
-`;export{I as default};
+`;export{y as default};

package/dist/pages/editor/components/PreviewPanel/PreviewContent.js

@@ -1,16 +1,20 @@
-import e from"react";import n from"styled-components";import{Button as s}from"@redocly/theme/components/Button/Button";import{MinimizeIcon as f}from"@redocly/theme/icons/MinimizeIcon/MinimizeIcon";import l from"./ErrorOverlay";import E from"./IframeContainer";import d from"../EmptyState";const u=({definition:r,rawValue:t,hasStructErrors:o,onTemplateClick:m,onFileLoad:c,onExitFullPreview:i,onIframeReady:p})=>!t||typeof t!="string"||t.trim()===""?e.createElement(d,{onTemplateClick:m,onUploadClick:c}):r?e.createElement(a,null,e.createElement(l,{hasStructErrors:o}),i&&e.createElement(g,{variant:"secondary",onClick:i,"aria-label":"Exit full preview",icon:e.createElement(f,null)}),e.createElement(E,{definition:r,onIframeReady:p,onMessage:()=>{}})):e.createElement(a,null,e.createElement(l,{hasStructErrors:o}),e.createElement(y,null,"Loading..."));var M=u;const a=n.div`
+import e from"react";import t from"styled-components";import{Button as f}from"@redocly/theme/components/Button/Button";import{Tooltip as s}from"@redocly/theme/components/Tooltip/Tooltip";import{ViewOffIcon as d}from"@redocly/theme/icons/ViewOffIcon/ViewOffIcon";import l from"./ErrorOverlay";import E from"./IframeContainer";import u from"../EmptyState";const x=({definition:n,rawValue:o,hasStructErrors:r,onTemplateClick:m,onFileLoad:p,onExitFullPreview:i,onIframeReady:c})=>!o||typeof o!="string"||o.trim()===""?e.createElement(u,{onTemplateClick:m,onUploadClick:p}):n?e.createElement(a,null,e.createElement(l,{hasStructErrors:r}),i&&e.createElement(y,null,e.createElement(g,{tip:"Exit full preview mode",width:"fit-content",placement:"right"},e.createElement(f,{variant:"secondary",onClick:i,"aria-label":"Exit full preview",icon:e.createElement(d,null)}))),e.createElement(E,{definition:n,onIframeReady:c})):e.createElement(a,null,e.createElement(l,{hasStructErrors:r}),e.createElement(v,null,"Loading..."));var w=x;const a=t.div`
   position: relative;
   height: 100%;
-`,g=n(s)`
+`,y=t.div`
   position: absolute;
   top: 12px;
   left: 12px;
-  z-index: 30;
-`,y=n.div`
+  z-index: 100;
+`,g=t(s)`
+  [data-component-name='Tooltip/Tooltip'] {
+    z-index: 101 !important;
+  }
+`,v=t.div`
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   font-size: 14px;
   color: #666;
-`;export{M as default};
+`;export{w as default};

package/dist/pages/editor/components/PreviewPanel.js

@@ -1 +1 @@
-import*as r from"react";import{useRef as f}from"react";import m from"./PreviewPanel/PreviewContent";const s=({definition:e,rawValue:o,hasStructErrors:n,onTemplateClick:a,onFileLoad:l,onExitFullPreview:c})=>{const t=f(null),i=e||t.current;r.useEffect(()=>{e&&(t.current=e)},[e]);const u=r.useCallback(d=>{},[]);return r.createElement(m,{definition:i,rawValue:o,hasStructErrors:n,onTemplateClick:a,onFileLoad:l,onExitFullPreview:c,onIframeReady:u})};var R=s;export{R as default};
+import*as e from"react";import m from"./PreviewPanel/PreviewContent";const c=({definition:r,rawValue:a,hasStructErrors:t,onTemplateClick:o,onFileLoad:n,onExitFullPreview:i})=>{const l=e.useCallback(d=>{},[]);return e.createElement(m,{definition:r??"",rawValue:a,hasStructErrors:t,onTemplateClick:o,onFileLoad:n,onExitFullPreview:i,onIframeReady:l})};var s=c;export{s as default};

package/dist/pages/editor/components/Toolbar.js

@@ -1,4 +1,4 @@
-import e,{useRef as y,useState as k}from"react";import o from"styled-components";import{Button as n}from"@redocly/theme/components/Button/Button";import{DownloadIcon as s}from"@redocly/theme/icons/DownloadIcon/DownloadIcon";import{ChevronDownIcon as C}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{MaximizeIcon as D}from"@redocly/theme/icons/MaximizeIcon/MaximizeIcon";function I({hideWarnings:f,onHideWarningsChange:u,onDownloadYamlClick:c,onDownloadJsonClick:x,onFileLoad:g,onToggleFullPreview:p}){const d=y(null),[b,r]=k(!1),v=()=>{d.current?.click()},E=()=>r(t=>!t),h=t=>{const l=t.target.files?.[0];if(!l)return;const a=new FileReader;a.onload=i=>{const w=i.target?.result;g(w,l.name)},a.onerror=i=>{console.error("Failed to read file!",i)},a.readAsText(l),t.target.value=""};return e.createElement(z,null,e.createElement(M,null,e.createElement("input",{type:"checkbox",checked:f,onChange:t=>u(t.target.checked),id:"hide-warnings"}),"Hide warnings"),e.createElement(R,null,p&&e.createElement(n,{variant:"text",onClick:p,"aria-label":"Enter full preview",icon:e.createElement(D,null)}),e.createElement(n,{variant:"text",icon:e.createElement(s,{style:{transform:"rotate(180deg)"}}),onClick:v,"aria-label":"Upload spec"}),e.createElement(F,{type:"file",ref:d,onChange:h,accept:".yaml,.yml,.json"}),e.createElement(A,null,e.createElement(n,{variant:"text",onClick:c,iconPosition:"left",icon:e.createElement(s,null)},"Download"),e.createElement(n,{icon:e.createElement(C,null),onClick:E,"aria-label":"Download options"}),b&&e.createElement(B,null,e.createElement(m,{onClick:()=>{c(),r(!1)}},"Download YAML"),e.createElement(m,{onClick:()=>{x(),r(!1)}},"Download JSON")))))}const z=o.div`
+import e,{useRef as k,useState as C}from"react";import t from"styled-components";import{Button as n}from"@redocly/theme/components/Button/Button";import{Tooltip as c}from"@redocly/theme/components/Tooltip/Tooltip";import{DownloadIcon as m}from"@redocly/theme/icons/DownloadIcon/DownloadIcon";import{ChevronDownIcon as D}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{ViewIcon as I}from"@redocly/theme/icons/ViewIcon/ViewIcon";function R({hideWarnings:u,onHideWarningsChange:x,onDownloadYamlClick:p,onDownloadJsonClick:g,onFileLoad:b,onToggleFullPreview:d}){const s=k(null),[w,r]=C(!1),E=()=>{s.current?.click()},h=()=>r(o=>!o),v=o=>{const l=o.target.files?.[0];if(!l)return;const a=new FileReader;a.onload=i=>{const y=i.target?.result;b(y,l.name)},a.onerror=i=>{console.error("Failed to read file!",i)},a.readAsText(l),o.target.value=""};return e.createElement(z,null,e.createElement(A,null,e.createElement("input",{type:"checkbox",checked:u,onChange:o=>x(o.target.checked),id:"hide-warnings"}),"Hide warnings"),e.createElement(B,null,d&&e.createElement(c,{tip:"Enter full preview mode",width:"fit-content"},e.createElement(n,{variant:"text",onClick:d,"aria-label":"Enter full preview",icon:e.createElement(I,null)})),e.createElement(c,{tip:"Upload spec",width:"fit-content"},e.createElement(n,{variant:"text",icon:e.createElement(m,{style:{transform:"rotate(180deg)"}}),onClick:E,"aria-label":"Upload spec"})),e.createElement(O,{type:"file",ref:s,onChange:v,accept:".yaml,.yml,.json"}),e.createElement(F,null,e.createElement(n,{variant:"text",onClick:p,iconPosition:"left",icon:e.createElement(m,null)},"Download"),e.createElement(c,{tip:"Download options",width:"fit-content"},e.createElement(n,{icon:e.createElement(D,null),onClick:h,"aria-label":"Download options"})),w&&e.createElement(M,null,e.createElement(f,{onClick:()=>{p(),r(!1)}},"Download YAML"),e.createElement(f,{onClick:()=>{g(),r(!1)}},"Download JSON")))))}const z=t.div`
   padding: 6px 12px;
   border-bottom: 1px solid var(--border-color-primary);
   display: flex;
@@ -6,25 +6,25 @@ import e,{useRef as y,useState as k}from"react";import o from"styled-components"
   background-color: var(--bg-color);
   color: var(--text-color-primary);
   gap: 16px;
-`,M=o.label`
+`,A=t.label`
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 0.875rem;
   cursor: pointer;
-`,R=o.div`
+`,B=t.div`
   display: flex;
   align-items: center;
   gap: 8px;
   margin-left: auto; /* Push to far right */
-`,A=o.div`
+`,F=t.div`
   position: relative;
   display: inline-flex;
   align-items: center;
   display: flex;
   flex-direction: row;
   gap: calc(var(--spacing-xxs) / 2);
-`,B=o.ul`
+`,M=t.ul`
   position: absolute;
   right: 0;
   top: 100%;
@@ -38,13 +38,13 @@ import e,{useRef as y,useState as k}from"react";import o from"styled-components"
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   min-width: 140px;
   z-index: 20;
-`,m=o.li`
+`,f=t.li`
   padding: 6px 12px;
   font-size: 0.875rem;
   cursor: pointer;
   &:hover {
     background-color: var(--bg-color-active, #f5f5f5);
   }
-`,F=o.input`
+`,O=t.input`
   display: none;
-`;export{I as default};
+`;export{R as default};

package/dist/pages/editor/editor.page.js

@@ -1 +1 @@
-import t from"./components/Page";const e={seo:{title:"Redocly Editor"},slug:"/editor"};var r=t;export{r as default,e as frontmatter};
+import t from"./components/Page";const o={seo:{title:"Swagger Editor"},slug:"/editor"};var r=t;export{r as default,o as frontmatter};

package/dist/pages/editor/hooks/useEditorCommunication.js

@@ -1,2 +1,2 @@
-import{useEffect as P,useRef as f}from"react";import{findOperationAtLine as h,findOperationLineInEditor as w,sendScrollToPreview as E,isPositionInOperationBlock as L}from"../utils/operationScrolling";const T=({value:o,isFullPreview:c,editorRef:r})=>{const u=f(0),m=f(0);P(()=>{const e=t=>{if(t.data?.type!=="scroll-to-operation"||t.data?.source!=="preview"||!r.current||c)return;const a=Date.now();if(a-u.current<1e3)return;m.current=a;const l=t.data.operationPath;p(l)};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)},[c,r]);const g=e=>{if(!o||c)return;const t=h(o,e);t?(console.log("[Editor] Sending scroll-to-operation:",t.pointer),u.current=Date.now(),E(t.pointer)):console.log("[Editor] No operation found at line",e)},p=e=>{if(!r.current||!o)return;const t=w(o,e);if(!t)return;const l=r.current.getPosition()?.lineNumber||1,i=o.split(`
-`);let s=-1,d=i.length;for(let n=0;n<i.length;n++)if(i[n].includes(e.replace("#/paths/","").replace(/~1/g,"/"))){s=n;break}if(s!==-1){for(let n=s+1;n<i.length;n++)if(/^\s*\/[^:]+:\s*$/.test(i[n])){d=n;break}if(L(l,s,d))return}r.current.revealPositionInCenter({lineNumber:t,column:1}),r.current.setPosition({lineNumber:t,column:1})};return{scrollPreviewToOperation:g,scrollToOperationInEditor:p}};export{T as useEditorCommunication};
+import{useEffect as h,useRef as m}from"react";import{findOperationAtLine as w,findOperationLineInEditor as g,sendScrollToPreview as E,isPositionInOperationBlock as L}from"../utils/operationScrolling";const T=({value:o,isFullPreview:c,editorRef:r})=>{const u=m(0),d=m(0);h(()=>{const e=t=>{if(t.data?.type!=="scroll-to-operation"||t.data?.source!=="preview"||!r.current||c)return;const a=Date.now();if(a-u.current<1e3)return;d.current=a;const l=t.data.operationPath;p(l)};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)},[c,r]);const P=e=>{if(!o||c)return;const t=w(o,e);t&&(u.current=Date.now(),E(t.pointer))},p=e=>{if(!r.current||!o)return;const t=g(o,e);if(!t)return;const l=r.current.getPosition()?.lineNumber||1,i=o.split(`
+`);let s=-1,f=i.length;for(let n=0;n<i.length;n++)if(i[n].includes(e.replace("#/paths/","").replace(/~1/g,"/"))){s=n;break}if(s!==-1){for(let n=s+1;n<i.length;n++)if(/^\s*\/[^:]+:\s*$/.test(i[n])){f=n;break}if(L(l,s,f))return}r.current.revealPositionInCenter({lineNumber:t,column:1}),r.current.setPosition({lineNumber:t,column:1})};return{scrollPreviewToOperation:P,scrollToOperationInEditor:p}};export{T as useEditorCommunication};

package/dist/pages/editor/hooks/useEditorState.js

@@ -1 +1 @@
-import{useEffect as l,useMemo as n,useState as t}from"react";function h(){const i=typeof localStorage<"u"&&localStorage.getItem("editorValue")||"",[e,u]=t(i),[c,o]=t(void 0),[r,d]=t([]),[m,f]=t(""),[V,g]=t(!1),E=/Rule: ([\w-_\/]+)/,s=n(()=>r.map(a=>({...a,rule:a.message.match(E)?.[1]})),[r]),S=n(()=>s.some(a=>a.rule==="struct"),[s]);return l(()=>{localStorage.setItem("editorValue",e)},[e]),l(()=>{o(e)},[e]),{value:e,setValue:u,validatedValue:c,setValidatedValue:o,validationErrors:r,setValidationErrors:d,fileName:m,setFileName:f,hideWarnings:V,setHideWarnings:g,parsedErrors:s,hasStructErrors:S}}export{h as useEditorState};
+import{useEffect as S,useMemo as o,useState as e}from"react";function h(){const l=typeof localStorage<"u"&&localStorage.getItem("editorValue")||"",[a,n]=e(l),[i,u]=e(void 0),[r,c]=e([]),[d,m]=e(""),[f,V]=e(!1),g=/Rule: ([\w-_\/]+)/,s=o(()=>r.map(t=>({...t,rule:t.message.match(g)?.[1]})),[r]),E=o(()=>s.some(t=>t.rule==="struct"),[s]);return S(()=>{localStorage.setItem("editorValue",a)},[a]),{value:a,setValue:n,validatedValue:i,setValidatedValue:u,validationErrors:r,setValidationErrors:c,fileName:d,setFileName:m,hideWarnings:f,setHideWarnings:V,parsedErrors:s,hasStructErrors:E}}export{h as useEditorState};

package/dist/pages/editor/hooks/useMonacoEditor.d.ts

@@ -1,13 +1,16 @@
-import type { editor, Position } from "monaco-editor";
+import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
+export interface MonacoEditorHook {
+    editorRef: React.MutableRefObject<Monaco.editor.IStandaloneCodeEditor | null>;
+    monacoRef: React.MutableRefObject<typeof Monaco | null>;
+    activeColorMode: string;
+    handleEditorDidMount: (editor: Monaco.editor.IStandaloneCodeEditor, monaco: typeof Monaco) => () => void;
+}
 export interface MonacoEditorOptions {
-    onValidationUpdate?: (errors: editor.IMarkerData[], value: string) => void;
-    onClick?: (position: Position) => void;
+    onValidationUpdate?: (errors: Monaco.editor.IMarkerData[], value: string) => void;
+    onClick?: (position: Monaco.Position) => void;
     hideWarnings?: boolean;
 }
-export declare function useMonacoEditor({ onValidationUpdate, onClick, hideWarnings }: MonacoEditorOptions): {
-    editorRef: import("react").MutableRefObject<editor.IStandaloneCodeEditor | null>;
-    monacoRef: import("react").MutableRefObject<null>;
-    activeColorMode: string;
-    handleEditorDidMount: (editor: editor.IStandaloneCodeEditor, monaco: any) => (() => void);
-    handleEditorBeforeMount: (monaco: any) => void;
-};
+/**
+ * Custom hook to manage Monaco editor integration with language server and scroll sync
+ */
+export declare const useMonacoEditor: (options?: MonacoEditorOptions) => MonacoEditorHook;

package/dist/pages/editor/hooks/useMonacoEditor.js

@@ -1,2 +1 @@
-import{useEffect as C,useRef as c}from"react";import{LanguageServerService as L}from"../services/languageServerService";import{useColorMode as b}from"./useColorMode";import{useThemeHooks as E}from"@redocly/theme/core/hooks";function x({onValidationUpdate:l,onClick:f,hideWarnings:r}){const i=c(null),o=c(null),t=c(null),{useGlobalData:m}=E(),T=m(),p=b(),M=(e,g)=>{i.current=e,o.current=g,t.current||(t.current=new L),t.current.initialize(e,g);const h=t.current.setupAutoValidation(l,r);e.onMouseDown(({target:u})=>{f?.(u.position)});const s=e.getModel();if(s){const u=s.onDidChangeContent(d=>{d.changes.some(n=>n.text.includes(`
-`))&&setTimeout(()=>{const n=e.getPosition();try{const a=e.getModel();if(a&&o.current){const D=a.getLanguageId();o.current.editor.setModelLanguage(a,"plaintext"),setTimeout(()=>{o.current.editor.setModelLanguage(a,D),n&&e.setPosition(n)},10)}}catch{e.render(),e.layout(),n&&e.setPosition(n)}},0)});e._contentChangeDisposable=u}return setTimeout(()=>{if(e.layout(),s){const u=s.getValue();s.setValue(u),e.render()}},100),setTimeout(()=>{e.layout(),e.render()},500),()=>{h(),e._contentChangeDisposable&&e._contentChangeDisposable.dispose()}};return C(()=>{t.current?.setupAutoValidation(l,r)},[r]),{editorRef:i,monacoRef:o,activeColorMode:p,handleEditorDidMount:M,handleEditorBeforeMount:e=>{}}}export{x as useMonacoEditor};
+import{useEffect as m,useRef as t}from"react";import{useColorMode as M}from"./useColorMode";import{LanguageServerService as g}from"../service/languageServer";const C=(a={})=>{const{onValidationUpdate:r,onClick:l,hideWarnings:e}=a,i=t(null),u=t(null),o=t(null),s=M(),d=(n,c)=>{i.current=n,u.current=c,o.current||(o.current=new g),o.current.initialize(n,c);const f=o.current.setupAutoValidation(r,e);return n.onMouseDown(({target:p})=>{l?.(p.position)}),()=>{f()}};return m(()=>{o.current?.setupAutoValidation(r,e)},[e]),{editorRef:i,monacoRef:u,activeColorMode:s,handleEditorDidMount:d}};export{C as useMonacoEditor};

package/dist/pages/editor/{services/languageServerService.d.ts → service/languageServer.d.ts}

@@ -4,12 +4,14 @@ export interface LSPosition {
     character: number;
 }
 export interface DocumentProvider {
+    _lineOffsets: number[];
     getText: (options?: {
         start?: number;
         end?: number;
     }) => string;
     offsetAt: (position: LSPosition) => number;
-    positionAt: (offset: number) => Monaco.IPosition;
+    positionAt: (offset: number) => LSPosition;
+    lineCount: number;
 }
 export interface ValidationCallback {
     (errors: Monaco.editor.IMarkerData[], value: string): void;
@@ -18,6 +20,7 @@ export interface ValidationCallback {
  * Service class to handle OpenAPI Language Server integration
  */
 export declare class LanguageServerService {
+    private languageServer;
     private monaco;
     private editor;
     constructor();
@@ -42,7 +45,7 @@ export declare class LanguageServerService {
      */
     private registerDefinitionProvider;
     /**
-     * Validate OpenAPI content and provide diagnostics
+     * Get OpenAPI validation diagnostics
      */
     validateContent(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): Promise<void>;
     /**

package/dist/pages/editor/service/languageServer.js

@@ -0,0 +1,3 @@
+import{OpenapiLanguageServer as d,languageServerConfig as g}from"@redocly/openapi-language-server";import{load as h}from"js-yaml";g.registerConfigFinder(async u=>(typeof globalThis.process>"u"?globalThis.process={cwd:()=>"/"}:typeof globalThis.process.cwd>"u"&&(globalThis.process.cwd=()=>"/"),"config"));class v{constructor(){this.monaco=null,this.editor=null,this.languageServer=new d}initialize(r,t){this.editor=r,this.monaco=t,globalThis.__dirname=".",this.registerDocumentsProvider(),this.languageServer.onDidConfigChange("config"),this.registerCompletionProvider(),this.registerDefinitionProvider()}registerDocumentsProvider(){g.registerDocumentsProvider({all(){return[]},get:r=>r==="config"||r==="file:///config"?{getText:()=>JSON.stringify({extends:["recommended"]},null,2)}:this.createDocumentProvider()})}createDocumentProvider(){const r=this.editor?.getModel();return{_lineOffsets:[],get lineCount(){return r?.getLineCount()||0},getText:({start:t=0,end:e=void 0}={})=>(this.editor?.getModel()?.getValue()||"").slice(t,e),offsetAt(t){const e=this.getText();this._lineOffsets=[0];for(let i=0;i<e.length;i++)e[i]===`
+`&&this._lineOffsets.push(i+1);return r?r.getOffsetAt({lineNumber:t.line+1,column:t.character+1}):0},positionAt:t=>{if(!r)return{line:1,character:1};const e=r.getPositionAt(t);return{line:e.lineNumber,character:e.column}}}}registerCompletionProvider(){this.monaco&&this.monaco.languages.registerCompletionItemProvider("yaml",{triggerCharacters:[" ",`
+`,"\\","/",'"',"'"],provideCompletionItems:async(r,t)=>{const e={uri:r.uri.toString()},i=m(t),l=await this.languageServer.onCompletion({textDocument:e,position:i});return l?{suggestions:l.map(n=>{let a=1;n.insertTextFormat===2&&(a=2);let s;return a===2&&(s=this.monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet),{label:n.label,kind:this.monaco.languages.CompletionItemKind[n.kind]||this.monaco.languages.CompletionItemKind.Text,insertText:n.insertText||n.label,insertTextFormat:a,sortText:n.sortText,insertTextRules:s,range:new this.monaco.Range(t.lineNumber,t.column,t.lineNumber,t.column)}})}:{suggestions:[]}}})}registerDefinitionProvider(){this.monaco&&this.monaco.languages.registerDefinitionProvider("yaml",{provideDefinition:async(r,t)=>{const e={uri:r.uri.toString()},i=m(t),l=await this.languageServer.onDefinition({textDocument:e,position:i});return l?(Array.isArray(l)?l:[l]).map(n=>({uri:this.monaco.Uri.parse(n.targetUri),originSelectionRange:new this.monaco.Range(n.originSelectionRange.start.line+1,n.originSelectionRange.start.character+1,n.originSelectionRange.end.line+1,n.originSelectionRange.end.character+1),range:new this.monaco.Range(n.targetSelectionRange.start.line+1,n.targetSelectionRange.start.character+1,n.targetSelectionRange.end.line+1,n.targetSelectionRange.end.character+1)})):[]}})}async validateContent(r,t){if(!this.editor||!this.monaco)return;const e=this.editor.getModel();if(!e)return;const i=e.getValue(),l={uri:e.uri.toString(),languageId:"yaml",version:e.getVersionId(),getText:()=>i,positionAt:a=>{const s=e.getPositionAt(a);return{line:s.lineNumber-1,character:s.column-1}},offsetAt:a=>e.getOffsetAt({lineNumber:a.line+1,column:a.character+1}),lineCount:e.getLineCount()},n={1:this.monaco.MarkerSeverity.Error,2:this.monaco.MarkerSeverity.Warning,3:this.monaco.MarkerSeverity.Info,4:this.monaco.MarkerSeverity.Hint};try{const s=(await this.languageServer.validateOpenAPI(l)).flatMap(o=>o.diagnostics.map(c=>({severity:n[c.severity]||this.monaco.MarkerSeverity.Error,startLineNumber:c.range.start.line+1,startColumn:c.range.start.character+1,endLineNumber:c.range.end.line+1,endColumn:c.range.end.character+1,message:c.message,source:""}))).filter(o=>t?o.severity!==this.monaco.MarkerSeverity.Warning:!0).sort((o,c)=>c.severity-o.severity);try{const o=h(i);i.trim()!==""&&(typeof o!="object"||o===null||(o.openapi===void 0||!o.openapi.match(/^3\.[0,1]\.\d+$/))&&(o.swagger===void 0||!o.swagger.match(/^2\.[0,1]\.\d+$/)))&&s.push({severity:8,message:"Not an OpenAPI or Swagger specification. Only OpenAPI 3.0.x and Swagger 2.0.x are supported. Rule: struct",startLineNumber:1,startColumn:1,endLineNumber:1,endColumn:1e3})}catch(o){s.push({severity:8,message:o.reason+" Rule: struct",startLineNumber:o.mark?.line||1,startColumn:0,endLineNumber:o.mark?.line||1,endColumn:1e3})}this.monaco.editor.setModelMarkers(e,"openapi-ls",s),r&&r(s,i)}catch(a){console.error("Error during validation:",a)}}setupAutoValidation(r,t){if(!this.editor)return()=>{};const e=()=>this.validateContent(r,t);e();const i=this.editor.onDidChangeModelContent(()=>{e()});return()=>i.dispose()}}function m(u){return{line:u.lineNumber-1,character:u.column-1}}export{v as LanguageServerService};

package/dist/pages/editor/templates/defaultOpenapiTemplate.d.ts

@@ -1 +1 @@
-export declare const defaultOpenapiTemplate = "openapi: 3.0.0\ninfo:\n  title: My API\n  version: 1.0.0\n  description: A new API to be documented.\npaths:\n  /example:\n    get:\n      summary: Example endpoint\n      description: This is a sample endpoint.\n      responses:\n        '200':\n          description: Successful response\n          content:\n            application/json:\n              schema:\n                type: object\n                properties:\n                  message:\n                    type: string\n                    example: Hello World!\n";
+export declare const defaultOpenapiTemplate = "openapi: 3.1.0\ninfo:\n  title: Sample API\n  version: 1.0.0\n  contact:\n    email: team@redocly.com\n  description: |\n    Welcome to the Resources API, a robust and efficient service for managing your data.\n    ### Overview\n    This API provides a standard set of RESTful endpoints to perform CRUD (Create, Read, Update, Delete) operations on resources. It is designed with standard conventions to be predictable and easy to use.\n    ### Authentication\n    Most endpoints are protected using the **OAuth2 Client Credentials** flow. The `/health` endpoint is public.\n    `Authorization: Bearer <YOUR_ACCESS_TOKEN>`\n    ### Errors\n    The API uses standard HTTP status codes to indicate the success or failure of a request. In the event of an error, the response body will contain a `problem+json` object with details.\n    For more information, see our [full developer documentation](https://docs.example.com).\nservers:\n  - url: http://api.example.com/v1\ntags:\n  - name: Health\n    description: Operations to check the health of the service.\n  - name: Resources\n    description: Operations to manage resources.\nsecurity:\n  - OAuth2AuthCode:\n      - resources:read\n      - resources:write\npaths:\n  /health:\n    get:\n      tags:\n        - Health\n      summary: Check service health\n      description: Provides a simple way to check if the API is up and running.\n      operationId: getHealth\n      security: [] # public\n      responses:\n        '200':\n          description: Service is healthy.\n          content:\n            application/json:\n              schema:\n                type: object\n                properties:\n                  status:\n                    type: string\n                    example: ok\n        '503':\n          description: Service unavailable.\n          content:\n            application/problem+json:\n              schema:\n                $ref: '#/components/schemas/ProblemJson'\n  /resources:\n    get:\n      tags:\n        - Resources\n      summary: List all resources\n      description: Retrieves a paginated list of all resources, sorted by creation date in descending order.\n      operationId: listResources\n      parameters:\n        - $ref: '#/components/parameters/Limit'\n        - $ref: '#/components/parameters/Cursor'\n      responses:\n        '200':\n          description: A paginated list of resources.\n          content:\n            application/json:\n              schema:\n                type: object\n                properties:\n                  pageInfo:\n                    $ref: '#/components/schemas/PageInfo'\n                  data:\n                    type: array\n                    items:\n                      $ref: '#/components/schemas/Resource'\n    post:\n      tags:\n        - Resources\n      summary: Create a new resource\n      description: Creates a new resource. The server generates the ID and creation timestamp.\n      operationId: createResource\n      requestBody:\n        required: true\n        content:\n          application/json:\n            schema:\n              $ref: '#/components/schemas/Resource'\n      responses:\n        '201':\n          description: Resource created successfully.\n          content:\n            application/json:\n              schema:\n                $ref: '#/components/schemas/Resource'\n        '400':\n          description: Bad request.\n          content:\n            application/problem+json:\n              schema:\n                $ref: '#/components/schemas/ProblemJson'\n  /resources/{resourceId}:\n    parameters:\n      - name: resourceId\n        in: path\n        required: true\n        description: The ID of the resource.\n        schema:\n          type: string\n          format: uuid\n    get:\n      tags:\n        - Resources\n      summary: Get a single resource\n      operationId: getResourceById\n      description: Retrieves the details of a specific resource by its unique ID.\n      responses:\n        '200':\n          description: The requested resource.\n          content:\n            application/json:\n              schema:\n                $ref: '#/components/schemas/Resource'\n        '404':\n          description: Resource not found.\n          content:\n            application/problem+json:\n              schema:\n                $ref: '#/components/schemas/ProblemJson'\n    delete:\n      tags:\n        - Resources\n      summary: Delete a resource\n      operationId: deleteResourceById\n      description: Permanently deletes a resource. This action cannot be undone.\n      responses:\n        '204':\n          description: Resource deleted successfully.\n        '404':\n          description: Resource not found.\n          content:\n            application/problem+json:\n              schema:\n                $ref: '#/components/schemas/ProblemJson'\n\ncomponents:\n  securitySchemes:\n    OAuth2AuthCode:\n      type: oauth2\n      description: OAuth2 Client Credentials Grant.\n      flows:\n        authorizationCode:\n          x-usePkce: true\n          tokenUrl: https://auth.example.com/oauth2/token\n          authorizationUrl: https://auth.example.com/oauth2/authorize\n          scopes:\n            resources:read: Read access to resources\n            resources:write: Write and delete access to resources\n  parameters:\n    Limit:\n      name: limit\n      in: query\n      description: The number of items to return per page.\n      schema:\n        type: integer\n        format: int32\n        default: 20\n        minimum: 1\n        maximum: 100\n    Cursor:\n      name: cursor\n      in: query\n      description: An opaque cursor for fetching the next page of results.\n      schema:\n        type: string\n  schemas:\n    PageInfo:\n      type: object\n      properties:\n        hasNextPage:\n          type: boolean\n          description: Indicates if there are more pages of results.\n        endCursor:\n          type: string\n          description: The cursor to use to fetch the next page of results.\n      required:\n        - hasNextPage\n    Resource:\n      type: object\n      properties:\n        id:\n          type: string\n          format: uuid\n          description: The unique identifier for the resource.\n          example: 'a7b3c2d9-e4f5-4a6b-8c7d-1e2f3a4b5c6d'\n          readOnly: true\n        name:\n          type: string\n          description: The name of the resource.\n          example: My New Widget\n        createdAt:\n          type: string\n          format: date-time\n          description: The timestamp when the resource was created.\n          example: '2025-10-09T13:31:23Z'\n          readOnly: true\n      required:\n        - name\n    ProblemJson:\n      type: object\n      description: A problem details object as defined in RFC 9457.\n      properties:\n        type:\n          type: string\n          format: uri\n          description: An absolute URI that identifies the problem type.\n          default: 'about:blank'\n          example: /errors/resource-not-found\n        title:\n          type: string\n          description: A short, human-readable summary of the problem type.\n          example: Resource not found\n        status:\n          type: integer\n          format: int32\n          description: The HTTP status code.\n          example: 404\n        detail:\n          type: string\n          description: A human-readable explanation specific to this occurrence.\n          example: The resource with ID xyz was not found.\n        instance:\n          type: string\n          format: uri-reference\n          description: A URI reference that identifies the specific occurrence of the problem.\n          example: /resources/xyz\n      required:\n        - title\n        - status\n";

package/dist/pages/editor/templates/defaultOpenapiTemplate.js

@@ -1,22 +1,241 @@
-const e=`openapi: 3.0.0
+const e=`openapi: 3.1.0
 info:
-  title: My API
+  title: Sample API
   version: 1.0.0
-  description: A new API to be documented.
+  contact:
+    email: team@redocly.com
+  description: |
+    Welcome to the Resources API, a robust and efficient service for managing your data.
+    ### Overview
+    This API provides a standard set of RESTful endpoints to perform CRUD (Create, Read, Update, Delete) operations on resources. It is designed with standard conventions to be predictable and easy to use.
+    ### Authentication
+    Most endpoints are protected using the **OAuth2 Client Credentials** flow. The \`/health\` endpoint is public.
+    \`Authorization: Bearer <YOUR_ACCESS_TOKEN>\`
+    ### Errors
+    The API uses standard HTTP status codes to indicate the success or failure of a request. In the event of an error, the response body will contain a \`problem+json\` object with details.
+    For more information, see our [full developer documentation](https://docs.example.com).
+servers:
+  - url: http://api.example.com/v1
+tags:
+  - name: Health
+    description: Operations to check the health of the service.
+  - name: Resources
+    description: Operations to manage resources.
+security:
+  - OAuth2AuthCode:
+      - resources:read
+      - resources:write
 paths:
-  /example:
+  /health:
     get:
-      summary: Example endpoint
-      description: This is a sample endpoint.
+      tags:
+        - Health
+      summary: Check service health
+      description: Provides a simple way to check if the API is up and running.
+      operationId: getHealth
+      security: [] # public
       responses:
         '200':
-          description: Successful response
+          description: Service is healthy.
           content:
             application/json:
               schema:
                 type: object
                 properties:
-                  message:
+                  status:
                     type: string
-                    example: Hello World!
+                    example: ok
+        '503':
+          description: Service unavailable.
+          content:
+            application/problem+json:
+              schema:
+                $ref: '#/components/schemas/ProblemJson'
+  /resources:
+    get:
+      tags:
+        - Resources
+      summary: List all resources
+      description: Retrieves a paginated list of all resources, sorted by creation date in descending order.
+      operationId: listResources
+      parameters:
+        - $ref: '#/components/parameters/Limit'
+        - $ref: '#/components/parameters/Cursor'
+      responses:
+        '200':
+          description: A paginated list of resources.
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  pageInfo:
+                    $ref: '#/components/schemas/PageInfo'
+                  data:
+                    type: array
+                    items:
+                      $ref: '#/components/schemas/Resource'
+    post:
+      tags:
+        - Resources
+      summary: Create a new resource
+      description: Creates a new resource. The server generates the ID and creation timestamp.
+      operationId: createResource
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              $ref: '#/components/schemas/Resource'
+      responses:
+        '201':
+          description: Resource created successfully.
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/Resource'
+        '400':
+          description: Bad request.
+          content:
+            application/problem+json:
+              schema:
+                $ref: '#/components/schemas/ProblemJson'
+  /resources/{resourceId}:
+    parameters:
+      - name: resourceId
+        in: path
+        required: true
+        description: The ID of the resource.
+        schema:
+          type: string
+          format: uuid
+    get:
+      tags:
+        - Resources
+      summary: Get a single resource
+      operationId: getResourceById
+      description: Retrieves the details of a specific resource by its unique ID.
+      responses:
+        '200':
+          description: The requested resource.
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/Resource'
+        '404':
+          description: Resource not found.
+          content:
+            application/problem+json:
+              schema:
+                $ref: '#/components/schemas/ProblemJson'
+    delete:
+      tags:
+        - Resources
+      summary: Delete a resource
+      operationId: deleteResourceById
+      description: Permanently deletes a resource. This action cannot be undone.
+      responses:
+        '204':
+          description: Resource deleted successfully.
+        '404':
+          description: Resource not found.
+          content:
+            application/problem+json:
+              schema:
+                $ref: '#/components/schemas/ProblemJson'
+
+components:
+  securitySchemes:
+    OAuth2AuthCode:
+      type: oauth2
+      description: OAuth2 Client Credentials Grant.
+      flows:
+        authorizationCode:
+          x-usePkce: true
+          tokenUrl: https://auth.example.com/oauth2/token
+          authorizationUrl: https://auth.example.com/oauth2/authorize
+          scopes:
+            resources:read: Read access to resources
+            resources:write: Write and delete access to resources
+  parameters:
+    Limit:
+      name: limit
+      in: query
+      description: The number of items to return per page.
+      schema:
+        type: integer
+        format: int32
+        default: 20
+        minimum: 1
+        maximum: 100
+    Cursor:
+      name: cursor
+      in: query
+      description: An opaque cursor for fetching the next page of results.
+      schema:
+        type: string
+  schemas:
+    PageInfo:
+      type: object
+      properties:
+        hasNextPage:
+          type: boolean
+          description: Indicates if there are more pages of results.
+        endCursor:
+          type: string
+          description: The cursor to use to fetch the next page of results.
+      required:
+        - hasNextPage
+    Resource:
+      type: object
+      properties:
+        id:
+          type: string
+          format: uuid
+          description: The unique identifier for the resource.
+          example: 'a7b3c2d9-e4f5-4a6b-8c7d-1e2f3a4b5c6d'
+          readOnly: true
+        name:
+          type: string
+          description: The name of the resource.
+          example: My New Widget
+        createdAt:
+          type: string
+          format: date-time
+          description: The timestamp when the resource was created.
+          example: '2025-10-09T13:31:23Z'
+          readOnly: true
+      required:
+        - name
+    ProblemJson:
+      type: object
+      description: A problem details object as defined in RFC 9457.
+      properties:
+        type:
+          type: string
+          format: uri
+          description: An absolute URI that identifies the problem type.
+          default: 'about:blank'
+          example: /errors/resource-not-found
+        title:
+          type: string
+          description: A short, human-readable summary of the problem type.
+          example: Resource not found
+        status:
+          type: integer
+          format: int32
+          description: The HTTP status code.
+          example: 404
+        detail:
+          type: string
+          description: A human-readable explanation specific to this occurrence.
+          example: The resource with ID xyz was not found.
+        instance:
+          type: string
+          format: uri-reference
+          description: A URI reference that identifies the specific occurrence of the problem.
+          example: /resources/xyz
+      required:
+        - title
+        - status
 `;export{e as defaultOpenapiTemplate};

package/dist/pages/editor-preview/components/Page.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function Page(): React.JSX.Element;

package/dist/pages/editor-preview/components/Page.js

@@ -0,0 +1,3 @@
+import{useCommunicationManager as o}from"../hooks/useCommunicationManager";import r from"styled-components";import*as e from"react";import{RedoclyOpenAPIDocs as a,safeSlugify as s}from"@redocly/openapi-docs";function f(){const[t,i]=e.useState(null);return o({definition:t,safeSlugify:s}),e.useEffect(()=>{window.updateDefinition=n=>{i(n)},window.parent.onReady(window)},[t]),t?e.createElement(l,null,e.createElement(a,{store:{options:{routingBasePath:"/preview",disableRouter:!0,hideSidebar:!0,scrollYOffset:0,hideInfoMetadata:!0},definition:t}})):e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",fontFamily:"system-ui, -apple-system, sans-serif",color:"#666"}},"No API definition available")}const l=r.div`
+  --sidebar-width: 0px;
+`;export{f as default};

package/dist/pages/editor-preview/editor-preview.page.d.ts

@@ -1,7 +1,2 @@
-import React from 'react';
-interface PageProps {
-    RedoclyOpenAPIDocs: any;
-    safeSlugify: (value: string) => string;
-}
-export default function Page({ RedoclyOpenAPIDocs, safeSlugify }: PageProps): React.JSX.Element;
-export {};
+import Page from './components/Page';
+export default Page;

package/dist/pages/editor-preview/editor-preview.page.js

@@ -1 +1 @@
-import o from"react";import r from"./components/PreviewContent";function n({RedoclyOpenAPIDocs:e,safeSlugify:t}){return o.createElement(r,{RedoclyOpenAPIDocs:e,safeSlugify:t})}export{n as default};
+import e from"./components/Page";var r=e;export{r as default};

package/dist/pages/editor-preview/hooks/useCommunicationManager.d.ts

@@ -1,10 +1,9 @@
 interface UseCommunicationManagerProps {
     definition: any;
-    lastGoodDefinition: any;
     safeSlugify: (value: string) => string;
 }
-export declare const useCommunicationManager: ({ definition, lastGoodDefinition, safeSlugify }: UseCommunicationManagerProps) => {
+export declare const useCommunicationManager: ({ definition, safeSlugify }: UseCommunicationManagerProps) => {
     scrollToPointer: (pointer: string) => void;
-    scrollToOperationInEditor: (operationPath: string) => void;
+    scrollToOperationInEditor: (path: string, method?: string) => void;
 };
 export {};

package/dist/pages/editor-preview/hooks/useCommunicationManager.js

@@ -1 +1 @@
-import{useEffect as l}from"react";import{extractOperationFromButton as y}from"../utils/html";const k=({definition:f,lastGoodDefinition:h,safeSlugify:d})=>{const s=e=>{const o=f||h;if(!o?.paths){console.warn("[EditorPreview] No definition or paths available");return}let r="",t="";if(e.startsWith("#/")){const i=e.slice(2).split("/");t=i[2]||"",r=(i[1]||"").replaceAll("~1","/")}else{const i=e.split("/"),w=i[1]||"";t=i[2]||"",r=w.replace(/^paths/,"").replaceAll("~1","/")}if(!r||!t){console.warn("[EditorPreview] Invalid pointer format:",e);return}const n=o.paths[r]?.[t];if(!n){console.warn("[EditorPreview] No operation found for",{path:r,verb:t,pointer:e});return}const g=n.tags?.[0],v=g?d(g)+"/":"";let a="";if(n?.operationId?a="/preview/"+v+d(n.operationId):a="/preview/"+v+"paths/"+d(r)+"/"+t.toLowerCase(),a&&a!==window.location.pathname){window.history.replaceState({},"",a);const i=t.toLowerCase(),w=r,E=()=>{const P=document.querySelectorAll('button[data-component-name="Button/Button"]');for(const c of P){const u=y(c);if(u&&u.path===w&&u.method.toLowerCase()===i)return c.click(),!0}return!1};let p=E();p||[0,100,300,800].forEach(c=>{setTimeout(()=>{p||(p=E())},c)})}else a||console.warn("[EditorPreview] could not compute url for pointer:",e)},m=e=>{window.parent.postMessage({type:"scroll-to-operation",operationPath:e,source:"preview"},"*")};return l(()=>{try{window.parent&&typeof window.parent.onReady=="function"?(window.parent.onReady(window),console.log("[EditorPreview] Successfully registered with parent window")):(console.warn("[EditorPreview] Parent onReady not available, retrying..."),setTimeout(()=>{window.parent&&typeof window.parent.onReady=="function"?(window.parent.onReady(window),console.log("[EditorPreview] Successfully registered with parent window (retry)")):console.error("[EditorPreview] Failed to register with parent window")},100))}catch(e){console.error("[EditorPreview] Error registering with parent:",e)}},[]),l(()=>(window.scrollToPointer=s,()=>{delete window.scrollToPointer}),[f,h]),l(()=>{const e=o=>{o.data?.type==="scroll-to-operation"&&o.data?.source==="editor"&&(console.log("[EditorPreview] Received scroll-to-operation message:",o.data.operationPath),s(o.data.operationPath))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[s]),l(()=>{const e=o=>{const t=o.target.closest("button");if(t){const n=y(t);n&&m(n.path)}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[]),{scrollToPointer:s,scrollToOperationInEditor:m}};export{k as useCommunicationManager};
+import{useEffect as l}from"react";import{extractOperationFromButton as E}from"../utils/html";const L=({definition:f,safeSlugify:d})=>{const s=t=>{const e=f;if(!e?.paths){console.warn("[EditorPreview] No definition or paths available");return}let o="",n="";if(t.startsWith("#/")){const a=t.slice(2).split("/");n=a[2]||"",o=(a[1]||"").replaceAll("~1","/")}else{const a=t.split("/"),w=a[1]||"";n=a[2]||"",o=w.replace(/^paths/,"").replaceAll("~1","/")}if(!o||!n){console.warn("[EditorPreview] Invalid pointer format:",t);return}const r=e.paths[o]?.[n];if(!r){console.warn("[EditorPreview] No operation found for",{path:o,verb:n,pointer:t});return}const m=r.tags?.[0],v=m?d(m)+"/":"";let i="";if(r?.operationId?i="/preview/"+v+d(r.operationId):i="/preview/"+v+"paths/"+d(o)+"/"+n.toLowerCase(),i&&i!==window.location.pathname){window.history.replaceState({},"",i);const a=n.toLowerCase(),w=o,P=()=>{const g=document.querySelectorAll('button[data-component-name="Button/Button"]');for(const c of g){const u=E(c);if(u&&u.path===w&&u.method.toLowerCase()===a)return c.click(),!0}return!1};let p=P();p||[0,100,300,800].forEach(c=>{setTimeout(()=>{p||(p=P())},c)})}else i||console.warn("[EditorPreview] could not compute url for pointer:",t)},h=(t,e)=>{let o=t;e&&(o=`#/paths/${t.replace(/\//g,"~1")}/${e.toLowerCase()}`),window.parent.postMessage({type:"scroll-to-operation",operationPath:o,source:"preview"},"*")};return l(()=>{try{window.parent&&typeof window.parent.onReady=="function"?window.parent.onReady(window):(console.warn("[EditorPreview] Parent onReady not available, retrying..."),setTimeout(()=>{window.parent&&typeof window.parent.onReady=="function"?window.parent.onReady(window):console.error("[EditorPreview] Failed to register with parent window")},100))}catch(t){console.error("[EditorPreview] Error registering with parent:",t)}},[]),l(()=>(window.scrollToPointer=s,()=>{delete window.scrollToPointer}),[f]),l(()=>{const t=e=>{e.data?.type==="scroll-to-operation"&&e.data?.source==="editor"&&s(e.data.operationPath)};return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}},[s]),l(()=>{const t=e=>{const n=e.target.closest("button");if(n){const r=E(n);r&&h(r.path,r.method)}};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}},[]),{scrollToPointer:s,scrollToOperationInEditor:h}};export{L as useCommunicationManager};

package/dist/pages/editor-preview/hooks/useDefinitionManager.js

@@ -1 +1 @@
-import{useState as c,useRef as s,useEffect as a}from"react";const d=()=>{const[u,o]=c(null),r=s(null),i=s(null),f=e=>{try{const n={...e};return Array.isArray(n.servers)&&(n.servers=n.servers.filter(t=>t&&typeof t=="object").filter(t=>typeof t.url=="string"&&t.url.trim().length>0)),n}catch{return e}},l=e=>{if(e&&typeof e=="object"&&typeof e.openapi=="string"){const t=f(e);r.current=t,o(t)}else r.current?i.current!==r.current&&o(r.current):o(null);i.current=e};return a(()=>(window.updateDefinition=l,()=>{delete window.updateDefinition}),[]),{definition:u,lastGoodDefinition:r.current}};export{d as useDefinitionManager};
+import{useState as i,useRef as l,useEffect as p}from"react";const y=()=>{const[f,o]=i(null),s=l(null),n=l(null),c=e=>{try{const r={...e};return Array.isArray(r.servers)&&(r.servers=r.servers.filter(t=>t&&typeof t=="object").filter(t=>typeof t.url=="string"&&t.url.trim().length>0)),r}catch{return e}},a=e=>{const r=e&&typeof e=="object"&&typeof e.openapi=="string",t=e&&typeof e=="object"&&typeof e.swagger=="string";if(r||t){const u=c(e);s.current=u,o(u)}else s.current?n.current!==s.current&&o(s.current):o(null);n.current=e};return p(()=>(window.updateDefinition=a,()=>{delete window.updateDefinition}),[]),{definition:f,lastGoodDefinition:s.current}};export{y as useDefinitionManager};

package/dist/pages/pricing/components/PlansSection.js

@@ -1,4 +1,4 @@
-import*as t from"react";import n from"styled-components";import{breakpoints as l}from"@redocly/theme/core/utils";import{Tooltip as P}from"@redocly/theme/components/Tooltip/Tooltip";import{Link as M}from"@redocly/theme/components/Link/Link";import{periodsList as S,seatIntervals as f,seatProPlanIntervals as k}from"../pricingData/data";import{Period as y,Plan as v,Product as g}from"../types/types";import{choosePeriod as T}from"../calculations/choosePeriod";import{plansList as L}from"../pricingData/data";import{PlanCard as z}from"./PlanCard";import{Switcher as O}from"../../calculator/components/Switcher";import{chooseProduct as N}from"../calculations/chooseProduct";import{ActiveCheckmark as A}from"../images/ActiveCheckmark";const D=(e,o,a,m)=>{let s=0;const p=!m||isNaN(m)||m<1?1:m;return o===v.PRO?a===y.YEAR?s=k[e][a]/12:s=k[e][a]:(o===v.ENTERPRISE&&(a===y.YEAR?s=f[e][a][f[e][a].findIndex(c=>p<=c.tierEnd&&p>=c.tierStart)].price/12:s=f[e][a][f[e][a].findIndex(c=>p<=c.tierEnd&&p>=c.tierStart)].price),s)},fe=({setCalculatorProperties:e,period:o,plan:a,amountSelectedProjects:m,onChange:s,onFocus:p,onBlur:c,seats:h,inputValue:b,calculatorProperties:r})=>{const E=[{name:g.REALM,subName:": All combined",gradient:["#1677FF","#08C7E0"]},{name:g.REDOC,color:"#1677FF",activeColor:"#E5F1FF",descriptionProperties:[{title:"OpenAPI",tooltip:"Render OpenAPI docs with the beauty and function of Redoc. Try it panel with Replay. Code samples generated automatically in a dozen languages."},{title:"GraphQL",tooltip:"Redoc renders GraphQL SDL files with a consistent design to OpenAPI."},{title:"AsyncAPI",tooltip:"AsyncAPI docs rendered natively\u2014just drop in your spec file."},{title:"SOAP",tooltip:"Redoc renders SOAP WSDL files with an extension. Functional but not beautiful. SOAP is outdated folks, do you really want us spending more time there?"},{title:"Mock servers",tooltip:"Mock servers are generated automatically for every OpenAPI and hosted at the same custom domain as your website."},{title:"Lint",tooltip:"Make sure API definitions are correct and enforce from a variety of rules or your own configurable rules."}]},{name:g.REVEL,color:"#735CFF",activeColor:"#EDEBFF",descriptionProperties:[{title:"Markdown docs",tooltip:"Render Markdown and Markdoc docs. You can also use our built-in Markdoc tags and create your own."},{title:"React pages",tooltip:"Render tsx and jsx files perfect for landing pages or other fancy pages. This actual web page is one of them."},{title:"Component ejections",tooltip:"Eject components (React code) to the file system in a folder where front end developers can wrap or tweak the components to meet your vision."},{title:"Localization",tooltip:"Translate your content and built-in website tokens."},{title:"Multi-product support",tooltip:"Segment your website by product, if you desire, and have separate configurations and content per product."}]},{name:g.REEF,color:"#A45CFF",activeColor:"#F1E5FF",descriptionProperties:[{title:"Catalog",linkTo:"/reef",underlined:!0,tooltip:"Catalog all the things, including your APIs. Filter by metadata."},{title:"API registry",tooltip:"This registry is automated. It recognizes APIs as they flow into the project and add to the registry automatically."},{title:"Scorecard for governance",tooltip:"Lint your APIs? This allows you to run multiple rulesets against each API. It collates the results into an interactive report some managers cannot live without."},{title:"API functions",tooltip:"Build custom backend logic (auth, data fetching, forms, and more) right inside your docs with API functions."},{title:"Markdown docs",tooltip:"Render Markdown and Markdoc docs. You can also use our built-in Markdoc tags and create your own."},{title:"Dynamic client registration",tooltip:"Want to allow customers to register a client/app, get API credentials, and request access to various API products or scopes?"}]}];return t.createElement(ie,null,t.createElement(j,{id:"selected-products"},E.map((i,x)=>t.createElement(Y,{key:x,isLastElement:E.length-1===x,isRealm:i.name===g.REALM},t.createElement(G,null,t.createElement("div",null,t.createElement(O,{height:"22px",transform:"translateX(18px)",width:"40px",right:"0",top:"0",activeColor:i.gradient?`linear-gradient(90deg, ${i.gradient[0]} 0%, ${i.gradient[1]} 100%)`:i.color,isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,onClick:()=>N(e,i.name,r.coreProducts)})),t.createElement("p",null,i.name,i.subName&&t.createElement("span",null,i.subName))),i.descriptionProperties&&i.descriptionProperties.map((d,u)=>t.createElement(Q,{key:u},d.linkTo?t.createElement(B,{to:d.linkTo,underlined:d.underlined.toString()},t.createElement(I,null,t.createElement($,{isFirst:u===0,isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,activeColor:i.color}),t.createElement(C,{isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,activeColor:i.activeColor},r.coreProducts.includes(i.name)||r.coreProducts.length===3?t.createElement(A,{fill:i.color}):t.createElement(R,null))),d.title,t.createElement(w,{src:require("../images/external.svg")})):t.createElement(q,{underlined:d.underlined},t.createElement(I,null,t.createElement($,{isFirst:u===0,isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,activeColor:i.color}),t.createElement(C,{isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,activeColor:i.activeColor},r.coreProducts.includes(i.name)||r.coreProducts.length===3?t.createElement(A,{fill:i.color}):t.createElement(R,null))),t.createElement("p",null,d.title)),d.tooltip&&t.createElement(H,{tip:d.tooltip,width:"fit-content",children:t.createElement("img",{src:require("../images/tooltip.svg"),style:{maxWidth:"14px",maxHeight:"14px"}})})))))),t.createElement(te,null,t.createElement(ee,null,t.createElement(Z,null,t.createElement("p",null,"Seats"),t.createElement(K,null,t.createElement(J,{placeholder:"40",pattern:"\\d+(\\.\\d+)?",value:b!==void 0?b:h,onChange:s,onFocus:p,onBlur:c}),t.createElement(P,{tip:"Seats count for users who have the OWNER, MEMBER, or COMMITTER roles. Additional roles such as BILLING and VIEWER are users that do not count towards your seat limits.",children:t.createElement("img",{src:require("../images/tooltip.svg"),style:{maxWidth:"14px"}})}))),t.createElement(U,null,t.createElement(_,null,S.map(i=>t.createElement(X,{key:i,onClick:()=>T(e,i,a),selected:o===i},t.createElement(F,null,i,"ly")))),o===y.MONTH&&t.createElement(W,{src:require("../images/save-one-month-badge.svg")}))),t.createElement(V,null,L.map((i,x)=>t.createElement(z,{key:x,plan:i,period:o,price:D(m,i.name,o,h),isCustom:i.name===v.ENTERPRISE_PLUS||h>500})))))},W=n.img`
+import*as t from"react";import n from"styled-components";import{breakpoints as l}from"@redocly/theme/core/utils";import{Tooltip as P}from"@redocly/theme/components/Tooltip/Tooltip";import{Link as M}from"@redocly/theme/components/Link/Link";import{periodsList as S,seatIntervals as f,seatProPlanIntervals as k}from"../pricingData/data";import{Period as y,Plan as v,Product as x}from"../types/types";import{choosePeriod as L}from"../calculations/choosePeriod";import{plansList as T}from"../pricingData/data";import{PlanCard as z}from"./PlanCard";import{Switcher as O}from"../../calculator/components/Switcher";import{chooseProduct as N}from"../calculations/chooseProduct";import{ActiveCheckmark as A}from"../images/ActiveCheckmark";const D=(e,o,a,m)=>{let s=0;const p=!m||isNaN(m)||m<1?1:m;return o===v.PRO?a===y.YEAR?s=k[e][a]/12:s=k[e][a]:(o===v.ENTERPRISE&&(a===y.YEAR?s=f[e][a][f[e][a].findIndex(c=>p<=c.tierEnd&&p>=c.tierStart)].price/12:s=f[e][a][f[e][a].findIndex(c=>p<=c.tierEnd&&p>=c.tierStart)].price),s)},fe=({setCalculatorProperties:e,period:o,plan:a,amountSelectedProjects:m,onChange:s,onFocus:p,onBlur:c,seats:h,inputValue:b,calculatorProperties:r})=>{const E=[{name:x.REALM,subName:": All combined",gradient:["#1677FF","#08C7E0"]},{name:x.REDOC,color:"#1677FF",activeColor:"#E5F1FF",descriptionProperties:[{title:"OpenAPI",tooltip:"Render OpenAPI docs with the beauty and function of Redoc. Try it panel with Replay. Code samples generated automatically in a dozen languages."},{title:"GraphQL",tooltip:"Redoc renders GraphQL SDL files with a consistent design to OpenAPI."},{title:"AsyncAPI",tooltip:"AsyncAPI docs rendered natively\u2014just drop in your spec file."},{title:"SOAP",tooltip:"Redoc renders SOAP WSDL files with an extension. Functional but not beautiful. SOAP is outdated folks, do you really want us spending more time there?"},{title:"Mock servers",tooltip:"Mock servers are generated automatically for every OpenAPI and hosted at the same custom domain as your website."},{title:"Lint",tooltip:"Make sure API definitions are correct and enforce from a variety of rules or your own configurable rules."}]},{name:x.REVEL,color:"#735CFF",activeColor:"#EDEBFF",descriptionProperties:[{title:"Markdown docs",tooltip:"Render Markdown and Markdoc docs. You can also use our built-in Markdoc tags and create your own."},{title:"React pages",tooltip:"Render tsx and jsx files perfect for landing pages or other fancy pages. This actual web page is one of them."},{title:"Component ejections",tooltip:"Eject components (React code) to the file system in a folder where front end developers can wrap or tweak the components to meet your vision."},{title:"Localization",tooltip:"Translate your content and built-in website tokens."},{title:"Multi-product support",tooltip:"Segment your website by product, if you desire, and have separate configurations and content per product."}]},{name:x.REEF,color:"#A45CFF",activeColor:"#F1E5FF",descriptionProperties:[{title:"Catalog",linkTo:"/reef",underlined:!0,tooltip:"Catalog all the things, including your APIs. Filter by metadata."},{title:"Scorecard for governance",tooltip:"Lint your APIs? This allows you to run multiple rulesets against each API. It collates the results into an interactive report some managers cannot live without."},{title:"API functions",tooltip:"Build custom backend logic (auth, data fetching, forms, and more) right inside your docs with API functions."},{title:"Markdown docs",tooltip:"Render Markdown and Markdoc docs. You can also use our built-in Markdoc tags and create your own."},{title:"Dynamic client registration",tooltip:"Want to allow customers to register a client/app, get API credentials, and request access to various API products or scopes?"}]}];return t.createElement(ie,null,t.createElement(q,{id:"selected-products"},E.map((i,g)=>t.createElement(Y,{key:g,isLastElement:E.length-1===g,isRealm:i.name===x.REALM},t.createElement(G,null,t.createElement("div",null,t.createElement(O,{height:"22px",transform:"translateX(18px)",width:"40px",right:"0",top:"0",activeColor:i.gradient?`linear-gradient(90deg, ${i.gradient[0]} 0%, ${i.gradient[1]} 100%)`:i.color,isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,onClick:()=>N(e,i.name,r.coreProducts)})),t.createElement("p",null,i.name,i.subName&&t.createElement("span",null,i.subName))),i.descriptionProperties&&i.descriptionProperties.map((d,u)=>t.createElement(Q,{key:u},d.linkTo?t.createElement(B,{to:d.linkTo,underlined:d.underlined.toString()},t.createElement($,null,t.createElement(C,{isFirst:u===0,isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,activeColor:i.color}),t.createElement(I,{isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,activeColor:i.activeColor},r.coreProducts.includes(i.name)||r.coreProducts.length===3?t.createElement(A,{fill:i.color}):t.createElement(R,null))),d.title,t.createElement(w,{src:require("../images/external.svg")})):t.createElement(j,{underlined:d.underlined},t.createElement($,null,t.createElement(C,{isFirst:u===0,isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,activeColor:i.color}),t.createElement(I,{isActive:r.coreProducts.includes(i.name)||r.coreProducts.length===3,activeColor:i.activeColor},r.coreProducts.includes(i.name)||r.coreProducts.length===3?t.createElement(A,{fill:i.color}):t.createElement(R,null))),t.createElement("p",null,d.title)),d.tooltip&&t.createElement(H,{tip:d.tooltip,width:"fit-content",children:t.createElement("img",{src:require("../images/tooltip.svg"),style:{maxWidth:"14px",maxHeight:"14px"}})})))))),t.createElement(te,null,t.createElement(ee,null,t.createElement(Z,null,t.createElement("p",null,"Seats"),t.createElement(K,null,t.createElement(J,{placeholder:"40",pattern:"\\d+(\\.\\d+)?",value:b!==void 0?b:h,onChange:s,onFocus:p,onBlur:c}),t.createElement(P,{tip:"Seats count for users who have the OWNER, MEMBER, or COMMITTER roles. Additional roles such as BILLING and VIEWER are users that do not count towards your seat limits.",children:t.createElement("img",{src:require("../images/tooltip.svg"),style:{maxWidth:"14px"}})}))),t.createElement(U,null,t.createElement(_,null,S.map(i=>t.createElement(X,{key:i,onClick:()=>L(e,i,a),selected:o===i},t.createElement(F,null,i,"ly")))),o===y.MONTH&&t.createElement(W,{src:require("../images/save-one-month-badge.svg")}))),t.createElement(V,null,T.map((i,g)=>t.createElement(z,{key:g,plan:i,period:o,price:D(m,i.name,o,h),isCustom:i.name===v.ENTERPRISE_PLUS||h>500})))))},W=n.img`
   position: absolute;
   right: 9px;
   margin-bottom: 5px;
@@ -14,14 +14,14 @@ import*as t from"react";import n from"styled-components";import{breakpoints as l
   margin-left: 8px;
   margin-top: 6px;
   align-self: center;
-`,I=n.div`
+`,$=n.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin-right: 12px;
   height: 100%;
-`,$=n.div`
+`,C=n.div`
   background: ${({isActive:e,activeColor:o})=>e?o:"var(--border-color-secondary)"};
   opacity: ${({isActive:e})=>e?"0.44":"1"};
   width: 1px;
@@ -29,7 +29,7 @@ import*as t from"react";import n from"styled-components";import{breakpoints as l
   margin-top: ${({isFirst:e})=>e&&"-4px"};
   min-height: 8px;
   max-height: 40px;
-`,C=n.div`
+`,I=n.div`
   width: 40px;
   height: 20px;
   min-height: 20px;
@@ -64,7 +64,7 @@ import*as t from"react";import n from"styled-components";import{breakpoints as l
       display: block;
     }
   }
-`,j=n.div`
+`,q=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -85,7 +85,7 @@ import*as t from"react";import n from"styled-components";import{breakpoints as l
     padding: 16px 24px 0 0;
     border-bottom: none;
   }
-`,q=n.div`
+`,j=n.div`
   display: flex;
   align-items: flex-end;
   color: var(--text-color-secondary);

package/dist/pages/pricing/pricingData/data.d.ts

@@ -28,6 +28,7 @@ export declare const plansList: ({
         aiSearch?: undefined;
         typesense?: undefined;
         analytics?: undefined;
+        mcpServers?: undefined;
         residencyOptions?: undefined;
         salesAssistance?: undefined;
         forms?: undefined;
@@ -48,6 +49,7 @@ export declare const plansList: ({
         aiSearch: boolean;
         typesense: boolean;
         analytics: boolean;
+        mcpServers: boolean;
         reunite?: undefined;
         hasHosting?: undefined;
         projects?: undefined;
@@ -82,6 +84,7 @@ export declare const plansList: ({
         aiSearch?: undefined;
         typesense?: undefined;
         analytics?: undefined;
+        mcpServers?: undefined;
     };
 })[];
 export declare const periodsList: Period[];

package/dist/pages/pricing/pricingData/data.js

@@ -1 +1 @@
-import{Period as r,Plan as o,Product as a,ProductBundle as i}from"../types/types";const l=[{title:a.REALM,description:"All combined (Redoc + Revel + Reef)",bgColor:"linear-gradient(90deg, rgba(22, 119, 255, 0.08) 0%, rgba(8, 199, 224, 0.08) 100%)",titleColor:"linear-gradient(90deg, #1677FF 0%, #08C7E0 100%)"},{title:a.REDOC,description:"Streamline API development with support for OpenAPI, GraphQL, and AsyncAPI, with mock servers and advanced linting.",bgColor:"#E5F1FF",titleColor:"#1677FF",features:["OpenAPI","GraphQL","AsyncAPI","Mock servers","Lint"]},{title:a.REVEL,description:"Showcase your APIs. Add guides. Localize. Add contextual docs. Landing pages. Multi-product support.",bgColor:"#EDEBFF",titleColor:"#735CFF",features:["Markdown docs","React pages","Component ejections","Localization","Multi-product support"]},{title:a.REEF,description:"API catalog is great for internal use cases. Scorecard for governance. API functions for custom integration capabilities.",bgColor:"#F1E5FF",titleColor:"#A45CFF",features:["API catalog","Scorecard for governance","API functions","Markdown docs","Dynamic client registration"]}],d=[{property:"reunite",name:"Reunite",tooltip:"Reunite is a full collaboration suite with Git integration, editor, visual reviews, and more."},{property:"hasHosting",name:"Custom domain hosting",tooltip:"Host your project on your custom domain"},{property:"projects",name:"Project",tooltip:"The number of projects included under this plan. Extra available for USD $49/month."},{property:"pages",name:"Pages",tooltip:"Total number of pages included across all your projects. Extra available for USD $0.12/month."},{property:"SSO",name:"SSO",tooltip:"Single Sign-On integration for streamlined and secure login"},{property:"guestSSO",name:"Guest SSO",tooltip:"Single Sign-On integration for external guest login"},{property:"RBAC",name:"RBAC",tooltip:"Role-Based Access Control to manage user permissions"},{property:"residencyOptions",name:"Data residency options",tooltip:"Choose where your data is stored to comply with regional regulations"},{property:"IPNetworkRestrictions",name:"IP network restrictions and more",tooltip:"Set IP restrictions to enhance security and control access"},{property:"salesAssistance",name:"Sales-assistance",tooltip:"Get support from our sales team for finding the best solutions for your organization"},{property:"forms",name:"Procurement forms",tooltip:"Access and submit necessary procurement documentation"},{property:"securityQuestionnaires",name:"Security questionnaires",tooltip:"Receive and complete security questionnaires to ensure compliance"},{property:"payByInvoice",name:"Pay-by-invoice / PO process",tooltip:"Flexible payment options including invoices and purchase orders"},{property:"reviews",name:"Legal reviews",tooltip:"Get assistance with legal reviews and compliance checks"},{property:"singleTenant",name:"Single-tenant hosting options",tooltip:"Opt for dedicated hosting for enhanced security and performance"},{property:"premiumSupport",name:"Premium support and professional services options",tooltip:"Access priority support and professional services for your projects"},{property:"remoteContent",name:"Remote content",tooltip:"Remote content allows you to automate sourcing content from a remote source. This is different from sourcing the entire project repository. Remote content can be sourced from Git repos, CICD push command, or a remote URL."},{property:"aiSearch",name:"AI search",tooltip:"Use AI to search your content"},{property:"typesense",name:"Typesense search",tooltip:"Use Typesense to search your content. Create additional search facets. Better relevance for search results."},{property:"apiFunctions",name:"API functions",tooltip:"Custom API endpoints for dynamic and server-side logic"},{property:"analytics",name:"Analytics",tooltip:"Get a clear picture of what users see and search for\u2014page views, search trends, and AI-powered query details"}],u=[{name:o.PRO,features:{reunite:!0,hasHosting:!0,projects:1,pages:100}},{name:o.ENTERPRISE,features:{pages:500,SSO:!0,guestSSO:!0,RBAC:!0,remoteContent:!0,aiSearch:!0,typesense:!0,analytics:!0}},{name:o.ENTERPRISE_PLUS,features:{residencyOptions:!0,salesAssistance:!0,forms:!0,securityQuestionnaires:!0,payByInvoice:!0,reviews:!0,singleTenant:!0,premiumSupport:!0}}],m=[r.MONTH,r.YEAR],n=[{tierStart:1,tierEnd:20},{tierStart:21,tierEnd:50},{tierStart:51,tierEnd:100},{tierStart:101,tierEnd:250},{tierStart:251,tierEnd:500},{tierStart:501,tierEnd:1e3},{tierStart:1001,tierEnd:1/0}],E={[i.ONE]:{[r.MONTH]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[24,21.6,19.2,16.8,15.6,14.4,13.2][t]})),[r.YEAR]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[264,237.6,211.2,184.8,171.6,158.4,145.2][t]}))},[i.TWO]:{[r.MONTH]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[48,43.2,38.4,33.6,31.2,28.8,26.4][t]})),[r.YEAR]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[528,475.2,422.4,369.6,343.2,316.8,290.4][t]}))},[i.REALM]:{[r.MONTH]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[66,59.4,52.8,46.2,42.9,39.6,36.3][t]})),[r.YEAR]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[708,653.4,580.8,508.2,471.9,435.6,399.3][t]}))}},S={[i.ONE]:{[r.MONTH]:10,[r.YEAR]:108},[i.TWO]:{[r.MONTH]:20,[r.YEAR]:216},[i.REALM]:{[r.MONTH]:28,[r.YEAR]:300}},s=[{tierStart:1,tierEnd:500},{tierStart:501,tierEnd:1/0}],p=[{tierStart:1,tierEnd:100},{tierStart:101,tierEnd:1/0}],y={[o.PRO]:{[r.MONTH]:p.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,.12][t]})),[r.YEAR]:p.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,1.44][t]}))},[o.ENTERPRISE]:{[r.MONTH]:s.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,.12][t]})),[r.YEAR]:s.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,1.44][t]}))},[o.ENTERPRISE_PLUS]:{[r.MONTH]:s.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,.12][t]})),[r.YEAR]:s.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,1.44][t]}))}},g=49,f={[o.PRO]:1,[o.ENTERPRISE]:1,[o.ENTERPRISE_PLUS]:1};export{d as featuresList,y as pageIntervals,m as periodsList,u as plansList,g as pricePerProject,l as productItems,E as seatIntervals,S as seatProPlanIntervals,f as startNumOfProjectPerPlan};
+import{Period as r,Plan as o,Product as a,ProductBundle as i}from"../types/types";const l=[{title:a.REALM,description:"All combined (Redoc + Revel + Reef)",bgColor:"linear-gradient(90deg, rgba(22, 119, 255, 0.08) 0%, rgba(8, 199, 224, 0.08) 100%)",titleColor:"linear-gradient(90deg, #1677FF 0%, #08C7E0 100%)"},{title:a.REDOC,description:"Streamline API development with support for OpenAPI, GraphQL, and AsyncAPI, with mock servers and advanced linting.",bgColor:"#E5F1FF",titleColor:"#1677FF",features:["OpenAPI","GraphQL","AsyncAPI","Mock servers","Lint"]},{title:a.REVEL,description:"Showcase your APIs. Add guides. Localize. Add contextual docs. Landing pages. Multi-product support.",bgColor:"#EDEBFF",titleColor:"#735CFF",features:["Markdown docs","React pages","Component ejections","Localization","Multi-product support"]},{title:a.REEF,description:"API catalog is great for internal use cases. Scorecard for governance. API functions for custom integration capabilities.",bgColor:"#F1E5FF",titleColor:"#A45CFF",features:["API catalog","Scorecard for governance","API functions","Markdown docs","Dynamic client registration"]}],d=[{property:"reunite",name:"Reunite",tooltip:"Reunite is a full collaboration suite with Git integration, editor, visual reviews, and more."},{property:"hasHosting",name:"Custom domain hosting",tooltip:"Host your project on your custom domain"},{property:"projects",name:"Project",tooltip:"The number of projects included under this plan. Extra available for USD $49/month."},{property:"pages",name:"Pages",tooltip:"Total number of pages included across all your projects. Extra available for USD $0.12/month."},{property:"SSO",name:"SSO",tooltip:"Single Sign-On integration for streamlined and secure login"},{property:"guestSSO",name:"Guest SSO",tooltip:"Single Sign-On integration for external guest login"},{property:"RBAC",name:"RBAC",tooltip:"Role-Based Access Control to manage user permissions"},{property:"residencyOptions",name:"Data residency options",tooltip:"Choose where your data is stored to comply with regional regulations"},{property:"IPNetworkRestrictions",name:"IP network restrictions and more",tooltip:"Set IP restrictions to enhance security and control access"},{property:"salesAssistance",name:"Sales-assistance",tooltip:"Get support from our sales team for finding the best solutions for your organization"},{property:"forms",name:"Procurement forms",tooltip:"Access and submit necessary procurement documentation"},{property:"securityQuestionnaires",name:"Security questionnaires",tooltip:"Receive and complete security questionnaires to ensure compliance"},{property:"payByInvoice",name:"Pay-by-invoice / PO process",tooltip:"Flexible payment options including invoices and purchase orders"},{property:"reviews",name:"Legal reviews",tooltip:"Get assistance with legal reviews and compliance checks"},{property:"singleTenant",name:"Single-tenant hosting options",tooltip:"Opt for dedicated hosting for enhanced security and performance"},{property:"premiumSupport",name:"Premium support and professional services options",tooltip:"Access priority support and professional services for your projects"},{property:"remoteContent",name:"Remote content",tooltip:"Remote content allows you to automate sourcing content from a remote source. This is different from sourcing the entire project repository. Remote content can be sourced from Git repos, CICD push command, or a remote URL."},{property:"aiSearch",name:"AI search",tooltip:"Use AI to search your content"},{property:"typesense",name:"Typesense search",tooltip:"Use Typesense to search your content. Create additional search facets. Better relevance for search results."},{property:"apiFunctions",name:"API functions",tooltip:"Custom API endpoints for dynamic and server-side logic"},{property:"analytics",name:"Analytics",tooltip:"Get a clear picture of what users see and search for\u2014page views, search trends, and AI-powered query details"},{property:"mcpServers",name:"MCP Servers",tooltip:"Built-in MCP server lets AI agents query your API docs at runtime \u2014 contextual, authenticated, dynamic"}],u=[{name:o.PRO,features:{reunite:!0,hasHosting:!0,projects:1,pages:100}},{name:o.ENTERPRISE,features:{pages:500,SSO:!0,guestSSO:!0,RBAC:!0,remoteContent:!0,aiSearch:!0,typesense:!0,analytics:!0,mcpServers:!0}},{name:o.ENTERPRISE_PLUS,features:{residencyOptions:!0,salesAssistance:!0,forms:!0,securityQuestionnaires:!0,payByInvoice:!0,reviews:!0,singleTenant:!0,premiumSupport:!0}}],m=[r.MONTH,r.YEAR],n=[{tierStart:1,tierEnd:20},{tierStart:21,tierEnd:50},{tierStart:51,tierEnd:100},{tierStart:101,tierEnd:250},{tierStart:251,tierEnd:500},{tierStart:501,tierEnd:1e3},{tierStart:1001,tierEnd:1/0}],E={[i.ONE]:{[r.MONTH]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[24,21.6,19.2,16.8,15.6,14.4,13.2][t]})),[r.YEAR]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[264,237.6,211.2,184.8,171.6,158.4,145.2][t]}))},[i.TWO]:{[r.MONTH]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[48,43.2,38.4,33.6,31.2,28.8,26.4][t]})),[r.YEAR]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[528,475.2,422.4,369.6,343.2,316.8,290.4][t]}))},[i.REALM]:{[r.MONTH]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[66,59.4,52.8,46.2,42.9,39.6,36.3][t]})),[r.YEAR]:n.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[708,653.4,580.8,508.2,471.9,435.6,399.3][t]}))}},S={[i.ONE]:{[r.MONTH]:10,[r.YEAR]:108},[i.TWO]:{[r.MONTH]:20,[r.YEAR]:216},[i.REALM]:{[r.MONTH]:28,[r.YEAR]:300}},s=[{tierStart:1,tierEnd:500},{tierStart:501,tierEnd:1/0}],p=[{tierStart:1,tierEnd:100},{tierStart:101,tierEnd:1/0}],y={[o.PRO]:{[r.MONTH]:p.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,.12][t]})),[r.YEAR]:p.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,1.44][t]}))},[o.ENTERPRISE]:{[r.MONTH]:s.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,.12][t]})),[r.YEAR]:s.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,1.44][t]}))},[o.ENTERPRISE_PLUS]:{[r.MONTH]:s.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,.12][t]})),[r.YEAR]:s.map((e,t)=>({tierStart:e.tierStart,tierEnd:e.tierEnd,price:[0,1.44][t]}))}},g=49,f={[o.PRO]:1,[o.ENTERPRISE]:1,[o.ENTERPRISE_PLUS]:1};export{d as featuresList,y as pageIntervals,m as periodsList,u as plansList,g as pricePerProject,l as productItems,E as seatIntervals,S as seatProPlanIntervals,f as startNumOfProjectPerPlan};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",
@@ -26,6 +26,8 @@
     "@monaco-editor/react": "^4.7.0",
     "@rebilly/lead-source-tracker": "^2.18.13",
     "@redocly/json-to-json-schema": "^0.0.1",
+    "@redocly/openapi-docs": "^3.14.1",
+    "@redocly/openapi-language-server": "^0.6.9",
     "@uiw/react-codemirror": "^4.23.12",
     "dayjs": "^1.11.13",
     "framer-motion": "^12.10.5",
@@ -58,9 +60,9 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.5",
+    "@markdoc/markdoc": "0.5.1",
     "@redocly/config": "^0.24.0",
     "@redocly/theme": "^0.53.0",
-    "@markdoc/markdoc": "0.5.1",
     "@shikijs/types": "3.4.0",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^22.15.17",
@@ -72,5 +74,13 @@
     "react-dom": "^18.3.1",
     "styled-components": ">=5.3.11",
     "typescript": "^5.8.3"
+  },
+  "overrides": {
+    "@redocly/openapi-docs": {
+      "@redocly/theme": "$@redocly/theme",
+      "@markdoc/markdoc": "$@markdoc/markdoc",
+      "react": "$react",
+      "react-dom": "$react-dom"
+    }
   }
 }

package/dist/pages/editor/services/languageServerService.js

@@ -1,3 +0,0 @@
-import{load as v}from"js-yaml";class M{constructor(){this.monaco=null,this.editor=null}initialize(n,r){this.editor=n,this.monaco=r}registerDocumentsProvider(){}createDocumentProvider(){return{getText:({start:n=0,end:r=void 0}={})=>(this.editor?.getModel()?.getValue()||"").slice(n,r),offsetAt:n=>{const r=this.editor?.getModel();return r?r.getOffsetAt({lineNumber:n.line+1,column:n.character+1}):0},positionAt:n=>{const r=this.editor?.getModel();if(!r)return{lineNumber:1,column:1};const s=r.getPositionAt(n);return{lineNumber:s.lineNumber,column:s.column}}}}registerCompletionProvider(){this.monaco&&this.monaco.languages.registerCompletionItemProvider("yaml",{triggerCharacters:[" ",`
-`,"\\","/",'"',"'"],provideCompletionItems:async(n,r)=>({suggestions:[]})})}registerDefinitionProvider(){this.monaco&&this.monaco.languages.registerDefinitionProvider("yaml",{provideDefinition:async(n,r)=>[]})}async validateContent(n,r){if(!this.editor||!this.monaco)return;const s=this.editor.getModel();if(!s)return;const o=s.getValue(),C={uri:s.uri.toString(),languageId:"yaml",version:s.getVersionId(),getText:()=>o,positionAt:e=>{const c=s.getPositionAt(e);return{line:c.lineNumber-1,character:c.column-1}},offsetAt:e=>s.getOffsetAt({lineNumber:e.line+1,column:e.character+1}),lineCount:s.getLineCount()};try{let e=[];r&&(e=e.filter(t=>t.severity!==4));let c=null;try{v(o)}catch(t){c={severity:8,message:t.reason+" Rule: struct",startLineNumber:t.mark?.line||1,startColumn:0,endLineNumber:t.mark?.line||1,endColumn:1e3},e.push(c)}const u=o.split(`
-`);u.forEach((t,i)=>{const p=t.match(/^\s*type:\s*([^\s#]+)\s*(?:#.*)?$/);if(p){const l=L(u,i),m=l?new Set(["apiKey","http","oauth2","openIdConnect"]):new Set(["string","number","integer","boolean","array","object"]),a=p[1].trim();if(!m.has(a)){const g=t.indexOf("type:")+5+2;e.push({severity:8,message:l?`Invalid security scheme type '${a}'. Allowed: apiKey, http, oauth2, openIdConnect. Rule: struct`:`Invalid schema type '${a}'. Allowed: string, number, integer, boolean, array, object. Rule: struct`,startLineNumber:i+1,startColumn:Math.max(1,g),endLineNumber:i+1,endColumn:t.length+1,source:"Custom YAML Validator"})}}const f=t.match(/^(\s*)-(\s*)$/);if(f){const l={severity:8,message:"Empty list item detected. List items should have content. Rule: struct",startLineNumber:i+1,startColumn:f[1].length+1,endLineNumber:i+1,endColumn:t.length+1,source:"Custom YAML Validator"};e.push(l)}const d=t.match(/^(\s*)([^#\s][^:]*):\s*$/);if(d&&!t.trim().endsWith(":")){const l=d[2].trim().toLowerCase();if(["version","title","description","type","format","required","default","example"].some(a=>l.includes(a))){const a={severity:8,message:"Key without value detected. This key typically requires a value. Rule: struct",startLineNumber:i+1,startColumn:d[1].length+1,endLineNumber:i+1,endColumn:t.length+1,source:"Custom YAML Validator"};e.push(a)}}const y=t.match(/^(\s*)-(\s*)(.*)$/);if(y){const[l,m,a,g]=y;if(g.trim().length>0&&a.length!==1){const b={severity:8,message:a.length===0?"Missing space after dash in list item. There should be exactly one space between the dash and content. Rule: struct":"Too many spaces after dash in list item. There should be exactly one space between the dash and content. Rule: struct",startLineNumber:i+1,startColumn:m.length+2,endLineNumber:i+1,endColumn:t.length+1,source:"Custom YAML Validator"};e.push(b)}}}),this.monaco.editor.setModelMarkers(s,"openapi-ls",e),n&&n(e,o)}catch(e){console.error("Error during validation:",e)}}setupAutoValidation(n,r){if(!this.editor)return()=>{};const s=()=>this.validateContent(n,r);s();const o=this.editor.onDidChangeModelContent(()=>{s()});return()=>o.dispose()}}function L(h,n){const s=(h[n]||"").match(/^\s*/)?.[0].length||0;for(let o=n;o>=0;o--){const e=(h[o]??"").replace(/#.*$/,"");if(!e.trim())continue;const c=e.match(/^\s*/)?.[0].length||0,u=e.match(/^\s*([A-Za-z0-9_\-]+):\s*$/);if(u&&c<s&&u[1]==="components")return!1;if(u&&c<=s){const t=u[1];if(t==="securitySchemes")return!0;if(new Set(["schemas","responses","parameters","examples","requestBodies","headers","links","callbacks","pathItems"]).has(t))return!1}}return!1}export{M as LanguageServerService};

package/dist/pages/editor/types/index.d.ts

@@ -1,66 +0,0 @@
-import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-export interface EditorPosition {
-    line: number;
-    column: number;
-}
-export interface EditorValidationUpdate {
-    errors: Monaco.editor.IMarkerData[];
-    value: string | undefined;
-}
-export interface PreviewDefinition {
-    [key: string]: any;
-}
-export interface PreviewPanelProps {
-    definition: PreviewDefinition | null;
-    rawValue: string;
-    hasRenderedOnce: boolean;
-    hasStructErrors: boolean;
-    onTemplateClick: () => void;
-    onFileLoad: (content: string, fileName: string) => void;
-    onExitFullPreview?: () => void;
-}
-export interface FileOperations {
-    handleTemplateClick: () => void;
-    handleFileLoad: (content: string, fileName: string) => void;
-    handleDownloadYaml: (value: string) => void;
-    handleDownloadJson: (value: string) => void;
-}
-export interface LayoutProps {
-    isClient: boolean;
-}
-export interface EditorLayoutProps extends LayoutProps {
-    value: string;
-    onChange: (value: string | undefined) => void;
-    onValidationUpdate: (errors: Monaco.editor.IMarkerData[], value: string | undefined) => void;
-    hideWarnings: boolean;
-    onHideWarningsChange: (hide: boolean) => void;
-    isFullPreview: boolean;
-    gotoPosition: EditorPosition | null;
-    parsedErrors: Monaco.editor.IMarkerData[];
-    onProblemClick: (line: number, column: number) => void;
-    onFileLoad: (content: string, fileName: string) => void;
-    onDownloadYaml: () => void;
-    onDownloadJson: () => void;
-    onToggleFullPreview: () => void;
-}
-export interface PreviewLayoutProps extends LayoutProps {
-    definition: PreviewDefinition | null;
-    rawValue: string;
-    hasRenderedOnce: boolean;
-    hasStructErrors: boolean;
-    onTemplateClick: () => void;
-    onFileLoad: (content: string, fileName: string) => void;
-}
-export interface FullPreviewLayoutProps extends PreviewLayoutProps {
-    onExitFullPreview: () => void;
-}
-export interface ScrollToOperationMessage {
-    type: 'scroll-to-operation';
-    operationPath: string;
-    source: 'editor' | 'preview';
-}
-export interface OperationPath {
-    path: string;
-    verb: string;
-    pointer: string;
-}

package/dist/pages/editor-preview/components/DocsRenderer.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface DocsRendererProps {
-    RedoclyOpenAPIDocs: any;
-    definition: any;
-}
-declare const DocsRenderer: React.FC<DocsRendererProps>;
-export default DocsRenderer;

package/dist/pages/editor-preview/components/DocsRenderer.js

@@ -1,4 +0,0 @@
-import e from"react";import i from"styled-components";const m=({RedoclyOpenAPIDocs:o,definition:t})=>{const r=e.useMemo(()=>({options:{routingBasePath:"/preview",disableRouter:!0,hideSidebar:!0},definition:t}),[t]);return e.createElement(n,null,e.createElement(o,{router:"memory",withCommonStyles:!0,store:r}))};var a=m;const n=i.div`
-  height: 100vh;
-  overflow: auto;
-`;export{a as default};

package/dist/pages/editor-preview/components/PreviewContent.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface PreviewContentProps {
-    RedoclyOpenAPIDocs: any;
-    safeSlugify: (value: string) => string;
-}
-declare const PreviewContent: React.FC<PreviewContentProps>;
-export default PreviewContent;

package/dist/pages/editor-preview/components/PreviewContent.js

@@ -1 +0,0 @@
-import t from"react";import{useThemeManager as i}from"../hooks/useThemeManager";import{useDefinitionManager as m}from"../hooks/useDefinitionManager";import{useCommunicationManager as a}from"../hooks/useCommunicationManager";import f from"./DocsRenderer";import c from"./EmptyState";const p=({RedoclyOpenAPIDocs:o,safeSlugify:r})=>{i();const{definition:e,lastGoodDefinition:n}=m();return a({definition:e,lastGoodDefinition:n,safeSlugify:r}),e?t.createElement(f,{RedoclyOpenAPIDocs:o,definition:e}):t.createElement(c,null)};var E=p;export{E as default};