@redocly/marketing-pages 0.1.27 → 0.1.28

package/dist/pages/editor/components/EditorPanel/EditorContent.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-import { ILanguageServerService } from '../../types';
 interface EditorContentProps {
-    languageService: ILanguageServerService;
     value: string;
     onChange: (value: string | undefined) => void;
     onValidationUpdate?: (errors: Monaco.editor.IMarkerData[], value: string | undefined) => void;

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

@@ -1 +1 @@
-import*as n from"react";import O from"@monaco-editor/react";import{useMonacoEditor as v}from"../../hooks/useMonacoEditor";import{DEFAULT_EDITOR_OPTIONS as R,EDITOR_LANGUAGE as T,EDITOR_THEMES as b}from"../../constants/editorConfig";import{useEditorCommunication as M}from"../../hooks/useEditorCommunication";const C=({languageService:l,value:o,onChange:m,onValidationUpdate:f,hideWarnings:s,isFullPreview:a,gotoPosition:r})=>{const u=n.useRef(()=>{}),{activeColorMode:E,handleEditorDidMount:d,handleEditorBeforeMount:p,editorRef:e}=v({languageService:l,onValidationUpdate:f,hideWarnings:s,onClick:t=>{u.current(t.lineNumber)}}),{scrollPreviewToOperation:i}=M({value:o,isFullPreview:a||!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(O,{language:T,theme:b[E],value:o,options:R,onChange:m,beforeMount:p,onMount:d})};var w=C;export{w 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/EditorPanel.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-import { ILanguageServerService } from '../types';
 interface EditorPanelProps {
-    languageService: ILanguageServerService;
     value: string;
     onChange: (value: string | undefined) => void;
     onValidationUpdate?: (errors: Monaco.editor.IMarkerData[], value: string | undefined) => void;

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

@@ -1 +1 @@
-import*as e from"react";import c from"./EditorPanel/EditorContent";const f=({languageService:t,value:o,onChange:n,onValidationUpdate:r,hideWarnings:i,isFullPreview:a,gotoPosition:l})=>{const[s,u]=e.useState(!1);return e.useEffect(()=>u(!0),[]),s?e.createElement(c,{languageService:t,value:o,onChange:n,onValidationUpdate:r,hideWarnings:i,isFullPreview:a,gotoPosition:l}):e.createElement("div",{style:{height:"100%",minHeight:"400px",backgroundColor:"var(--background-color, #fff)"}})};var g=f;export{g as default};
+import*as e from"react";import f from"./EditorPanel/EditorContent";const u=({value:t,onChange:o,onValidationUpdate:n,hideWarnings:r,isFullPreview:i,gotoPosition:a})=>{const[l,s]=e.useState(!1);return e.useEffect(()=>s(!0),[]),l?e.createElement(f,{value:t,onChange:o,onValidationUpdate:n,hideWarnings:r,isFullPreview:i,gotoPosition:a}):e.createElement("div",{style:{height:"100%",minHeight:"400px",backgroundColor:"var(--background-color, #fff)"}})};var d=u;export{d as default};

package/dist/pages/editor/components/Layout/EditorLayout.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-import { ILanguageServerService } from '../../types';
 interface EditorLayoutProps {
-    languageService: ILanguageServerService;
     value: string;
     onChange: (value: string | undefined) => void;
     onValidationUpdate: (errors: Monaco.editor.IMarkerData[], value: string | undefined) => void;

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

@@ -1,4 +1,4 @@
-import e from"react";import a from"styled-components";import{Panel as n,PanelGroup as h,PanelResizeHandle as y}from"react-resizable-panels";import S from"../EditorPanel";import{ProblemsPanel as k}from"../ProblemsPanel";import w from"../Toolbar";const R=({languageService:i,value:s,onChange:d,onValidationUpdate:c,hideWarnings:r,onHideWarningsChange:m,isFullPreview:u,gotoPosition:p,parsedErrors:f,onProblemClick:P,onFileLoad:b,onDownloadYaml:g,onDownloadJson:E,onToggleFullPreview:v})=>{const[l,t]=e.useState(!0),o=e.useRef(null),C=(x,z)=>{P(x,z),l&&o.current?.expand()};return e.createElement(F,{defaultSize:50,minSize:20},e.createElement(w,{onFileLoad:b,onDownloadYamlClick:g,onDownloadJsonClick:E,hideWarnings:r,onHideWarningsChange:m,onToggleFullPreview:v}),e.createElement(T,null,e.createElement(h,{direction:"vertical"},e.createElement(n,{defaultSize:95},e.createElement(S,{languageService:i,value:s,onChange:d,onValidationUpdate:c,hideWarnings:r,isFullPreview:u,gotoPosition:p})),e.createElement(y,{className:"resize-handle-horizontal",style:{display:l?"none":"block"}}),e.createElement(n,{ref:o,collapsible:!0,collapsedSize:5,defaultSize:5,minSize:20,onCollapse:t.bind(null,!0),onExpand:t.bind(null,!1)},e.createElement(k,{problems:f,onProblemClick:C,isCollapsed:l,onToggle:()=>{l?o.current?.expand():o.current?.collapse()}})))))};var N=R;const F=a(n)`
+import e from"react";import a from"styled-components";import{Panel as n,PanelGroup as z,PanelResizeHandle as h}from"react-resizable-panels";import y from"../EditorPanel";import{ProblemsPanel as k}from"../ProblemsPanel";import S from"../Toolbar";const w=({value:i,onChange:s,onValidationUpdate:d,hideWarnings:r,onHideWarningsChange:c,isFullPreview:m,gotoPosition:p,parsedErrors:u,onProblemClick:f,onFileLoad:P,onDownloadYaml:b,onDownloadJson:E,onToggleFullPreview:g})=>{const[l,t]=e.useState(!0),o=e.useRef(null),C=(v,x)=>{f(v,x),l&&o.current?.expand()};return e.createElement(R,{defaultSize:50,minSize:20},e.createElement(S,{onFileLoad:P,onDownloadYamlClick:b,onDownloadJsonClick:E,hideWarnings:r,onHideWarningsChange:c,onToggleFullPreview:g}),e.createElement(F,null,e.createElement(z,{direction:"vertical"},e.createElement(n,{defaultSize:95},e.createElement(y,{value:i,onChange:s,onValidationUpdate:d,hideWarnings:r,isFullPreview:m,gotoPosition:p})),e.createElement(h,{className:"resize-handle-horizontal",style:{display:l?"none":"block"}}),e.createElement(n,{ref:o,collapsible:!0,collapsedSize:5,defaultSize:5,minSize:20,onCollapse:t.bind(null,!0),onExpand:t.bind(null,!1)},e.createElement(k,{problems:u,onProblemClick:C,isCollapsed:l,onToggle:()=>{l?o.current?.expand():o.current?.collapse()}})))))};var J=w;const R=a(n)`
   flex: 2;
   display: flex;
   flex-direction: column;
@@ -8,8 +8,8 @@ import e from"react";import a from"styled-components";import{Panel as n,PanelGro
     --vscode-editor-background: var(--layer-color);
     --vscode-editorGutter-background: var(--layer-color);
   }
-`,T=a.div`
+`,F=a.div`
   flex: 1;
   min-height: 0;
   display: flex;
-`;export{N as default};
+`;export{J as default};

package/dist/pages/editor/components/Layout/MainLayout.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-import { ILanguageServerService } from '../../types';
 interface MainLayoutProps {
-    languageService: ILanguageServerService;
     value: string;
     onChange: (value: string | undefined) => void;
     onValidationUpdate: (errors: Monaco.editor.IMarkerData[], value: string | undefined) => void;

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

@@ -1,4 +1,4 @@
-import o from"react";import e from"styled-components";import{PanelGroup as k,PanelResizeHandle as x}from"react-resizable-panels";import z from"./EditorLayout";import E from"./PreviewLayout";const C=({languageService:a,value:n,onChange:i,onValidationUpdate:l,hideWarnings:t,onHideWarningsChange:c,isFullPreview:s,gotoPosition:d,parsedErrors:m,onProblemClick:u,onFileLoad:r,onDownloadYaml:g,onDownloadJson:h,onToggleFullPreview:v,definition:p,rawValue:y,hasRenderedOnce:b,hasStructErrors:f,onTemplateClick:w,isClient:P})=>o.createElement(L,null,o.createElement(R,{direction:"horizontal"},o.createElement(z,{languageService:a,value:n,onChange:i,onValidationUpdate:l,hideWarnings:t,onHideWarningsChange:c,isFullPreview:s,gotoPosition:d,parsedErrors:m,onProblemClick:u,onFileLoad:r,onDownloadYaml:g,onDownloadJson:h,onToggleFullPreview:v}),o.createElement(x,{className:"resize-handle"}),o.createElement(E,{definition:p,rawValue:y,hasRenderedOnce:b,hasStructErrors:f,onTemplateClick:w,onFileLoad:r,isClient:P})));var V=C;const L=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 k,Pan
   [data-component-name='Layout/PageLayout']:has(&) + div + footer {
     display: none;
   }
-`,R=e(k)`
+`,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,7 +1,2 @@
-import React from "react";
-import { ILanguageServerService } from '../types';
-interface PageProps {
-    languageService: ILanguageServerService;
-}
-export default function Page({ languageService }: PageProps): React.JSX.Element;
-export {};
+import React from 'react';
+export default function Page(): React.JSX.Element;

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

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

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

@@ -1,12 +1,12 @@
-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 g=({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(x,null,e.createElement(y,{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,onMessage:()=>{}})):e.createElement(a,null,e.createElement(l,{hasStructErrors:r}),e.createElement(v,null,"Loading..."));var w=g;const a=t.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%;
-`,x=t.div`
+`,y=t.div`
   position: absolute;
   top: 12px;
   left: 12px;
   z-index: 100;
-`,y=t(s)`
+`,g=t(s)`
   [data-component-name='Tooltip/Tooltip'] {
     z-index: 101 !important;
   }

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/editor.page.d.ts

@@ -1,13 +1,8 @@
-import React from 'react';
-import { ILanguageServerService } from './types';
+import Page from './components/Page';
 export declare const frontmatter: {
     seo: {
         title: string;
     };
     slug: string;
 };
-interface EditorPageProps {
-    languageService: ILanguageServerService;
-}
-export default function EditorPage({ languageService }: EditorPageProps): React.JSX.Element;
-export {};
+export default Page;

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

@@ -1 +1 @@
-import t from"react";import r from"./components/Page";const g={seo:{title:"Swagger Editor"},slug:"/editor"};function o({languageService:e}){return t.createElement(r,{languageService:e})}export{o as default,g 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/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,15 +1,16 @@
-import type { editor, Position } from "monaco-editor";
-import { ILanguageServerService } from "../types";
+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 {
-    languageService: ILanguageServerService;
-    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({ languageService, 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 b,useRef as r}from"react";import{useColorMode as L}from"./useColorMode";import{useThemeHooks as E}from"@redocly/theme/core/hooks";function x({languageService:f,onValidationUpdate:l,onClick:m,hideWarnings:c}){const i=r(null),n=r(null),o=r(null),{useGlobalData:p}=E(),T=p(),M=L(),h=(e,g)=>{i.current=e,n.current=g,o.current||(o.current=f),o.current.initialize(e,g);const d=o.current.setupAutoValidation(l,c);e.onMouseDown(({target:u})=>{m?.(u.position)});const s=e.getModel();if(s){const u=s.onDidChangeContent(D=>{D.changes.some(t=>t.text.includes(`
-`))&&setTimeout(()=>{const t=e.getPosition();try{const a=e.getModel();if(a&&n.current){const C=a.getLanguageId();n.current.editor.setModelLanguage(a,"plaintext"),setTimeout(()=>{n.current.editor.setModelLanguage(a,C),t&&e.setPosition(t)},10)}}catch{e.render(),e.layout(),t&&e.setPosition(t)}},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),()=>{d(),e._contentChangeDisposable&&e._contentChangeDisposable.dispose()}};return b(()=>{o.current?.setupAutoValidation(l,c)},[c]),{editorRef:i,monacoRef:n,activeColorMode:M,handleEditorDidMount:h,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/service/languageServer.d.ts

@@ -0,0 +1,55 @@
+import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
+export interface LSPosition {
+    line: number;
+    character: number;
+}
+export interface DocumentProvider {
+    _lineOffsets: number[];
+    getText: (options?: {
+        start?: number;
+        end?: number;
+    }) => string;
+    offsetAt: (position: LSPosition) => number;
+    positionAt: (offset: number) => LSPosition;
+    lineCount: number;
+}
+export interface ValidationCallback {
+    (errors: Monaco.editor.IMarkerData[], value: string): void;
+}
+/**
+ * Service class to handle OpenAPI Language Server integration
+ */
+export declare class LanguageServerService {
+    private languageServer;
+    private monaco;
+    private editor;
+    constructor();
+    /**
+     * Initialize the language server with Monaco editor instance
+     */
+    initialize(editor: Monaco.editor.IStandaloneCodeEditor, monaco: typeof Monaco): void;
+    /**
+     * Register documents provider for the language server
+     */
+    private registerDocumentsProvider;
+    /**
+     * Create document provider for current editor content
+     */
+    private createDocumentProvider;
+    /**
+     * Register completion item provider
+     */
+    private registerCompletionProvider;
+    /**
+     * Register definition provider
+     */
+    private registerDefinitionProvider;
+    /**
+     * Get OpenAPI validation diagnostics
+     */
+    validateContent(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): Promise<void>;
+    /**
+     * Setup automatic validation on content changes
+     */
+    setupAutoValidation(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): () => 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.1.0\ninfo:\n  title: Sample API\n  version: 1.0.0\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  - oauth2ClientCredentials:\n      - resources:read\n      - resources:write\npaths:\n  /health:\n    get:\n      tags:\n        - Health\n      summary: Check service health\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      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      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      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      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    oauth2ClientCredentials:\n      type: oauth2\n      description: OAuth2 Client Credentials Grant.\n      flows:\n        clientCredentials:\n          tokenUrl: https://auth.example.com/oauth2/token\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 (RFC 7807).\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 of the problem.\n          example: The resource with ID 'xyz' could not be 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";
+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

@@ -2,6 +2,8 @@ const e=`openapi: 3.1.0
 info:
   title: Sample API
   version: 1.0.0
+  contact:
+    email: team@redocly.com
   description: |
     Welcome to the Resources API, a robust and efficient service for managing your data.
     ### Overview
@@ -20,7 +22,7 @@ tags:
   - name: Resources
     description: Operations to manage resources.
 security:
-  - oauth2ClientCredentials:
+  - OAuth2AuthCode:
       - resources:read
       - resources:write
 paths:
@@ -29,6 +31,7 @@ paths:
       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:
@@ -53,6 +56,7 @@ paths:
       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'
@@ -75,6 +79,7 @@ paths:
       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
@@ -109,6 +114,7 @@ paths:
         - 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.
@@ -127,6 +133,7 @@ paths:
         - Resources
       summary: Delete a resource
       operationId: deleteResourceById
+      description: Permanently deletes a resource. This action cannot be undone.
       responses:
         '204':
           description: Resource deleted successfully.
@@ -139,12 +146,14 @@ paths:
 
 components:
   securitySchemes:
-    oauth2ClientCredentials:
+    OAuth2AuthCode:
       type: oauth2
       description: OAuth2 Client Credentials Grant.
       flows:
-        clientCredentials:
+        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
@@ -200,7 +209,7 @@ components:
         - name
     ProblemJson:
       type: object
-      description: A problem details object (RFC 7807).
+      description: A problem details object as defined in RFC 9457.
       properties:
         type:
           type: string
@@ -219,8 +228,8 @@ components:
           example: 404
         detail:
           type: string
-          description: A human-readable explanation specific to this occurrence of the problem.
-          example: The resource with ID 'xyz' could not be found.
+          description: A human-readable explanation specific to this occurrence.
+          example: The resource with ID xyz was not found.
         instance:
           type: string
           format: uri-reference

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,9 +1,8 @@
 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: (path: string, method?: string) => void;
 };

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

@@ -1 +1 @@
-import{useEffect as l}from"react";import{extractOperationFromButton as y}from"../utils/html";const C=({definition:f,lastGoodDefinition:h,safeSlugify:d})=>{const s=t=>{const e=f||h;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 v=r.tags?.[0],P=v?d(v)+"/":"";let i="";if(r?.operationId?i="/preview/"+P+d(r.operationId):i="/preview/"+P+"paths/"+d(o)+"/"+n.toLowerCase(),i&&i!==window.location.pathname){window.history.replaceState({},"",i);const a=n.toLowerCase(),w=o,g=()=>{const E=document.querySelectorAll('button[data-component-name="Button/Button"]');for(const c of E){const u=y(c);if(u&&u.path===w&&u.method.toLowerCase()===a)return c.click(),!0}return!1};let p=g();p||[0,100,300,800].forEach(c=>{setTimeout(()=>{p||(p=g())},c)})}else i||console.warn("[EditorPreview] could not compute url for pointer:",t)},m=(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,h]),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=y(n);r&&m(r.path,r.method)}};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}},[]),{scrollToPointer:s,scrollToOperationInEditor:m}};export{C 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",
@@ -26,6 +26,7 @@
     "@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",
@@ -73,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/service/baseLanguageService.d.ts

@@ -1,27 +0,0 @@
-import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-import { ValidationCallback } from '../types';
-/**
- * Base language service with Monaco editor integration
- * This handles all browser-compatible logic
- */
-export declare abstract class BaseLanguageService {
-    protected monaco: typeof Monaco | null;
-    protected editor: Monaco.editor.IStandaloneCodeEditor | null;
-    /**
-     * Initialize the language server with Monaco editor instance
-     */
-    initialize(editor: Monaco.editor.IStandaloneCodeEditor, monaco: typeof Monaco): void;
-    /**
-     * Validate content and return diagnostics
-     * Subclasses should override this to add their own validation
-     */
-    protected getValidationDiagnostics(model: Monaco.editor.ITextModel): Promise<Monaco.editor.IMarkerData[]>;
-    /**
-     * Validate content with YAML and custom validation
-     */
-    validateContent(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): Promise<void>;
-    /**
-     * Setup automatic validation on content changes
-     */
-    setupAutoValidation(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): () => void;
-}

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

@@ -1 +0,0 @@
-import{validateYAML as c,createYAMLErrorMarker as d}from"./yamlValidation";class g{constructor(){this.monaco=null,this.editor=null}initialize(t,e){this.editor=t,this.monaco=e,typeof globalThis.__dirname>"u"&&(globalThis.__dirname=".")}async getValidationDiagnostics(t){return[]}async validateContent(t,e){if(!this.editor||!this.monaco)return;const i=this.editor.getModel();if(!i)return;const o=i.getValue();try{const r=(await this.getValidationDiagnostics(i)).filter(n=>e?n.severity!==this.monaco.MarkerSeverity.Warning:!0).sort((n,l)=>l.severity-n.severity),s=c(o);!s.isValid&&s.error&&r.push(d(s.error,this.monaco)),this.monaco.editor.setModelMarkers(i,"language-service",r),t&&t(r,o)}catch(a){console.error("Error during validation:",a)}}setupAutoValidation(t,e){if(!this.editor)return()=>{};const i=()=>this.validateContent(t,e);i();const o=this.editor.onDidChangeModelContent(()=>{i()});return()=>{o.dispose()}}}export{g as BaseLanguageService};

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

@@ -1,3 +0,0 @@
-export * from './baseLanguageService';
-export * from './monacoIntegration';
-export * from './yamlValidation';

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

@@ -1 +0,0 @@
-export*from"./baseLanguageService";export*from"./monacoIntegration";export*from"./yamlValidation";

package/dist/pages/editor/service/monacoIntegration.d.ts

@@ -1,62 +0,0 @@
-import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-/**
- * Monaco-specific utilities that don't depend on language server
- */
-export interface LSPosition {
-    line: number;
-    character: number;
-}
-export interface DocumentProvider {
-    _lineOffsets: number[];
-    getText: (options?: {
-        start?: number;
-        end?: number;
-    }) => string;
-    offsetAt: (position: LSPosition) => number;
-    positionAt: (offset: number) => LSPosition;
-    lineCount: number;
-}
-/**
- * Create document provider for Monaco editor content
- */
-export declare function createDocumentProvider(editor: Monaco.editor.IStandaloneCodeEditor | null): DocumentProvider & {
-    _lineOffsets: number[];
-};
-/**
- * Map language server severity to Monaco severity
- */
-export declare function mapSeverityToMonaco(severity: number, monaco: typeof Monaco): Monaco.MarkerSeverity;
-/**
- * Convert language server position to Monaco position
- */
-export declare function lsPositionToMonaco(position: {
-    line: number;
-    character: number;
-}): {
-    lineNumber: number;
-    column: number;
-};
-/**
- * Convert Monaco position to language server position
- */
-export declare function monacoPositionToLS(position: Monaco.IPosition): {
-    line: number;
-    character: number;
-};
-/**
- * Convert language server range to Monaco range
- */
-export declare function lsRangeToMonaco(range: {
-    start: {
-        line: number;
-        character: number;
-    };
-    end: {
-        line: number;
-        character: number;
-    };
-}, monaco: typeof Monaco): Monaco.Range;
-/**
- * Map completion item kind from language server to Monaco
- */
-export declare function mapCompletionKind(kind: any, monaco: typeof Monaco): Monaco.languages.CompletionItemKind;

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

@@ -1,2 +0,0 @@
-function o(e){const t=e?.getModel();return{_lineOffsets:[],get lineCount(){return t?.getLineCount()||0},getText:({start:r=0,end:n=void 0}={})=>(e?.getModel()?.getValue()||"").slice(r,n),offsetAt(r){const n=this.getText();this._lineOffsets=[0];for(let i=0;i<n.length;i++)n[i]===`
-`&&this._lineOffsets.push(i+1);return t?t.getOffsetAt({lineNumber:r.line+1,column:r.character+1}):0},positionAt:r=>{if(!t)return{line:1,character:1};const n=t.getPositionAt(r);return{line:n.lineNumber,character:n.column}}}}function u(e,t){return{1:t.MarkerSeverity.Error,2:t.MarkerSeverity.Warning,3:t.MarkerSeverity.Info,4:t.MarkerSeverity.Hint}[e]||t.MarkerSeverity.Error}function l(e){return{lineNumber:e.line+1,column:e.character+1}}function a(e){return{line:e.lineNumber-1,character:e.column-1}}function c(e,t){return new t.Range(e.start.line+1,e.start.character+1,e.end.line+1,e.end.character+1)}function s(e,t){return t.languages.CompletionItemKind[e]||t.languages.CompletionItemKind.Text}export{o as createDocumentProvider,l as lsPositionToMonaco,c as lsRangeToMonaco,s as mapCompletionKind,u as mapSeverityToMonaco,a as monacoPositionToLS};

package/dist/pages/editor/service/yamlValidation.d.ts

@@ -1,21 +0,0 @@
-import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-export interface YAMLValidationResult {
-    isValid: boolean;
-    error?: {
-        message: string;
-        line: number;
-        column: number;
-    };
-}
-/**
- * Parse YAML and validate it's a valid OpenAPI/Swagger specification
- */
-export declare function validateYAML(content: string): YAMLValidationResult;
-/**
- * Create Monaco marker from YAML validation error
- */
-export declare function createYAMLErrorMarker(error: {
-    message: string;
-    line: number;
-    column: number;
-}, monaco: typeof Monaco): Monaco.editor.IMarkerData;

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

@@ -1 +0,0 @@
-import{load as n}from"js-yaml";function t(r){try{const e=n(r);return r.trim()===""?{isValid:!0}:typeof e!="object"||e===null||(e.openapi===void 0||!e.openapi.match(/^3\.[0,1]\.\d+$/))&&(e.swagger===void 0||!e.swagger.match(/^2\.[0,1]\.\d+$/))?{isValid:!1,error:{message:"Not an OpenAPI or Swagger specification. Only OpenAPI 3.0.x and Swagger 2.0.x are supported. Rule: struct",line:1,column:1}}:{isValid:!0}}catch(e){return{isValid:!1,error:{message:(e.reason||e.message)+" Rule: struct",line:e.mark?.line||1,column:e.mark?.column||0}}}}function i(r,e){return{severity:e.MarkerSeverity.Error,message:r.message,startLineNumber:r.line,startColumn:r.column,endLineNumber:r.line,endColumn:1e3}}export{i as createYAMLErrorMarker,t as validateYAML};

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

@@ -1,90 +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;
-}
-export interface ValidationCallback {
-    (errors: Monaco.editor.IMarkerData[], value: string): void;
-}
-export interface ILanguageServerService {
-    /**
-     * Initialize the language server with Monaco editor instance
-     * @param editor - Monaco editor instance
-     * @param monaco - Monaco editor API
-     */
-    initialize(editor: Monaco.editor.IStandaloneCodeEditor, monaco: typeof Monaco): void;
-    /**
-     * Validate OpenAPI content and provide diagnostics
-     * @param onValidationUpdate - Optional callback for validation updates
-     * @param hideWarnings - Whether to hide warnings from validation results
-     */
-    validateContent(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): Promise<void>;
-    /**
-     * Setup automatic validation on content changes
-     * @param onValidationUpdate - Optional callback for validation updates
-     * @param hideWarnings - Whether to hide warnings from validation results
-     * @returns Cleanup function to dispose the validation listener
-     */
-    setupAutoValidation(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): () => void;
-}

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};