@redocly/openapi-docs 3.19.0-next.8 → 3.19.0-next.9

package/lib/components/Replay/EmbeddedReplay.js

@@ -1,10 +1,10 @@
-import{jsx as e}from"react/jsx-runtime";import{Suspense as S,lazy as h,memo as x,useEffect as O,useState as R}from"react";import{useAtomValue as o}from"jotai";import{globalOptionsAtom as T}from"../../jotai/store.js";import{operationStore as A}from"../../jotai/operation.js";import{appStore as C,allowedEnvironmentsAtom as L,environmentsAtom as V}from"../../jotai/app.js";import{useTranslate as j}from"../../hooks/index.js";import{convertOperationToReplayValue as k}from"./utils.js";import{getDefaultCollectorUrl as w}from"../../utils/telemetry.js";import{styled as i}from"../../styled-components.js";import{HTTPSnippet as P}from"../../services/code-samples/httpsnippet/index.js";const U=h(async()=>import("@redocly/replay").then(t=>({default:t.EmbeddedReplay})));function W({activeOperationId:t,corsProxyUrl:l,fullOpenApi:d,pointer:r,hideOtherSecuritySchemes:m}){const n=j(),{mockServer:s}=o(T),c=o(A(r)),f=o(C),u=o(V),a=o(L),[v,y]=R(!1);return O(()=>{y(!0)},[]),e(z,{children:v?e(S,{fallback:e(p,{children:n("openapi.loading","Loading...")}),children:e(U,{activeOperationId:t,activeOperationPointer:r,api:d,settings:{predefinedEnvValues:u,corsProxyUrl:l,mockServer:s,disableCollectionsTab:!0,hideOtherSecuritySchemes:m,...a&&{allowedEnvironments:a},telemetry:{tracerName:"replay-openapi",collectorUrl:w()},HTTPSnippet:P,convertOperationToReplayValue:(g,b,E)=>k(g,b,E,void 0,c,f)}})}):e(p,{children:n("openapi.loading","Loading...")})})}const M=x(W),p=i.div`
+import{jsx as e}from"react/jsx-runtime";import{Suspense as E,lazy as h,memo as S,useEffect as x,useState as R}from"react";import{useAtomValue as o}from"jotai";import{operationStore as T}from"../../jotai/operation.js";import{appStore as O,allowedEnvironmentsAtom as C,environmentsAtom as L}from"../../jotai/app.js";import{useTranslate as V}from"../../hooks/index.js";import{convertOperationToReplayValue as j}from"./utils.js";import{getDefaultCollectorUrl as A}from"../../utils/telemetry.js";import{styled as i}from"../../styled-components.js";import{HTTPSnippet as w}from"../../services/code-samples/httpsnippet/index.js";const P=h(async()=>import("@redocly/replay").then(t=>({default:t.EmbeddedReplay})));function U({activeOperationId:t,corsProxyUrl:d,fullOpenApi:l,pointer:r,hideOtherSecuritySchemes:m}){const a=V(),s=o(T(r)),c=o(O),f=o(L),n=o(C),[u,y]=R(!1);return x(()=>{y(!0)},[]),e(W,{children:u?e(E,{fallback:e(p,{children:a("openapi.loading","Loading...")}),children:e(P,{activeOperationId:t,activeOperationPointer:r,api:l,settings:{predefinedEnvValues:f,corsProxyUrl:d,disableCollectionsTab:!0,hideOtherSecuritySchemes:m,...n&&{allowedEnvironments:n},telemetry:{tracerName:"replay-openapi",collectorUrl:A()},HTTPSnippet:w,convertOperationToReplayValue:(v,g,b)=>j(v,g,b,void 0,s,c)}})}):e(p,{children:a("openapi.loading","Loading...")})})}const G=S(U),p=i.div`
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100px;
-`,z=i.div`
+`,W=i.div`
   border: 1px solid var(--border-color-primary);
   border-radius: var(--border-radius-lg);
   padding: 0;
-`;export{M as EmbeddedReplay};
+`;export{G as EmbeddedReplay};

package/lib/components/Replay/Replay.js

@@ -1 +1 @@
-import{jsx as o,Fragment as z,jsxs as H}from"react/jsx-runtime";import{lazy as J,memo as K,Suspense as W,useCallback as m,useRef as w,useState as Q}from"react";import{useAtom as u,useAtomValue as p}from"jotai";import X from"deepmerge";const Y=J(async()=>import("@redocly/replay").then(e=>({default:e.ReplayOverlay})));import{Button as Z}from"@redocly/theme/components/Button/Button";import{useFocusTrap as $,useModalScrollLock as ee}from"@redocly/theme/core/openapi";import{RocketIcon as te}from"@redocly/theme/icons/RocketIcon/RocketIcon";import{CircleDashIcon as oe}from"@redocly/theme/icons/CircleDashIcon/CircleDashIcon";import{Portal as re}from"@redocly/theme/components/Portal/Portal";import{useConfigureReplay as ne}from"@redocly/theme/ext/use-configure-replay";import{globalOptionsAtom as ae,globalStoreAtom as se}from"../../jotai/store.js";import{allOperationsAtom as ie,replayStateAtom as le}from"../../jotai/replay.js";import{allOperations as me,getDefaultOperationStore as pe}from"../../jotai/operation.js";import{LOADING_STATE as n}from"../../constants.js";import{environmentAtom as ce,userClaimsAtom as fe}from"../../jotai/app.js";import{convertOperationToReplayValueForRedoc as ue}from"./utils.js";import{useTranslate as de,useTelemetry as ye}from"../../hooks/index.js";import{JsonPointer as he}from"../../utils/index.js";import{getDefaultCollectorUrl as Oe}from"../../utils/telemetry.js";import{createTryItOpenEvent as Ie,createTryItSentEvent as Re}from"../../events/index.js";import{joinWithSeparator as ge}from"../../services/history/helpers.js";import{HTTPSnippet as ve}from"../../services/code-samples/httpsnippet/index.js";function Se({operation:e,corsProxyUrl:P,fullOpenApi:d}){const y=de(),q=ye(),h=w(null),O=p(ae),{mockServer:E,oAuth2RedirectURI:N,routingBasePath:c}=O,I=p(ie),{parser:R,options:{events:a}}=p(se),g=p(fe),[s,V]=Q(!1),[l,v]=u(le),[S,A]=u(me),[[,j],T]=u(ce),{config:x,refresh:D}=ne({userClaims:g,info:R?.definition.info,operation:{name:e.name,path:e.path,operationId:e.operationId||"",href:e.href,method:e.httpVerb},servers:e.servers},s);$(h),ee(s);const k=m(()=>D(),[D]),G=m(({operations:t,environment:i,environments:f})=>{const F=t.reduce((b,r)=>{r.requestValues.body=r.requestValues.body instanceof URLSearchParams?Object.fromEntries(r.requestValues.body.entries()):r.requestValues.body;const{path:B,method:M}=r.apiPath,L=he.compile(["paths",B,M]);return b[L]=X(pe(L),r),b},{});A({...S,...F}),T({environment:i,environments:f})},[S,A,T]),C=()=>{if(l!==n.LOADING){if(!s&&(q.sendTryItOpenedMessage(),a?.tryItOpen&&e)){const t=Ie({operation:e});a.tryItOpen(t)}V(!s)}l===n.NOT_LOADED&&v(n.LOADING)},U=m(t=>{if(a?.tryItSent&&e){const i=Re({operation:e,isSuccess:t});a.tryItSent(i)}},[a,e]),_=m(t=>{if(!t)return;const i=I.find(f=>f.operationId===t);return ge(c,i?.href)},[I,c]);return d?H(z,{children:[o(Z,{onClick:C,variant:"primary",iconPosition:"left",icon:l===n.LOADING?o(oe,{}):o(te,{}),children:l===n.LOADING?y("openapi.loading","Loading..."):y("openapi.tryIt","Try it")}),s&&o(W,{children:o(re,{mountId:"api-content",children:o("div",{ref:h,children:o(Y,{activeOperationId:e.operationId||e.pointer,api:d,onRequestChange:G,onClose:C,onLoad:()=>v(n.LOADED),settings:{corsProxyUrl:P,mockServer:E,selectedEnvironment:j,apiId:R?.definition.info?.["x-metadata"]?.apiId,oAuth2RedirectURI:N,disableCollectionsTab:!0,storageKey:c,telemetry:{tracerName:"try-it",collectorUrl:Oe()},HTTPSnippet:ve,convertOperationToReplayValue:ue(g,x,O),getOperationUrl:_,onRequestReset:k},onRequestSent:U})})})})]}):null}const Je=K(Se);export{Je as Replay};
+import{jsx as o,Fragment as M,jsxs as z}from"react/jsx-runtime";import{lazy as H,memo as J,Suspense as K,useCallback as m,useRef as W,useState as w}from"react";import{useAtom as u,useAtomValue as p}from"jotai";import Q from"deepmerge";const X=H(async()=>import("@redocly/replay").then(e=>({default:e.ReplayOverlay})));import{Button as Y}from"@redocly/theme/components/Button/Button";import{useFocusTrap as Z,useModalScrollLock as $}from"@redocly/theme/core/openapi";import{RocketIcon as ee}from"@redocly/theme/icons/RocketIcon/RocketIcon";import{CircleDashIcon as te}from"@redocly/theme/icons/CircleDashIcon/CircleDashIcon";import{Portal as oe}from"@redocly/theme/components/Portal/Portal";import{useConfigureReplay as re}from"@redocly/theme/ext/use-configure-replay";import{globalOptionsAtom as ne,globalStoreAtom as ae}from"../../jotai/store.js";import{allOperationsAtom as se,replayStateAtom as ie}from"../../jotai/replay.js";import{allOperations as le,getDefaultOperationStore as me}from"../../jotai/operation.js";import{LOADING_STATE as n}from"../../constants.js";import{environmentAtom as pe,userClaimsAtom as ce}from"../../jotai/app.js";import{convertOperationToReplayValueForRedoc as fe}from"./utils.js";import{useTranslate as ue,useTelemetry as de}from"../../hooks/index.js";import{JsonPointer as ye}from"../../utils/index.js";import{getDefaultCollectorUrl as he}from"../../utils/telemetry.js";import{createTryItOpenEvent as Oe,createTryItSentEvent as Ie}from"../../events/index.js";import{joinWithSeparator as Re}from"../../services/history/helpers.js";import{HTTPSnippet as ge}from"../../services/code-samples/httpsnippet/index.js";function ve({operation:e,corsProxyUrl:P,fullOpenApi:d}){const y=ue(),q=de(),h=W(null),O=p(ne),{oAuth2RedirectURI:E,routingBasePath:c}=O,I=p(se),{parser:R,options:{events:a}}=p(ae),g=p(ce),[s,N]=w(!1),[l,v]=u(ie),[A,S]=u(le),[[,V],T]=u(pe),{config:j,refresh:D}=re({userClaims:g,info:R?.definition.info,operation:{name:e.name,path:e.path,operationId:e.operationId||"",href:e.href,method:e.httpVerb},servers:e.servers},s);Z(h),$(s);const x=m(()=>D(),[D]),G=m(({operations:t,environment:i,environments:f})=>{const k=t.reduce((b,r)=>{r.requestValues.body=r.requestValues.body instanceof URLSearchParams?Object.fromEntries(r.requestValues.body.entries()):r.requestValues.body;const{path:F,method:B}=r.apiPath,L=ye.compile(["paths",F,B]);return b[L]=Q(me(L),r),b},{});S({...A,...k}),T({environment:i,environments:f})},[A,S,T]),C=()=>{if(l!==n.LOADING){if(!s&&(q.sendTryItOpenedMessage(),a?.tryItOpen&&e)){const t=Oe({operation:e});a.tryItOpen(t)}N(!s)}l===n.NOT_LOADED&&v(n.LOADING)},U=m(t=>{if(a?.tryItSent&&e){const i=Ie({operation:e,isSuccess:t});a.tryItSent(i)}},[a,e]),_=m(t=>{if(!t)return;const i=I.find(f=>f.operationId===t);return Re(c,i?.href)},[I,c]);return d?z(M,{children:[o(Y,{onClick:C,variant:"primary",iconPosition:"left",icon:l===n.LOADING?o(te,{}):o(ee,{}),children:l===n.LOADING?y("openapi.loading","Loading..."):y("openapi.tryIt","Try it")}),s&&o(K,{children:o(oe,{mountId:"api-content",children:o("div",{ref:h,children:o(X,{activeOperationId:e.operationId||e.pointer,api:d,onRequestChange:G,onClose:C,onLoad:()=>v(n.LOADED),settings:{corsProxyUrl:P,selectedEnvironment:V,apiId:R?.definition.info?.["x-metadata"]?.apiId,oAuth2RedirectURI:E,disableCollectionsTab:!0,storageKey:c,telemetry:{tracerName:"try-it",collectorUrl:he()},HTTPSnippet:ge,convertOperationToReplayValue:fe(g,j,O),getOperationUrl:_,onRequestReset:x},onRequestSent:U})})})})]}):null}const He=J(ve);export{He as Replay};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.19.0-next.8",
+  "version": "3.19.0-next.9",
   "description": "Redocly OpenAPI Docs",
   "type": "module",
   "main": "lib/index.js",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@markdoc/markdoc": "0.5.2",
-    "@redocly/openapi-core": "2.20.4",
+    "@redocly/openapi-core": "2.20.5",
     "deepmerge": "^4.2.2",
     "dompurify": "3.2.7",
     "fast-deep-equal": "^3.1.3",
@@ -29,7 +29,7 @@
     "jotai": "^2.12.5",
     "jotai-family": "1.0.1",
     "json-pointer": "^0.6.2",
-    "openapi-sampler": "1.7.0",
+    "openapi-sampler": "^1.7.2",
     "react-router-dom": "^6.30.3",
     "slugify": "^1.4.7",
     "stringify-object": "^3.3.0",
@@ -38,8 +38,8 @@
     "url-template": "^2.0.8",
     "util": "~0.12.5",
     "web-vitals": "3.3.1",
-    "@redocly/config": "0.44.0",
-    "@redocly/replay": "0.22.0-next.7"
+    "@redocly/config": "0.44.1",
+    "@redocly/replay": "0.22.0-next.8"
   },
   "devDependencies": {
     "@shikijs/transformers": "3.21.0",
@@ -60,7 +60,6 @@
     "json-schema": "0.4.0",
     "outdent": "0.8.0",
     "path-browserify": "1.0.1",
-    "prettier-2": "npm:prettier@2.8.8",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "rimraf": "5.0.7",
@@ -72,7 +71,7 @@
     "url": "~0.11.0",
     "vite": "7.2.6",
     "vitest": "4.0.10",
-    "@redocly/theme": "0.63.0-next.5"
+    "@redocly/theme": "0.63.0-next.6"
   },
   "scripts": {
     "start": "pnpm run copy-highlight-hook && vite",