@redocly/marketing-pages 0.1.30 → 0.1.31

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

@@ -17,6 +17,7 @@ interface EditorLayoutProps {
     onDownloadYaml: () => void;
     onDownloadJson: () => void;
     onToggleFullPreview: () => void;
+    isDownloadDisabled: boolean;
 }
 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 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)`
+import e from"react";import t from"styled-components";import{Panel as n,PanelGroup as S,PanelResizeHandle as k}from"react-resizable-panels";import w from"../EditorPanel";import{ProblemsPanel as R}from"../ProblemsPanel";import D 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,isDownloadDisabled:v},y)=>{const[l,a]=e.useState(!0),o=e.useRef(null),z=(x,h)=>{b(x,h),l&&o.current?.expand()};return e.createElement(F,{ref:y,defaultSize:50,minSize:20,collapsible:!0,collapsedSize:0},e.createElement(D,{onFileLoad:P,onDownloadYamlClick:E,onDownloadJsonClick:g,hideWarnings:r,onHideWarningsChange:m,onToggleFullPreview:C,isDownloadDisabled:v}),e.createElement(L,null,e.createElement(S,{direction:"vertical"},e.createElement(n,{defaultSize:95},e.createElement(w,{value:d,onChange:s,onValidationUpdate:c,hideWarnings:r,isFullPreview:p,gotoPosition:u})),e.createElement(k,{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(R,{problems:f,onProblemClick:z,isCollapsed:l,onToggle:()=>{l?o.current?.expand():o.current?.collapse()}})))))});i.displayName="EditorLayout";var U=i;const F=t(n)`
   flex: 2;
   display: flex;
   flex-direction: column;
@@ -12,4 +12,4 @@ import e from"react";import t from"styled-components";import{Panel as n,PanelGro
   flex: 1;
   min-height: 0;
   display: flex;
-`;export{J as default};
+`;export{U as default};

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

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

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

@@ -6,6 +6,7 @@ interface ToolbarProps {
     hideWarnings: boolean;
     onHideWarningsChange: (hide: boolean) => void;
     onToggleFullPreview?: () => void;
+    isDownloadDisabled: boolean;
 }
-export default function Toolbar({ hideWarnings, onHideWarningsChange, onDownloadYamlClick, onDownloadJsonClick, onFileLoad, onToggleFullPreview }: ToolbarProps): React.JSX.Element;
+export default function Toolbar({ hideWarnings, onHideWarningsChange, onDownloadYamlClick, onDownloadJsonClick, onFileLoad, onToggleFullPreview, isDownloadDisabled }: ToolbarProps): React.JSX.Element;
 export {};

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

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

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

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

package/dist/pages/editor/utils/download.js

@@ -1 +1 @@
-const c=(o,t,d)=>{const e=document.createElement("a"),n=new Blob([o],{type:d});e.href=URL.createObjectURL(n),e.download=t,document.body.appendChild(e),e.click(),document.body.removeChild(e)};export{c as downloadFile};
+const l=100,a=(t,n,c)=>{const d=new Blob([t],{type:c}),o=URL.createObjectURL(d),e=document.createElement("a");e.href=o,e.download=n,e.target="_blank",e.style.display="none",document.body.appendChild(e),e.click(),setTimeout(()=>{document.body.contains(e)&&document.body.removeChild(e),URL.revokeObjectURL(o)},100)};export{a as downloadFile};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",
@@ -26,7 +26,6 @@
     "@monaco-editor/react": "^4.7.0",
     "@rebilly/lead-source-tracker": "^2.18.13",
     "@redocly/json-to-json-schema": "^0.0.1",
-    "@redocly/openapi-docs": "^3.14.1",
     "@redocly/openapi-language-server": "^0.6.9",
     "@uiw/react-codemirror": "^4.23.12",
     "dayjs": "^1.11.13",
@@ -54,14 +53,16 @@
     "vitest": "^3.1.3"
   },
   "peerDependencies": {
-    "react": "^18.3.1 || ^19.0.0",
-    "react-dom": "^18.3.1 || ^19.0.0",
-    "styled-components": ">=5.3.11"
+    "@redocly/openapi-docs": "^3.14.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "^5.3.11"
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.5",
     "@markdoc/markdoc": "0.5.1",
     "@redocly/config": "^0.24.0",
+    "@redocly/openapi-docs": "^3.14.1",
     "@redocly/theme": "^0.53.0",
     "@shikijs/types": "3.4.0",
     "@types/js-yaml": "^4.0.9",
@@ -72,7 +73,7 @@
     "esbuild": "^0.25.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "styled-components": ">=5.3.11",
+    "styled-components": "5.3.11",
     "typescript": "^5.8.3"
   },
   "overrides": {