@redocly/marketing-pages 0.1.18 → 0.1.20

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

@@ -1,4 +1,4 @@
-import*as e from"react";import d from"styled-components";import{useEffect as o,useRef as i}from"react";import R from"./EmptyState";import{useColorMode as b}from"../hooks/useColorMode";const I=d.div`
+import*as e from"react";import u from"styled-components";import{useEffect as a,useRef as i}from"react";import E from"./EmptyState";const R=u.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -10,11 +10,11 @@ import*as e from"react";import d from"styled-components";import{useEffect as o,u
   text-align: center;
   font-size: 0.9em;
   z-index: 10;
-`,x=d.iframe`
+`,b=u.iframe`
   width: 100%;
   height: 100%;
   border: none;
-`,M=({definition:s,rawValue:l,hasStructErrors:g,onTemplateClick:h,onFileLoad:y})=>{const f=i(null),n=s||f.current,u=b(),v=i(null),t=i(null),[a,w]=e.useState(!1),[E,S]=e.useState(0),m=i(!1);o(()=>{const c=r=>{r.data?.type!=="scroll-sync"||r.data?.source==="preview"||!t.current||m.current||(m.current=!0,t.current.postMessage(r.data,"*"),setTimeout(()=>{m.current=!1},50))};return window.addEventListener("message",c),()=>window.removeEventListener("message",c)},[]),o(()=>{const c=r=>{t.current=r,r.updateDefinition(n),w(!0),setTimeout(()=>{r.postMessage({type:"theme-change",theme:u},"*")},100)};window.onReady=c},[n]),o(()=>{s&&(f.current=s)},[s]),o(()=>{t.current&&a&&t.current.updateDefinition(n)},[n,a]),o(()=>{t.current&&a&&t.current.postMessage({type:"theme-change",theme:u},"*")},[u,a]);const p=g&&e.createElement(I,null,"Preview is showing the last valid version. The current content has structural errors. Please check editor messages.")||null;return!l||typeof l!="string"||l.trim()===""?e.createElement(R,{onTemplateClick:h,onUploadClick:y}):n?e.createElement(e.Fragment,null,p,e.createElement(P,null,e.createElement(x,{key:E,ref:v,title:"API Documentation Preview",src:"/preview",onLoad:()=>{}}))):p||"Loading..."};var L=M;const P=d.div`
+`,I=({definition:o,rawValue:c,hasStructErrors:p,onTemplateClick:g,onFileLoad:y})=>{const d=i(null),r=o||d.current,h=i(null),n=i(null),[f,v]=e.useState(!1),[w,P]=e.useState(0),l=i(!1);a(()=>{const s=t=>{t.data?.type!=="scroll-sync"||t.data?.source==="preview"||!n.current||l.current||(l.current=!0,n.current.postMessage(t.data,"*"),setTimeout(()=>{l.current=!1},50))};return window.addEventListener("message",s),()=>window.removeEventListener("message",s)},[]),a(()=>{const s=t=>{n.current=t,t.updateDefinition(r),v(!0)};window.onReady=s},[r]),a(()=>{o&&(d.current=o)},[o]),a(()=>{n.current&&f&&n.current.updateDefinition(r)},[r,f]);const m=p&&e.createElement(R,null,"Preview is showing the last valid version. The current content has structural errors. Please check editor messages.")||null;return!c||typeof c!="string"||c.trim()===""?e.createElement(E,{onTemplateClick:g,onUploadClick:y}):r?e.createElement(e.Fragment,null,m,e.createElement(x,null,e.createElement(b,{key:w,ref:h,title:"API Documentation Preview",src:"/preview",onLoad:()=>{}}))):m||"Loading..."};var L=I;const x=u.div`
   height: 100%;
   overflow: hidden;
 `;export{L as default};

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

@@ -1 +1 @@
-import*as t from"react";function g({RedoclyOpenAPIDocs:c}){const[n,r]=t.useState(null),a=t.useRef(null),[h,d]=t.useState("light"),u=t.useRef(!1),p=t.useRef(null);return t.useEffect(()=>{const s=new URLSearchParams(window.location.search).get("theme");if(s)d(s);else{const e=document.documentElement.classList.contains("dark");d(e?"dark":"light")}window.updateDefinition=e=>{if(e&&typeof e=="object"&&typeof e.openapi=="string"){const o=y(e);a.current=o,r(o)}else a.current?p.current!==a.current&&r(a.current):r(null);p.current=e},window.parent.onReady(window)},[]),t.useEffect(()=>{h==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")},[h]),t.useEffect(()=>{const f=()=>{if(u.current)return;const e=document.querySelector("article");if(!e)return;const i=window.innerHeight,o=e.scrollHeight,m=window.scrollY,l=o-i;if(l<=0)return;const w=Math.round(m/l*100);window.parent.postMessage({type:"scroll-sync",position:{absolute:m,relative:w},source:"preview"},"*")},s=e=>{if(e.data?.type==="theme-change"){d(e.data.theme);return}if(e.data?.type!=="scroll-sync"||e.data?.source==="preview"||u.current)return;const i=document.querySelector("article");if(!i)return;const o=window.innerHeight,l=i.scrollHeight-o;if(l<=0)return;u.current=!0;const w=Math.round(e.data.position.relative/100*l);window.scrollTo({top:w,behavior:"smooth"}),setTimeout(()=>{u.current=!1},50)};return window.addEventListener("scroll",f),window.addEventListener("message",s),()=>{window.removeEventListener("scroll",f),window.removeEventListener("message",s)}},[]),n?t.createElement(c,{store:{options:{routingBasePath:"/preview",disableRouter:!0,hideSidebar:!0,scrollYOffset:0},definition:n}}):t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",fontFamily:"system-ui, -apple-system, sans-serif",color:"#666"}},"No API definition available")}function y(c){try{const n={...c};return Array.isArray(n.servers)&&(n.servers=n.servers.filter(r=>r&&typeof r=="object").filter(r=>typeof r.url=="string"&&r.url.trim().length>0)),n}catch{return c}}export{g as default};
+import*as n from"react";function h({RedoclyOpenAPIDocs:i}){const[o,e]=n.useState(null),l=n.useRef(null),c=n.useRef(!1),w=n.useRef(null);return n.useEffect(()=>{window.updateDefinition=r=>{if(r&&typeof r=="object"&&typeof r.openapi=="string"){const t=v(r);l.current=t,e(t)}else l.current?w.current!==l.current&&e(l.current):e(null);w.current=r},window.parent.onReady(window)},[]),n.useEffect(()=>{const r=()=>{if(c.current)return;const t=document.querySelector("article");if(!t)return;const a=window.innerHeight,f=t.scrollHeight,d=window.scrollY,s=f-a;if(s<=0)return;const p=Math.round(d/s*100);window.parent.postMessage({type:"scroll-sync",position:{absolute:d,relative:p},source:"preview"},"*")},u=t=>{if(t.data?.type!=="scroll-sync"||t.data?.source==="preview"||c.current)return;const a=document.querySelector("article");if(!a)return;const f=window.innerHeight,s=a.scrollHeight-f;if(s<=0)return;c.current=!0;const p=Math.round(t.data.position.relative/100*s);window.scrollTo({top:p,behavior:"smooth"}),setTimeout(()=>{c.current=!1},50)};return window.addEventListener("scroll",r),window.addEventListener("message",u),()=>{window.removeEventListener("scroll",r),window.removeEventListener("message",u)}},[]),o?n.createElement(i,{store:{options:{routingBasePath:"/preview",disableRouter:!0,hideSidebar:!0,scrollYOffset:0},definition:o}}):n.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",fontFamily:"system-ui, -apple-system, sans-serif",color:"#666"}},"No API definition available")}function v(i){try{const o={...i};return Array.isArray(o.servers)&&(o.servers=o.servers.filter(e=>e&&typeof e=="object").filter(e=>typeof e.url=="string"&&e.url.trim().length>0)),o}catch{return i}}export{h as default};

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

@@ -1,8 +1,13 @@
-import e from"react";import n from"styled-components";import{Box as l}from"../../ui/Box";import{breakpoints as t}from"@redocly/theme/core/utils";import{TopLearnBlock as m,CardsBlock as p,BottomLearnBlock as c}from"./components";const b={seo:{title:"Learn"},slug:"/learn"};function w({cards:a}){const[i,r]=e.useState(localStorage.getItem("colorSchema")||"light");return e.useEffect(()=>{const o=new MutationObserver(()=>{document.documentElement.classList.contains("dark")?r("dark"):r("light")});return o.observe(document.documentElement,{attributes:!0}),()=>{o.disconnect()}},[]),e.createElement(s,{backgroundColor:"var(--bg-color)",width:"100vw",height:"fit-content",position:"relative"},e.createElement(d,{src:i==="light"?require("./images/hero-img.svg"):require("./images/hero-img-dark.svg")}),e.createElement(m,null),e.createElement(p,{cards:a}),e.createElement(c,null))}const d=n.img`
+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`
   position: absolute;
   max-width: 1384px;
   width: -webkit-fill-available;
-`,s=n(l)`
+
+  background-image: url(${require("./images/hero-img.svg")});
+  .dark & {
+    background-image: url(${require("./images/hero-img-dark.svg")});
+  }
+`,d=r(i)`
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -23,4 +28,4 @@ import e from"react";import n from"styled-components";import{Box as l}from"../..
     gap: 64px;
     padding: 0 128px 64px 128px;
   }
-`;export{w as default,b as frontmatter};
+`;export{f as default,u as frontmatter};

package/package.json

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