docusaurus-theme-openapi-docs 0.0.0-1294 → 0.0.0-1295

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamMultiSelectFormItem.tsx

@@ -13,7 +13,6 @@ import FormMultiSelect from "@theme/ApiExplorer/FormMultiSelect";
 import { getSchemaEnum } from "@theme/ApiExplorer/ParamOptions";
 import { Param, setParam } from "@theme/ApiExplorer/ParamOptions/slice";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
-import { OPENAPI_FORM } from "@theme/translationIds";
 import { Controller, useFormContext } from "react-hook-form";
 
 export interface ParamProps {
@@ -75,7 +74,7 @@ export default function ParamMultiSelectFormItem({
         rules={{
           required: param.required
             ? translate({
-                id: OPENAPI_FORM.FIELD_REQUIRED,
+                id: "theme.openapi.form.fieldRequired",
                 message: "This field is required",
               })
             : false,

package/src/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamSelectFormItem.tsx

@@ -13,7 +13,6 @@ import FormSelect from "@theme/ApiExplorer/FormSelect";
 import { getSchemaEnum } from "@theme/ApiExplorer/ParamOptions";
 import { Param, setParam } from "@theme/ApiExplorer/ParamOptions/slice";
 import { useTypedDispatch } from "@theme/ApiItem/hooks";
-import { OPENAPI_FORM } from "@theme/translationIds";
 import { Controller, useFormContext } from "react-hook-form";
 
 export interface ParamProps {
@@ -58,7 +57,7 @@ export default function ParamSelectFormItem({
         rules={{
           required: param.required
             ? translate({
-                id: OPENAPI_FORM.FIELD_REQUIRED,
+                id: "theme.openapi.form.fieldRequired",
                 message: "This field is required",
               })
             : false,

package/src/theme/ApiExplorer/ParamOptions/index.tsx

@@ -15,7 +15,6 @@ import ParamMultiSelectFormItem from "@theme/ApiExplorer/ParamOptions/ParamFormI
 import ParamSelectFormItem from "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamSelectFormItem";
 import ParamTextFormItem from "@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamTextFormItem";
 import { useTypedSelector } from "@theme/ApiItem/hooks";
-import { OPENAPI_PARAM_OPTIONS } from "@theme/translationIds";
 
 import { Param } from "./slice";
 
@@ -207,11 +206,11 @@ function ParamOptions() {
             </span>
             {showOptional
               ? translate({
-                  id: OPENAPI_PARAM_OPTIONS.HIDE_OPTIONAL,
+                  id: "theme.openapi.paramOptions.hideOptional",
                   message: "Hide optional parameters",
                 })
               : translate({
-                  id: OPENAPI_PARAM_OPTIONS.SHOW_OPTIONAL,
+                  id: "theme.openapi.paramOptions.showOptional",
                   message: "Show optional parameters",
                 })}
           </button>

package/src/theme/ApiExplorer/Request/index.tsx

@@ -16,6 +16,7 @@ import Authorization from "@theme/ApiExplorer/Authorization";
 import Body from "@theme/ApiExplorer/Body";
 import buildPostmanRequest from "@theme/ApiExplorer/buildPostmanRequest";
 import ContentType from "@theme/ApiExplorer/ContentType";
+import { useResolvedEncoding } from "@theme/ApiExplorer/EncodingSelection/useResolvedEncoding";
 import ParamOptions from "@theme/ApiExplorer/ParamOptions";
 import {
   setResponse,
@@ -25,9 +26,7 @@ import {
   clearHeaders,
 } from "@theme/ApiExplorer/Response/slice";
 import Server from "@theme/ApiExplorer/Server";
-import { useResolvedEncoding } from "@theme/ApiExplorer/EncodingSelection/useResolvedEncoding";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
-import { OPENAPI_REQUEST } from "@theme/translationIds";
 import type { ParameterObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
 import type { ApiItem } from "docusaurus-plugin-openapi-docs/src/types";
 import type { ThemeConfig } from "docusaurus-theme-openapi-docs/src/types";
@@ -137,26 +136,26 @@ function Request({ item }: { item: ApiItem }) {
     switch (errorType) {
       case "timeout":
         return translate({
-          id: OPENAPI_REQUEST.ERROR_TIMEOUT,
+          id: "theme.openapi.request.error.timeout",
           message:
             "The request timed out waiting for the server to respond. Please try again. If the issue persists, try using a different client (e.g., curl) with a longer timeout.",
         });
       case "network":
         return translate({
-          id: OPENAPI_REQUEST.ERROR_NETWORK,
+          id: "theme.openapi.request.error.network",
           message:
             "Unable to reach the server. Please check your network connection and verify the server URL is correct. If the server is running, this may be a CORS issue.",
         });
       case "cors":
         return translate({
-          id: OPENAPI_REQUEST.ERROR_CORS,
+          id: "theme.openapi.request.error.cors",
           message:
             "The request was blocked, possibly due to CORS restrictions. Ensure the server allows requests from this origin, or try using a proxy.",
         });
       case "unknown":
       default:
         return translate({
-          id: OPENAPI_REQUEST.ERROR_UNKNOWN,
+          id: "theme.openapi.request.error.unknown",
           message:
             "An unexpected error occurred while making the request. Please try again.",
         });
@@ -167,7 +166,7 @@ function Request({ item }: { item: ApiItem }) {
     dispatch(
       setResponse(
         translate({
-          id: OPENAPI_REQUEST.FETCHING_MESSAGE,
+          id: "theme.openapi.request.fetchingMessage",
           message: "Fetching...",
         })
       )
@@ -195,7 +194,7 @@ function Request({ item }: { item: ApiItem }) {
         errorMessage = getErrorMessage(e.type);
       } else {
         errorMessage = translate({
-          id: OPENAPI_REQUEST.CONNECTION_FAILED,
+          id: "theme.openapi.request.connectionFailed",
           message: "Connection failed",
         });
       }
@@ -253,7 +252,7 @@ function Request({ item }: { item: ApiItem }) {
         <div className="openapi-explorer__request-header-container">
           <span className="openapi-explorer__request-title">
             {translate({
-              id: OPENAPI_REQUEST.REQUEST_TITLE,
+              id: "theme.openapi.request.title",
               message: "Request",
             })}
           </span>
@@ -264,7 +263,7 @@ function Request({ item }: { item: ApiItem }) {
               onClick={collapseAllDetails}
             >
               {translate({
-                id: OPENAPI_REQUEST.COLLAPSE_ALL,
+                id: "theme.openapi.request.collapseAll",
                 message: "Collapse all",
               })}
             </button>
@@ -275,7 +274,7 @@ function Request({ item }: { item: ApiItem }) {
               onClick={expandAllDetails}
             >
               {translate({
-                id: OPENAPI_REQUEST.EXPAND_ALL,
+                id: "theme.openapi.request.expandAll",
                 message: "Expand all",
               })}
             </button>
@@ -296,7 +295,7 @@ function Request({ item }: { item: ApiItem }) {
                 }}
               >
                 {translate({
-                  id: OPENAPI_REQUEST.BASE_URL_TITLE,
+                  id: "theme.openapi.request.baseUrl.title",
                   message: "Base URL",
                 })}
               </summary>
@@ -315,7 +314,10 @@ function Request({ item }: { item: ApiItem }) {
                   setExpandAuth(!expandAuth);
                 }}
               >
-                {translate({ id: OPENAPI_REQUEST.AUTH_TITLE, message: "Auth" })}
+                {translate({
+                  id: "theme.openapi.request.auth.title",
+                  message: "Auth",
+                })}
               </summary>
               <Authorization />
             </details>
@@ -335,7 +337,7 @@ function Request({ item }: { item: ApiItem }) {
                 }}
               >
                 {translate({
-                  id: OPENAPI_REQUEST.PARAMETERS_TITLE,
+                  id: "theme.openapi.request.parameters.title",
                   message: "Parameters",
                 })}
               </summary>
@@ -354,12 +356,15 @@ function Request({ item }: { item: ApiItem }) {
                   setExpandBody(!expandBody);
                 }}
               >
-                {translate({ id: OPENAPI_REQUEST.BODY_TITLE, message: "Body" })}
+                {translate({
+                  id: "theme.openapi.request.body.title",
+                  message: "Body",
+                })}
                 {requestBodyRequired && (
                   <span className="openapi-schema__required">
                     &nbsp;
                     {translate({
-                      id: OPENAPI_REQUEST.REQUIRED_LABEL,
+                      id: "theme.openapi.request.requiredLabel",
                       message: "required",
                     })}
                   </span>
@@ -388,7 +393,7 @@ function Request({ item }: { item: ApiItem }) {
                 }}
               >
                 {translate({
-                  id: OPENAPI_REQUEST.ACCEPT_TITLE,
+                  id: "theme.openapi.request.accept.title",
                   message: "Accept",
                 })}
               </summary>
@@ -398,7 +403,7 @@ function Request({ item }: { item: ApiItem }) {
           {showRequestButton && item.method !== "event" && (
             <button className="openapi-explorer__request-btn" type="submit">
               {translate({
-                id: OPENAPI_REQUEST.SEND_BUTTON,
+                id: "theme.openapi.request.sendButton",
                 message: "Send API Request",
               })}
             </button>

package/src/theme/ApiExplorer/Response/index.tsx

@@ -15,7 +15,6 @@ import ApiCodeBlock from "@theme/ApiExplorer/ApiCodeBlock";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import SchemaTabs from "@theme/SchemaTabs";
 import TabItem from "@theme/TabItem";
-import { OPENAPI_REQUEST, OPENAPI_RESPONSE } from "@theme/translationIds";
 import clsx from "clsx";
 import type { ApiItem } from "docusaurus-plugin-openapi-docs/src/types";
 import type { ThemeConfig } from "docusaurus-theme-openapi-docs/src/types";
@@ -134,7 +133,10 @@ function Response({ item }: { item: ApiItem }) {
     <div className="openapi-explorer__response-container">
       <div className="openapi-explorer__response-title-container">
         <span className="openapi-explorer__response-title">
-          {translate({ id: OPENAPI_RESPONSE.TITLE, message: "Response" })}
+          {translate({
+            id: "theme.openapi.response.title",
+            message: "Response",
+          })}
         </span>
         <button
           type="button"
@@ -145,7 +147,7 @@ function Response({ item }: { item: ApiItem }) {
             dispatch(clearHeaders());
           }}
         >
-          {translate({ id: OPENAPI_RESPONSE.CLEAR, message: "Clear" })}
+          {translate({ id: "theme.openapi.response.clear", message: "Clear" })}
         </button>
       </div>
       <div
@@ -180,11 +182,11 @@ function Response({ item }: { item: ApiItem }) {
                 {prettyResponse || (
                   <p className="openapi-explorer__response-placeholder-message">
                     <Translate
-                      id={OPENAPI_RESPONSE.PLACEHOLDER}
+                      id={"theme.openapi.response.placeholder"}
                       values={{
                         code: (
                           <code>
-                            <Translate id={OPENAPI_REQUEST.SEND_BUTTON}>
+                            <Translate id={"theme.openapi.request.sendButton"}>
                               Send API Request
                             </Translate>
                           </code>
@@ -202,7 +204,7 @@ function Response({ item }: { item: ApiItem }) {
             {/* @ts-ignore */}
             <TabItem
               label={translate({
-                id: OPENAPI_RESPONSE.HEADERS_TAB,
+                id: "theme.openapi.response.headersTab",
                 message: "Headers",
               })}
               value="headers"
@@ -228,11 +230,11 @@ function Response({ item }: { item: ApiItem }) {
         ) : (
           <p className="openapi-explorer__response-placeholder-message">
             <Translate
-              id={OPENAPI_RESPONSE.PLACEHOLDER}
+              id={"theme.openapi.response.placeholder"}
               values={{
                 code: (
                   <code>
-                    <Translate id={OPENAPI_REQUEST.SEND_BUTTON}>
+                    <Translate id={"theme.openapi.request.sendButton"}>
                       Send API Request
                     </Translate>
                   </code>

package/src/theme/ApiExplorer/SecuritySchemes/index.tsx

@@ -10,7 +10,6 @@ import React from "react";
 import Link from "@docusaurus/Link";
 import { translate } from "@docusaurus/Translate";
 import { useTypedSelector } from "@theme/ApiItem/hooks";
-import { OPENAPI_SECURITY_SCHEMES } from "@theme/translationIds";
 
 function SecuritySchemes(props: any) {
   const options = useTypedSelector((state: any) => state.auth.options);
@@ -25,45 +24,54 @@ function SecuritySchemes(props: any) {
 
   const selectedAuth = options[selected];
 
-  const keyTranslations: Record<string, { id: string; message: string }> = {
-    description: {
-      id: OPENAPI_SECURITY_SCHEMES.DESCRIPTION,
-      message: "description:",
-    },
-    scheme: {
-      id: OPENAPI_SECURITY_SCHEMES.SCHEME,
-      message: "scheme:",
-    },
-    bearerFormat: {
-      id: OPENAPI_SECURITY_SCHEMES.BEARER_FORMAT,
-      message: "bearerFormat:",
-    },
-    openIdConnectUrl: {
-      id: OPENAPI_SECURITY_SCHEMES.OPEN_ID_CONNECT_URL,
-      message: "openIdConnectUrl:",
-    },
+  // Each label uses a static `translate()` call (literal id + message) so that
+  // `docusaurus write-translations` can statically extract it. A dynamic
+  // `translate({ id: someVar })` would be skipped by the extractor.
+  const renderRestLabel = (k: string): string => {
+    switch (k) {
+      case "description":
+        return translate({
+          id: "theme.openapi.securitySchemes.description",
+          message: "description:",
+        });
+      case "scheme":
+        return translate({
+          id: "theme.openapi.securitySchemes.scheme",
+          message: "scheme:",
+        });
+      case "bearerFormat":
+        return translate({
+          id: "theme.openapi.securitySchemes.bearerFormat",
+          message: "bearerFormat:",
+        });
+      case "openIdConnectUrl":
+        return translate({
+          id: "theme.openapi.securitySchemes.openIdConnectUrl",
+          message: "openIdConnectUrl:",
+        });
+      default:
+        return `${k}:`;
+    }
   };
 
   const renderRest = (rest: Record<string, any>) =>
-    Object.keys(rest).map((k) => {
-      const translation = keyTranslations[k];
-      const label = translation
-        ? translate({ id: translation.id, message: translation.message })
-        : `${k}:`;
-      return (
-        <span key={k}>
-          <strong>{label} </strong>
-          {typeof rest[k] === "object"
-            ? JSON.stringify(rest[k], null, 2)
-            : String(rest[k])}
-        </span>
-      );
-    });
+    Object.keys(rest).map((k) => (
+      <span key={k}>
+        <strong>{renderRestLabel(k)} </strong>
+        {typeof rest[k] === "object"
+          ? JSON.stringify(rest[k], null, 2)
+          : String(rest[k])}
+      </span>
+    ));
   return (
     <details className="openapi-security__details" open={false}>
       <summary className="openapi-security__summary-container">
         <h4 className="openapi-security__summary-header">
-          Authorization: {selectedAuth[0].name ?? selectedAuth[0].type}
+          {translate({
+            id: "theme.openapi.securitySchemes.authorization",
+            message: "Authorization:",
+          })}{" "}
+          {selectedAuth[0].name ?? selectedAuth[0].type}
         </h4>
       </summary>
       {selectedAuth.map((auth: any) => {
@@ -87,7 +95,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.NAME,
+                        id: "theme.openapi.securitySchemes.name",
                         message: "name:",
                       })}
                     </strong>{" "}
@@ -96,7 +104,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                        id: "theme.openapi.securitySchemes.type",
                         message: "type:",
                       })}
                     </strong>{" "}
@@ -106,7 +114,7 @@ function SecuritySchemes(props: any) {
                     <span>
                       <strong>
                         {translate({
-                          id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                          id: "theme.openapi.securitySchemes.scopes",
                           message: "scopes:",
                         })}
                       </strong>{" "}
@@ -134,7 +142,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.NAME,
+                        id: "theme.openapi.securitySchemes.name",
                         message: "name:",
                       })}
                     </strong>{" "}
@@ -143,7 +151,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                        id: "theme.openapi.securitySchemes.type",
                         message: "type:",
                       })}
                     </strong>{" "}
@@ -153,7 +161,7 @@ function SecuritySchemes(props: any) {
                     <span>
                       <strong>
                         {translate({
-                          id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                          id: "theme.openapi.securitySchemes.scopes",
                           message: "scopes:",
                         })}
                       </strong>{" "}
@@ -179,7 +187,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.NAME,
+                      id: "theme.openapi.securitySchemes.name",
                       message: "name:",
                     })}
                   </strong>{" "}
@@ -188,7 +196,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                      id: "theme.openapi.securitySchemes.type",
                       message: "type:",
                     })}
                   </strong>{" "}
@@ -197,7 +205,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.IN,
+                      id: "theme.openapi.securitySchemes.in",
                       message: "in:",
                     })}
                   </strong>{" "}
@@ -222,7 +230,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.NAME,
+                      id: "theme.openapi.securitySchemes.name",
                       message: "name:",
                     })}
                   </strong>{" "}
@@ -231,7 +239,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                      id: "theme.openapi.securitySchemes.type",
                       message: "type:",
                     })}
                   </strong>{" "}
@@ -241,7 +249,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                        id: "theme.openapi.securitySchemes.scopes",
                         message: "scopes:",
                       })}
                     </strong>{" "}
@@ -270,7 +278,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.NAME,
+                      id: "theme.openapi.securitySchemes.name",
                       message: "name:",
                     })}
                   </strong>{" "}
@@ -279,7 +287,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                      id: "theme.openapi.securitySchemes.type",
                       message: "type:",
                     })}
                   </strong>{" "}
@@ -289,7 +297,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                        id: "theme.openapi.securitySchemes.scopes",
                         message: "scopes:",
                       })}
                     </strong>{" "}
@@ -304,7 +312,7 @@ function SecuritySchemes(props: any) {
                     <code>
                       <strong>
                         {translate({
-                          id: OPENAPI_SECURITY_SCHEMES.FLOWS,
+                          id: "theme.openapi.securitySchemes.flows",
                           message: "flows:",
                         })}
                       </strong>{" "}
@@ -331,7 +339,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.NAME,
+                      id: "theme.openapi.securitySchemes.name",
                       message: "name:",
                     })}
                   </strong>{" "}
@@ -340,7 +348,7 @@ function SecuritySchemes(props: any) {
                 <span>
                   <strong>
                     {translate({
-                      id: OPENAPI_SECURITY_SCHEMES.TYPE,
+                      id: "theme.openapi.securitySchemes.type",
                       message: "type:",
                     })}
                   </strong>{" "}
@@ -350,7 +358,7 @@ function SecuritySchemes(props: any) {
                   <span>
                     <strong>
                       {translate({
-                        id: OPENAPI_SECURITY_SCHEMES.SCOPES,
+                        id: "theme.openapi.securitySchemes.scopes",
                         message: "scopes:",
                       })}
                     </strong>{" "}

package/src/theme/ApiExplorer/Server/index.tsx

@@ -13,7 +13,6 @@ import FormItem from "@theme/ApiExplorer/FormItem";
 import FormSelect from "@theme/ApiExplorer/FormSelect";
 import FormTextInput from "@theme/ApiExplorer/FormTextInput";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
-import { OPENAPI_SERVER } from "@theme/translationIds";
 
 import { setServer, setServerVariable } from "./slice";
 
@@ -65,7 +64,10 @@ function Server({ labelId }: ServerProps) {
     return (
       <FloatingButton
         onClick={() => setIsEditing(true)}
-        label={translate({ id: OPENAPI_SERVER.EDIT_BUTTON, message: "Edit" })}
+        label={translate({
+          id: "theme.openapi.server.editButton",
+          message: "Edit",
+        })}
       >
         <FormItem>
           <span className="openapi-explorer__server-url" title={url}>
@@ -79,7 +81,10 @@ function Server({ labelId }: ServerProps) {
     <div className="openapi-explorer__server-container">
       <FloatingButton
         onClick={() => setIsEditing(false)}
-        label={translate({ id: OPENAPI_SERVER.HIDE_BUTTON, message: "Hide" })}
+        label={translate({
+          id: "theme.openapi.server.hideButton",
+          message: "Hide",
+        })}
       >
         <FormItem>
           <FormSelect

package/src/theme/ApiTabs/index.tsx

@@ -24,7 +24,6 @@ import {
 import { translate } from "@docusaurus/Translate";
 import useIsBrowser from "@docusaurus/useIsBrowser";
 import Heading from "@theme/Heading";
-import { OPENAPI_TABS } from "@theme/translationIds";
 import clsx from "clsx";
 
 export interface TabListProps extends TabProps {
@@ -39,7 +38,7 @@ function TabList({
   selectValue,
   tabValues,
   label = translate({
-    id: OPENAPI_TABS.RESPONSES_LABEL,
+    id: "theme.openapi.tabs.responses.label",
     message: "Responses",
   }),
   id = "responses",

package/src/theme/Example/index.tsx

@@ -11,7 +11,6 @@ import { translate } from "@docusaurus/Translate";
 import { ExampleObject } from "@theme/ParamsItem";
 import SchemaTabs from "@theme/SchemaTabs";
 import TabItem from "@theme/TabItem";
-import { OPENAPI_SCHEMA_ITEM } from "@theme/translationIds";
 
 const EXAMPLE_CLASS_NAME = "openapi-example";
 const EXAMPLES_CLASS_NAME = "openapi-examples";
@@ -58,7 +57,7 @@ const renderExample = (example: ExampleType) => {
     <div className={EXAMPLE_CLASS_NAME}>
       <strong>
         {translate({
-          id: OPENAPI_SCHEMA_ITEM.EXAMPLE,
+          id: "theme.openapi.schemaItem.example",
           message: "Example:",
         })}{" "}
       </strong>
@@ -121,7 +120,7 @@ export const renderExamplesRecord = (
     <div className={EXAMPLES_CLASS_NAME}>
       <strong>
         {translate({
-          id: OPENAPI_SCHEMA_ITEM.EXAMPLES,
+          id: "theme.openapi.schemaItem.examples",
           message: "Examples:",
         })}
       </strong>
@@ -153,7 +152,7 @@ const renderExampleObject = (
         <p>
           <strong>
             {translate({
-              id: OPENAPI_SCHEMA_ITEM.DESCRIPTION,
+              id: "theme.openapi.schemaItem.description",
               message: "Description:",
             })}{" "}
           </strong>

package/src/theme/ParamsDetails/index.tsx

@@ -12,7 +12,6 @@ import { translate } from "@docusaurus/Translate";
 import Details from "@theme/Details";
 import ParamsItem from "@theme/ParamsItem";
 import SkeletonLoader from "@theme/SkeletonLoader";
-import { OPENAPI_PARAMS_DETAILS } from "@theme/translationIds";
 
 interface Props {
   parameters: any[];
@@ -35,7 +34,7 @@ const ParamsDetailsComponent: React.FC<Props> = ({ parameters }) => {
             <h3 className="openapi-markdown__details-summary-header-params">
               {translate(
                 {
-                  id: OPENAPI_PARAMS_DETAILS.PARAMETERS_TITLE,
+                  id: "theme.openapi.paramsDetails.parametersTitle",
                   message: "{type} Parameters",
                 },
                 { type: type.charAt(0).toUpperCase() + type.slice(1) }