@scalar/api-client 1.2.30 → 1.2.31

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @scalar/api-client
 
+## 1.2.31
+
+### Patch Changes
+
+- 5aa656f: feat: [BREAKING CHANGE] use new HTTP proxy (https://github.com/scalar/scalar/pull/1703)
+- Updated dependencies [5aa656f]
+  - @scalar/oas-utils@0.1.13
+  - @scalar/components@0.7.11
+
 ## 1.2.30
 
 ### Patch Changes

package/dist/components/ApiClient/AddressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/AddressBar.vue.ts"],"names":[],"mappings":";;;;;;;;;AAsdA,wBASG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/AddressBar.vue.ts"],"names":[],"mappings":";;;;;;;;;AAidA,wBASG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/ApiClient/ApiClient.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     proxyUrl?: string | undefined;
     readOnly?: boolean | undefined;
     theme?: ThemeId | undefined;
-    withDefaultFonts: boolean;
+    withDefaultFonts?: boolean | undefined;
     showSideBar?: boolean | undefined;
 }>, {
     readOnly: boolean;
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     proxyUrl?: string | undefined;
     readOnly?: boolean | undefined;
     theme?: ThemeId | undefined;
-    withDefaultFonts: boolean;
+    withDefaultFonts?: boolean | undefined;
     showSideBar?: boolean | undefined;
 }>, {
     readOnly: boolean;

package/dist/components/ApiClient/Response/Response.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Response.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Response/Response.vue.ts"],"names":[],"mappings":";AAwRA,wBAKG"}
+{"version":3,"file":"Response.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Response/Response.vue.ts"],"names":[],"mappings":";AA8PA,wBAKG"}

package/dist/components/ApiClient/Response/ResponseBody.vue.d.ts

@@ -1,21 +1,8 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    active: boolean;
-    data: any;
-    headers: Record<string, string>[];
-}>, {
-    active: boolean;
-    data: null;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    active: boolean;
-    data: any;
-    headers: Record<string, string>[];
-}>, {
-    active: boolean;
-    data: null;
-}>>>, {
-    data: any;
-    active: boolean;
-}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    response?: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    response?: any;
+}>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -26,12 +13,4 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 //# sourceMappingURL=ResponseBody.vue.d.ts.map

package/dist/components/ApiClient/Response/ResponseBody.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Response/ResponseBody.vue.ts"],"names":[],"mappings":";YAoKY,OAAO;UACT,GAAG;aACA,OAAO,MAAM,EAAE,MAAM,CAAC,EAAE;;;;;YAFzB,OAAO;UACT,GAAG;aACA,OAAO,MAAM,EAAE,MAAM,CAAC,EAAE;;;;;UAD3B,GAAG;YADD,OAAO;;AANnB,wBAUG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ResponseBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Response/ResponseBody.vue.ts"],"names":[],"mappings":";eA0Ka,GAAG;;eAAH,GAAG;;AANhB,wBAQG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/ApiClient/Response/ResponseMetaInformation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Response/ResponseMetaInformation.vue.ts"],"names":[],"mappings":";cAqKuD,GAAG;;cAAH,GAAG;;AAL1D,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Response/ResponseMetaInformation.vue.ts"],"names":[],"mappings":";cAmKuD,GAAG;;cAAH,GAAG;;AAL1D,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/helpers/index.d.ts

@@ -5,6 +5,7 @@ export * from './findVariables';
 export * from './getRequestFromAuthentication';
 export * from './humanDiff';
 export * from './mapFromArray';
+export * from './normalizeHeaders';
 export * from './normalizePath';
 export * from './normalizeRequestMethod';
 export * from './normalizeUrl';

package/dist/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gCAAgC,CAAA;AAC9C,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gCAAgC,CAAA;AAC9C,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA"}

package/dist/helpers/normalizeHeaders.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Transforms all header keys to lowercase
+ *
+ * { 'Content-Type': 'application/json' } -> { 'content-type': 'application/json' }
+ */
+export declare const normalizeHeaders: (headers?: Record<string, any>) => {
+    [k: string]: any;
+};
+//# sourceMappingURL=normalizeHeaders.d.ts.map

package/dist/helpers/normalizeHeaders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeHeaders.d.ts","sourceRoot":"","sources":["../../src/helpers/normalizeHeaders.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,aAAc,OAAO,MAAM,EAAE,GAAG,CAAC;;CAK3D,CAAA"}

package/dist/helpers/normalizeUrl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeUrl.d.ts","sourceRoot":"","sources":["../../src/helpers/normalizeUrl.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,MAAM,WAwBxC,CAAA"}
+{"version":3,"file":"normalizeUrl.d.ts","sourceRoot":"","sources":["../../src/helpers/normalizeUrl.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,MAAM,WAuBxC,CAAA"}

package/dist/helpers/sendRequest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sendRequest.d.ts","sourceRoot":"","sources":["../../src/helpers/sendRequest.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,aAAa,EACb,iBAAiB,EAClB,MAAM,UAAU,CAAA;AAUjB;;GAEG;AACH,wBAAsB,WAAW,CAC/B,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAyJ/B"}
+{"version":3,"file":"sendRequest.d.ts","sourceRoot":"","sources":["../../src/helpers/sendRequest.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,aAAa,EACb,iBAAiB,EAClB,MAAM,UAAU,CAAA;AAwBjB;;GAEG;AACH,wBAAsB,WAAW,CAC/B,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAiJ/B"}

package/dist/index.css

@@ -679,14 +679,14 @@ to {
   color: var(--scalar-api-client-color);
 }
 
-.loader[data-v-2967e07a] {
+.loader[data-v-b1791ec2] {
   position: absolute;
   z-index: 3;
   height: 2px;
   background: var(--scalar-api-client-color);
-  animation: loading-2967e07a 5s cubic-bezier(0, 0.5, 0.25, 1);
+  animation: loading-b1791ec2 5s cubic-bezier(0, 0.5, 0.25, 1);
 }
-@keyframes loading-2967e07a {
+@keyframes loading-b1791ec2 {
 0% {
     width: 0;
 }
@@ -694,14 +694,14 @@ to {
     width: 100%;
 }
 }
-.address-bar[data-v-2967e07a] {
+.address-bar[data-v-b1791ec2] {
   width: 100%;
   padding: 10px;
   display: flex;
   align-items: center;
   position: relative;
 }
-.url-form[data-v-2967e07a] {
+.url-form[data-v-b1791ec2] {
   display: flex;
   width: 720px;
   align-items: stretch;
@@ -711,11 +711,11 @@ to {
   z-index: 2;
   max-width: calc(100% - 68px);
 }
-.url-form[data-v-2967e07a] .cm-content {
+.url-form[data-v-b1791ec2] .cm-content {
   display: flex;
   align-items: center;
 }
-.url-form-field[data-v-2967e07a] {
+.url-form-field[data-v-b1791ec2] {
   align-items: stretch;
   border: 1px solid var(--scalar-border-color);
   border-radius: var(--scalar-radius);
@@ -725,7 +725,7 @@ to {
   padding: 2px;
   width: 100%;
 }
-.url-form-input-wrapper[data-v-2967e07a] {
+.url-form-input-wrapper[data-v-b1791ec2] {
   display: flex;
   position: relative;
   overflow-x: auto;
@@ -735,7 +735,7 @@ to {
   /* Firefox supports */
   scroll-timeline: --scroll-timeline horizontal;
 }
-.url-form-input[data-v-2967e07a] {
+.url-form-input[data-v-b1791ec2] {
   background: var(--scalar-background-1);
   color: var(--scalar-color-1);
   font-weight: var(--scalar-semibold);
@@ -746,18 +746,18 @@ to {
   max-width: calc(100% - 153px);
   margin-right: auto;
 }
-.url-form-input-fade__left[data-v-2967e07a],
-.url-form-input-fade__right[data-v-2967e07a] {
+.url-form-input-fade__left[data-v-b1791ec2],
+.url-form-input-fade__right[data-v-b1791ec2] {
   content: '';
   position: sticky;
   height: 100%;
-  animation-name: fadein-2967e07a;
+  animation-name: fadein-b1791ec2;
   animation-duration: 1ms;
   animation-direction: reverse;
   animation-timeline: --scroll-timeline;
   z-index: 1;
 }
-.url-form-input-fade__left[data-v-2967e07a] {
+.url-form-input-fade__left[data-v-b1791ec2] {
   background: linear-gradient(
     -90deg,
     color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,
@@ -767,7 +767,7 @@ to {
   left: 0;
   min-width: 6px;
 }
-.url-form-input-fade__right[data-v-2967e07a] {
+.url-form-input-fade__right[data-v-b1791ec2] {
   background: linear-gradient(
     90deg,
     color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,
@@ -778,7 +778,7 @@ to {
   min-width: 24px;
   animation-direction: reverse;
 }
-@keyframes fadein-2967e07a {
+@keyframes fadein-b1791ec2 {
 0% {
     opacity: 0;
 }
@@ -787,18 +787,18 @@ to {
 }
 }
 @media screen and (max-width: 720px) {
-.url-form-input[data-v-2967e07a] {
+.url-form-input[data-v-b1791ec2] {
     max-width: calc(100% - 113px);
 }
 }
-.url-form-input[data-v-2967e07a] .cm-scroller {
+.url-form-input[data-v-b1791ec2] .cm-scroller {
   overflow-y: hidden;
 }
-.url-form-input[data-v-2967e07a] .cm-line {
+.url-form-input[data-v-b1791ec2] .cm-line {
   font-size: var(--scalar-micro);
   padding: 0;
 }
-.history[data-v-2967e07a] {
+.history[data-v-b1791ec2] {
   appearance: none;
   -webkit-appearance: none;
   background: transparent;
@@ -807,7 +807,7 @@ to {
   align-items: center;
   border-radius: var(--scalar-radius);
 }
-.send-button[type='submit'][data-v-2967e07a] {
+.send-button[type='submit'][data-v-b1791ec2] {
   font-size: var(--scalar-micro);
   letter-spacing: 0.25px;
   color: var(--scalar-button-1-color);
@@ -826,36 +826,36 @@ to {
   overflow: hidden;
   flex-shrink: 0;
 }
-.send-button[data-v-2967e07a]:hover {
+.send-button[data-v-b1791ec2]:hover {
   background: var(--scalar-button-1-hover);
 }
-.send-button svg[data-v-2967e07a] {
+.send-button svg[data-v-b1791ec2] {
   width: 12px;
   height: 12px;
   flex-shrink: 0;
   margin-right: 6px;
   position: relative;
 }
-.send-button span[data-v-2967e07a] {
+.send-button span[data-v-b1791ec2] {
   position: relative;
 }
 @media screen and (max-width: 720px) {
-.history-toggle span[data-v-2967e07a],
-  .send-button span[data-v-2967e07a] {
+.history-toggle span[data-v-b1791ec2],
+  .send-button span[data-v-b1791ec2] {
     display: none;
 }
-.history-toggle svg[data-v-2967e07a],
-  .send-button svg[data-v-2967e07a] {
+.history-toggle svg[data-v-b1791ec2],
+  .send-button svg[data-v-b1791ec2] {
     margin-right: 0;
 }
 }
-.send-button[disabled][data-v-2967e07a] {
+.send-button[disabled][data-v-b1791ec2] {
   pointer-events: none;
   color: var(--scalar-color-2);
   background: var(--scalar-background-3);
   border: 1px solid var(--scalar-border-color);
 }
-.history-toggle[data-v-2967e07a] {
+.history-toggle[data-v-b1791ec2] {
   padding: 7px;
   line-height: 30px;
   color: var(--scalar-color-3);
@@ -873,16 +873,16 @@ to {
     background-color 0.15s ease-in-out,
     color 0.15s ease-in-out;
 }
-.history-toggle[data-v-2967e07a]:hover {
+.history-toggle[data-v-b1791ec2]:hover {
   background-color: var(--scalar-background-2);
   color: var(--scalar-color-1);
 }
-.history-toggle svg[data-v-2967e07a] {
+.history-toggle svg[data-v-b1791ec2] {
   height: 13px;
   width: 13px;
   color: currentColor;
 }
-.address-bar-content[data-v-2967e07a] {
+.address-bar-content[data-v-b1791ec2] {
   width: 640px;
   height: 100%;
   background: var(--scalar-background-1);
@@ -897,21 +897,21 @@ to {
     opacity 0.01s ease-in-out 0.5s;
   pointer-events: none;
 }
-.address-bar--with-history[data-v-2967e07a] {
+.address-bar--with-history[data-v-b1791ec2] {
   z-index: 100000;
 }
-.address-bar--with-history .address-bar-content[data-v-2967e07a] {
+.address-bar--with-history .address-bar-content[data-v-b1791ec2] {
   transform: translate3d(0, 0, 0);
   opacity: 1;
   pointer-events: all;
   transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
 }
-.address-bar--with-history .address-bar-close[data-v-2967e07a] {
+.address-bar--with-history .address-bar-close[data-v-b1791ec2] {
   opacity: 1;
   pointer-events: all;
   cursor: pointer;
 }
-.address-bar-close[data-v-2967e07a] {
+.address-bar-close[data-v-b1791ec2] {
   width: 100%;
   height: 100%;
   position: fixed;
@@ -2078,29 +2078,6 @@ border-top-left-radius: var(--scalar-radius);
   overflow: auto;
 }
 
-.scalar-api-client__status--1xx:before,
-.scalar-api-client__status--2xx:before,
-.scalar-api-client__status--3xx:before,
-.scalar-api-client__status--4xx:before,
-.scalar-api-client__status--5xx:before,
-.scalar-api-client__status--6xx:before {
-  content: '';
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  margin-right: 4px;
-  background: var(--scalar-background-2);
-}
-.scalar-api-client__status--2xx:before {
-  background: var(--scalar-color-green);
-}
-.scalar-api-client__status--3xx:before {
-  background: var(--scalar-color-orange);
-}
-.scalar-api-client__status--4xx:before {
-  background: var(--scalar-color-red);
-}
-
 .scalar-api-client__main__right {
   width: 50%;
 }

package/dist/index.js

@@ -26052,6 +26052,9 @@ function mapFromArray(arr, key, valueKey) {
   });
   return obj;
 }
+const normalizeHeaders = (headers) => Object.fromEntries(
+  Object.entries(headers ?? {}).map(([key, value]) => [key.toLowerCase(), value])
+);
 const normalizePath = (path) => {
   if (typeof path !== "string") {
     return "";
@@ -26093,9 +26096,7 @@ const normalizeUrl = (url) => {
     );
     sanitizedUrl = `http://${sanitizedUrl}`;
   }
-  const urlObject = new URL(sanitizedUrl);
-  urlObject.hostname = urlObject.hostname.trim().toLowerCase();
-  return urlObject.toString();
+  return sanitizedUrl.trim();
 };
 function enable(items) {
   return (items ?? []).map((item) => ({ ...item, enabled: true }));
@@ -26149,6 +26150,14 @@ const replaceVariables = (url, variables2) => {
     return acc.replace(`{${key}}`, value.toString());
   }, url);
 };
+function redirectToProxy(proxy, url) {
+  return `${proxy}?scalar_url=${encodeURI(url)}`;
+}
+function isRequestToLocalhost(url) {
+  const { hostname } = new URL(url);
+  const listOfLocalUrls = ["localhost", "127.0.0.1", "[::1]"];
+  return listOfLocalUrls.includes(hostname);
+}
 async function sendRequest(request, proxyUrl) {
   var _a2;
   const method = normalizeRequestMethod(request.type);
@@ -26212,46 +26221,40 @@ async function sendRequest(request, proxyUrl) {
     headers,
     data: request.body
   };
-  const axiosRequestConfig = proxyUrl ? {
-    method: "POST",
-    url: proxyUrl,
-    data: requestConfig
-  } : {
+  const shouldUseProxy = proxyUrl && !isRequestToLocalhost(requestConfig.url);
+  const axiosRequestConfig = {
     method: requestConfig.method,
-    url: requestConfig.url,
+    url: shouldUseProxy ? redirectToProxy(proxyUrl, requestConfig.url) : requestConfig.url,
     headers: requestConfig.headers,
     data: requestConfig.data
   };
   if (headers.cookies) {
     axiosRequestConfig.withCredentials = true;
   }
-  if (proxyUrl) {
-    console.info(`${requestConfig.method} ${proxyUrl} → ${requestConfig.url}`);
+  if (shouldUseProxy) {
+    console.info(
+      `${requestConfig.method} ${requestConfig.url} (proxy: ${proxyUrl})`
+    );
   } else {
     console.info(`${requestConfig.method} ${requestConfig.url}`);
   }
-  const response = await axios(axiosRequestConfig).then((result) => {
-    if (proxyUrl) {
-      return {
-        ...result.data,
-        error: false
-      };
-    }
-    return {
-      ...result,
-      statusCode: result.status,
-      data: JSON.stringify(result.data),
-      error: false
-    };
-  }).catch((error) => {
+  const response = await axios(axiosRequestConfig).then((result) => ({
+    ...result,
+    statusCode: result.status,
+    data: result.data,
+    error: false
+  })).catch((error) => {
+    var _a3, _b;
     const { response: errorResponse } = error;
+    console.error("ERROR", error);
     return {
-      headers: {
-        "content-type": "application/json; charset=utf-8"
-      },
+      data: error.code ?? error.message,
       ...errorResponse,
       statusCode: (errorResponse == null ? void 0 : errorResponse.status) ?? 0,
-      data: JSON.stringify((errorResponse == null ? void 0 : errorResponse.data) ?? { error: error.code })
+      error: {
+        message: ((_a3 = errorResponse == null ? void 0 : errorResponse.data) == null ? void 0 : _a3.message) ?? error.message,
+        stack: ((_b = errorResponse == null ? void 0 : errorResponse.data) == null ? void 0 : _b.stack) ?? error.stack
+      }
     };
   });
   return {
@@ -26397,7 +26400,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-0f1e5bdc"]]);
-const _withScopeId$5 = (n) => (pushScopeId("data-v-2967e07a"), n = n(), popScopeId(), n);
+const _withScopeId$5 = (n) => (pushScopeId("data-v-b1791ec2"), n = n(), popScopeId(), n);
 const _hoisted_1$s = {
   key: 0,
   class: "loader"
@@ -26478,7 +26481,6 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     const {
       activeRequest: activeRequest2,
       addRequestToHistory: addRequestToHistory2,
-      requestHistory: requestHistory2,
       requestHistoryOrder: requestHistoryOrder2,
       readOnly: readOnly2,
       setActiveRequest: setActiveRequest2
@@ -26583,7 +26585,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-2967e07a"]]);
+const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-b1791ec2"]]);
 const clickGeneratedParameter = useEventBus(Symbol());
 const _hoisted_1$r = { class: "scalar-api-client-item-topbar" };
 const _hoisted_2$k = { class: "scalar-api-client__toggle-container" };
@@ -32760,16 +32762,14 @@ const _hoisted_2$3 = {
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ResponseBody",
   props: {
-    active: { type: Boolean, default: false },
-    data: { default: null },
-    headers: {}
+    response: {}
   },
   setup(__props) {
     const props = __props;
     const mediaType = computed(() => {
-      const contentTypeHeader = props.headers.find(
-        (header) => header.name.toLowerCase() === "content-type"
-      );
+      var _a2;
+      const headers = normalizeHeaders((_a2 = props.response) == null ? void 0 : _a2.headers);
+      const contentTypeHeader = headers["content-type"];
       if (!contentTypeHeader) {
         return null;
       }
@@ -32785,20 +32785,30 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       if (mediaType.value === "text/plain") {
         return "html";
       }
-      return null;
+      return void 0;
+    });
+    const formattedResponseData = computed(() => {
+      var _a2;
+      const value = (_a2 = props.response) == null ? void 0 : _a2.data;
+      if (value && isJsonString(value)) {
+        return JSON.stringify(JSON.parse(value), null, 2);
+      } else if (value && typeof toRaw(value) === "object") {
+        return JSON.stringify(value, null, 2);
+      }
+      return value;
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$v), { title: "Body" }, {
         default: withCtx(() => [
-          _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            codeMirrorLanguage.value ? (openBlock(), createBlock(unref(Pt), {
+          _ctx.response ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            codeMirrorLanguage.value || typeof _ctx.response.data === "string" ? (openBlock(), createBlock(unref(Pt), {
               key: 0,
               class: "custom-scroll",
-              content: _ctx.data,
+              content: formattedResponseData.value,
               lang: codeMirrorLanguage.value
             }, null, 8, ["content", "lang"])) : (openBlock(), createElementBlock("div", _hoisted_1$7, [
               mediaType.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createTextVNode(" No Preview Available (" + toDisplayString(mediaType.value) + ") ", 1)
+                createTextVNode(" No preview available for " + toDisplayString(mediaType.value), 1)
               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(" Can’t render a preview. The Content-Type header is missing or unknown. ")
               ], 64))
@@ -32969,7 +32979,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$2 = { class: "meta-item" };
-const _hoisted_2$1 = { class: "meta-item" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "meta-item"
+};
 const _hoisted_3$1 = { class: "meta-item" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ResponseMetaInformation",
@@ -32980,12 +32993,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const getContentLength = (response) => {
       var _a2;
-      if ((_a2 = response == null ? void 0 : response.headers) == null ? void 0 : _a2["X-API-Client-Content-Length"]) {
-        return prettyBytes(
-          parseFloat(response.headers["X-API-Client-Content-Length"])
-        );
-      }
-      return prettyBytes(0);
+      const contentLength = parseInt((_a2 = response.headers) == null ? void 0 : _a2["content-length"], 10);
+      return contentLength ? prettyBytes(contentLength) : void 0;
     };
     const statusCodeInformation = computed(() => {
       const responseStatusCode = props.response.statusCode;
@@ -33000,27 +33009,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_1$2, [
           createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(_ctx.response.duration)), 1)
         ]),
-        createElementVNode("div", _hoisted_2$1, [
+        getContentLength(_ctx.response) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
           createElementVNode("span", null, toDisplayString(getContentLength(_ctx.response)), 1)
-        ]),
+        ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3$1, [
-          createElementVNode("span", {
-            class: normalizeClass(`scalar-api-client__status scalar-api-client__status--${String(
-              _ctx.response.statusCode
-            ).charAt(0)}xx`)
-          }, [
-            ((_a2 = statusCodeInformation.value) == null ? void 0 : _a2.url) ? (openBlock(), createBlock(HelpfulLink, {
-              key: 0,
-              href: statusCodeInformation.value.url
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.response.statusCode) + " " + toDisplayString(statusCodeInformation.value.name), 1)
-              ]),
-              _: 1
-            }, 8, ["href"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(_ctx.response.statusCode) + " " + toDisplayString((_b = statusCodeInformation.value) == null ? void 0 : _b.name), 1)
-            ], 64))
-          ], 2)
+          createElementVNode("span", null, [
+            _ctx.response.statusCode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              ((_a2 = statusCodeInformation.value) == null ? void 0 : _a2.url) ? (openBlock(), createBlock(HelpfulLink, {
+                key: 0,
+                href: statusCodeInformation.value.url
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.response.statusCode) + " " + toDisplayString(statusCodeInformation.value.name), 1)
+                ]),
+                _: 1
+              }, 8, ["href"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(_ctx.response.statusCode) + " " + toDisplayString((_b = statusCodeInformation.value) == null ? void 0 : _b.name), 1)
+              ], 64))
+            ], 64)) : createCommentVNode("", true)
+          ])
         ])
       ], 64);
     };
@@ -33054,31 +33061,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const responseHeaders = computed(() => {
       var _a2;
       const headers = (_a2 = activeResponse2.value) == null ? void 0 : _a2.headers;
-      return headers ? Object.keys(headers).map((key) => ({ name: key, value: headers[key] })).filter(
-        (item) => ![
-          "rest-api-client-content-length",
-          "X-API-Client-Content-Length"
-        ].includes(item.name)
-      ) : [];
+      return headers ? Object.keys(headers).map((key) => ({ name: key, value: headers[key] })) : [];
     });
     const responseCookies = computed(() => {
       var _a2;
       const cookies = (_a2 = activeResponse2.value) == null ? void 0 : _a2.cookies;
       return cookies ? Object.keys(cookies).map((key) => ({ name: key, value: cookies[key] })) : [];
     });
-    const responseData = computed(() => {
-      var _a2;
-      const value = (_a2 = activeResponse2.value) == null ? void 0 : _a2.data;
-      if (value && isJsonString(value)) {
-        return JSON.stringify(JSON.parse(value), null, 2);
-      } else if (value && typeof toRaw(value) === "object") {
-        return JSON.stringify(value, null, 2);
-      }
-      if (value && !isJsonString(value)) {
-        return JSON.stringify(value, null, 2);
-      }
-      return value;
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2, [
@@ -33089,11 +33078,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ]),
           unref(activeRequestId2) && unref(activeResponse2) ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(_sfc_main$9, {
-              active: !!unref(activeResponse2),
-              data: responseData.value,
-              headers: responseHeaders.value
-            }, null, 8, ["active", "data", "headers"]),
+            createVNode(_sfc_main$9, { response: unref(activeResponse2) }, null, 8, ["response"]),
             createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
             createVNode(unref(_sfc_main$v), { title: "Cookies" }, {
               default: withCtx(() => [
@@ -33250,6 +33235,7 @@ export {
   humanDiff,
   isRequestMethod,
   mapFromArray,
+  normalizeHeaders,
   normalizePath,
   normalizeRequestMethod,
   normalizeUrl,

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "1.2.30",
+  "version": "1.2.31",
   "engines": {
     "node": ">=18"
   },
@@ -41,9 +41,9 @@
     "nanoid": "^5.0.1",
     "pretty-bytes": "^6.1.1",
     "pretty-ms": "^8.0.0",
+    "@scalar/components": "0.7.11",
     "@scalar/themes": "0.7.11",
     "@scalar/use-codemirror": "0.10.5",
-    "@scalar/components": "0.7.10",
     "@scalar/use-modal": "0.3.3",
     "@scalar/use-tooltip": "0.6.2"
   },
@@ -58,12 +58,12 @@
     "vue": "^3.4.21",
     "vue-tsc": "^1.8.19",
     "@scalar/api-client-proxy": "0.5.27",
-    "@scalar/echo-server": "0.6.4",
-    "@scalar/oas-utils": "0.1.12"
+    "@scalar/oas-utils": "0.1.13",
+    "@scalar/echo-server": "0.6.4"
   },
   "peerDependencies": {
     "vue": "^3.3.0",
-    "@scalar/oas-utils": "0.1.12"
+    "@scalar/oas-utils": "0.1.13"
   },
   "scripts": {
     "build": "vite build && pnpm types:build && tsc-alias -p tsconfig.build.json",