@scalar/api-client 3.19.3 → 3.20.0

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.script.js

@@ -1,9 +1,10 @@
+import { useLocalization } from "../../localization/index.js";
 import CodeInputLite_default from "../../../components/code-input/CodeInputLite.vue.js";
 import DataTable_default from "../../../components/data-table/DataTable.vue.js";
 import DataTableCell_default from "../../../components/data-table/DataTableCell.vue.js";
 import DataTableHeader_default from "../../../components/data-table/DataTableHeader.vue.js";
 import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 import { ScalarButton } from "@scalar/components/button";
 import { ScalarIconTrash } from "@scalar/icons";
 //#region src/v2/features/environments/components/EnvironmentVariablesTable.vue?vue&type=script&setup=true&lang.ts
@@ -16,6 +17,7 @@ var EnvironmentVariablesTable_vue_vue_type_script_setup_true_lang_default = /*@_
 		collectionType: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		/** Column widths: Name, Value, Actions (delete button) */
 		const COLUMNS = [
 			"1fr",
@@ -80,15 +82,15 @@ var EnvironmentVariablesTable_vue_vue_type_script_setup_true_lang_default = /*@_
 				default: withCtx(() => [createVNode(unref(DataTableRow_default), { class: "sr-only !block" }, {
 					default: withCtx(() => [
 						createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Name", -1)])]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.environmentVariablesTable.name")), 1)]),
 							_: 1
 						}),
 						createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Value", -1)])]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.environmentVariablesTable.value")), 1)]),
 							_: 1
 						}),
 						createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Actions", -1)])]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.environmentVariablesTable.actions")), 1)]),
 							_: 1
 						})
 					]),
@@ -101,22 +103,32 @@ var EnvironmentVariablesTable_vue_vue_type_script_setup_true_lang_default = /*@_
 						default: withCtx(() => [
 							createVNode(unref(DataTableCell_default), null, {
 								default: withCtx(() => [createVNode(unref(CodeInputLite_default), {
-									"aria-label": "Environment Variable Name",
+									"aria-label": unref(translate)("apiClient.environmentVariablesTable.environmentVariableName"),
 									environment: void 0,
 									modelValue: row.name,
-									placeholder: "Name",
+									placeholder: unref(translate)("apiClient.environmentVariablesTable.name"),
 									"onUpdate:modelValue": (name) => handleVariableChange(name, row.value, index)
-								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								}, null, 8, [
+									"aria-label",
+									"modelValue",
+									"placeholder",
+									"onUpdate:modelValue"
+								])]),
 								_: 2
 							}, 1024),
 							createVNode(unref(DataTableCell_default), null, {
 								default: withCtx(() => [createVNode(unref(CodeInputLite_default), {
-									"aria-label": "Environment Variable Value",
+									"aria-label": unref(translate)("apiClient.environmentVariablesTable.environmentVariableValue"),
 									environment: void 0,
 									modelValue: row.value,
-									placeholder: "Value",
+									placeholder: unref(translate)("apiClient.environmentVariablesTable.value"),
 									"onUpdate:modelValue": (value) => handleVariableChange(row.name, value, index)
-								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								}, null, 8, [
+									"aria-label",
+									"modelValue",
+									"placeholder",
+									"onUpdate:modelValue"
+								])]),
 								_: 2
 							}, 1024),
 							createVNode(unref(DataTableCell_default), { class: "flex items-center justify-center" }, {

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariablesTable.vue.script.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CodeInputLite } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst { environment, environmentName, eventBus, collectionType } = defineProps<\n  {\n    environment: XScalarEnvironment\n    environmentName: string\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Column widths: Name, Value, Actions (delete button) */\nconst COLUMNS = ['1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new variables */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n  }[]\n>(() => {\n  /** Normalize the variables to have a name and value */\n  const variableRows = environment.variables.map((v) => ({\n    name: v.name,\n    value: typeof v.value === 'string' ? v.value : v.value.default,\n  }))\n\n  const lastRow = environment.variables.at(-1)\n  const hasContentInLastRow =\n    lastRow && (lastRow.name !== '' || lastRow.value !== '')\n\n  // Add the extra row at the end\n  if (!lastRow || hasContentInLastRow) {\n    return [...variableRows, { name: '', value: '' }]\n  }\n\n  return variableRows\n})\n\n/** Updates an existing variable or creates a new one */\nconst handleVariableChange = (\n  name: string,\n  value: string,\n  index: number,\n): void => {\n  const isNewVariable = index >= environment.variables.length\n\n  /**\n   * Do not allow adding a new variable with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewVariable) {\n    return\n  }\n\n  // Adding a new variable\n  if (index >= environment.variables.length) {\n    eventBus.emit('environment:upsert:environment-variable', {\n      environmentName,\n      variable: { name, value },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating\n  eventBus.emit('environment:upsert:environment-variable', {\n    environmentName,\n    variable: { name, value },\n    index,\n    collectionType,\n  })\n}\n\n/** Deletes a variable by index */\nconst handleVariableDelete = (index: number): void =>\n  eventBus.emit('environment:delete:environment-variable', {\n    environmentName,\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Environment variables table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Name</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n      <DataTableHeader>Actions</DataTableHeader>\n    </DataTableRow>\n\n    <!-- Variable rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInputLite\n          aria-label=\"Environment Variable Name\"\n          :environment=\"undefined\"\n          :modelValue=\"row.name\"\n          placeholder=\"Name\"\n          @update:modelValue=\"\n            (name) => handleVariableChange(name, row.value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInputLite\n          aria-label=\"Environment Variable Value\"\n          :environment=\"undefined\"\n          :modelValue=\"row.value\"\n          placeholder=\"Value\"\n          @update:modelValue=\"\n            (value) => handleVariableChange(row.name, value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < environment.variables.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleVariableDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,UAAU;GAAC;GAAO;GAAO;EAAM;;EAGrC,MAAM,cAAc,eAKZ;;GAEN,MAAM,eAAe,QAAA,YAAY,UAAU,KAAK,OAAO;IACrD,MAAM,EAAE;IACR,OAAO,OAAO,EAAE,UAAU,WAAW,EAAE,QAAQ,EAAE,MAAM;GACzD,EAAE;GAEF,MAAM,UAAU,QAAA,YAAY,UAAU,GAAG,EAAE;GAC3C,MAAM,sBACJ,YAAY,QAAQ,SAAS,MAAM,QAAQ,UAAU;GAGvD,IAAI,CAAC,WAAW,qBACd,OAAO,CAAC,GAAG,cAAc;IAAE,MAAM;IAAI,OAAO;GAAG,CAAC;GAGlD,OAAO;EACT,CAAC;;EAGD,MAAM,wBACJ,MACA,OACA,UACS;GACT,MAAM,gBAAgB,SAAS,QAAA,YAAY,UAAU;;;;;GAMrD,IAAI,CAAC,QAAQ,eACX;GAIF,IAAI,SAAS,QAAA,YAAY,UAAU,QAAQ;IACzC,QAAA,SAAS,KAAK,2CAA2C;KACvD,iBAAc,QAAA;KACd,UAAU;MAAE;MAAM;KAAM;KACxB,gBAAa,QAAA;IACf,CAAC;IACD;GACF;GAGA,QAAA,SAAS,KAAK,2CAA2C;IACvD,iBAAc,QAAA;IACd,UAAU;KAAE;KAAM;IAAM;IACxB;IACA,gBAAa,QAAA;GACf,CAAC;EACH;;EAGA,MAAM,wBAAwB,UAC5B,QAAA,SAAS,KAAK,2CAA2C;GACvD,iBAAc,QAAA;GACd;GACA,gBAAa,QAAA;EACf,CAAC;;uBAID,YAmDY,MAAA,iBAAA,GAAA;IAlDV,OAAM;IACL,SAAS;;2BAMK,CAJf,YAIe,MAAA,oBAAA,GAAA,EAJD,OAAM,iBAAgB,GAAA;4BACK;MAAvC,YAAuC,MAAA,uBAAA,GAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,EAAA,CAAA,EAAA,CAAA;;;MACrB,YAAwC,MAAA,uBAAA,GAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAL,SAAK,EAAA,CAAA,EAAA,CAAA;;;MACtB,YAA0C,MAAA,uBAAA,GAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,EAAA,CAAA,EAAA,CAAA;;;;;0BAI1B,mBAuCe,UAAA,MAAA,WAtCU,YAAA,QAAf,KAAK,UAAK;yBADpB,YAuCe,MAAA,oBAAA,GAAA;MArCZ,KAAK;MACN,OAAM;;6BAWU;OAThB,YASgB,MAAA,qBAAA,GAAA,MAAA;+BADR,CAPN,YAOM,MAAA,qBAAA,GAAA;SANJ,cAAW;SACV,aAAa,KAAA;SACb,YAAY,IAAI;SACjB,aAAY;SACX,wBAAiC,SAAS,qBAAqB,MAAM,IAAI,OAAO,KAAK;;;;OAM1F,YASgB,MAAA,qBAAA,GAAA,MAAA;+BADR,CAPN,YAOM,MAAA,qBAAA,GAAA;SANJ,cAAW;SACV,aAAa,KAAA;SACb,YAAY,IAAI;SACjB,aAAY;SACX,wBAAiC,UAAU,qBAAqB,IAAI,MAAM,OAAO,KAAK;;;;OAM3F,YASgB,MAAA,qBAAA,GAAA,EATD,OAAM,mCAAkC,GAAA;+BAQtC,CANP,QAAQ,QAAA,YAAY,UAAU,UAAA,UAAA,GADtC,YAOe,MAAA,YAAA,GAAA;;SALb,OAAM;SACN,MAAK;SACL,SAAQ;SACP,UAAK,WAAE,qBAAqB,KAAK;;gCACE,CAApC,YAAoC,MAAA,eAAA,GAAA,EAAnB,OAAM,WAAU,CAAA,CAAA,CAAA"}
+{"version":3,"file":"EnvironmentVariablesTable.vue.script.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CodeInputLite } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { environment, environmentName, eventBus, collectionType } = defineProps<\n  {\n    environment: XScalarEnvironment\n    environmentName: string\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\nconst { translate } = useLocalization()\n\n/** Column widths: Name, Value, Actions (delete button) */\nconst COLUMNS = ['1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new variables */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n  }[]\n>(() => {\n  /** Normalize the variables to have a name and value */\n  const variableRows = environment.variables.map((v) => ({\n    name: v.name,\n    value: typeof v.value === 'string' ? v.value : v.value.default,\n  }))\n\n  const lastRow = environment.variables.at(-1)\n  const hasContentInLastRow =\n    lastRow && (lastRow.name !== '' || lastRow.value !== '')\n\n  // Add the extra row at the end\n  if (!lastRow || hasContentInLastRow) {\n    return [...variableRows, { name: '', value: '' }]\n  }\n\n  return variableRows\n})\n\n/** Updates an existing variable or creates a new one */\nconst handleVariableChange = (\n  name: string,\n  value: string,\n  index: number,\n): void => {\n  const isNewVariable = index >= environment.variables.length\n\n  /**\n   * Do not allow adding a new variable with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewVariable) {\n    return\n  }\n\n  // Adding a new variable\n  if (index >= environment.variables.length) {\n    eventBus.emit('environment:upsert:environment-variable', {\n      environmentName,\n      variable: { name, value },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating\n  eventBus.emit('environment:upsert:environment-variable', {\n    environmentName,\n    variable: { name, value },\n    index,\n    collectionType,\n  })\n}\n\n/** Deletes a variable by index */\nconst handleVariableDelete = (index: number): void =>\n  eventBus.emit('environment:delete:environment-variable', {\n    environmentName,\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Environment variables table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>\n        {{ translate('apiClient.environmentVariablesTable.name') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ translate('apiClient.environmentVariablesTable.value') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ translate('apiClient.environmentVariablesTable.actions') }}\n      </DataTableHeader>\n    </DataTableRow>\n\n    <!-- Variable rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInputLite\n          :aria-label=\"\n            translate(\n              'apiClient.environmentVariablesTable.environmentVariableName',\n            )\n          \"\n          :environment=\"undefined\"\n          :modelValue=\"row.name\"\n          :placeholder=\"translate('apiClient.environmentVariablesTable.name')\"\n          @update:modelValue=\"\n            (name) => handleVariableChange(name, row.value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInputLite\n          :aria-label=\"\n            translate(\n              'apiClient.environmentVariablesTable.environmentVariableValue',\n            )\n          \"\n          :environment=\"undefined\"\n          :modelValue=\"row.value\"\n          :placeholder=\"translate('apiClient.environmentVariablesTable.value')\"\n          @update:modelValue=\"\n            (value) => handleVariableChange(row.name, value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < environment.variables.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleVariableDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/localization/index.d.ts

@@ -0,0 +1,18 @@
+import type { ApiClientTranslations } from '@scalar/types/api-reference';
+/** Dot-path keys for API Client UI strings. */
+export type ApiClientTranslationKey = {
+    [Group in keyof ApiClientTranslations]: `apiClient.${Group}.${keyof ApiClientTranslations[Group] & string}`;
+}[keyof ApiClientTranslations];
+/** API Client localization, also consumable beneath the API Reference provider. */
+export declare const provideLocalization: (localization: import("vue").MaybeRefOrGetter<import("@scalar/localization").LocalizationInput<{
+    apiClient: ApiClientTranslations;
+}> | undefined>) => import("@scalar/localization").LocalizationContext<{
+    apiClient: ApiClientTranslations;
+}, ApiClientTranslationKey>, useLocalization: () => import("@scalar/localization").LocalizationContext<{
+    apiClient: ApiClientTranslations;
+}, ApiClientTranslationKey>, resolveLocalization: (localization?: import("@scalar/localization").LocalizationInput<{
+    apiClient: ApiClientTranslations;
+}> | undefined) => import("@scalar/localization").ResolvedLocalization<{
+    apiClient: ApiClientTranslations;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/features/localization/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/localization/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAA6B,MAAM,6BAA6B,CAAA;AAWnG,+CAA+C;AAC/C,MAAM,MAAM,uBAAuB,GAAG;KACnC,KAAK,IAAI,MAAM,qBAAqB,GAAG,aAAa,KAAK,IAAI,MAAM,qBAAqB,CAAC,KAAK,CAAC,GAAG,MAAM,EAAE;CAC5G,CAAC,MAAM,qBAAqB,CAAC,CAAA;AAE9B,mFAAmF;AACnF,eAAO,MAAQ,mBAAmB;eACnB,qBAAqB;;eAArB,qBAAqB;6BADA,eAAe;eACpC,qBAAqB;6BADiB,mBAAmB;eACzD,qBAAqB;;eAArB,qBAAqB;EAgBlC,CAAA"}

package/dist/v2/features/localization/index.js

@@ -0,0 +1,35 @@
+import { ar } from "./locales/ar.js";
+import { de } from "./locales/de.js";
+import { es } from "./locales/es.js";
+import { fr } from "./locales/fr.js";
+import { pt } from "./locales/pt.js";
+import { ru } from "./locales/ru.js";
+import { zhCn } from "./locales/zh-cn.js";
+import { en } from "./translations.js";
+import { createLocalization } from "@scalar/localization";
+//#region src/v2/features/localization/index.ts
+/** API Client localization, also consumable beneath the API Reference provider. */
+var { provideLocalization, useLocalization, resolveLocalization } = createLocalization({
+	localeTranslations: {
+		en: { apiClient: en },
+		ru: { apiClient: ru },
+		es: { apiClient: es },
+		fr: { apiClient: fr },
+		de: { apiClient: de },
+		"zh-CN": { apiClient: zhCn },
+		ar: { apiClient: ar },
+		pt: { apiClient: pt }
+	},
+	defaultLocale: "en",
+	rtlLocales: /* @__PURE__ */ new Set([
+		"ar",
+		"fa",
+		"he",
+		"ur"
+	]),
+	logPrefix: "[@scalar/api-client]"
+});
+//#endregion
+export { provideLocalization, resolveLocalization, useLocalization };
+
+//# sourceMappingURL=index.js.map

package/dist/v2/features/localization/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/v2/features/localization/index.ts"],"sourcesContent":["import { createLocalization } from '@scalar/localization'\nimport type { ApiClientTranslations, ApiReferenceBuiltInLocale } from '@scalar/types/api-reference'\n\nimport { ar } from './locales/ar'\nimport { de } from './locales/de'\nimport { es } from './locales/es'\nimport { fr } from './locales/fr'\nimport { pt } from './locales/pt'\nimport { ru } from './locales/ru'\nimport { zhCn } from './locales/zh-cn'\nimport { en } from './translations'\n\n/** Dot-path keys for API Client UI strings. */\nexport type ApiClientTranslationKey = {\n  [Group in keyof ApiClientTranslations]: `apiClient.${Group}.${keyof ApiClientTranslations[Group] & string}`\n}[keyof ApiClientTranslations]\n\n/** API Client localization, also consumable beneath the API Reference provider. */\nexport const { provideLocalization, useLocalization, resolveLocalization } = createLocalization<\n  { apiClient: ApiClientTranslations },\n  ApiClientTranslationKey\n>({\n  localeTranslations: {\n    en: { apiClient: en },\n    ru: { apiClient: ru },\n    es: { apiClient: es },\n    fr: { apiClient: fr },\n    de: { apiClient: de },\n    'zh-CN': { apiClient: zhCn },\n    ar: { apiClient: ar },\n    pt: { apiClient: pt },\n  } satisfies Record<ApiReferenceBuiltInLocale, { apiClient: ApiClientTranslations }>,\n  defaultLocale: 'en',\n  rtlLocales: new Set(['ar', 'fa', 'he', 'ur']),\n  logPrefix: '[@scalar/api-client]',\n})\n"],"mappings":";;;;;;;;;;;AAkBA,IAAa,EAAE,qBAAqB,iBAAiB,wBAAwB,mBAG3E;CACA,oBAAoB;EAClB,IAAI,EAAE,WAAW,GAAG;EACpB,IAAI,EAAE,WAAW,GAAG;EACpB,IAAI,EAAE,WAAW,GAAG;EACpB,IAAI,EAAE,WAAW,GAAG;EACpB,IAAI,EAAE,WAAW,GAAG;EACpB,SAAS,EAAE,WAAW,KAAK;EAC3B,IAAI,EAAE,WAAW,GAAG;EACpB,IAAI,EAAE,WAAW,GAAG;CACtB;CACA,eAAe;CACf,4BAAY,IAAI,IAAI;EAAC;EAAM;EAAM;EAAM;CAAI,CAAC;CAC5C,WAAW;AACb,CAAC"}

package/dist/v2/features/localization/locales/ar.d.ts

@@ -0,0 +1,385 @@
+/** Built-in API Client translations for ar. */
+export declare const ar: {
+    serverVariablesSelect: {
+        selected: string;
+    };
+    serverVariablesTextbox: {
+        value: string;
+    };
+    sidebarListElementForm: {
+        cancel: string;
+    };
+    requestBlock: {
+        authentication: string;
+        variables: string;
+        cookies: string;
+        headers: string;
+        queryParameters: string;
+        requestBody: string;
+        requestName: string;
+        label: string;
+    };
+    responseBlock: {
+        response: string;
+        requestHeaders: string;
+        responseHeaders: string;
+        body: string;
+    };
+    codeInput: {
+        required: string;
+        exitHint: string;
+    };
+    codeInputLite: {
+        required: string;
+    };
+    dataTableInput: {
+        clearValue: string;
+        showPassword: string;
+        hidePassword: string;
+    };
+    dataTableInputSelect: {
+        value: string;
+        addValue: string;
+    };
+    confirmationForm: {
+        cancel: string;
+        save: string;
+    };
+    collapsibleSection: {
+        collapsed: string;
+        item: string;
+        items: string;
+    };
+    modalClientContainer: {
+        label: string;
+    };
+    serverDropdown: {
+        server: string;
+        addServer: string;
+        updateServers: string;
+        unknownServer: string;
+    };
+    sidebar: {
+        search: string;
+    };
+    sidebarMenu: {
+        settings: string;
+    };
+    sidebarToggle: {
+        hide: string;
+        show: string;
+    };
+    environmentsList: {
+        addEnvironment: string;
+    };
+    modal: {
+        noDocumentSelected: string;
+    };
+    operation: {
+        selectAnOperationToViewDetails: string;
+    };
+    header: {
+        operationSettings: string;
+        closeClient: string;
+    };
+    openApiClientButton: {
+        openAPIClient: string;
+    };
+    requestBody: {
+        noBody: string;
+        delete: string;
+        selectFile: string;
+        multipartForm: string;
+        formUrlEncoded: string;
+        binaryFile: string;
+        other: string;
+        none: string;
+    };
+    requestBodyStructured: {
+        body: string;
+    };
+    requestBodyViewToggle: {
+        form: string;
+        raw: string;
+        fixBody: string;
+    };
+    requestCodeSnippet: {
+        codeSnippet: string;
+    };
+    requestTable: {
+        enabled: string;
+        key: string;
+        value: string;
+    };
+    requestTableRow: {
+        key: string;
+        value: string;
+        delete: string;
+        selectFile: string;
+        globalCookieHint: string;
+        readOnlyHint: string;
+        include: string;
+        keyLabel: string;
+        valueLabel: string;
+        deleteRow: string;
+        row: string;
+    };
+    requestTableTooltip: {
+        min: string;
+        max: string;
+        default: string;
+        invalid: string;
+        moreInformation: string;
+    };
+    headers: {
+        headerKey: string;
+        headerValue: string;
+        noHeaders: string;
+    };
+    responseBody: {
+        binaryFile: string;
+    };
+    responseBodyPreview: {
+        previewUnavailable: string;
+    };
+    responseBodyStreaming: {
+        body: string;
+        listening: string;
+        cancel: string;
+    };
+    responseBodyToggle: {
+        preview: string;
+        raw: string;
+    };
+    responseBodyVirtual: {
+        body: string;
+        largeBodyHint: string;
+    };
+    responseCookies: {
+        cookies: string;
+        cookieName: string;
+        cookieValue: string;
+        noCookies: string;
+    };
+    responseEmpty: {
+        roadmap: string;
+        poweredByScalarcom: string;
+        getStarted: string;
+        newRequest: string;
+        sendRequest: string;
+        version: string;
+    };
+    responseLoadingOverlay: {
+        cancel: string;
+    };
+    addressBar: {
+        path: string;
+        copyUrl: string;
+        send: string;
+        sendRequest: string;
+        duplicateRequest: string;
+        urlPlaceholder: string;
+        webhookUrlPlaceholder: string;
+    };
+    addressBarHistory: {
+        requestHistory: string;
+    };
+    environmentSelector: {
+        noEnvironment: string;
+        notAvailableInThisContext: string;
+        environmentHint: string;
+        add: string;
+        select: string;
+        unavailable: string;
+        current: string;
+    };
+    deleteRequestAuthModal: {
+        deleteSecurityScheme: string;
+        cancel: string;
+        delete: string;
+        confirmation: string;
+    };
+    oauth2: {
+        deviceAuthorizationUrl: string;
+        deviceVerificationPrompt: string;
+        waitingForAuthorization: string;
+        cancelDeviceAuthorization: string;
+        accessToken: string;
+        refreshUrl: string;
+        refresh: string;
+        authUrl: string;
+        tokenUrl: string;
+        redirectUrl: string;
+        username: string;
+        password: string;
+        clientID: string;
+        clientSecret: string;
+        usePKCE: string;
+        credentialsLocation: string;
+        authorize: string;
+        clear: string;
+        failedToauthorize: string;
+        failedToRefreshToken: string;
+        optionalRedirectUrl: string;
+    };
+    oauthScopesAddModal: {
+        name: string;
+        description: string;
+        readUserData: string;
+        edit: string;
+        add: string;
+        save: string;
+        required: string;
+        duplicate: string;
+    };
+    oauthScopesInput: {
+        noScopesDefined: string;
+        addScope: string;
+        deselectAll: string;
+        selectAll: string;
+        selectedScopes: string;
+        editScope: string;
+        deleteScope: string;
+        selectScope: string;
+    };
+    openIdConnect: {
+        discoveryUrl: string;
+        fetchConfiguration: string;
+        failedToFetchConfiguration: string;
+    };
+    requestAuthDataTable: {
+        noauthenticationSelected: string;
+    };
+    requestAuthTab: {
+        token: string;
+        bearerToken: string;
+        getAToken: string;
+        refresh: string;
+        username: string;
+        password: string;
+        name: string;
+        value: string;
+        cancel: string;
+        authorize: string;
+        unsupportedCredentials: string;
+        authorizeVia: string;
+        unsupportedType: string;
+        missingType: string;
+        failedToauthorize: string;
+        failedToRefresh: string;
+        configure: string;
+        mutualTlsHint: string;
+    };
+    commandActionForm: {
+        continue: string;
+    };
+    environment: {
+        thisIsTheActiveEnvironment: string;
+        active: string;
+        editEnvironment: string;
+        deleteEnvironment: string;
+    };
+    environmentCreateModal: {
+        environmentName: string;
+        thisEnvironmentNameIsAlreadyInUse: string;
+        update: string;
+        add: string;
+    };
+    environmentDeleteModal: {
+        cancel: string;
+        deleteEnvironment: string;
+        deleteConfirmation: string;
+        title: string;
+    };
+    environmentVariablesDropdown: {
+        variableSuggestions: string;
+        addVariable: string;
+    };
+    environmentVariablesTable: {
+        name: string;
+        value: string;
+        actions: string;
+        environmentVariableName: string;
+        environmentVariableValue: string;
+    };
+    documentSearchModal: {
+        documentSearch: string;
+        documentSearchResults: string;
+        navigate: string;
+        select: string;
+        keyboardInstructions: string;
+    };
+    searchResult: {
+        httpMethod: string;
+        path: string;
+        description: string;
+        heading: string;
+        operation: string;
+        tag: string;
+    };
+    sectionFilter: {
+        all: string;
+        auth: string;
+        variables: string;
+        cookies: string;
+        headers: string;
+        query: string;
+        body: string;
+    };
+    requestParams: {
+        clearAll: string;
+        clear: string;
+        clearOptionalParameters: string;
+    };
+    responseBodyDownload: {
+        download: string;
+        label: string;
+        body: string;
+    };
+    responseMetaInformation: {
+        duration: string;
+        size: string;
+        status: string;
+    };
+    authSelector: {
+        selectedType: string;
+        multipleTypes: string;
+        selectType: string;
+        optional: string;
+        required: string;
+        deleteScheme: string;
+        requiredGroup: string;
+        availableGroup: string;
+        addGroup: string;
+    };
+    operationBlock: {
+        webhookUrlRequired: string;
+        pathParametersRequired: string;
+    };
+    dataTableCheckbox: {
+        toggle: string;
+    };
+    pillTooltipHost: {
+        computedAtExecution: string;
+        noValue: string;
+    };
+    authOptions: {
+        oauth2DeviceAuthorization: string;
+        apiKeyCookie: string;
+        apiKeyHeader: string;
+        apiKeyQuery: string;
+        httpBasic: string;
+        httpBearer: string;
+        oauth2Implicit: string;
+        oauth2Password: string;
+        oauth2ClientCredentials: string;
+        oauth2AuthorizationFlow: string;
+    };
+    deleteSidebarListElement: {
+        delete: string;
+    };
+    deleteModal: {
+        delete: string;
+    };
+};
+//# sourceMappingURL=ar.d.ts.map

package/dist/v2/features/localization/locales/ar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ar.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/localization/locales/ar.ts"],"names":[],"mappings":"AAEA,+CAA+C;AAC/C,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+XkB,CAAA"}