@scalar/agent-chat 0.10.13 → 0.10.15

package/dist/views/Settings/Auth.vue.script.js

@@ -1,10 +1,10 @@
-import { useState as e } from "../../state/state.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, openBlock as o, shallowRef as s, unref as c, watch as l } from "vue";
-import { getSecurityRequirements as u, getSelectedSecurity as d, mergeSecurity as f } from "@scalar/workspace-store/request-example";
-import { AuthSelector as p } from "@scalar/api-client/blocks/scalar-auth-selector-block";
-import { useFocusWithin as m } from "@vueuse/core";
+import { useState } from "../../state/state.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, shallowRef, unref, watch } from "vue";
+import { getSecurityRequirements, getSelectedSecurity, mergeSecurity } from "@scalar/workspace-store/request-example";
+import { AuthSelector } from "@scalar/api-client/blocks/scalar-auth-selector-block";
+import { useFocusWithin } from "@vueuse/core";
 //#region src/views/Settings/Auth.vue?vue&type=script&setup=true&lang.ts
-var h = /* @__PURE__ */ a({
+var Auth_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Auth",
 	props: {
 		options: {},
@@ -15,49 +15,61 @@ var h = /* @__PURE__ */ a({
 		selectedServer: {},
 		environment: {}
 	},
-	setup(a) {
-		let { workspaceStore: h } = e(), g = t(() => u(a.document?.security)), _ = t(() => f(a.document?.components?.securitySchemes ?? {}, a.options.authentication?.securitySchemes, a.authStore, a.name)), v = t(() => d(a.authStore.getAuthSelectedSchemas({
+	setup(__props) {
+		const { workspaceStore } = useState();
+		/** Compute what the security requirements should be for the document */
+		const securityRequirements = computed(() => getSecurityRequirements(__props.document?.security));
+		/** Merge the security schemes with the authentication config and the auth store */
+		const securitySchemes = computed(() => mergeSecurity(__props.document?.components?.securitySchemes ?? {}, __props.options.authentication?.securitySchemes, __props.authStore, __props.name));
+		/** The selected security keys for the document */
+		const selectedSecurity = computed(() => getSelectedSecurity(__props.authStore.getAuthSelectedSchemas({
 			type: "document",
-			documentName: a.name
-		}), void 0, g.value, _.value, a.options.authentication?.preferredSecurityScheme)), y = s(), { focused: b } = m(y);
-		return l(b, (e) => {
-			e && h.update("x-scalar-active-document", a.name);
-		}), (e, t) => (o(), i("div", {
-			ref_key: "focusRef",
-			ref: y,
-			tabindex: "0"
-		}, [Object.keys(_.value).length ? (o(), n(c(p), {
-			key: 0,
-			authStore: a.authStore,
-			documentSlug: a.name,
-			environment: a.environment,
-			eventBus: a.eventBus,
-			isReadOnly: "",
-			isStatic: "",
-			layout: "reference",
-			meta: { type: "document" },
-			persistAuth: a.options.persistAuth,
-			proxyUrl: a.options.proxyUrl ?? "",
-			securityRequirements: g.value,
-			securitySchemes: _.value,
-			selectedSecurity: v.value,
-			server: a.selectedServer,
-			title: "Authentication"
-		}, null, 8, [
-			"authStore",
-			"documentSlug",
-			"environment",
-			"eventBus",
-			"persistAuth",
-			"proxyUrl",
-			"securityRequirements",
-			"securitySchemes",
-			"selectedSecurity",
-			"server"
-		])) : r("", !0)], 512));
+			documentName: __props.name
+		}), void 0, securityRequirements.value, securitySchemes.value, __props.options.authentication?.preferredSecurityScheme));
+		const focusRef = shallowRef();
+		const { focused } = useFocusWithin(focusRef);
+		watch(focused, (isFocused) => {
+			if (!isFocused) return;
+			workspaceStore.update("x-scalar-active-document", __props.name);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "focusRef",
+				ref: focusRef,
+				tabindex: "0"
+			}, [Object.keys(securitySchemes.value).length ? (openBlock(), createBlock(unref(AuthSelector), {
+				key: 0,
+				authStore: __props.authStore,
+				documentSlug: __props.name,
+				environment: __props.environment,
+				eventBus: __props.eventBus,
+				isReadOnly: "",
+				isStatic: "",
+				layout: "reference",
+				meta: { type: "document" },
+				persistAuth: __props.options.persistAuth,
+				proxyUrl: __props.options.proxyUrl ?? "",
+				securityRequirements: securityRequirements.value,
+				securitySchemes: securitySchemes.value,
+				selectedSecurity: selectedSecurity.value,
+				server: __props.selectedServer,
+				title: "Authentication"
+			}, null, 8, [
+				"authStore",
+				"documentSlug",
+				"environment",
+				"eventBus",
+				"persistAuth",
+				"proxyUrl",
+				"securityRequirements",
+				"securitySchemes",
+				"selectedSecurity",
+				"server"
+			])) : createCommentVNode("", true)], 512);
+		};
 	}
 });
 //#endregion
-export { h as default };
+export { Auth_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=Auth.vue.script.js.map

package/dist/views/Settings/Auth.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.script.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { useFocusWithin } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport { useState } from '@/state/state'\n\nconst { document, name, environment, eventBus, options, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    authStore: AuthStore\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** Merge the security schemes with the authentication config and the auth store */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    options.authentication?.securitySchemes,\n    authStore,\n    name,\n  ),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: name,\n    }),\n    undefined,\n    securityRequirements.value,\n    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\n\nwatch(focused, (isFocused) => {\n  if (!isFocused) {\n    return\n  }\n\n  workspaceStore.update('x-scalar-active-document', name)\n})\n</script>\n<template>\n  <div\n    ref=\"focusRef\"\n    tabindex=\"0\">\n    <AuthSelector\n      v-if=\"Object.keys(securitySchemes).length\"\n      :authStore\n      :documentSlug=\"name\"\n      :environment\n      :eventBus\n      isReadOnly\n      isStatic\n      layout=\"reference\"\n      :meta=\"{ type: 'document' }\"\n      :persistAuth=\"options.persistAuth\"\n      :proxyUrl=\"options.proxyUrl ?? ''\"\n      :securityRequirements\n      :securitySchemes\n      :selectedSecurity\n      :server=\"selectedServer\"\n      title=\"Authentication\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAgCA,IAAM,EAAE,sBAAmB,GAAS,EAG9B,IAAuB,QAC3B,EAAwB,EAAA,UAAU,SAAS,CAC7C,EAGM,IAAkB,QACtB,EACE,EAAA,UAAU,YAAY,mBAAmB,EAAE,EAC3C,EAAA,QAAQ,gBAAgB,iBACxB,EAAA,WACA,EAAA,KACD,CACH,EAGM,IAAmB,QACvB,EACE,EAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,EAAA;GACf,CAAC,EACF,KAAA,GACA,EAAqB,OACrB,EAAgB,OAChB,EAAA,QAAQ,gBAAgB,wBACzB,CACH,EAEM,IAAW,GAAW,EACtB,EAAE,eAAY,EAAe,EAAQ;SAE3C,EAAM,IAAU,MAAc;AACvB,QAIL,EAAe,OAAO,4BAA4B,EAAA,KAAI;IACvD,kBAGC,EAoBM,OAAA;YAnBA;GAAJ,KAAI;GACJ,UAAS;MAED,OAAO,KAAK,EAAA,MAAe,CAAE,UAAA,GAAA,EADrC,EAgB2B,EAAA,EAAA,EAAA;;GAdxB,WAAA,EAAA;GACA,cAAc,EAAA;GACd,aAAA,EAAA;GACA,UAAA,EAAA;GACD,YAAA;GACA,UAAA;GACA,QAAO;GACN,MAAM,EAAA,MAAA,YAAoB;GAC1B,aAAa,EAAA,QAAQ;GACrB,UAAU,EAAA,QAAQ,YAAQ;GAC1B,sBAAA,EAAA;GACA,iBAAA,EAAA;GACA,kBAAA,EAAA;GACA,QAAQ,EAAA;GACT,OAAM"}
+{"version":3,"file":"Auth.vue.script.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { useFocusWithin } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport { useState } from '@/state/state'\n\nconst { document, name, environment, eventBus, options, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    authStore: AuthStore\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** Merge the security schemes with the authentication config and the auth store */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    options.authentication?.securitySchemes,\n    authStore,\n    name,\n  ),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: name,\n    }),\n    undefined,\n    securityRequirements.value,\n    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\n\nwatch(focused, (isFocused) => {\n  if (!isFocused) {\n    return\n  }\n\n  workspaceStore.update('x-scalar-active-document', name)\n})\n</script>\n<template>\n  <div\n    ref=\"focusRef\"\n    tabindex=\"0\">\n    <AuthSelector\n      v-if=\"Object.keys(securitySchemes).length\"\n      :authStore\n      :documentSlug=\"name\"\n      :environment\n      :eventBus\n      isReadOnly\n      isStatic\n      layout=\"reference\"\n      :meta=\"{ type: 'document' }\"\n      :persistAuth=\"options.persistAuth\"\n      :proxyUrl=\"options.proxyUrl ?? ''\"\n      :securityRequirements\n      :securitySchemes\n      :selectedSecurity\n      :server=\"selectedServer\"\n      title=\"Authentication\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAgCA,MAAM,EAAE,mBAAmB,UAAS;;EAGpC,MAAM,uBAAuB,eAC3B,wBAAwB,QAAA,UAAU,SAAS,CAC7C;;EAGA,MAAM,kBAAkB,eACtB,cACE,QAAA,UAAU,YAAY,mBAAmB,EAAE,EAC3C,QAAA,QAAQ,gBAAgB,iBACxB,QAAA,WACA,QAAA,KACD,CACH;;EAGA,MAAM,mBAAmB,eACvB,oBACE,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA;GACf,CAAC,EACF,KAAA,GACA,qBAAqB,OACrB,gBAAgB,OAChB,QAAA,QAAQ,gBAAgB,wBACzB,CACH;EAEA,MAAM,WAAW,YAAW;EAC5B,MAAM,EAAE,YAAY,eAAe,SAAQ;AAE3C,QAAM,UAAU,cAAc;AAC5B,OAAI,CAAC,UACH;AAGF,kBAAe,OAAO,4BAA4B,QAAA,KAAI;IACvD;;uBAGC,mBAoBM,OAAA;aAnBA;IAAJ,KAAI;IACJ,UAAS;OAED,OAAO,KAAK,gBAAA,MAAe,CAAE,UAAA,WAAA,EADrC,YAgB2B,MAAA,aAAA,EAAA;;IAdxB,WAAA,QAAA;IACA,cAAc,QAAA;IACd,aAAA,QAAA;IACA,UAAA,QAAA;IACD,YAAA;IACA,UAAA;IACA,QAAO;IACN,MAAM,EAAA,MAAA,YAAoB;IAC1B,aAAa,QAAA,QAAQ;IACrB,UAAU,QAAA,QAAQ,YAAQ;IAC1B,sBAAA,qBAAA;IACA,iBAAA,gBAAA;IACA,kBAAA,iBAAA;IACA,QAAQ,QAAA;IACT,OAAM"}

package/dist/views/Settings/DocSettings.vue.js

@@ -1,9 +1,9 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-import t from "./DocSettings.vue.script.js";
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import DocSettings_vue_vue_type_script_setup_true_lang_default from "./DocSettings.vue.script.js";
 /* empty css                          */
 //#region src/views/Settings/DocSettings.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-dd964244"]]);
+var DocSettings_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DocSettings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dd964244"]]);
 //#endregion
-export { n as default };
+export { DocSettings_default as default };
 
 //# sourceMappingURL=DocSettings.vue.js.map

package/dist/views/Settings/DocSettings.vue.script.js

@@ -1,50 +1,56 @@
-import { useState as e } from "../../state/state.js";
-import t from "./Auth.vue.js";
-import n from "../../components/ServerSelector.vue.js";
-import { computed as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, openBlock as c, unref as l } from "vue";
-import { getActiveEnvironment as u, getSelectedServer as d, getServers as f } from "@scalar/workspace-store/request-example";
+import { useState } from "../../state/state.js";
+import Auth_default from "./Auth.vue.js";
+import ServerSelector_default from "../../components/ServerSelector.vue.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { getActiveEnvironment, getSelectedServer, getServers } from "@scalar/workspace-store/request-example";
 //#region src/views/Settings/DocSettings.vue?vue&type=script&setup=true&lang.ts
-var p = { class: "docSettings" }, m = /* @__PURE__ */ s({
+var _hoisted_1 = { class: "docSettings" };
+var DocSettings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DocSettings",
 	props: {
 		document: {},
 		name: {}
 	},
-	setup(s) {
-		let { workspaceStore: m, config: h, eventBus: g } = e(), _ = r(() => u(m, s.document).environment), v = r(() => {
-			let e = f(s.document.servers, { documentUrl: s.document["x-scalar-original-source-url"] });
-			return d(s.document, null, null, e);
-		}), y = r(() => s.document.components?.securitySchemes ?? {});
-		return (e, r) => (c(), i("div", p, [a("div", null, [o(t, {
-			authStore: l(m).auth,
-			document: s.document,
-			environment: _.value,
-			eventBus: l(g),
-			name: s.name,
-			options: l(h),
-			securitySchemes: y.value,
-			selectedServer: v.value
-		}, null, 8, [
-			"authStore",
-			"document",
-			"environment",
-			"eventBus",
-			"name",
-			"options",
-			"securitySchemes",
-			"selectedServer"
-		])]), a("div", null, [o(n, {
-			eventBus: l(g),
-			selectedServer: v.value,
-			servers: s.document.servers ?? []
-		}, null, 8, [
-			"eventBus",
-			"selectedServer",
-			"servers"
-		])])]));
+	setup(__props) {
+		const { workspaceStore, config, eventBus } = useState();
+		const environment = computed(() => getActiveEnvironment(workspaceStore, __props.document).environment);
+		const selectedServer = computed(() => {
+			const servers = getServers(__props.document.servers, { documentUrl: __props.document["x-scalar-original-source-url"] });
+			return getSelectedServer(__props.document, null, null, servers);
+		});
+		const securitySchemes = computed(() => __props.document.components?.securitySchemes ?? {});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", null, [createVNode(Auth_default, {
+				authStore: unref(workspaceStore).auth,
+				document: __props.document,
+				environment: environment.value,
+				eventBus: unref(eventBus),
+				name: __props.name,
+				options: unref(config),
+				securitySchemes: securitySchemes.value,
+				selectedServer: selectedServer.value
+			}, null, 8, [
+				"authStore",
+				"document",
+				"environment",
+				"eventBus",
+				"name",
+				"options",
+				"securitySchemes",
+				"selectedServer"
+			])]), createElementVNode("div", null, [createVNode(ServerSelector_default, {
+				eventBus: unref(eventBus),
+				selectedServer: selectedServer.value,
+				servers: __props.document.servers ?? []
+			}, null, 8, [
+				"eventBus",
+				"selectedServer",
+				"servers"
+			])])]);
+		};
 	}
 });
 //#endregion
-export { m as default };
+export { DocSettings_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=DocSettings.vue.script.js.map

package/dist/views/Settings/DocSettings.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocSettings.vue.script.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport { type WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { computed } from 'vue'\n\nimport ServerSelector from '@/components/ServerSelector.vue'\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: WorkspaceDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\n})\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <Auth\n        :authStore=\"workspaceStore.auth\"\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n}\n\n.documentName {\n  font-weight: var(--scalar-semibold);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAkBA,IAAM,EAAE,mBAAgB,WAAQ,gBAAa,GAAS,EAEhD,IAAc,QACZ,EAAqB,GAAgB,EAAA,SAAS,CAAC,YACvD,EAEM,IAAiB,QAAe;GACpC,IAAM,IAAU,EAAW,EAAA,SAAS,SAAS,EAC3C,aAAa,EAAA,SAAS,iCACvB,CAAA;AAED,UAAO,EAAkB,EAAA,UAAU,MAAM,MAAM,EAAO;IACvD,EAEK,IAAkB,QAChB,EAAA,SAAS,YAAY,mBAAmB,EAAE,CAClD;yBAIE,EAkBM,OAlBN,GAkBM,CAjBJ,EAUM,OAAA,MAAA,CATJ,EAQoB,GAAA;GAPjB,WAAW,EAAA,EAAc,CAAC;GAC1B,UAAA,EAAA;GACA,aAAA,EAAA;GACA,UAAA,EAAA,EAAQ;GACR,MAAA,EAAA;GACA,SAAS,EAAA,EAAM;GACf,iBAAA,EAAA;GACA,gBAAA,EAAA;;;;;;;;;;QAEL,EAKM,OAAA,MAAA,CAJJ,EAGsC,GAAA;GAFnC,UAAA,EAAA,EAAQ;GACR,gBAAA,EAAA;GACA,SAAS,EAAA,SAAS,WAAO,EAAA"}
+{"version":3,"file":"DocSettings.vue.script.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport { type WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { computed } from 'vue'\n\nimport ServerSelector from '@/components/ServerSelector.vue'\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: WorkspaceDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\n})\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <Auth\n        :authStore=\"workspaceStore.auth\"\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n}\n\n.documentName {\n  font-weight: var(--scalar-semibold);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAkBA,MAAM,EAAE,gBAAgB,QAAQ,aAAa,UAAS;EAEtD,MAAM,cAAc,eACZ,qBAAqB,gBAAgB,QAAA,SAAS,CAAC,YACvD;EAEA,MAAM,iBAAiB,eAAe;GACpC,MAAM,UAAU,WAAW,QAAA,SAAS,SAAS,EAC3C,aAAa,QAAA,SAAS,iCACvB,CAAA;AAED,UAAO,kBAAkB,QAAA,UAAU,MAAM,MAAM,QAAO;IACvD;EAED,MAAM,kBAAkB,eAChB,QAAA,SAAS,YAAY,mBAAmB,EAAE,CAClD;;uBAIE,mBAkBM,OAlBN,YAkBM,CAjBJ,mBAUM,OAAA,MAAA,CATJ,YAQoB,cAAA;IAPjB,WAAW,MAAA,eAAc,CAAC;IAC1B,UAAA,QAAA;IACA,aAAA,YAAA;IACA,UAAA,MAAA,SAAQ;IACR,MAAA,QAAA;IACA,SAAS,MAAA,OAAM;IACf,iBAAA,gBAAA;IACA,gBAAA,eAAA;;;;;;;;;;SAEL,mBAKM,OAAA,MAAA,CAJJ,YAGsC,wBAAA;IAFnC,UAAA,MAAA,SAAQ;IACR,gBAAA,eAAA;IACA,SAAS,QAAA,SAAS,WAAO,EAAA"}

package/dist/views/Settings/Settings.vue.js

@@ -1,10 +1,10 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-import t from "./Settings.vue.script.js";
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Settings_vue_vue_type_script_setup_true_lang_default from "./Settings.vue.script.js";
 /* empty css                       */
 /* empty css                         */
 //#region src/views/Settings/Settings.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-5e4bca68"]]);
+var Settings_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Settings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5e4bca68"]]);
 //#endregion
-export { n as default };
+export { Settings_default as default };
 
 //# sourceMappingURL=Settings.vue.js.map

package/dist/views/Settings/Settings.vue.script.js

@@ -1,59 +1,70 @@
-import { URLS as e } from "../../consts/urls.js";
-import { useState as t } from "../../state/state.js";
-import n from "./DocSettings.vue.js";
-import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, isRef as d, normalizeClass as f, openBlock as p, renderList as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
-import { ScalarColorModeToggle as v, ScalarModal as y, ScalarTextInput as b } from "@scalar/components";
-import { ScalarIconCaretDown as x, ScalarIconCaretRight as S } from "@scalar/icons";
+import { URLS } from "../../consts/urls.js";
+import { useState } from "../../state/state.js";
+import DocSettings_default from "./DocSettings.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarColorModeToggle, ScalarModal, ScalarTextInput } from "@scalar/components";
+import { ScalarIconCaretDown, ScalarIconCaretRight } from "@scalar/icons";
 //#region src/views/Settings/Settings.vue?vue&type=script&setup=true&lang.ts
-var C = { class: "settingsHeading" }, w = { class: "documentList" }, T = ["onClick"], E = { key: 0 }, D = {
+var _hoisted_1 = { class: "settingsHeading" };
+var _hoisted_2 = { class: "documentList" };
+var _hoisted_3 = ["onClick"];
+var _hoisted_4 = { key: 0 };
+var _hoisted_5 = {
 	key: 1,
 	class: "noDocuments"
-}, O = { class: "proxyUrlContainer" }, k = ["href"], A = /* @__PURE__ */ u({
+};
+var _hoisted_6 = { class: "proxyUrlContainer" };
+var _hoisted_7 = ["href"];
+var Settings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Settings",
 	props: { modalState: {} },
-	setup(u) {
-		let { workspaceStore: A, proxyUrlRaw: j } = t();
-		function M(e) {
-			A.update("x-scalar-active-document", e);
+	setup(__props) {
+		const { workspaceStore, proxyUrlRaw } = useState();
+		function selectDocument(name) {
+			workspaceStore.update("x-scalar-active-document", name);
 		}
-		return (t, N) => (p(), i(g(y), {
-			class: "settingsModal",
-			state: u.modalState
-		}, {
-			default: _(() => [
-				s("div", C, [N[1] ||= s("h1", null, "Settings", -1), l(g(v), { class: "colorToggle ml-auto" })]),
-				s("div", w, [Object.entries(g(A).workspace.documents).length ? (p(!0), o(r, { key: 0 }, m(Object.entries(g(A).workspace.documents), ([e, t]) => (p(), o("div", {
-					key: e,
-					class: "document"
-				}, [s("button", {
-					class: f(["documentName", { documentNameActive: g(A).workspace.activeDocument === t }]),
-					type: "button",
-					onClick: (t) => M(e)
-				}, [c(" @" + h(e) + " ", 1), g(A).workspace.activeDocument === t ? (p(), i(g(x), { key: 0 })) : (p(), i(g(S), { key: 1 }))], 10, T), g(A).workspace.activeDocument === t ? (p(), o("div", E, [l(n, {
-					document: t,
-					name: e
-				}, null, 8, ["document", "name"])])) : a("", !0)]))), 128)) : (p(), o("div", D, " There's no API definition loaded. Use the + button to load APIs. "))]),
-				s("div", O, [
-					N[3] ||= s("label", { for: "proxyUrl" }, "CORS Proxy", -1),
-					s("p", null, [N[2] ||= c(" All requests will be sent through the specified proxy URL to help avoid CORS (Cross-Origin Resource Sharing) issues. ", -1), s("a", {
-						class: "underline",
-						href: g(e).PROXY_SOURCE_CODE,
-						target: "_blank"
-					}, " Read more ", 8, k)]),
-					l(g(b), {
-						id: "proxyUrl",
-						modelValue: g(j),
-						"onUpdate:modelValue": N[0] ||= (e) => d(j) ? j.value = e : null,
-						label: "Proxy URL",
-						placeholder: g(e).DEFAULT_PROXY_URL
-					}, null, 8, ["modelValue", "placeholder"])
-				])
-			]),
-			_: 1
-		}, 8, ["state"]));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarModal), {
+				class: "settingsModal",
+				state: __props.modalState
+			}, {
+				default: withCtx(() => [
+					createElementVNode("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("h1", null, "Settings", -1)), createVNode(unref(ScalarColorModeToggle), { class: "colorToggle ml-auto" })]),
+					createElementVNode("div", _hoisted_2, [Object.entries(unref(workspaceStore).workspace.documents).length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(Object.entries(unref(workspaceStore).workspace.documents), ([name, document]) => {
+						return openBlock(), createElementBlock("div", {
+							key: name,
+							class: "document"
+						}, [createElementVNode("button", {
+							class: normalizeClass(["documentName", { documentNameActive: unref(workspaceStore).workspace.activeDocument === document }]),
+							type: "button",
+							onClick: ($event) => selectDocument(name)
+						}, [createTextVNode(" @" + toDisplayString(name) + " ", 1), unref(workspaceStore).workspace.activeDocument === document ? (openBlock(), createBlock(unref(ScalarIconCaretDown), { key: 0 })) : (openBlock(), createBlock(unref(ScalarIconCaretRight), { key: 1 }))], 10, _hoisted_3), unref(workspaceStore).workspace.activeDocument === document ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(DocSettings_default, {
+							document,
+							name
+						}, null, 8, ["document", "name"])])) : createCommentVNode("", true)]);
+					}), 128)) : (openBlock(), createElementBlock("div", _hoisted_5, " There's no API definition loaded. Use the + button to load APIs. "))]),
+					createElementVNode("div", _hoisted_6, [
+						_cache[3] || (_cache[3] = createElementVNode("label", { for: "proxyUrl" }, "CORS Proxy", -1)),
+						createElementVNode("p", null, [_cache[2] || (_cache[2] = createTextVNode(" All requests will be sent through the specified proxy URL to help avoid CORS (Cross-Origin Resource Sharing) issues. ", -1)), createElementVNode("a", {
+							class: "underline",
+							href: unref(URLS).PROXY_SOURCE_CODE,
+							target: "_blank"
+						}, " Read more ", 8, _hoisted_7)]),
+						createVNode(unref(ScalarTextInput), {
+							id: "proxyUrl",
+							modelValue: unref(proxyUrlRaw),
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(proxyUrlRaw) ? proxyUrlRaw.value = $event : null),
+							label: "Proxy URL",
+							placeholder: unref(URLS).DEFAULT_PROXY_URL
+						}, null, 8, ["modelValue", "placeholder"])
+					])
+				]),
+				_: 1
+			}, 8, ["state"]);
+		};
 	}
 });
 //#endregion
-export { A as default };
+export { Settings_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=Settings.vue.script.js.map

package/dist/views/Settings/Settings.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.vue.script.js","names":[],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarColorModeToggle,\n  ScalarModal,\n  ScalarTextInput,\n  type ModalState,\n} from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\n\nimport { URLS } from '@/consts/urls'\nimport { useState } from '@/state/state'\nimport DocSettings from '@/views/Settings/DocSettings.vue'\n\nconst { modalState } = defineProps<{\n  modalState: ModalState\n}>()\n\nconst { workspaceStore, proxyUrlRaw } = useState()\n\nfunction selectDocument(name: string) {\n  workspaceStore.update('x-scalar-active-document', name)\n}\n</script>\n\n<template>\n  <ScalarModal\n    class=\"settingsModal\"\n    :state=\"modalState\">\n    <div class=\"settingsHeading\">\n      <h1>Settings</h1>\n      <ScalarColorModeToggle class=\"colorToggle ml-auto\" />\n    </div>\n    <div class=\"documentList\">\n      <template\n        v-if=\"Object.entries(workspaceStore.workspace.documents).length\">\n        <div\n          v-for=\"[name, document] of Object.entries(\n            workspaceStore.workspace.documents,\n          )\"\n          :key=\"name\"\n          class=\"document\">\n          <button\n            class=\"documentName\"\n            :class=\"{\n              documentNameActive:\n                workspaceStore.workspace.activeDocument === document,\n            }\"\n            type=\"button\"\n            @click=\"selectDocument(name)\">\n            @{{ name }}\n            <ScalarIconCaretDown\n              v-if=\"workspaceStore.workspace.activeDocument === document\" />\n            <ScalarIconCaretRight v-else />\n          </button>\n          <div v-if=\"workspaceStore.workspace.activeDocument === document\">\n            <DocSettings\n              :document\n              :name />\n          </div>\n        </div>\n      </template>\n      <div\n        v-else\n        class=\"noDocuments\">\n        There's no API definition loaded. Use the + button to load APIs.\n      </div>\n    </div>\n\n    <div class=\"proxyUrlContainer\">\n      <label for=\"proxyUrl\">CORS Proxy</label>\n      <p>\n        All requests will be sent through the specified proxy URL to help avoid\n        CORS (Cross-Origin Resource Sharing) issues.\n        <a\n          class=\"underline\"\n          :href=\"URLS.PROXY_SOURCE_CODE\"\n          target=\"_blank\">\n          Read more\n        </a>\n      </p>\n      <ScalarTextInput\n        id=\"proxyUrl\"\n        v-model=\"proxyUrlRaw\"\n        label=\"Proxy URL\"\n        :placeholder=\"URLS.DEFAULT_PROXY_URL\" />\n    </div>\n  </ScalarModal>\n</template>\n\n<style>\n/* Prevent auth method dropdown from going behind the modal */\n.settingsModal .scalar-modal-layout {\n  z-index: 10 !important;\n}\n\n.settingsModal .scalar-modal-body {\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n</style>\n\n<style scoped>\n.documentList {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-font-size-3);\n  margin-bottom: 12px;\n}\n\n.document {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% + 24px);\n  left: -12px;\n  position: relative;\n  padding: 0 12px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.document:first-of-type:not(:last-of-type) {\n  border-bottom: none;\n}\n\n.documentName {\n  gap: 4px;\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-2);\n  padding: 12px 0;\n}\n\n.documentNameActive {\n  color: var(--scalar-color-1);\n}\n\n.settingsHeading {\n  font-size: 19px;\n  margin-bottom: 12px;\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n}\n\n.proxyUrlContainer {\n  font-size: var(--scalar-font-size-3);\n  display: flex;\n  gap: 5px;\n  flex-direction: column;\n}\n.proxyUrlContainer label {\n  font-weight: var(--scalar-semibold);\n}\n.noDocuments {\n  color: var(--scalar-color-2);\n  margin-bottom: 10px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAiBA,IAAM,EAAE,mBAAgB,mBAAgB,GAAS;EAEjD,SAAS,EAAe,GAAc;AACpC,KAAe,OAAO,4BAA4B,EAAI;;yBAKtD,EA6Dc,EAAA,EAAA,EAAA;GA5DZ,OAAM;GACL,OAAO,EAAA;;oBAIF;IAHN,EAGM,OAHN,GAGM,CAAA,AAAA,EAAA,OAFJ,EAAiB,MAAA,MAAb,YAAQ,GAAA,EACZ,EAAqD,EAAA,EAAA,EAAA,EAA9B,OAAM,uBAAqB,CAAA,CAAA,CAAA;IAEpD,EAkCM,OAlCN,GAkCM,CAhCI,OAAO,QAAQ,EAAA,EAAc,CAAC,UAAU,UAAS,CAAE,UAAA,EAAA,GAAA,EACzD,EAwBM,GAAA,EAAA,KAAA,GAAA,EAAA,EAvBuB,OAAO,QAAqB,EAAA,EAAc,CAAC,UAAU,UAAA,GAAA,CAAxE,GAAM,aADhB,EAwBM,OAAA;KApBH,KAAK;KACN,OAAM;QACN,EAYS,UAAA;KAXP,OAAK,EAAA,CAAC,gBAAc,EAAA,oBACwC,EAAA,EAAc,CAAC,UAAU,mBAAmB,GAAA,CAAA,CAAA;KAIxG,MAAK;KACJ,UAAK,MAAE,EAAe,EAAI;UAAG,OAC7B,EAAG,EAAI,GAAG,KACX,EAAA,EACQ,EAAA,EAAc,CAAC,UAAU,mBAAmB,KAAA,GAAA,EADpD,EACgE,EAAA,EAAA,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,GAAA,EAChE,EAA+B,EAAA,EAAA,EAAA,EAAA,KAAA,GAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAEtB,EAAA,EAAc,CAAC,UAAU,mBAAmB,KAAA,GAAA,EAAvD,EAIM,OAAA,GAAA,CAHJ,EAEU,GAAA;KADP;KACA;wEAIT,EAIM,OAJN,GAEsB,qEAEtB,EAAA,CAAA;IAGF,EAiBM,OAjBN,GAiBM;cAhBJ,EAAwC,SAAA,EAAjC,KAAI,YAAU,EAAC,cAAU,GAAA;KAChC,EASI,KAAA,MAAA,CAAA,AAAA,EAAA,OAAA,EATD,0HAGD,GAAA,EAAA,EAKI,KAAA;MAJF,OAAM;MACL,MAAM,EAAA,EAAI,CAAC;MACZ,QAAO;QAAS,eAElB,GAAA,EAAA,CAAA,CAAA;KAEF,EAI0C,EAAA,EAAA,EAAA;MAHxC,IAAG;kBACM,EAAA,EAAW;sDAAA,QAAA,IAAA;MACpB,OAAM;MACL,aAAa,EAAA,EAAI,CAAC"}
+{"version":3,"file":"Settings.vue.script.js","names":[],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarColorModeToggle,\n  ScalarModal,\n  ScalarTextInput,\n  type ModalState,\n} from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\n\nimport { URLS } from '@/consts/urls'\nimport { useState } from '@/state/state'\nimport DocSettings from '@/views/Settings/DocSettings.vue'\n\nconst { modalState } = defineProps<{\n  modalState: ModalState\n}>()\n\nconst { workspaceStore, proxyUrlRaw } = useState()\n\nfunction selectDocument(name: string) {\n  workspaceStore.update('x-scalar-active-document', name)\n}\n</script>\n\n<template>\n  <ScalarModal\n    class=\"settingsModal\"\n    :state=\"modalState\">\n    <div class=\"settingsHeading\">\n      <h1>Settings</h1>\n      <ScalarColorModeToggle class=\"colorToggle ml-auto\" />\n    </div>\n    <div class=\"documentList\">\n      <template\n        v-if=\"Object.entries(workspaceStore.workspace.documents).length\">\n        <div\n          v-for=\"[name, document] of Object.entries(\n            workspaceStore.workspace.documents,\n          )\"\n          :key=\"name\"\n          class=\"document\">\n          <button\n            class=\"documentName\"\n            :class=\"{\n              documentNameActive:\n                workspaceStore.workspace.activeDocument === document,\n            }\"\n            type=\"button\"\n            @click=\"selectDocument(name)\">\n            @{{ name }}\n            <ScalarIconCaretDown\n              v-if=\"workspaceStore.workspace.activeDocument === document\" />\n            <ScalarIconCaretRight v-else />\n          </button>\n          <div v-if=\"workspaceStore.workspace.activeDocument === document\">\n            <DocSettings\n              :document\n              :name />\n          </div>\n        </div>\n      </template>\n      <div\n        v-else\n        class=\"noDocuments\">\n        There's no API definition loaded. Use the + button to load APIs.\n      </div>\n    </div>\n\n    <div class=\"proxyUrlContainer\">\n      <label for=\"proxyUrl\">CORS Proxy</label>\n      <p>\n        All requests will be sent through the specified proxy URL to help avoid\n        CORS (Cross-Origin Resource Sharing) issues.\n        <a\n          class=\"underline\"\n          :href=\"URLS.PROXY_SOURCE_CODE\"\n          target=\"_blank\">\n          Read more\n        </a>\n      </p>\n      <ScalarTextInput\n        id=\"proxyUrl\"\n        v-model=\"proxyUrlRaw\"\n        label=\"Proxy URL\"\n        :placeholder=\"URLS.DEFAULT_PROXY_URL\" />\n    </div>\n  </ScalarModal>\n</template>\n\n<style>\n/* Prevent auth method dropdown from going behind the modal */\n.settingsModal .scalar-modal-layout {\n  z-index: 10 !important;\n}\n\n.settingsModal .scalar-modal-body {\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n</style>\n\n<style scoped>\n.documentList {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-font-size-3);\n  margin-bottom: 12px;\n}\n\n.document {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% + 24px);\n  left: -12px;\n  position: relative;\n  padding: 0 12px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.document:first-of-type:not(:last-of-type) {\n  border-bottom: none;\n}\n\n.documentName {\n  gap: 4px;\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-2);\n  padding: 12px 0;\n}\n\n.documentNameActive {\n  color: var(--scalar-color-1);\n}\n\n.settingsHeading {\n  font-size: 19px;\n  margin-bottom: 12px;\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n}\n\n.proxyUrlContainer {\n  font-size: var(--scalar-font-size-3);\n  display: flex;\n  gap: 5px;\n  flex-direction: column;\n}\n.proxyUrlContainer label {\n  font-weight: var(--scalar-semibold);\n}\n.noDocuments {\n  color: var(--scalar-color-2);\n  margin-bottom: 10px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,EAAE,gBAAgB,gBAAgB,UAAS;EAEjD,SAAS,eAAe,MAAc;AACpC,kBAAe,OAAO,4BAA4B,KAAI;;;uBAKtD,YA6Dc,MAAA,YAAA,EAAA;IA5DZ,OAAM;IACL,OAAO,QAAA;;2BAIF;KAHN,mBAGM,OAHN,YAGM,CAAA,OAAA,OAAA,OAAA,KAFJ,mBAAiB,MAAA,MAAb,YAAQ,GAAA,GACZ,YAAqD,MAAA,sBAAA,EAAA,EAA9B,OAAM,uBAAqB,CAAA,CAAA,CAAA;KAEpD,mBAkCM,OAlCN,YAkCM,CAhCI,OAAO,QAAQ,MAAA,eAAc,CAAC,UAAU,UAAS,CAAE,UAAA,UAAA,KAAA,EACzD,mBAwBM,UAAA,EAAA,KAAA,GAAA,EAAA,WAvBuB,OAAO,QAAqB,MAAA,eAAc,CAAC,UAAU,UAAA,GAAA,CAAxE,MAAM,cAAQ;0BADxB,mBAwBM,OAAA;OApBH,KAAK;OACN,OAAM;UACN,mBAYS,UAAA;OAXP,OAAK,eAAA,CAAC,gBAAc,EAAA,oBACwC,MAAA,eAAc,CAAC,UAAU,mBAAmB,UAAA,CAAA,CAAA;OAIxG,MAAK;OACJ,UAAK,WAAE,eAAe,KAAI;0BAAG,OAC7B,gBAAG,KAAI,GAAG,KACX,EAAA,EACQ,MAAA,eAAc,CAAC,UAAU,mBAAmB,YAAA,WAAA,EADpD,YACgE,MAAA,oBAAA,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAChE,YAA+B,MAAA,qBAAA,EAAA,EAAA,KAAA,GAAA,CAAA,EAAA,EAAA,IAAA,WAAA,EAEtB,MAAA,eAAc,CAAC,UAAU,mBAAmB,YAAA,WAAA,EAAvD,mBAIM,OAAA,YAAA,CAHJ,YAEU,qBAAA;OADP;OACA;;+BAIT,mBAIM,OAJN,YAEsB,qEAEtB,EAAA,CAAA;KAGF,mBAiBM,OAjBN,YAiBM;gCAhBJ,mBAAwC,SAAA,EAAjC,KAAI,YAAU,EAAC,cAAU,GAAA;MAChC,mBASI,KAAA,MAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBATD,0HAGD,GAAA,GAAA,mBAKI,KAAA;OAJF,OAAM;OACL,MAAM,MAAA,KAAI,CAAC;OACZ,QAAO;SAAS,eAElB,GAAA,WAAA,CAAA,CAAA;MAEF,YAI0C,MAAA,gBAAA,EAAA;OAHxC,IAAG;mBACM,MAAA,YAAW;qGAAA,QAAA,SAAA;OACpB,OAAM;OACL,aAAa,MAAA,KAAI,CAAC"}

package/dist/views/Start.vue.js

@@ -1,9 +1,9 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
-import t from "./Start.vue.script.js";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import Start_vue_vue_type_script_setup_true_lang_default from "./Start.vue.script.js";
 /* empty css                    */
 //#region src/views/Start.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-56f7e8dd"]]);
+var Start_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Start_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-56f7e8dd"]]);
 //#endregion
-export { n as default };
+export { Start_default as default };
 
 //# sourceMappingURL=Start.vue.js.map

package/dist/views/Start.vue.script.js

@@ -1,41 +1,48 @@
-import { URLS as e } from "../consts/urls.js";
-import { useState as t } from "../state/state.js";
-import n from "./PromptForm.vue.js";
-import r from "../components/Logo.vue.js";
-import { Fragment as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, unref as d } from "vue";
+import { URLS } from "../consts/urls.js";
+import { useState } from "../state/state.js";
+import PromptForm_default from "./PromptForm.vue.js";
+import Logo_default from "../components/Logo.vue.js";
+import { Fragment, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref } from "vue";
 //#region src/views/Start.vue?vue&type=script&setup=true&lang.ts
-var f = { class: "startContainer" }, p = { class: "disclaimerText" }, m = ["href"], h = ["href"], g = /* @__PURE__ */ l({
+var _hoisted_1 = { class: "startContainer" };
+var _hoisted_2 = { class: "disclaimerText" };
+var _hoisted_3 = ["href"];
+var _hoisted_4 = ["href"];
+var Start_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Start",
 	emits: ["submit", "uploadApi"],
-	setup(l, { emit: g }) {
-		let _ = g, { mode: v } = t();
-		return (t, l) => (u(), a("div", f, [
-			c(r, { class: "agentLogo" }),
-			l[4] ||= o("h1", { class: "heading" }, "How can I help you today?", -1),
-			c(n, {
-				ref: "promptFormField",
-				onSubmit: l[0] ||= (e) => _("submit"),
-				onUploadApi: l[1] ||= (e) => _("uploadApi")
-			}, null, 512),
-			o("p", p, [
-				d(v) === "preview" ? (u(), a(i, { key: 0 }, [s(" By messaging Agent Scalar your OpenAPI document will be temporarily uploaded to Scalar's servers. You must agree to our ")], 64)) : (u(), a(i, { key: 1 }, [s("By messaging Agent Scalar you agree to our ")], 64)),
-				o("a", {
-					class: "disclaimerLink",
-					href: d(e).TERMS_AND_CONDITIONS,
-					target: "_blank"
-				}, "Terms", 8, m),
-				l[2] ||= s(" and ", -1),
-				o("a", {
-					class: "disclaimerLink",
-					href: d(e).PRIVACY_POLICY,
-					target: "_blank"
-				}, "Privacy Policy", 8, h),
-				l[3] ||= s(". ", -1)
-			])
-		]));
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { mode } = useState();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(Logo_default, { class: "agentLogo" }),
+				_cache[4] || (_cache[4] = createElementVNode("h1", { class: "heading" }, "How can I help you today?", -1)),
+				createVNode(PromptForm_default, {
+					ref: "promptFormField",
+					onSubmit: _cache[0] || (_cache[0] = ($event) => emit("submit")),
+					onUploadApi: _cache[1] || (_cache[1] = ($event) => emit("uploadApi"))
+				}, null, 512),
+				createElementVNode("p", _hoisted_2, [
+					unref(mode) === "preview" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" By messaging Agent Scalar your OpenAPI document will be temporarily uploaded to Scalar's servers. You must agree to our ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("By messaging Agent Scalar you agree to our ")], 64)),
+					createElementVNode("a", {
+						class: "disclaimerLink",
+						href: unref(URLS).TERMS_AND_CONDITIONS,
+						target: "_blank"
+					}, "Terms", 8, _hoisted_3),
+					_cache[2] || (_cache[2] = createTextVNode(" and ", -1)),
+					createElementVNode("a", {
+						class: "disclaimerLink",
+						href: unref(URLS).PRIVACY_POLICY,
+						target: "_blank"
+					}, "Privacy Policy", 8, _hoisted_4),
+					_cache[3] || (_cache[3] = createTextVNode(". ", -1))
+				])
+			]);
+		};
 	}
 });
 //#endregion
-export { g as default };
+export { Start_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=Start.vue.script.js.map

package/dist/views/Start.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Start.vue.script.js","names":[],"sources":["../../src/views/Start.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Logo from '@/components/Logo.vue'\nimport { URLS } from '@/consts/urls'\nimport { useState } from '@/state/state'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst { mode } = useState()\n</script>\n\n<template>\n  <div class=\"startContainer\">\n    <Logo class=\"agentLogo\" />\n    <h1 class=\"heading\">How can I help you today?</h1>\n    <PromptForm\n      ref=\"promptFormField\"\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n    <p class=\"disclaimerText\">\n      <template v-if=\"mode === 'preview'\">\n        By messaging Agent Scalar your OpenAPI document will be temporarily\n        uploaded to Scalar's servers. You must agree to our\n      </template>\n      <template v-else>By messaging Agent Scalar you agree to our </template>\n      <a\n        class=\"disclaimerLink\"\n        :href=\"URLS.TERMS_AND_CONDITIONS\"\n        target=\"_blank\"\n        >Terms</a\n      >\n      and\n      <a\n        class=\"disclaimerLink\"\n        :href=\"URLS.PRIVACY_POLICY\"\n        target=\"_blank\"\n        >Privacy Policy</a\n      >.\n    </p>\n  </div>\n</template>\n\n<style scoped>\n.agentLogo {\n  margin-bottom: 15px;\n}\n\n.startContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  max-width: 720px;\n  position: relative;\n}\n\n.heading {\n  font-size: 1.5rem;\n  font-weight: var(--scalar-font-bold);\n  margin-bottom: 50px;\n}\n\n.disclaimerText {\n  text-align: center;\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-font-size-3);\n  text-wrap: balance;\n  line-height: 1.44;\n  margin-top: 40px;\n}\n\n.disclaimerLink {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAMA,IAAM,IAAO,GAKP,EAAE,YAAS,GAAS;yBAIxB,EA2BM,OA3BN,GA2BM;GA1BJ,EAA0B,GAAA,EAApB,OAAM,aAAW,CAAA;YACvB,EAAkD,MAAA,EAA9C,OAAM,WAAS,EAAC,6BAAyB,GAAA;GAC7C,EAGmC,GAAA;IAFjC,KAAI;IACH,UAAM,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;IACZ,aAAS,AAAA,EAAA,QAAA,MAAE,EAAI,YAAA;;GAClB,EAmBI,KAnBJ,GAmBI;IAlBc,EAAA,EAAI,KAAA,aAAA,GAAA,EAApB,EAGW,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAHyB,4HAGpC,CAAA,EAAA,GAAA,KAAA,GAAA,EACA,EAAuE,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAAtD,8CAA2C,CAAA,EAAA,GAAA;IAC5D,EAKC,KAAA;KAJC,OAAM;KACL,MAAM,EAAA,EAAI,CAAC;KACZ,QAAO;OACN,SAAK,GAAA,EAAA;eACP,SAED,GAAA;IAAA,EAKC,KAAA;KAJC,OAAM;KACL,MAAM,EAAA,EAAI,CAAC;KACZ,QAAO;OACN,kBAAc,GAAA,EAAA;eAChB,MACH,GAAA"}
+{"version":3,"file":"Start.vue.script.js","names":[],"sources":["../../src/views/Start.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Logo from '@/components/Logo.vue'\nimport { URLS } from '@/consts/urls'\nimport { useState } from '@/state/state'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst { mode } = useState()\n</script>\n\n<template>\n  <div class=\"startContainer\">\n    <Logo class=\"agentLogo\" />\n    <h1 class=\"heading\">How can I help you today?</h1>\n    <PromptForm\n      ref=\"promptFormField\"\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n    <p class=\"disclaimerText\">\n      <template v-if=\"mode === 'preview'\">\n        By messaging Agent Scalar your OpenAPI document will be temporarily\n        uploaded to Scalar's servers. You must agree to our\n      </template>\n      <template v-else>By messaging Agent Scalar you agree to our </template>\n      <a\n        class=\"disclaimerLink\"\n        :href=\"URLS.TERMS_AND_CONDITIONS\"\n        target=\"_blank\"\n        >Terms</a\n      >\n      and\n      <a\n        class=\"disclaimerLink\"\n        :href=\"URLS.PRIVACY_POLICY\"\n        target=\"_blank\"\n        >Privacy Policy</a\n      >.\n    </p>\n  </div>\n</template>\n\n<style scoped>\n.agentLogo {\n  margin-bottom: 15px;\n}\n\n.startContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  max-width: 720px;\n  position: relative;\n}\n\n.heading {\n  font-size: 1.5rem;\n  font-weight: var(--scalar-font-bold);\n  margin-bottom: 50px;\n}\n\n.disclaimerText {\n  text-align: center;\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-font-size-3);\n  text-wrap: balance;\n  line-height: 1.44;\n  margin-top: 40px;\n}\n\n.disclaimerLink {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAMA,MAAM,OAAO;EAKb,MAAM,EAAE,SAAS,UAAS;;uBAIxB,mBA2BM,OA3BN,YA2BM;IA1BJ,YAA0B,cAAA,EAApB,OAAM,aAAW,CAAA;8BACvB,mBAAkD,MAAA,EAA9C,OAAM,WAAS,EAAC,6BAAyB,GAAA;IAC7C,YAGmC,oBAAA;KAFjC,KAAI;KACH,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;KACZ,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,YAAA;;IAClB,mBAmBI,KAnBJ,YAmBI;KAlBc,MAAA,KAAI,KAAA,aAAA,WAAA,EAApB,mBAGW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAHyB,4HAGpC,CAAA,EAAA,GAAA,KAAA,WAAA,EACA,mBAAuE,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAtD,8CAA2C,CAAA,EAAA,GAAA;KAC5D,mBAKC,KAAA;MAJC,OAAM;MACL,MAAM,MAAA,KAAI,CAAC;MACZ,QAAO;QACN,SAAK,GAAA,WAAA;+CACP,SAED,GAAA;KAAA,mBAKC,KAAA;MAJC,OAAM;MACL,MAAM,MAAA,KAAI,CAAC;MACZ,QAAO;QACN,kBAAc,GAAA,WAAA;+CAChB,MACH,GAAA"}