@redocly/marketing-pages 0.1.28 → 0.1.29

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "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};