@redocly/marketing-pages 0.1.28 → 0.1.30

package/dist/components/Blog/FeaturedClassics.js

@@ -1,11 +1,11 @@
-import t,{useMemo as a}from"react";import{linearGradient as m}from"polished";import s from"styled-components";import{PrimaryPostCard as l}from"./PrimaryPostCard";import{GridSection as d,MediaBox as p,Skewed as c}from"../PositionItems";import{TextGradient as f}from"../TextGradient/TextGradient";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as u}from"@redocly/theme/core/hooks";const G=()=>{const{usePageSharedData:o}=u(),{posts:r}=o("blog-posts"),i=["Using Redocly tools for better OpenAPI development","Build rich developer experiences with Markdown in OpenAPI","What's an API?"],n=a(()=>r.filter(({title:e})=>i.includes(e)),[r]);return t.createElement(c,{angle:0,bg:m({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetTop:"-300px",offsetBottom:"-200px"},t.createElement(p,{mb:6},t.createElement(h,null,"Featured classics"),t.createElement(d,{gridTemplateColumns:{base:"1fr",medium:"repeat(3, 1fr)"},justifyItems:{base:"center"},gridGap:{base:"5rem"}},n.map(e=>t.createElement(l,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,date:e.date,author:e.author})))))},h=s(f)`
+import t,{useMemo as s}from"react";import{linearGradient as l}from"polished";import m from"styled-components";import{PrimaryPostCard as c}from"./PrimaryPostCard";import{GridSection as d,MediaBox as f,Skewed as u}from"../PositionItems";import{TextGradient as p}from"../TextGradient/TextGradient";import{breakpoints as h}from"@redocly/theme/core/utils";import{useThemeHooks as g}from"@redocly/theme/core/hooks";const k=()=>{const{usePageSharedData:i}=g(),{posts:o}=i("blog-posts"),r=["Redocly Premium vs Open Source Features","Open-sourcing Redocly\u2019s unique approach to dogfooding","API documentation essentials","Using Redocly tools for better OpenAPI development","Build rich developer experiences with Markdown in OpenAPI","llms.txt is overhyped","Redocly Launches New API Tools Suite","The rise of interactive documentation","My favorite new features","Rethinking sub-resources in API design","What's an API?","API Governance: Shift-Left to Save Money and Accelerate Velocity","Learn OpenAPI in a day"],n=s(()=>[...o.filter(({title:a})=>r.includes(a))].sort(()=>Math.random()-.5).slice(0,3),[o]);return t.createElement(u,{angle:0,bg:l({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetTop:"-300px",offsetBottom:"-200px"},t.createElement(f,{mb:6},t.createElement(y,null,"Featured classics"),t.createElement(d,{gridTemplateColumns:{base:"1fr",medium:"repeat(3, 1fr)"},justifyItems:{base:"center"},gridGap:{base:"5rem"}},n.map(e=>t.createElement(c,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,date:e.date,author:e.author})))))},y=m(p)`
   font-size: 28px;
   line-height: 30px;
   font-family: var(--font-family);
   font-weight: 600;
 
-  @media screen and (min-width: ${g.medium}) {
+  @media screen and (min-width: ${h.medium}) {
     font-size: 40px;
     line-height: 48px;
   }
-`;export{G as FeaturedClassics};
+`;export{k as FeaturedClassics};

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

@@ -18,5 +18,5 @@ interface EditorLayoutProps {
     onDownloadJson: () => void;
     onToggleFullPreview: () => void;
 }
-declare const EditorLayout: React.FC<EditorLayoutProps>;
+declare const EditorLayout: React.ForwardRefExoticComponent<EditorLayoutProps & React.RefAttributes<any>>;
 export default EditorLayout;

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

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

@@ -7,6 +7,8 @@ interface PreviewLayoutProps {
     onTemplateClick: () => void;
     onFileLoad: (content: string, fileName: string) => void;
     isClient: boolean;
+    isFullPreview: boolean;
+    onExitFullPreview?: () => void;
 }
 declare const PreviewLayout: React.FC<PreviewLayoutProps>;
 export default PreviewLayout;

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

@@ -1,7 +1,7 @@
-import e from"react";import p from"styled-components";import{Panel as d}from"react-resizable-panels";import m from"../PreviewPanel";const c=({definition:r,rawValue:o,hasRenderedOnce:t,hasStructErrors:i,onTemplateClick:a,onFileLoad:l,isClient:n})=>e.createElement(s,{defaultSize:50,minSize:20,collapsible:!0,collapsedSize:0},n&&e.createElement(m,{definition:r,rawValue:o,hasRenderedOnce:t,hasStructErrors:i,onTemplateClick:a,onFileLoad:l}));var P=c;const s=p(d)`
+import e from"react";import s from"styled-components";import{Panel as c}from"react-resizable-panels";import f from"../PreviewPanel";const o=e.memo(({definition:i,rawValue:t,hasRenderedOnce:a,hasStructErrors:l,onTemplateClick:n,onFileLoad:m,isClient:p,isFullPreview:r,onExitFullPreview:d})=>e.createElement(u,{defaultSize:r?100:50,minSize:20,collapsible:!0,collapsedSize:0},p&&e.createElement(f,{definition:i,rawValue:t,hasRenderedOnce:a,hasStructErrors:l,onTemplateClick:n,onFileLoad:m,onExitFullPreview:d,isFullPreview:r})));o.displayName="PreviewLayout";var y=o;const u=s(c)`
   flex: 3;
   position: relative;
   border-left: 1px solid var(--border-color-primary);
   --sidebar-width: 0px;
   --panel-gap-horizontal: var(--spacing-md);
-`;export{P as default};
+`;export{y as default};

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

@@ -1 +1,39 @@
-import e from"react";import{useEditorState as L}from"../hooks/useEditorState";import{useOpenApiValidation as T}from"../hooks/useOpenApiValidation";import{useFileOperations as W}from"../hooks/useFileOperations";import H from"./Layout/MainLayout";import J from"./Layout/FullPreviewLayout";function Y(){const[r,p]=e.useState(!1),[s,d]=e.useState(!1);e.useEffect(()=>p(!0),[]);const{value:o,setValue:u,validatedValue:w,setValidatedValue:C,setValidationErrors:c,setFileName:E,parsedErrors:F,hasStructErrors:a,hideWarnings:P,setHideWarnings:g}=L(),{definition:t,hasRenderedOnce:f,setHasRenderedOnce:V}=T({validatedValue:w,hasStructErrors:a}),m=e.useRef(null);e.useEffect(()=>{t&&(m.current=t)},[t]);const h=t||m.current,[v,D]=e.useState(null),n=W({setValue:u,setFileName:E,setHasRenderedOnce:V,setValidationErrors:c}),R=(i,l)=>{c(i),C(l)},O=(i,l)=>{D({line:i,column:l})},S=()=>n.handleDownloadYaml(o),k=()=>n.handleDownloadJson(o);return s?e.createElement(J,{definition:h,rawValue:o,hasRenderedOnce:f,hasStructErrors:a,onTemplateClick:n.handleTemplateClick,onFileLoad:n.handleFileLoad,onExitFullPreview:()=>d(!1),isClient:r}):e.createElement(H,{value:o,onChange:u,onValidationUpdate:R,hideWarnings:P,onHideWarningsChange:g,isFullPreview:s,gotoPosition:v,parsedErrors:F,onProblemClick:O,onFileLoad:n.handleFileLoad,onDownloadYaml:S,onDownloadJson:k,onToggleFullPreview:()=>d(!0),definition:h,rawValue:o,hasRenderedOnce:f,hasStructErrors:a,onTemplateClick:n.handleTemplateClick,isClient:r})}export{Y as default};
+import e from"react";import m from"styled-components";import{useEditorState as S}from"../hooks/useEditorState";import{useOpenApiValidation as T}from"../hooks/useOpenApiValidation";import{useFileOperations as H}from"../hooks/useFileOperations";import{PanelGroup as W,PanelResizeHandle as G}from"react-resizable-panels";import J from"./Layout/PreviewLayout";import Y from"./Layout/EditorLayout";function I(){const[p,g]=e.useState(!1),[r,d]=e.useState(!1),l=e.useRef(null);e.useEffect(()=>g(!0),[]);const{value:a,setValue:c,validatedValue:v,setValidatedValue:u,setValidationErrors:t,setFileName:b,parsedErrors:w,hasStructErrors:h,hideWarnings:P,setHideWarnings:k}=S(),{definition:n,hasRenderedOnce:E,setHasRenderedOnce:C}=T({validatedValue:v,hasStructErrors:h}),f=e.useRef(null);e.useEffect(()=>{n&&(f.current=n)},[n]);const F=n||f.current,[y,z]=e.useState(null),o=H({setValue:c,setFileName:b,setHasRenderedOnce:C,setValidationErrors:t}),x=e.useCallback((i,s)=>{t(i),u(s)},[t,u]),R=e.useCallback((i,s)=>{z({line:i,column:s})},[]),V=e.useCallback(()=>o.handleDownloadYaml(a),[o,a]),D=e.useCallback(()=>o.handleDownloadJson(a),[o,a]),L=e.useCallback(()=>d(!0),[]),O=e.useCallback(()=>d(!1),[]);return e.useEffect(()=>{l.current&&(r?l.current.collapse():l.current.expand())},[r]),e.createElement(N,null,e.createElement(U,{direction:"horizontal"},e.createElement(Y,{ref:l,value:a,onChange:c,onValidationUpdate:x,hideWarnings:P,onHideWarningsChange:k,isFullPreview:r,gotoPosition:y,parsedErrors:w,onProblemClick:R,onFileLoad:o.handleFileLoad,onDownloadYaml:V,onDownloadJson:D,onToggleFullPreview:L}),e.createElement(G,{className:"resize-handle",style:{display:r?"none":"block"}}),e.createElement(J,{definition:F,rawValue:a,hasRenderedOnce:E,hasStructErrors:h,onTemplateClick:o.handleTemplateClick,onFileLoad:o.handleFileLoad,isClient:p,isFullPreview:r,onExitFullPreview:O})))}const N=m.div`
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - var(--navbar-height));
+
+  background-color: var(--bg-color);
+  color: var(--text-color-primary);
+
+  [data-component-name='Layout/PageLayout']:has(&) + div + footer {
+    display: none;
+  }
+`,U=m(W)`
+  display: flex;
+  flex-grow: 1;
+  height: 100%;
+  overflow: visible;
+
+  .resize-handle {
+    width: 4px;
+    background-color: var(--border-color-primary);
+    cursor: col-resize;
+    transition: background-color 0.2s ease;
+  }
+
+  .resize-handle[data-resize-handle-state="hover"] {
+    background-color: var(--color-blue-4);
+  }
+
+  .resize-handle-horizontal {
+    height: 4px;
+    background-color: var(--border-color-primary);
+    cursor: row-resize;
+    transition: background-color 0.2s ease;
+  }
+
+  .resize-handle-horizontal[data-resize-handle-state="hover"] {
+    background-color: var(--color-blue-4);
+  }
+`;export{I as default};

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

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

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

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

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

@@ -7,6 +7,7 @@ interface PreviewPanelProps {
     onTemplateClick: () => void;
     onFileLoad: (content: string, fileName: string) => void;
     onExitFullPreview?: () => void;
+    isFullPreview?: boolean;
 }
 declare const PreviewPanel: React.FC<PreviewPanelProps>;
 export default PreviewPanel;

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

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

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

@@ -1 +1 @@
-import{dump as c,load as e}from"js-yaml";import{downloadFile as s}from"../utils/download";import{defaultOpenapiTemplate as p}from"../templates/defaultOpenapiTemplate";function C(i){const{setValue:a,setFileName:d,setHasRenderedOnce:l,setValidationErrors:r}=i;return{handleFileLoad:(o,n)=>{a(o),d(n),l(!1),r([])},handleTemplateClick:()=>{a(p),l(!1),r([])},handleDownloadYaml:o=>{let n=o;try{if(o.trim().startsWith("{")){const t=JSON.parse(o);n=c(t)}else e(o),n=o}catch{try{e(o),n=o}catch{alert("Content is not valid JSON or YAML. Cannot convert to YAML for download.");return}}s(n,"openapi.yaml","application/x-yaml")},handleDownloadJson:o=>{try{const n=e(o);if(typeof n!="object"||n===null)throw new Error("Parsed content is not an object.");const t=JSON.stringify(n,null,2);s(t,"openapi.json","application/json")}catch{alert("Content is not valid YAML/JSON. Cannot convert to JSON for download.")}}}}export{C as useFileOperations};
+import{dump as h,load as s}from"js-yaml";import{downloadFile as c}from"../utils/download";import{defaultOpenapiTemplate as j}from"../templates/defaultOpenapiTemplate";import{useCallback as l}from"react";function S(d){const{setValue:n,setFileName:i,setHasRenderedOnce:e,setValidationErrors:a}=d,p=l((o,t)=>{n(o),i(t),e(!1),a([])},[n,i,e,a]),m=l(()=>{n(j),e(!1),a([])},[n,e,a]),f=l(o=>{let t=o;try{if(o.trim().startsWith("{")){const r=JSON.parse(o);t=h(r)}else s(o),t=o}catch{try{s(o),t=o}catch{alert("Content is not valid JSON or YAML. Cannot convert to YAML for download.");return}}c(t,"openapi.yaml","application/x-yaml")},[]),O=l(o=>{try{const t=s(o);if(typeof t!="object"||t===null)throw new Error("Parsed content is not an object.");const r=JSON.stringify(t,null,2);c(r,"openapi.json","application/json")}catch{alert("Content is not valid YAML/JSON. Cannot convert to JSON for download.")}},[]);return{handleFileLoad:p,handleTemplateClick:m,handleDownloadYaml:f,handleDownloadJson:O}}export{S as useFileOperations};

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

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

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

@@ -1 +1 @@
-import{useEffect as a,useRef as i,useCallback as l}from"react";const d="manual",w=()=>{const e=i(null),n=l(r=>r.split(" ").filter(Boolean).find(t=>t==="light"||t==="dark")||"light",[]),u=l(()=>{try{return n(window.parent.document.documentElement.className)}catch{return"light"}},[n]);return a(()=>{const r=window.useColorSwitcher,c=(()=>{const t=n(document.documentElement.className);return t!=="light"?t:u()})();e.current=c,document.documentElement.className=c,window.useColorSwitcher=()=>({isSwitcherHidden:!0,initActiveColorMode:()=>{e.current&&(document.documentElement.className=e.current)},activeColorMode:e.current||"light"});const o=new MutationObserver(()=>{const t=document.documentElement.className,m=t.includes(d),s=n(t);if(m){e.current=s,document.documentElement.className=s;return}e.current&&s!==e.current&&(document.documentElement.className=e.current)});return o.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>{o.disconnect(),r&&(window.useColorSwitcher=r)}},[u,n]),{preservedTheme:e.current}};export{w as useThemeManager};
+import{useEffect as i,useRef as d,useCallback as a}from"react";const h="manual",f=()=>{const e=d(null),r=a(t=>t.split(" ").filter(Boolean).find(n=>n==="light"||n==="dark")||"light",[]),l=a(()=>{try{const t=window.parent.document.documentElement.className;return r(t)}catch{return"light"}},[r]);return i(()=>{const t=window.useColorSwitcher,s=(()=>{const c=r(document.documentElement.className),n=l();return c!=="light"?c:n})();e.current=s,document.documentElement.className=s,window.useColorSwitcher=()=>({isSwitcherHidden:!0,initActiveColorMode:()=>{e.current&&(document.documentElement.className=e.current)},activeColorMode:e.current||"light"});const o=new MutationObserver(c=>{const n=document.documentElement.className,m=n.includes(h),u=r(n);if(m){e.current=u,document.documentElement.className=u;return}e.current&&u!==e.current&&(document.documentElement.className=e.current)});return o.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>{o.disconnect(),t&&(window.useColorSwitcher=t)}},[l,r]),{preservedTheme:e.current}};export{f as useThemeManager};

package/dist/pages/home/components/FamilyOfProducts.js

@@ -5,7 +5,6 @@ import t from"react";import n,{css as u}from"styled-components";import{linearGra
   margin-top: 48px;
 
   img {
-    height: 100%;
     width: 100%;
     position: relative;
     align-self: flex-start;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",

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

@@ -1,13 +0,0 @@
-import React from 'react';
-interface FullPreviewLayoutProps {
-    definition: any | null;
-    rawValue: string;
-    hasRenderedOnce: boolean;
-    hasStructErrors: boolean;
-    onTemplateClick: () => void;
-    onFileLoad: (content: string, fileName: string) => void;
-    onExitFullPreview: () => void;
-    isClient: boolean;
-}
-declare const FullPreviewLayout: React.FC<FullPreviewLayoutProps>;
-export default FullPreviewLayout;

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

@@ -1,5 +0,0 @@
-import e from"react";import m from"styled-components";import u from"../PreviewPanel";const d=({definition:r,rawValue:t,hasRenderedOnce:l,hasStructErrors:i,onTemplateClick:a,onFileLoad:n,onExitFullPreview:o,isClient:c})=>e.createElement(v,null,c&&e.createElement(u,{definition:r,rawValue:t,hasRenderedOnce:l,hasStructErrors:i,onTemplateClick:a,onFileLoad:n,onExitFullPreview:o}));var p=d;const v=m.div`
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - var(--navbar-height));
-`;export{p as default};

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-interface MainLayoutProps {
-    value: string;
-    onChange: (value: string | undefined) => void;
-    onValidationUpdate: (errors: Monaco.editor.IMarkerData[], value: string | undefined) => void;
-    hideWarnings: boolean;
-    onHideWarningsChange: (hide: boolean) => void;
-    isFullPreview: boolean;
-    gotoPosition: {
-        line: number;
-        column: number;
-    } | null;
-    parsedErrors: Monaco.editor.IMarkerData[];
-    onProblemClick: (line: number, column: number) => void;
-    onFileLoad: (content: string, fileName: string) => void;
-    onDownloadYaml: () => void;
-    onDownloadJson: () => void;
-    onToggleFullPreview: () => void;
-    definition: any | null;
-    rawValue: string;
-    hasRenderedOnce: boolean;
-    hasStructErrors: boolean;
-    onTemplateClick: () => void;
-    isClient: boolean;
-}
-declare const MainLayout: React.FC<MainLayoutProps>;
-export default MainLayout;

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

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