@redocly/marketing-pages 0.1.25 → 0.1.27

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

@@ -1,6 +1,8 @@
 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 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 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};

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

@@ -1,6 +1,8 @@
 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 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};
+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};

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

@@ -1,6 +1,8 @@
 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 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)`
+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)`
   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);
   }
-`,F=a.div`
+`,T=a.div`
   flex: 1;
   min-height: 0;
   display: flex;
-`;export{J as default};
+`;export{N as default};

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

@@ -1,6 +1,8 @@
 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 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 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`
   display: flex;
   flex-direction: column;
   height: calc(100vh - var(--navbar-height));
@@ -9,7 +9,7 @@ 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)`
+`,R=e(k)`
   display: flex;
   flex-grow: 1;
   height: 100%;

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

@@ -1,2 +1,7 @@
 import React from "react";
-export default function Page(): React.JSX.Element;
+import { ILanguageServerService } from '../types';
+interface PageProps {
+    languageService: ILanguageServerService;
+}
+export default function Page({ languageService }: PageProps): React.JSX.Element;
+export {};

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

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,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`
   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 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`
   position: relative;
   height: 100%;
-`,g=n(s)`
+`,x=t.div`
   position: absolute;
   top: 12px;
   left: 12px;
-  z-index: 30;
-`,y=n.div`
+  z-index: 100;
+`,y=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/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.d.ts

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

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

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

@@ -1,10 +1,12 @@
 import type { editor, Position } from "monaco-editor";
+import { ILanguageServerService } from "../types";
 export interface MonacoEditorOptions {
+    languageService: ILanguageServerService;
     onValidationUpdate?: (errors: editor.IMarkerData[], value: string) => void;
     onClick?: (position: Position) => void;
     hideWarnings?: boolean;
 }
-export declare function useMonacoEditor({ onValidationUpdate, onClick, hideWarnings }: MonacoEditorOptions): {
+export declare function useMonacoEditor({ languageService, onValidationUpdate, onClick, hideWarnings }: MonacoEditorOptions): {
     editorRef: import("react").MutableRefObject<editor.IStandaloneCodeEditor | null>;
     monacoRef: import("react").MutableRefObject<null>;
     activeColorMode: string;

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

@@ -1,2 +1,2 @@
-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 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};

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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1 @@
+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

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

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

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

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

@@ -0,0 +1,62 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1 @@
+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/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  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";

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

@@ -1,22 +1,232 @@
-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.
+  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:
+  - oauth2ClientCredentials:
+      - resources:read
+      - resources:write
 paths:
-  /example:
+  /health:
     get:
-      summary: Example endpoint
-      description: This is a sample endpoint.
+      tags:
+        - Health
+      summary: Check service health
+      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
+      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
+      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
+      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
+      responses:
+        '204':
+          description: Resource deleted successfully.
+        '404':
+          description: Resource not found.
+          content:
+            application/problem+json:
+              schema:
+                $ref: '#/components/schemas/ProblemJson'
+
+components:
+  securitySchemes:
+    oauth2ClientCredentials:
+      type: oauth2
+      description: OAuth2 Client Credentials Grant.
+      flows:
+        clientCredentials:
+          tokenUrl: https://auth.example.com/oauth2/token
+          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 (RFC 7807).
+      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 of the problem.
+          example: The resource with ID 'xyz' could not be 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/types/index.d.ts

@@ -64,3 +64,27 @@ export interface OperationPath {
     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/hooks/useCommunicationManager.d.ts

@@ -5,6 +5,6 @@ interface UseCommunicationManagerProps {
 }
 export declare const useCommunicationManager: ({ definition, lastGoodDefinition, 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 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};

package/dist/pages/learning-center/components/TopLearnBlock.js

@@ -65,6 +65,7 @@ import*as e from"react";import t from"styled-components";import{breakpoints as n
   align-items: center;
   gap: 24px;
   margin-top: 48px;
+  position: relative;
 
   @media screen and (min-width: ${n.small}) {
     margin-top: 104px;

package/dist/pages/learning-center/learn.page.js

@@ -1,8 +1,9 @@
-import e from"react";import r from"styled-components";import{Box as i}from"../../ui/Box";import{breakpoints as t}from"@redocly/theme/core/utils";import{TopLearnBlock as n,CardsBlock as o,BottomLearnBlock as p}from"./components";const u={seo:{title:"Learn"},slug:"/learn"};function f({cards:a}){return e.createElement(d,{backgroundColor:"var(--bg-color)",width:"100vw",height:"fit-content",position:"relative"},e.createElement(l,null),e.createElement(n,null),e.createElement(o,{cards:a}),e.createElement(p,null))}const l=r.div`
+import e from"react";import r from"styled-components";import{Box as a}from"../../ui/Box";import{breakpoints as t}from"@redocly/theme/core/utils";import{TopLearnBlock as i,CardsBlock as o,BottomLearnBlock as p}from"./components";const u={seo:{title:"Learn"},slug:"/learn"};function f({cards:n}){return e.createElement(d,{backgroundColor:"var(--bg-color)",width:"100vw",height:"fit-content",position:"relative"},e.createElement(l,null),e.createElement(i,null),e.createElement(o,{cards:n}),e.createElement(p,null))}const l=r.div`
   position: absolute;
   max-width: 1384px;
   width: -webkit-fill-available;
   height: 100%;
+  pointer-events: none;
   
   background-image: url(${require("./images/hero-img.svg")});
   background-position: top;
@@ -11,9 +12,10 @@ import e from"react";import r from"styled-components";import{Box as i}from"../..
   .dark & {
     background-image: url(${require("./images/hero-img-dark.svg")});
   }
-`,d=r(i)`
+`,d=r(a)`
   display: flex;
   align-items: center;
+  position: relative;
   flex-direction: column;
   gap: 24px;
   padding: 0 16px 64px 16px;

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.25",
+  "version": "0.1.27",
   "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-language-server": "^0.6.9",
     "@uiw/react-codemirror": "^4.23.12",
     "dayjs": "^1.11.13",
     "framer-motion": "^12.10.5",
@@ -58,9 +59,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",

package/dist/hooks/useSendRudderstackEvent.d.ts

@@ -1,10 +0,0 @@
-type EventPayload = {
-    type: string;
-    data: any;
-    origin: string;
-};
-export declare function useTrackEvent(): {
-    sendEvent: (eventPayload: EventPayload) => void;
-    setRudderanalytics: import("react").Dispatch<any>;
-};
-export {};

package/dist/hooks/useSendRudderstackEvent.js

@@ -1 +0,0 @@
-import{useCallback as p,useState as l}from"react";import{ulid as m}from"ulid";function j(){const[e,t]=l(null);return{sendEvent:p(o=>{if(e){const s=v(o,e);e.track(o.type,s)}else console.warn("Failed to send event to Rudderstack.")},[e]),setRudderanalytics:t}}const v=({type:e,data:t,origin:n},o)=>{const s=`evt_${m().toLowerCase()}`,r=g(n,o),c=r.uri,i=t.map(({id:u,object:a,uri:d})=>({id:u,object:a,uri:d}));return{specversion:"1.0",id:s,type:`com.redocly.${e}`,source:c,sourceDetails:r,datacontenttype:"application/json; charset=utf-8",object:"event",origin:"marketing-site-project",data:t,subjects:i,sessionId:o.getSessionId()??void 0,time:new Date().toISOString()}},g=(e,t)=>{const n=t.getAnonymousId();return{id:n,object:"anonymous",uri:`${e}/anonymous/${n}`}};export{j as useTrackEvent};

package/dist/pages/editor/services/languageServerService.d.ts

@@ -1,52 +0,0 @@
-import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-export interface LSPosition {
-    line: number;
-    character: number;
-}
-export interface DocumentProvider {
-    getText: (options?: {
-        start?: number;
-        end?: number;
-    }) => string;
-    offsetAt: (position: LSPosition) => number;
-    positionAt: (offset: number) => Monaco.IPosition;
-}
-export interface ValidationCallback {
-    (errors: Monaco.editor.IMarkerData[], value: string): void;
-}
-/**
- * Service class to handle OpenAPI Language Server integration
- */
-export declare class LanguageServerService {
-    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;
-    /**
-     * Validate OpenAPI content and provide diagnostics
-     */
-    validateContent(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): Promise<void>;
-    /**
-     * Setup automatic validation on content changes
-     */
-    setupAutoValidation(onValidationUpdate?: ValidationCallback, hideWarnings?: boolean): () => void;
-}

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