@scalar/api-client 2.42.0 → 3.0.0

package/package.json

@@ -18,13 +18,11 @@
     "rest",
     "testing"
   ],
-  "version": "2.42.0",
+  "version": "3.0.0",
   "engines": {
     "node": ">=22"
   },
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -36,110 +34,15 @@
       "require": "./dist/*.css",
       "default": "./dist/*.css"
     },
-    "./components": {
-      "import": "./dist/components/index.js",
-      "types": "./dist/components/index.d.ts",
-      "default": "./dist/components/index.js"
-    },
-    "./components/AddressBar": {
-      "import": "./dist/components/AddressBar/index.js",
-      "types": "./dist/components/AddressBar/index.d.ts",
-      "default": "./dist/components/AddressBar/index.js"
-    },
-    "./components/CodeInput": {
-      "import": "./dist/components/CodeInput/index.js",
-      "types": "./dist/components/CodeInput/index.d.ts",
-      "default": "./dist/components/CodeInput/index.js"
-    },
-    "./components/CommandPalette": {
-      "import": "./dist/components/CommandPalette/index.js",
-      "types": "./dist/components/CommandPalette/index.d.ts",
-      "default": "./dist/components/CommandPalette/index.js"
-    },
-    "./components/DataTable": {
-      "import": "./dist/components/DataTable/index.js",
-      "types": "./dist/components/DataTable/index.d.ts",
-      "default": "./dist/components/DataTable/index.js"
-    },
-    "./components/HttpMethod": {
-      "import": "./dist/components/HttpMethod/index.js",
-      "types": "./dist/components/HttpMethod/index.d.ts",
-      "default": "./dist/components/HttpMethod/index.js"
-    },
-    "./components/ImportCollection": {
-      "import": "./dist/components/ImportCollection/index.js",
-      "types": "./dist/components/ImportCollection/index.d.ts",
-      "default": "./dist/components/ImportCollection/index.js"
-    },
-    "./components/Server": {
-      "import": "./dist/components/Server/index.js",
-      "types": "./dist/components/Server/index.d.ts",
-      "default": "./dist/components/Server/index.js"
-    },
-    "./components/Sidebar": {
-      "import": "./dist/components/Sidebar/index.js",
-      "types": "./dist/components/Sidebar/index.d.ts",
-      "default": "./dist/components/Sidebar/index.js"
-    },
-    "./components/ViewLayout": {
-      "import": "./dist/components/ViewLayout/index.js",
-      "types": "./dist/components/ViewLayout/index.d.ts",
-      "default": "./dist/components/ViewLayout/index.js"
-    },
     "./css/*.css": {
       "import": "./dist/css/*.css",
       "require": "./dist/css/*.css",
       "default": "./dist/css/*.css"
     },
-    "./hooks": {
-      "import": "./dist/hooks/index.js",
-      "types": "./dist/hooks/index.d.ts",
-      "default": "./dist/hooks/index.js"
-    },
-    "./layouts/App": {
-      "import": "./dist/layouts/App/index.js",
-      "types": "./dist/layouts/App/index.d.ts",
-      "default": "./dist/layouts/App/index.js"
-    },
-    "./layouts/Modal": {
-      "import": "./dist/layouts/Modal/index.js",
-      "types": "./dist/layouts/Modal/index.d.ts",
-      "default": "./dist/layouts/Modal/index.js"
-    },
-    "./layouts/Web": {
-      "import": "./dist/layouts/Web/index.js",
-      "types": "./dist/layouts/Web/index.d.ts",
-      "default": "./dist/layouts/Web/index.js"
-    },
-    "./libs": {
-      "import": "./dist/libs/index.js",
-      "types": "./dist/libs/index.d.ts",
-      "default": "./dist/libs/index.js"
-    },
-    "./libs/importers": {
-      "import": "./dist/libs/importers/index.js",
-      "types": "./dist/libs/importers/index.d.ts",
-      "default": "./dist/libs/importers/index.js"
-    },
-    "./libs/send-request": {
-      "import": "./dist/libs/send-request/index.js",
-      "types": "./dist/libs/send-request/index.d.ts",
-      "default": "./dist/libs/send-request/index.js"
-    },
-    "./plugins": {
-      "import": "./dist/plugins/index.js",
-      "types": "./dist/plugins/index.d.ts",
-      "default": "./dist/plugins/index.js"
-    },
-    "./store": {
-      "import": "./dist/store/index.js",
-      "types": "./dist/store/index.d.ts",
-      "default": "./dist/store/index.js"
-    },
-    "./types": {
-      "import": "./dist/types/index.js",
-      "types": "./dist/types/index.d.ts",
-      "default": "./dist/types/index.js"
+    "./components/Server": {
+      "import": "./dist/components/Server/index.js",
+      "types": "./dist/components/Server/index.d.ts",
+      "default": "./dist/components/Server/index.js"
     },
     "./v2/blocks/operation-block": {
       "import": "./dist/v2/blocks/operation-block/index.js",
@@ -271,45 +174,130 @@
       "types": "./dist/v2/features/settings/index.d.ts",
       "default": "./dist/v2/features/settings/index.js"
     },
-    "./views/Components/CodeSnippet": {
-      "import": "./dist/views/Components/CodeSnippet/index.js",
-      "types": "./dist/views/Components/CodeSnippet/index.d.ts",
-      "default": "./dist/views/Components/CodeSnippet/index.js"
-    },
-    "./views/Request/components": {
-      "import": "./dist/views/Request/components/index.js",
-      "types": "./dist/views/Request/components/index.d.ts",
-      "default": "./dist/views/Request/components/index.js"
-    },
-    "./views/Request/consts": {
-      "import": "./dist/views/Request/consts/index.js",
-      "types": "./dist/views/Request/consts/index.d.ts",
-      "default": "./dist/views/Request/consts/index.js"
-    },
-    "./views/Request/libs": {
-      "import": "./dist/views/Request/libs/index.js",
-      "types": "./dist/views/Request/libs/index.d.ts",
-      "default": "./dist/views/Request/libs/index.js"
-    },
-    "./views/Request/RequestSection": {
-      "import": "./dist/views/Request/RequestSection/index.js",
-      "types": "./dist/views/Request/RequestSection/index.d.ts",
-      "default": "./dist/views/Request/RequestSection/index.js"
-    },
-    "./views/Request/RequestSection/RequestAuth": {
-      "import": "./dist/views/Request/RequestSection/RequestAuth/index.js",
-      "types": "./dist/views/Request/RequestSection/RequestAuth/index.d.ts",
-      "default": "./dist/views/Request/RequestSection/RequestAuth/index.js"
-    },
-    "./views/Request/ResponseSection": {
-      "import": "./dist/views/Request/ResponseSection/index.js",
-      "types": "./dist/views/Request/ResponseSection/index.d.ts",
-      "default": "./dist/views/Request/ResponseSection/index.js"
-    },
-    "./views/Request/types": {
-      "import": "./dist/views/Request/types/index.js",
-      "types": "./dist/views/Request/types/index.d.ts",
-      "default": "./dist/views/Request/types/index.js"
+    "./blocks/operation-block": {
+      "import": "./dist/v2/blocks/operation-block/index.js",
+      "types": "./dist/v2/blocks/operation-block/index.d.ts",
+      "default": "./dist/v2/blocks/operation-block/index.js"
+    },
+    "./blocks/operation-code-sample": {
+      "import": "./dist/v2/blocks/operation-code-sample/index.js",
+      "types": "./dist/v2/blocks/operation-code-sample/index.d.ts",
+      "default": "./dist/v2/blocks/operation-code-sample/index.js"
+    },
+    "./blocks/request-block": {
+      "import": "./dist/v2/blocks/request-block/index.js",
+      "types": "./dist/v2/blocks/request-block/index.d.ts",
+      "default": "./dist/v2/blocks/request-block/index.js"
+    },
+    "./blocks/response-block": {
+      "import": "./dist/v2/blocks/response-block/index.js",
+      "types": "./dist/v2/blocks/response-block/index.d.ts",
+      "default": "./dist/v2/blocks/response-block/index.js"
+    },
+    "./blocks/scalar-address-bar-block": {
+      "import": "./dist/v2/blocks/scalar-address-bar-block/index.js",
+      "types": "./dist/v2/blocks/scalar-address-bar-block/index.d.ts",
+      "default": "./dist/v2/blocks/scalar-address-bar-block/index.js"
+    },
+    "./blocks/scalar-auth-selector-block": {
+      "import": "./dist/v2/blocks/scalar-auth-selector-block/index.js",
+      "types": "./dist/v2/blocks/scalar-auth-selector-block/index.d.ts",
+      "default": "./dist/v2/blocks/scalar-auth-selector-block/index.js"
+    },
+    "./components/code-input": {
+      "import": "./dist/v2/components/code-input/index.js",
+      "types": "./dist/v2/components/code-input/index.d.ts",
+      "default": "./dist/v2/components/code-input/index.js"
+    },
+    "./components/context-menu": {
+      "import": "./dist/v2/components/context-menu/index.js",
+      "types": "./dist/v2/components/context-menu/index.d.ts",
+      "default": "./dist/v2/components/context-menu/index.js"
+    },
+    "./components/data-table": {
+      "import": "./dist/v2/components/data-table/index.js",
+      "types": "./dist/v2/components/data-table/index.d.ts",
+      "default": "./dist/v2/components/data-table/index.js"
+    },
+    "./components/forms": {
+      "import": "./dist/v2/components/forms/index.js",
+      "types": "./dist/v2/components/forms/index.d.ts",
+      "default": "./dist/v2/components/forms/index.js"
+    },
+    "./components/layout": {
+      "import": "./dist/v2/components/layout/index.js",
+      "types": "./dist/v2/components/layout/index.d.ts",
+      "default": "./dist/v2/components/layout/index.js"
+    },
+    "./components/modals": {
+      "import": "./dist/v2/components/modals/index.js",
+      "types": "./dist/v2/components/modals/index.d.ts",
+      "default": "./dist/v2/components/modals/index.js"
+    },
+    "./components/resize": {
+      "import": "./dist/v2/components/resize/index.js",
+      "types": "./dist/v2/components/resize/index.d.ts",
+      "default": "./dist/v2/components/resize/index.js"
+    },
+    "./components/server": {
+      "import": "./dist/v2/components/server/index.js",
+      "types": "./dist/v2/components/server/index.d.ts",
+      "default": "./dist/v2/components/server/index.js"
+    },
+    "./components/sidebar": {
+      "import": "./dist/v2/components/sidebar/index.js",
+      "types": "./dist/v2/components/sidebar/index.d.ts",
+      "default": "./dist/v2/components/sidebar/index.js"
+    },
+    "./app": {
+      "import": "./dist/v2/features/app/index.js",
+      "types": "./dist/v2/features/app/index.d.ts",
+      "default": "./dist/v2/features/app/index.js"
+    },
+    "./modal": {
+      "import": "./dist/v2/features/modal/index.js",
+      "types": "./dist/v2/features/modal/index.d.ts",
+      "default": "./dist/v2/features/modal/index.js"
+    },
+    "./features/collection/components/Editor": {
+      "import": "./dist/v2/features/collection/components/Editor/index.js",
+      "types": "./dist/v2/features/collection/components/Editor/index.d.ts",
+      "default": "./dist/v2/features/collection/components/Editor/index.js"
+    },
+    "./features/command-palette": {
+      "import": "./dist/v2/features/command-palette/index.js",
+      "types": "./dist/v2/features/command-palette/index.d.ts",
+      "default": "./dist/v2/features/command-palette/index.js"
+    },
+    "./features/editor": {
+      "import": "./dist/v2/features/editor/index.js",
+      "types": "./dist/v2/features/editor/index.d.ts",
+      "default": "./dist/v2/features/editor/index.js"
+    },
+    "./features/environments": {
+      "import": "./dist/v2/features/environments/index.js",
+      "types": "./dist/v2/features/environments/index.d.ts",
+      "default": "./dist/v2/features/environments/index.js"
+    },
+    "./features/global-cookies": {
+      "import": "./dist/v2/features/global-cookies/index.js",
+      "types": "./dist/v2/features/global-cookies/index.d.ts",
+      "default": "./dist/v2/features/global-cookies/index.js"
+    },
+    "./features/operation": {
+      "import": "./dist/v2/features/operation/index.js",
+      "types": "./dist/v2/features/operation/index.d.ts",
+      "default": "./dist/v2/features/operation/index.js"
+    },
+    "./features/search": {
+      "import": "./dist/v2/features/search/index.js",
+      "types": "./dist/v2/features/search/index.d.ts",
+      "default": "./dist/v2/features/search/index.js"
+    },
+    "./features/settings": {
+      "import": "./dist/v2/features/settings/index.js",
+      "types": "./dist/v2/features/settings/index.d.ts",
+      "default": "./dist/v2/features/settings/index.js"
     }
   },
   "files": [
@@ -323,47 +311,42 @@
     "@types/har-format": "^1.2.16",
     "@vueuse/core": "13.9.0",
     "@vueuse/integrations": "13.9.0",
+    "cookie": "1.1.1",
     "focus-trap": "^7.8.0",
     "fuse.js": "^7.1.0",
     "js-base64": "^3.7.8",
-    "microdiff": "^1.5.0",
-    "monaco-editor": "0.54.0",
-    "monaco-yaml": "5.2.3",
+    "monaco-editor": "0.55.1",
+    "monaco-yaml": "5.4.1",
     "nanoid": "^5.1.6",
     "posthog-js": "1.363.2",
     "pretty-ms": "^9.3.0",
     "radix-vue": "^1.9.17",
+    "set-cookie-parser": "3.1.0",
     "shell-quote": "^1.8.3",
-    "type-fest": "^5.3.1",
     "vite-plugin-monaco-editor": "^1.1.0",
     "vue": "^3.5.30",
-    "vue-router": "4.6.2",
-    "whatwg-mimetype": "4.0.0",
+    "vue-router": "5.0.4",
     "yaml": "^2.8.0",
     "zod": "^4.3.5",
-    "@scalar/components": "0.21.3",
+    "@scalar/components": "0.22.0",
+    "@scalar/helpers": "0.5.0",
     "@scalar/icons": "0.7.2",
-    "@scalar/draggable": "0.4.1",
-    "@scalar/helpers": "0.4.3",
-    "@scalar/import": "0.5.4",
-    "@scalar/json-magic": "0.12.5",
-    "@scalar/oas-utils": "0.11.0",
-    "@scalar/object-utils": "1.3.4",
+    "@scalar/json-magic": "0.12.6",
+    "@scalar/oas-utils": "0.12.0",
     "@scalar/openapi-types": "0.7.0",
-    "@scalar/postman-to-openapi": "0.6.1",
-    "@scalar/snippetz": "0.8.0",
-    "@scalar/themes": "0.15.2",
-    "@scalar/types": "0.8.0",
-    "@scalar/sidebar": "0.8.19",
+    "@scalar/sidebar": "0.9.1",
+    "@scalar/postman-to-openapi": "0.6.2",
+    "@scalar/snippetz": "0.9.0",
+    "@scalar/use-codemirror": "0.14.11",
+    "@scalar/types": "0.9.0",
+    "@scalar/themes": "0.15.3",
     "@scalar/use-hooks": "0.4.2",
-    "@scalar/workspace-store": "0.44.0",
-    "@scalar/use-toasts": "0.10.1",
-    "@scalar/use-codemirror": "0.14.11"
+    "@scalar/workspace-store": "0.46.0",
+    "@scalar/use-toasts": "0.10.1"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.2.0",
     "@types/shell-quote": "^1.7.5",
-    "@types/whatwg-mimetype": "3.0.2",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "2.4.6",
     "fake-indexeddb": "6.2.3",
@@ -373,20 +356,16 @@
     "vite": "8.0.0",
     "vite-svg-loader": "5.1.1",
     "vitest": "4.1.0",
-    "@scalar/galaxy": "0.6.2",
-    "@scalar/pre-post-request-scripts": "0.4.0"
+    "@scalar/pre-post-request-scripts": "0.4.2"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
-    "dev": "pnpm playground:v2:web",
+    "dev": "pnpm playground:web",
     "playground:app": "vite ./playground/app -c ./vite.config.ts",
     "playground:modal": "vite ./playground/modal -c ./vite.config.ts",
-    "playground:v2:app": "vite ./playground/v2/app -c ./vite.config.ts",
-    "playground:v2:modal": "vite ./playground/v2/modal -c ./vite.config.ts",
-    "playground:v2:web": "vite ./playground/v2/web -c ./vite.config.ts",
     "playground:web": "vite ./playground/web -c ./vite.config.ts",
     "preview": "vite preview",
-    "test": "vitest",
+    "test": "vitest --run",
     "test:benchmark": "vitest bench",
     "test:benchmark:compare": "vitest bench --compare test-results/test-benchmark.json",
     "test:benchmark:save": "vitest bench --outputJson test-results/test-benchmark.json",

package/dist/assets/keycap.ascii.virtual.js

@@ -1,6 +0,0 @@
-//#region src/assets/keycap.ascii?raw
-var keycap_default = "          .:=+++++=================-\n         .--#*                       :.\n        .-:-**                        -.\n      .:-::-+*                        =:\n     .:-:::-=#                         ::\n    .-:::----**                        ..\n   .-:::::---=#                         ..\n  :-::::::----**                         ..\n.:-::::::::----*=                        ..\n.-::::::::------+-                        ..\n..::::::::-------=                         ..\n .:::::----------++                        ..\n   .:::----------+**+*++*+*++*+++*++++++++++:.\n   ------------+*+=-=======================.\n   .----------+*+=========================:.\n    :--------+*+=-========================.\n    .=------+*+=-========================:.\n     .=----+*+=-------=================+-.\n     .----+*+=----------================.\n     .:=-+*+=----------=-==============-\n      .-+*+=----------------===========.\n       .-+=------------------====-====:.";
-//#endregion
-export { keycap_default as default };
-
-//# sourceMappingURL=keycap.ascii.virtual.js.map

package/dist/assets/keycap.ascii.virtual.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keycap.ascii.virtual.js","names":[],"sources":["../../src/assets/keycap.ascii?raw"],"sourcesContent":["export default \"          .:=+++++=================-\\n         .--#*                       :.\\n        .-:-**                        -.\\n      .:-::-+*                        =:\\n     .:-:::-=#                         ::\\n    .-:::----**                        ..\\n   .-:::::---=#                         ..\\n  :-::::::----**                         ..\\n.:-::::::::----*=                        ..\\n.-::::::::------+-                        ..\\n..::::::::-------=                         ..\\n .:::::----------++                        ..\\n   .:::----------+**+*++*+*++*+++*++++++++++:.\\n   ------------+*+=-=======================.\\n   .----------+*+=========================:.\\n    :--------+*+=-========================.\\n    .=------+*+=-========================:.\\n     .=----+*+=-------=================+-.\\n     .----+*+=----------================.\\n     .:=-+*+=----------=-==============-\\n      .-+*+=----------------===========.\\n       .-+=------------------====-====:.\""],"mappings":";AAAA,IAAA,iBAAe"}

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

@@ -1,20 +0,0 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { Collection, Operation, Server } from '@scalar/oas-utils/entities/spec';
-import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { EnvVariable } from '../../store/active-entities.js';
-type __VLS_Props = {
-    collection: Collection;
-    operation: Operation;
-    server: Server | undefined;
-    environment: Environment;
-    envVariables: EnvVariable[];
-    workspace: Workspace;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    importCurl: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onImportCurl?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=AddressBar.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":"AA2XA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAOrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAK1D,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;AAieJ,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/AddressBar/AddressBar.vue.js

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
-import AddressBar_vue_vue_type_script_setup_true_lang_default from "./AddressBar.vue.script.js";
-/* empty css                         */
-//#region src/components/AddressBar/AddressBar.vue
-var AddressBar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AddressBar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cb2a35da"]]);
-//#endregion
-export { AddressBar_default as default };
-
-//# sourceMappingURL=AddressBar.vue.js.map

package/dist/components/AddressBar/AddressBar.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddressBar.vue.js","names":[],"sources":["../../../src/components/AddressBar/AddressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { REQUEST_METHODS } from '@scalar/helpers/http/http-info'\nimport { ScalarIconPlay } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type {\n  Collection,\n  Operation,\n  RequestMethod,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { ref, useId, watch } from 'vue'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport { ServerDropdown } from '@/components/Server'\nimport { useLayout } from '@/hooks'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\n\nimport HttpMethod from '../HttpMethod/HttpMethod.vue'\nimport AddressBarHistory from './AddressBarHistory.vue'\n\nconst { collection, operation, server, environment, envVariables, workspace } =\n  defineProps<{\n    collection: Collection\n    operation: Operation\n    server: Server | undefined\n    environment: Environment\n    envVariables: EnvVariable[]\n    workspace: Workspace\n  }>()\n\ndefineEmits<{\n  (e: 'importCurl', value: string): void\n}>()\n\nconst id = useId()\n\nconst { requestMutators, events } = useWorkspace()\n\nconst { layout } = useLayout()\n\nconst addressBarRef = ref<typeof CodeInput | null>(null)\nconst sendButtonRef = ref<typeof ScalarButton | null>(null)\n\n/** update the instance path parameters on change */\nconst onUrlChange = (newPath: string) => {\n  if (operation.path === newPath) {\n    return\n  }\n  requestMutators.edit(operation.uid, 'path', newPath)\n}\n\n/** watch for changes in the URL */\nwatch(\n  () => operation.path,\n  (newURL) => {\n    if (!newURL) {\n      return\n    }\n    onUrlChange(newURL)\n  },\n)\n\n/** The amount remaining to load from 100 -> 0 */\nconst percentage = ref(100)\n/** Keeps track of how much was left when the request finished */\nconst remaining = ref(0)\n/** Whether or not there is a request loading */\nconst isRequesting = ref(false)\n/** The loading interval */\nconst interval = ref<ReturnType<typeof setInterval>>()\n\nfunction load() {\n  if (isRequesting.value) {\n    // Reduce asymptotically up to 85% loaded\n    percentage.value -= (percentage.value - 15) / 60\n  } else {\n    // Always finish loading linearly over 400ms\n    percentage.value -= remaining.value / 20\n  }\n  if (percentage.value <= 0) {\n    clearInterval(interval.value)\n    interval.value = undefined\n    percentage.value = 100\n    isRequesting.value = false\n  }\n}\n\nfunction startLoading() {\n  if (interval.value) {\n    return\n  }\n  isRequesting.value = true\n  interval.value = setInterval(load, 20)\n}\n\nfunction stopLoading() {\n  remaining.value = percentage.value\n  isRequesting.value = false\n}\n\nfunction abortLoading() {\n  clearInterval(interval.value)\n  interval.value = undefined\n  percentage.value = 100\n  isRequesting.value = false\n}\n\nevents.requestStatus.on((status) => {\n  if (status === 'start') {\n    return startLoading()\n  }\n  if (status === 'stop') {\n    return stopLoading()\n  }\n  if (status === 'abort') {\n    return abortLoading()\n  }\n\n  status satisfies undefined\n})\n\n/** Focus the address bar (or the send button if in modal layout) */\nevents.focusAddressBar.on(() => {\n  if (layout === 'modal') {\n    sendButtonRef.value?.$el?.focus()\n  } else {\n    addressBarRef.value?.focus()\n  }\n})\n\nfunction updateRequestMethod(method: RequestMethod) {\n  requestMutators.edit(operation.uid, 'method', method)\n}\n\nfunction getBackgroundColor() {\n  const { method } = operation\n  return REQUEST_METHODS[method].colorVar\n}\n\nfunction handleExecuteRequest() {\n  if (isRequesting.value) {\n    return\n  }\n  isRequesting.value = true\n  events.executeRequest.emit({ requestUid: operation.uid })\n}\n\n/** Handle hotkeys */\nevents.hotKeys.on((event) => {\n  if (event?.focusAddressBar) {\n    addressBarRef.value?.focus()\n  }\n  if (event?.executeRequest) {\n    handleExecuteRequest()\n  }\n})\n\n/**\n * TODO: Should we handle query params here somehow?\n */\nfunction updateRequestPath(url: string) {\n  requestMutators.edit(operation.uid, 'path', url)\n}\n</script>\n<template>\n  <div\n    :id=\"id\"\n    class=\"scalar-address-bar order-last flex h-(--scalar-address-bar-height) w-full [--scalar-address-bar-height:32px] lg:order-none lg:w-auto\">\n    <!-- Address Bar -->\n    <div\n      class=\"address-bar-bg-states text-xxs group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg p-0.75 lg:order-none lg:max-w-[580px] lg:min-w-[580px] xl:max-w-[720px] xl:min-w-[720px]\">\n      <div\n        class=\"pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border\">\n        <div\n          class=\"absolute top-0 left-0 z-[1002] h-full w-full\"\n          :style=\"{\n            backgroundColor: `color-mix(in srgb, transparent 90%, ${getBackgroundColor()})`,\n            transform: `translate3d(-${percentage}%,0,0)`,\n          }\" />\n      </div>\n      <div class=\"z-context-plus flex gap-1\">\n        <HttpMethod\n          :isEditable=\"layout !== 'modal'\"\n          isSquare\n          :method=\"operation.method\"\n          teleport\n          @change=\"updateRequestMethod\" />\n      </div>\n\n      <div\n        class=\"scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full bg-blend-normal\">\n        <!-- Servers -->\n        <ServerDropdown\n          v-if=\"collection.servers.length\"\n          :collection=\"collection\"\n          layout=\"client\"\n          :operation=\"operation\"\n          :server=\"server\"\n          :target=\"id\" />\n\n        <div class=\"fade-left\" />\n        <!-- Path + URL + env vars -->\n        <CodeInput\n          ref=\"addressBarRef\"\n          aria-label=\"Path\"\n          class=\"min-w-fit outline-none\"\n          disableCloseBrackets\n          :disabled=\"layout === 'modal'\"\n          disableEnter\n          disableTabIndent\n          :emitOnBlur=\"false\"\n          :envVariables=\"envVariables\"\n          :environment=\"environment\"\n          importCurl\n          :modelValue=\"operation.path\"\n          :placeholder=\"\n            server?.uid && collection.servers.includes(server.uid)\n              ? ''\n              : 'Enter a URL or cURL command'\n          \"\n          server\n          :workspace=\"workspace\"\n          @curl=\"$emit('importCurl', $event)\"\n          @submit=\"handleExecuteRequest\"\n          @update:modelValue=\"updateRequestPath\" />\n        <div class=\"fade-right\" />\n      </div>\n\n      <AddressBarHistory\n        :operation=\"operation\"\n        :target=\"id\" />\n      <ScalarButton\n        ref=\"sendButtonRef\"\n        class=\"z-context-plus relative h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold\"\n        :disabled=\"isRequesting\"\n        @click=\"handleExecuteRequest\">\n        <span\n          aria-hidden=\"true\"\n          class=\"inline-flex items-center gap-1\">\n          <ScalarIconPlay\n            class=\"relative shrink-0\"\n            size=\"xs\"\n            weight=\"fill\" />\n          <span class=\"text-xxs hidden lg:flex\">Send</span>\n        </span>\n        <span class=\"sr-only\">\n          Send {{ operation.method }} request to {{ server?.url ?? ''\n          }}{{ operation.path }}\n        </span>\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  height: 100%;\n  outline: none;\n  width: 100%;\n}\n:deep(.cm-line) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  padding: 0;\n  display: flex;\n  align-items: center;\n  font-size: var(--scalar-small);\n}\n.scroll-timeline-x {\n  scroll-timeline: --scroll-timeline x;\n  /* Firefox supports */\n  scroll-timeline: --scroll-timeline horizontal;\n  -ms-overflow-style: none; /* IE and Edge */\n}\n.scroll-timeline-x-hidden {\n  overflow-x: auto;\n}\n.scroll-timeline-x-hidden :deep(.cm-scroller) {\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  padding-right: 20px;\n  overflow: auto;\n}\n.scroll-timeline-x-hidden::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.scroll-timeline-x-hidden :deep(.cm-scroller::-webkit-scrollbar) {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.scroll-timeline-x-address {\n  line-height: 27px;\n  scrollbar-width: none; /* Firefox */\n}\n/* make clickable are to left of send button */\n.scroll-timeline-x-address:after {\n  content: '';\n  position: absolute;\n  height: 100%;\n  width: 24px;\n  right: 0;\n  cursor: text;\n}\n.scroll-timeline-x-address:empty:before {\n  content: 'Enter URL or cURL request';\n  color: var(--scalar-color-3);\n  pointer-events: none;\n}\n.fade-left,\n.fade-right {\n  content: '';\n  position: sticky;\n  height: 100%;\n  animation-name: fadein;\n  animation-duration: 1ms;\n  animation-direction: reverse;\n  animation-timeline: --scroll-timeline;\n  pointer-events: none;\n  z-index: 1;\n}\n.fade-left {\n  background: linear-gradient(\n    -90deg,\n    color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,\n    color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%,\n    var(--scalar-address-bar-bg) 100%\n  );\n  left: -1px;\n  min-width: 6px;\n  animation-direction: normal;\n}\n.fade-right {\n  background: linear-gradient(\n    90deg,\n    color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,\n    color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%,\n    var(--scalar-address-bar-bg) 100%\n  );\n  right: -1px;\n  min-width: 24px;\n}\n@keyframes fadein {\n  0% {\n    opacity: 0;\n  }\n  1% {\n    opacity: 1;\n  }\n}\n.address-bar-bg-states {\n  --scalar-address-bar-bg: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  background: var(--scalar-address-bar-bg);\n}\n.address-bar-bg-states:has(.cm-focused) {\n  --scalar-address-bar-bg: var(--scalar-background-1);\n  border-color: var(--scalar-border-color);\n  outline: 1px solid var(--scalar-color-accent);\n}\n.address-bar-bg-states:has(.cm-focused) .fade-left,\n.address-bar-bg-states:has(.cm-focused) .fade-right {\n  --scalar-address-bar-bg: var(--scalar-background-1);\n}\n</style>\n"],"mappings":""}