@redocly/openapi-docs 3.21.0 → 3.22.0-next.1

package/lib/components/ApiInfo/ApiInfo.js

@@ -1 +1 @@
-import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useAtomValue as A}from"jotai";import{LayoutVariant as g}from"@redocly/config";import{AfterOpenApiTitle as h}from"@redocly/theme/components/OpenApiDocs/hooks/AfterOpenApiTitle";import{PageActions as D}from"@redocly/theme/components/PageActions/PageActions";import{SamplesMiddlePanel as k,Row as S}from"../common/index.js";import{ExternalDocumentation as M}from"../ExternalDocumentation/index.js";import{Markdown as s}from"../Markdown/index.js";import{ApiHeader as T}from"./styled.js";import{globalStoreAtom as j}from"../../jotai/store.js";import{saveTextBeforeHeading as y}from"../../utils/saveTextBeforeHeading.js";import{getValueFromMdParsedExtension as m}from"../../utils/helpers.js";import{RenderHook as H}from"../RenderHook/index.js";import{Metadata as P}from"./Metadata.js";import{useTranslate as v}from"../../hooks/index.js";function $({item:p,layout:r}){const l=v(),{options:{unstable_hooks:d,hideInfoMetadata:f,routingBasePath:c},parser:{definition:u}}=A(j),o=p.infoDefinition;if(!o)return null;const e=y(m(o,"description")||""),i=m(o,"summary")||void 0,a=u?.externalDocs||o?.externalDocs,x=r===g.STACKED;return t(S,{layout:r,children:n(k,{fullWidth:!0,className:"api-info",isStacked:x,children:[n(T,{children:[(o.title||"")+(o.version?` (${o.version})`:""),t(D,{pageSlug:c})]}),t(H,{Hook:h||d?.AfterApiTitle,props:{info:o}}),i&&t(s,{source:i,"data-role":"redoc-summary"}),e&&t(s,{source:e,"data-role":"redoc-description"}),a&&t(M,{externalDocs:a}),!f&&t(P,{metadata:o["x-metadata"],translate:l})]})})}export{$ as ApiInfo};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useAtomValue as A}from"jotai";import{LayoutVariant as h}from"@redocly/config";import{AfterOpenApiTitle as g}from"@redocly/theme/components/OpenApiDocs/hooks/AfterOpenApiTitle";import{PageActions as D}from"@redocly/theme/components/PageActions/PageActions";import{SamplesMiddlePanel as k,Row as S}from"../common/index.js";import{ExternalDocumentation as T}from"../ExternalDocumentation/index.js";import{Markdown as s}from"../Markdown/index.js";import{ApiHeader as H,HeaderText as M}from"./styled.js";import{globalStoreAtom as j}from"../../jotai/store.js";import{saveTextBeforeHeading as y}from"../../utils/saveTextBeforeHeading.js";import{getValueFromMdParsedExtension as m}from"../../utils/helpers.js";import{RenderHook as P}from"../RenderHook/index.js";import{Metadata as v}from"./Metadata.js";import{useTranslate as E}from"../../hooks/index.js";function q({item:d,layout:r}){const l=E(),{options:{unstable_hooks:p,hideInfoMetadata:f,routingBasePath:c},parser:{definition:u}}=A(j),o=d.infoDefinition;if(!o)return null;const t=y(m(o,"description")||""),i=m(o,"summary")||void 0,a=u?.externalDocs||o?.externalDocs,x=r===h.STACKED;return e(S,{layout:r,children:n(k,{fullWidth:!0,className:"api-info",isStacked:x,children:[n(H,{children:[e(M,{children:(o.title||"")+(o.version?` (${o.version})`:"")}),e(D,{pageSlug:c})]}),e(P,{Hook:g||p?.AfterApiTitle,props:{info:o}}),i&&e(s,{source:i,"data-role":"redoc-summary"}),t&&e(s,{source:t,"data-role":"redoc-description"}),a&&e(T,{externalDocs:a}),!f&&e(v,{metadata:o["x-metadata"],translate:l})]})})}export{q as ApiInfo};

package/lib/components/ApiInfo/styled.d.ts

@@ -1,4 +1,5 @@
 export declare const ApiHeader: any;
+export declare const HeaderText: any;
 export declare const InfoSpan: any;
 export declare const InfoSpanBoxWrap: any;
 export declare const InfoSpanBox: any;

package/lib/components/ApiInfo/styled.js

@@ -1,11 +1,14 @@
-import{H1 as e}from"@redocly/theme/components/Typography/H1";import{Markdown as n}from"@redocly/theme/components/Markdown/Markdown";import{styled as o}from"../../styled-components.js";const t=15,p=o(e)`
+import{H1 as e}from"@redocly/theme/components/Typography/H1";import{Markdown as r}from"@redocly/theme/components/Markdown/Markdown";import{styled as o}from"../../styled-components.js";const t=15,p=o.div`
   display: flex;
-  margin-top: 0;
-  margin-bottom: 0;
-  & + ${n} {
+  gap: var(--spacing-xs);
+
+  & + ${r} {
     margin-top: var(--h1-margin-bottom);
   }
-`,l=o.span`
+`,d=o(e)`
+  margin-top: 0;
+  margin-bottom: 0;
+`,s=o.span`
   &::before {
     content: '|';
     display: inline-block;
@@ -17,11 +20,11 @@ import{H1 as e}from"@redocly/theme/components/Typography/H1";import{Markdown as
   &:last-child::after {
     display: none;
   }
-`,d=o.div`
+`,l=o.div`
   overflow: hidden;
 `,m=o.div`
   display: flex;
   flex-wrap: wrap;
   // hide separator on new lines: idea from https://stackoverflow.com/a/31732902/1749888
   margin-left: -${t}px;
-`;export{p as ApiHeader,l as InfoSpan,m as InfoSpanBox,d as InfoSpanBoxWrap};
+`;export{p as ApiHeader,d as HeaderText,s as InfoSpan,m as InfoSpanBox,l as InfoSpanBoxWrap};

package/lib/components/Replay/EmbeddedReplay.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.21.0",
+  "version": "3.22.0-next.1",
   "description": "Redocly OpenAPI Docs",
   "type": "module",
   "main": "lib/index.js",
@@ -14,14 +14,14 @@
     "npm": ">=10.0.0"
   },
   "peerDependencies": {
-    "@redocly/theme": ">=0.65.0-next.0",
+    "@redocly/theme": ">=0.66.0-next.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "styled-components": "^4.1.1 || ^5.3.11 || ^6.0.0"
   },
   "dependencies": {
     "@markdoc/markdoc": "0.5.2",
-    "@redocly/openapi-core": "2.30.5",
+    "@redocly/openapi-core": "2.31.2",
     "deepmerge": "^4.2.2",
     "dompurify": "3.4.0",
     "fast-deep-equal": "^3.1.3",
@@ -38,9 +38,9 @@
     "url-template": "^2.0.8",
     "util": "~0.12.5",
     "web-vitals": "3.3.1",
-    "@redocly/config": "0.48.1",
+    "@redocly/config": "0.49.0",
     "@redocly/redoc-opentelemetry": "0.1.0",
-    "@redocly/replay": "0.24.0"
+    "@redocly/replay": "0.25.0-next.1"
   },
   "devDependencies": {
     "@shikijs/transformers": "3.21.0",
@@ -72,7 +72,7 @@
     "url": "~0.11.0",
     "vite": "7.2.6",
     "vitest": "4.0.10",
-    "@redocly/theme": "0.65.0"
+    "@redocly/theme": "0.66.0-next.1"
   },
   "scripts": {
     "start": "pnpm run copy-highlight-hook && vite",
@@ -83,15 +83,10 @@
     "prepare:community-source-only": "pnpm run prepare:community-source --ignore /src/* private-readme.md",
     "prepare:community-dependencies": "pnpm exec tsx scripts/prepare-community-dependencies.ts",
     "apply:community-source": "pnpm exec tsx scripts/apply-changes-from-community-source.ts",
-    "test": "vitest run",
-    "unit": "vitest run",
-    "unit:update": "vitest run -u",
-    "unit:watch": "vitest",
-    "unit:coverage": "vitest run --coverage",
-    "unit:coverage:html": "vitest run --coverage --coverage.reporter=html",
     "ts:check": "tsc --noEmit --skipLibCheck",
     "clean": "rimraf bin dist lib redocly-static",
     "clear:cache": "scripts/clear-cache.sh",
+    "test": "nx run vitest:test",
     "pack:sourcemaps": "rimraf openapi-docs.sourcemaps.tag.gz && find lib -name \"*.js.map\" | xargs tar -czvf openapi-docs.sourcemaps.tar.gz",
     "list:licenses": "node ./scripts/list-licenses.js",
     "license:check": "npx license-checker --production --onlyAllow 'MIT;ISC;Apache-2.0;Apache;CC0-1.0;BSD;BSD-2-Clause;BSD-3-Clause;UNKNOWN' --summary",