npm - @scalar/api-reference - Versions diffs - 1.60.0 → 1.62.0 - Mend

@scalar/api-reference 1.60.0 → 1.62.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (555) hide show

package/dist/components/AgentScalar/AgentScalarButton.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/AgentScalarButton.vue"],"names":[],"mappings":"~~AAyEA~~,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1	+ {"version":3,"file":"AgentScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/AgentScalarButton.vue"],"names":[],"mappings":"AA+EA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/AgentScalar/AgentScalarButton.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentScalarButton.vue.js","names":[],"sources":["../../../src/components/AgentScalar/AgentScalarButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconSparkle } from '@scalar/icons'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\n</script>\n\n<template>\n <button\n class=\"bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap\"\n type=\"button\"\n @click=\"agentContext?.toggleAgent()\">\n <ScalarIconSparkle />\n ~~Ask~~ AI\n </button>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"AgentScalarButton.vue.js","names":[],"sources":["../../../src/components/AgentScalar/AgentScalarButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconSparkle } from '@scalar/icons'\n\nimport { useLocalization } from '@/features/localization'\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\nconst { translate } = useLocalization()\n</script>\n\n<template>\n <button\n class=\"bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap\"\n type=\"button\"\n @click=\"agentContext?.toggleAgent()\">\n <ScalarIconSparkle />\n {{ translate('agent.askAi') }}\n </button>\n</template>\n"],"mappings":""}

package/dist/components/AgentScalar/AgentScalarButton.vue.script.js CHANGED Viewed

@@ -1,17 +1,19 @@
+import { useLocalization } from "../../features/localization/use-localization.js";
 import { useAgentContext } from "../../hooks/use-agent.js";
-import { createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
 import { ScalarIconSparkle } from "@scalar/icons";
 //#region src/components/AgentScalar/AgentScalarButton.vue?vue&type=script&setup=true&lang.ts
 var AgentScalarButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "AgentScalarButton",
 	setup(__props) {
 		const agentContext = useAgentContext();
+		const { translate } = useLocalization();
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("button", {
 				class: "bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap",
 				type: "button",
 				onClick: _cache[0] || (_cache[0] = ($event) => unref(agentContext)?.toggleAgent())
-			}, [createVNode(unref(ScalarIconSparkle)), _cache[1] || (_cache[1] = createTextVNode(" Ask AI ", -1))]);
+			}, [createVNode(unref(ScalarIconSparkle)), createTextVNode(" " + toDisplayString(unref(translate)("agent.askAi")), 1)]);
 		};
 	}
 });

package/dist/components/AgentScalar/AgentScalarButton.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentScalarButton.vue.script.js","names":[],"sources":["../../../src/components/AgentScalar/AgentScalarButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconSparkle } from '@scalar/icons'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\n</script>\n\n<template>\n <button\n class=\"bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap\"\n type=\"button\"\n @click=\"agentContext?.toggleAgent()\">\n <ScalarIconSparkle />\n ~~Ask~~ AI\n </button>\n</template>\n"],"mappings":"~~;;;;;;;EAKA~~,MAAM,eAAe,iBAAgB;;~~uBAInC~~,mBAMS,UAAA;IALP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,aAAY,EAAE,aAAW;OACjC,YAAqB,MAAA,kBAAA,CAAA,EAAA,~~OAAA~~,~~OAAA~~,~~OAAA~~,~~KAAA~~,~~gBAAA~~,~~YAEvB~~,~~GAAA~~,EAAA,CAAA"}
1	+ {"version":3,"file":"AgentScalarButton.vue.script.js","names":[],"sources":["../../../src/components/AgentScalar/AgentScalarButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconSparkle } from '@scalar/icons'\n\nimport { useLocalization } from '@/features/localization'\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\nconst { translate } = useLocalization()\n</script>\n\n<template>\n <button\n class=\"bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap\"\n type=\"button\"\n @click=\"agentContext?.toggleAgent()\">\n <ScalarIconSparkle />\n {{ translate('agent.askAi') }}\n </button>\n</template>\n"],"mappings":";;;;;;;;EAMA,MAAM,eAAe,iBAAgB;EACrC,MAAM,EAAE,cAAc,iBAAgB;;uBAIpC,mBAMS,UAAA;IALP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,aAAY,EAAE,aAAW;OACjC,YAAqB,MAAA,kBAAA,CAAA,EAAA,gBAAA,MACrB,gBAAG,MAAA,UAAS,CAAA,cAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/AgentScalar/AgentScalarDrawer.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentScalarDrawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/AgentScalarDrawer.vue"],"names":[],"mappings":"~~AAqFA~~,OAAO,KAAK,EACV,mCAAmC,EACnC,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;~~AAKpE~~,KAAK,WAAW,GAAG;IACjB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC,OAAO,CAAC,CAAA;IACvE,YAAY,EAAE,YAAY,CAAA;IAC1B,cAAc,EAAE,cAAc,CAAA;CAC/B,CAAC;~~AAgLF~~,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1	+ {"version":3,"file":"AgentScalarDrawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/AgentScalarDrawer.vue"],"names":[],"mappings":"AAuFA,OAAO,KAAK,EACV,mCAAmC,EACnC,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAMpE,KAAK,WAAW,GAAG;IACjB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC,OAAO,CAAC,CAAA;IACvE,YAAY,EAAE,YAAY,CAAA;IAC1B,cAAc,EAAE,cAAc,CAAA;CAC/B,CAAC;AAkLF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/AgentScalar/AgentScalarDrawer.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import AgentScalarDrawer_vue_vue_type_script_setup_true_lang_default from "./Age
 /* empty css                                */
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
 //#region src/components/AgentScalar/AgentScalarDrawer.vue
-var AgentScalarDrawer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AgentScalarDrawer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-34fa4e92"]]);
+var AgentScalarDrawer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AgentScalarDrawer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3496197b"]]);
 //#endregion
 export { AgentScalarDrawer_default as default };

package/dist/components/AgentScalar/AgentScalarDrawer.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentScalarDrawer.vue.js","names":[],"sources":["../../../src/components/AgentScalar/AgentScalarDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconX } from '@scalar/icons'\nimport type {\n ApiReferenceConfigurationWithSource,\n ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { defineAsyncComponent } from 'vue'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\ndefineProps<{\n agentScalarConfiguration?: ApiReferenceConfigurationWithSource['agent']\n externalUrls: ExternalUrls\n workspaceStore: WorkspaceStore\n}>()\n\nconst agentContext = useAgentContext()\n\nconst AgentScalarChatInterface = defineAsyncComponent(\n async () => import('./AgentScalarChatInterface.vue'),\n)\n</script>\n\n<template>\n <Transition\n enterActiveClass=\"transition-opacity duration-500\"\n enterFromClass=\"opacity-0\"\n enterToClass=\"opacity-100\"\n leaveActiveClass=\"transition-opacity duration-200\"\n leaveFromClass=\"opacity-100\"\n leaveToClass=\"opacity-0\">\n <div\n v-show=\"agentContext?.showAgent.value\"\n class=\"agent-scalar-overlay bg-backdrop fixed inset-0 z-10 ease-[cubic-bezier(0.77,0,0.175,1)]\"\n @click=\"agentContext?.closeAgent()\" />\n </Transition>\n <Transition\n enterActiveClass=\"transition-transform duration-300\"\n enterFromClass=\"-translate-x-full\"\n enterToClass=\"translate-x-0\"\n leaveActiveClass=\"transition-transform duration-200\"\n leaveFromClass=\"translate-x-0\"\n leaveToClass=\"-translate-x-full\">\n <div\n v-show=\"agentContext?.showAgent.value\"\n class=\"agent-scalar left-refs-w-sidebar bg-b-1 fixed inset-y-0 right-12 z-10 grid border-r shadow-lg\"\n @keydown.escape=\"agentContext?.closeAgent()\">\n <div\n class=\"agent-scalar-container custom-scroll custom-scroll-self-contain-overflow overflow-auto px-6\">\n <AgentScalarChatInterface\n :agentScalarConfiguration\n :externalUrls\n :prefilledMessage=\"agentContext?.prefilledMessage\"\n :workspaceStore />\n </div>\n <ScalarIconButton\n class=\"agent-scalar-exit-button absolute top-2 right-2\"\n :icon=\"ScalarIconX\"\n label=\"~~Close Client~~\"\n weight=\"bold\"\n @click=\"agentContext?.closeAgent()\" />\n </div>\n </Transition>\n</template>\n\n<style scoped>\n@reference \"../../style.css\";\n\n@media (max-width: 1000px) {\n .agent-scalar.agent-scalar {\n @apply inset-x-0 top-12 rounded-t-lg;\n }\n .agent-scalar.agent-scalar,\n .agent-scalar-overlay.agent-scalar-overlay {\n @apply z-15;\n }\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"AgentScalarDrawer.vue.js","names":[],"sources":["../../../src/components/AgentScalar/AgentScalarDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconX } from '@scalar/icons'\nimport type {\n ApiReferenceConfigurationWithSource,\n ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { defineAsyncComponent } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { useAgentContext } from '@/hooks/use-agent'\n\ndefineProps<{\n agentScalarConfiguration?: ApiReferenceConfigurationWithSource['agent']\n externalUrls: ExternalUrls\n workspaceStore: WorkspaceStore\n}>()\n\nconst agentContext = useAgentContext()\nconst { translate } = useLocalization()\n\nconst AgentScalarChatInterface = defineAsyncComponent(\n async () => import('./AgentScalarChatInterface.vue'),\n)\n</script>\n\n<template>\n <Transition\n enterActiveClass=\"transition-opacity duration-500\"\n enterFromClass=\"opacity-0\"\n enterToClass=\"opacity-100\"\n leaveActiveClass=\"transition-opacity duration-200\"\n leaveFromClass=\"opacity-100\"\n leaveToClass=\"opacity-0\">\n <div\n v-show=\"agentContext?.showAgent.value\"\n class=\"agent-scalar-overlay bg-backdrop fixed inset-0 z-10 ease-[cubic-bezier(0.77,0,0.175,1)]\"\n @click=\"agentContext?.closeAgent()\" />\n </Transition>\n <Transition\n enterActiveClass=\"transition-transform duration-300\"\n enterFromClass=\"-translate-x-full\"\n enterToClass=\"translate-x-0\"\n leaveActiveClass=\"transition-transform duration-200\"\n leaveFromClass=\"translate-x-0\"\n leaveToClass=\"-translate-x-full\">\n <div\n v-show=\"agentContext?.showAgent.value\"\n class=\"agent-scalar left-refs-w-sidebar bg-b-1 fixed inset-y-0 right-12 z-10 grid border-r shadow-lg\"\n @keydown.escape=\"agentContext?.closeAgent()\">\n <div\n class=\"agent-scalar-container custom-scroll custom-scroll-self-contain-overflow overflow-auto px-6\">\n <AgentScalarChatInterface\n :agentScalarConfiguration\n :externalUrls\n :prefilledMessage=\"agentContext?.prefilledMessage\"\n :workspaceStore />\n </div>\n <ScalarIconButton\n class=\"agent-scalar-exit-button absolute top-2 right-2\"\n :icon=\"ScalarIconX\"\n :label=\"translate('agent.close')\"\n weight=\"bold\"\n @click=\"agentContext?.closeAgent()\" />\n </div>\n </Transition>\n</template>\n\n<style scoped>\n@reference \"../../style.css\";\n\n@media (max-width: 1000px) {\n .agent-scalar.agent-scalar {\n @apply inset-x-0 top-12 rounded-t-lg;\n }\n .agent-scalar.agent-scalar,\n .agent-scalar-overlay.agent-scalar-overlay {\n @apply z-15;\n }\n}\n</style>\n"],"mappings":""}

package/dist/components/AgentScalar/AgentScalarDrawer.vue.script.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../features/localization/use-localization.js";
 import { useAgentContext } from "../../hooks/use-agent.js";
 import { Fragment, Transition, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, openBlock, unref, vShow, withCtx, withDirectives, withKeys } from "vue";
 import { ScalarIconX } from "@scalar/icons";
@@ -13,6 +14,7 @@ var AgentScalarDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	},
 	setup(__props) {
 		const agentContext = useAgentContext();
+		const { translate } = useLocalization();
 		const AgentScalarChatInterface = defineAsyncComponent(async () => import("./AgentScalarChatInterface.vue.js"));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(Transition, {
@@ -52,10 +54,10 @@ var AgentScalarDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				])]), createVNode(unref(ScalarIconButton), {
 					class: "agent-scalar-exit-button absolute top-2 right-2",
 					icon: unref(ScalarIconX),
-					label: "Close Client",
+					label: unref(translate)("agent.close"),
 					weight: "bold",
 					onClick: _cache[1] || (_cache[1] = ($event) => unref(agentContext)?.closeAgent())
-				}, null, 8, ["icon"])], 544), [[vShow, unref(agentContext)?.showAgent.value]])]),
+				}, null, 8, ["icon", "label"])], 544), [[vShow, unref(agentContext)?.showAgent.value]])]),
 				_: 1
 			})], 64);
 		};

package/dist/components/AgentScalar/AgentScalarDrawer.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentScalarDrawer.vue.script.js","names":[],"sources":["../../../src/components/AgentScalar/AgentScalarDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconX } from '@scalar/icons'\nimport type {\n ApiReferenceConfigurationWithSource,\n ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { defineAsyncComponent } from 'vue'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\ndefineProps<{\n agentScalarConfiguration?: ApiReferenceConfigurationWithSource['agent']\n externalUrls: ExternalUrls\n workspaceStore: WorkspaceStore\n}>()\n\nconst agentContext = useAgentContext()\n\nconst AgentScalarChatInterface = defineAsyncComponent(\n async () => import('./AgentScalarChatInterface.vue'),\n)\n</script>\n\n<template>\n <Transition\n enterActiveClass=\"transition-opacity duration-500\"\n enterFromClass=\"opacity-0\"\n enterToClass=\"opacity-100\"\n leaveActiveClass=\"transition-opacity duration-200\"\n leaveFromClass=\"opacity-100\"\n leaveToClass=\"opacity-0\">\n <div\n v-show=\"agentContext?.showAgent.value\"\n class=\"agent-scalar-overlay bg-backdrop fixed inset-0 z-10 ease-[cubic-bezier(0.77,0,0.175,1)]\"\n @click=\"agentContext?.closeAgent()\" />\n </Transition>\n <Transition\n enterActiveClass=\"transition-transform duration-300\"\n enterFromClass=\"-translate-x-full\"\n enterToClass=\"translate-x-0\"\n leaveActiveClass=\"transition-transform duration-200\"\n leaveFromClass=\"translate-x-0\"\n leaveToClass=\"-translate-x-full\">\n <div\n v-show=\"agentContext?.showAgent.value\"\n class=\"agent-scalar left-refs-w-sidebar bg-b-1 fixed inset-y-0 right-12 z-10 grid border-r shadow-lg\"\n @keydown.escape=\"agentContext?.closeAgent()\">\n <div\n class=\"agent-scalar-container custom-scroll custom-scroll-self-contain-overflow overflow-auto px-6\">\n <AgentScalarChatInterface\n :agentScalarConfiguration\n :externalUrls\n :prefilledMessage=\"agentContext?.prefilledMessage\"\n :workspaceStore />\n </div>\n <ScalarIconButton\n class=\"agent-scalar-exit-button absolute top-2 right-2\"\n :icon=\"ScalarIconX\"\n label=\"~~Close Client~~\"\n weight=\"bold\"\n @click=\"agentContext?.closeAgent()\" />\n </div>\n </Transition>\n</template>\n\n<style scoped>\n@reference \"../../style.css\";\n\n@media (max-width: 1000px) {\n .agent-scalar.agent-scalar {\n @apply inset-x-0 top-12 rounded-t-lg;\n }\n .agent-scalar.agent-scalar,\n .agent-scalar-overlay.agent-scalar-overlay {\n @apply z-15;\n }\n}\n</style>\n"],"mappings":"~~;;;;;;;;;;;;;;EAkBA~~,MAAM,eAAe,iBAAgB;~~EAErC~~,MAAM,2BAA2B,qBAC/B,YAAY,OAAO,qCACrB;;2DAIE,YAWa,YAAA;IAVX,kBAAiB;IACjB,gBAAe;IACf,cAAa;IACb,kBAAiB;IACjB,gBAAe;IACf,cAAa;;2BAI2B,CAAA,eAHxC,mBAGwC,OAAA;KADtC,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,aAAY,EAAE,YAAU;4BAFxB,MAAA,aAAY,EAAE,UAAU,MAAK,CAAA,CAAA,CAAA,CAAA;;OAIzC,YA0Ba,YAAA;IAzBX,kBAAiB;IACjB,gBAAe;IACf,cAAa;IACb,kBAAiB;IACjB,gBAAe;IACf,cAAa;;2BAmBP,CAAA,eAlBN,mBAkBM,OAAA;KAhBJ,OAAM;KACL,WAAO,OAAA,OAAA,OAAA,KAAA,UAAA,WAAS,MAAA,aAAY,EAAE,YAAU,EAAA,CAAA,SAAA,CAAA;QACzC,mBAOM,OAPN,YAOM,CALJ,YAIoB,MAAA,yBAAA,EAAA;KAHjB,0BAAA,QAAA;KACA,cAAA,QAAA;KACA,kBAAkB,MAAA,aAAY,EAAE;KAChC,gBAAA,QAAA;;;;;;UAEL,YAKwC,MAAA,iBAAA,EAAA;KAJtC,OAAM;KACL,MAAM,MAAA,YAAW;~~KAClB~~,~~OAAM~~;~~KACN~~,QAAO;KACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,aAAY,EAAE,YAAU;~~2CAhB1B~~,MAAA,aAAY,EAAE,UAAU,MAAK,CAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"AgentScalarDrawer.vue.script.js","names":[],"sources":["../../../src/components/AgentScalar/AgentScalarDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconX } from '@scalar/icons'\nimport type {\n ApiReferenceConfigurationWithSource,\n ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { defineAsyncComponent } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { useAgentContext } from '@/hooks/use-agent'\n\ndefineProps<{\n agentScalarConfiguration?: ApiReferenceConfigurationWithSource['agent']\n externalUrls: ExternalUrls\n workspaceStore: WorkspaceStore\n}>()\n\nconst agentContext = useAgentContext()\nconst { translate } = useLocalization()\n\nconst AgentScalarChatInterface = defineAsyncComponent(\n async () => import('./AgentScalarChatInterface.vue'),\n)\n</script>\n\n<template>\n <Transition\n enterActiveClass=\"transition-opacity duration-500\"\n enterFromClass=\"opacity-0\"\n enterToClass=\"opacity-100\"\n leaveActiveClass=\"transition-opacity duration-200\"\n leaveFromClass=\"opacity-100\"\n leaveToClass=\"opacity-0\">\n <div\n v-show=\"agentContext?.showAgent.value\"\n class=\"agent-scalar-overlay bg-backdrop fixed inset-0 z-10 ease-[cubic-bezier(0.77,0,0.175,1)]\"\n @click=\"agentContext?.closeAgent()\" />\n </Transition>\n <Transition\n enterActiveClass=\"transition-transform duration-300\"\n enterFromClass=\"-translate-x-full\"\n enterToClass=\"translate-x-0\"\n leaveActiveClass=\"transition-transform duration-200\"\n leaveFromClass=\"translate-x-0\"\n leaveToClass=\"-translate-x-full\">\n <div\n v-show=\"agentContext?.showAgent.value\"\n class=\"agent-scalar left-refs-w-sidebar bg-b-1 fixed inset-y-0 right-12 z-10 grid border-r shadow-lg\"\n @keydown.escape=\"agentContext?.closeAgent()\">\n <div\n class=\"agent-scalar-container custom-scroll custom-scroll-self-contain-overflow overflow-auto px-6\">\n <AgentScalarChatInterface\n :agentScalarConfiguration\n :externalUrls\n :prefilledMessage=\"agentContext?.prefilledMessage\"\n :workspaceStore />\n </div>\n <ScalarIconButton\n class=\"agent-scalar-exit-button absolute top-2 right-2\"\n :icon=\"ScalarIconX\"\n :label=\"translate('agent.close')\"\n weight=\"bold\"\n @click=\"agentContext?.closeAgent()\" />\n </div>\n </Transition>\n</template>\n\n<style scoped>\n@reference \"../../style.css\";\n\n@media (max-width: 1000px) {\n .agent-scalar.agent-scalar {\n @apply inset-x-0 top-12 rounded-t-lg;\n }\n .agent-scalar.agent-scalar,\n .agent-scalar-overlay.agent-scalar-overlay {\n @apply z-15;\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAmBA,MAAM,eAAe,iBAAgB;EACrC,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,2BAA2B,qBAC/B,YAAY,OAAO,qCACrB;;2DAIE,YAWa,YAAA;IAVX,kBAAiB;IACjB,gBAAe;IACf,cAAa;IACb,kBAAiB;IACjB,gBAAe;IACf,cAAa;;2BAI2B,CAAA,eAHxC,mBAGwC,OAAA;KADtC,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,aAAY,EAAE,YAAU;4BAFxB,MAAA,aAAY,EAAE,UAAU,MAAK,CAAA,CAAA,CAAA,CAAA;;OAIzC,YA0Ba,YAAA;IAzBX,kBAAiB;IACjB,gBAAe;IACf,cAAa;IACb,kBAAiB;IACjB,gBAAe;IACf,cAAa;;2BAmBP,CAAA,eAlBN,mBAkBM,OAAA;KAhBJ,OAAM;KACL,WAAO,OAAA,OAAA,OAAA,KAAA,UAAA,WAAS,MAAA,aAAY,EAAE,YAAU,EAAA,CAAA,SAAA,CAAA;QACzC,mBAOM,OAPN,YAOM,CALJ,YAIoB,MAAA,yBAAA,EAAA;KAHjB,0BAAA,QAAA;KACA,cAAA,QAAA;KACA,kBAAkB,MAAA,aAAY,EAAE;KAChC,gBAAA,QAAA;;;;;;UAEL,YAKwC,MAAA,iBAAA,EAAA;KAJtC,OAAM;KACL,MAAM,MAAA,YAAW;KACjB,OAAO,MAAA,UAAS,CAAA,cAAA;KACjB,QAAO;KACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,aAAY,EAAE,YAAU;oDAhB1B,MAAA,aAAY,EAAE,UAAU,MAAK,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/AgentScalar/OpenMCPButton.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OpenMCPButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/OpenMCPButton.vue"],"names":[],"mappings":"~~AA4SA~~,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;~~AAKpE~~,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAA;IACD,YAAY,EAAE,YAAY,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,cAAc,CAAA;CAC1B,CAAC;~~AAmEF~~,KAAK,gBAAgB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;~~AAiOxD~~,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1	+ {"version":3,"file":"OpenMCPButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/OpenMCPButton.vue"],"names":[],"mappings":"AAgTA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAMpE,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAA;IACD,YAAY,EAAE,YAAY,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,cAAc,CAAA;CAC1B,CAAC;AAsEF,KAAK,gBAAgB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAoOxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/AgentScalar/OpenMCPButton.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import OpenMCPButton_vue_vue_type_script_setup_true_lang_default from "./OpenMCPButton.vue.script.js";
 /* empty css                            */
 //#region src/components/AgentScalar/OpenMCPButton.vue
-var OpenMCPButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OpenMCPButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d469cd5e"]]);
+var OpenMCPButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OpenMCPButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5b614c7b"]]);
 //#endregion
 export { OpenMCPButton_default as default };

package/dist/components/AgentScalar/OpenMCPButton.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OpenMCPButton.vue.js","names":[],"sources":["../../../src/components/AgentScalar/OpenMCPButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components/loading'\nimport { isValidUrl } from '@scalar/helpers/url/is-valid-url'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { nextTick } from 'vue'\n\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nconst props = defineProps<{\n config?: {\n name?: string\n url?: string\n }\n externalUrls: ExternalUrls\n url?: string\n workspace: WorkspaceStore\n}>()\n\nconst { copyToClipboard } = useClipboard()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\nconst hasConfig = props.config?.name \|\| props.config?.url\n\nconst encoded = btoa(JSON.stringify(props.config ?? {}))\n\nconst name = encodeURIComponent(props.config?.name ?? '')\nconst cursorLink = `cursor://anysphere.cursor-deeplink/mcp/install?name=${name}&config=${encoded}`\nconst vscodeLink = `vscode:mcp/install?${encodeURIComponent(JSON.stringify(props.config ?? {}))}`\n\nconst docUrl = defineModel<string>('url')\n\n/** Generate and open the registration link /\nasync function generateRegisterLink() {\n if (loader.isLoading \|\| !props.workspace) {\n return\n }\n\n // If we have already have a document URL that is valid\n if (docUrl.value && isValidUrl(docUrl.value)) {\n openRegisterLink(docUrl.value)\n return\n }\n\n loader.start()\n\n const document = props.workspace.exportActiveDocument('json')\n\n if (!document) {\n toast('Unable to export active document', 'error')\n await loader.invalidate()\n return\n }\n\n try {\n docUrl.value = await uploadTempDocument(document, props.externalUrls)\n await loader.validate()\n openRegisterLink(docUrl.value)\n\n await nextTick()\n\n await loader.clear()\n } catch (error) {\n const message =\n error instanceof Error ? error.message : 'An unknown error occurred'\n toast(message, 'error')\n await loader.invalidate()\n }\n}\n\n/* Open the registration link in a new tab /\nfunction openRegisterLink(documentUrl: string) {\n const url = new URL(`${props.externalUrls.dashboardUrl}/register`)\n url.searchParams.set('url', documentUrl)\n url.searchParams.set('createMcp', 'true')\n\n window.open(url.toString(), '_blank')\n}\n</script>\n\n<template>\n <div class=\"scalar-mcp-layer\">\n <a\n class=\"scalar-mcp-layer-link\"\n :href=\"hasConfig ? vscodeLink : undefined\"\n :target=\"hasConfig ? '_blank' : undefined\"\n @click=\"\n (e) => {\n if (!hasConfig) {\n e.preventDefault()\n generateRegisterLink()\n }\n }\n \">\n <svg\n class=\"mcp-logo\"\n fill=\"currentColor\"\n height=\"800\"\n viewBox=\"0 0 32 32\"\n width=\"800\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M30.865 3.448 24.282.281a1.99 1.99 0 0 0-2.276.385L9.397 12.171 3.902 8.004a1.33 1.33 0 0 0-1.703.073L.439 9.681a1.33 1.33 0 0 0-.005 1.969L5.2 15.999.434 20.348a1.33 1.33 0 0 0 .005 1.969l1.76 1.604a1.33 1.33 0 0 0 1.703.073l5.495-4.172 12.615 11.51a1.98 1.98 0 0 0 2.271.385l6.589-3.172a1.99 1.99 0 0 0 1.13-1.802V5.248c0-.766-.443-1.469-1.135-1.802zm-6.86 19.818L14.432 16l9.573-7.266z\" />\n </svg>\n VS Code\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </a>\n <a\n class=\"scalar-mcp-layer-link\"\n :href=\"hasConfig ? cursorLink : undefined\"\n :target=\"hasConfig ? '_blank' : undefined\"\n @click=\"\n (e) => {\n if (!hasConfig) {\n e.preventDefault()\n generateRegisterLink()\n }\n }\n \">\n <svg\n class=\"mcp-logo\"\n viewBox=\"0 0 466.73 532.09\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M457.43 125.94 244.42 2.96a22.13 22.13 0 0 0-22.12 0L9.3 125.94C3.55 129.26 0 135.4 0 142.05v247.99c0 6.65 3.55 12.79 9.3 16.11l213.01 122.98a22.13 22.13 0 0 0 22.12 0l213.01-122.98c5.75-3.32 9.3-9.46 9.3-16.11V142.05c0-6.65-3.55-12.79-9.3-16.11zm-13.38 26.05L238.42 508.15c-1.39 2.4-5.06 1.42-5.06-1.36V273.58c0-4.66-2.49-8.97-6.53-11.31L24.87 145.67c-2.4-1.39-1.42-5.06 1.36-5.06h411.26c5.84 0 9.49 6.33 6.57 11.39h-.01Z\"\n style=\"fill: currentColor\" />\n </svg>\n Cursor\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </a>\n <!-- localhost + you don't have a MCP added -->\n <div\n v-if=\"!hasConfig\"\n class=\"scalar-mcp-layer-link\"\n @click=\"generateRegisterLink\">\n <svg\n class=\"mcp-logo\"\n fill=\"none\"\n height=\"173\"\n viewBox=\"0 0 156 173\"\n width=\"156\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n </svg>\n Generate MCP\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </div>\n <!-- you do have an MCP added -->\n <div\n v-else\n class=\"scalar-mcp-layer-link\"\n @click=\"copyToClipboard(config?.url ?? '')\">\n Connect MCP\n <svg\n class=\"mcp-logo ml-auto\"\n fill=\"none\"\n height=\"173\"\n viewBox=\"0 0 156 173\"\n width=\"156\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n </svg>\n </div>\n </div>\n</template>\n\n<style scoped>\n.scalar-mcp-layer {\n gap: 2px;\n display: flex;\n flex-direction: column;\n background: transparent;\n position: relative;\n justify-content: flex-end;\n transition: all 0.4s ease-in-out;\n height: 32px;\n}\n.scalar-mcp-layer:hover {\n height: 172px;\n}\n.scalar-mcp-layer-link:hover {\n cursor: pointer !important;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link {\n cursor: pointer;\n width: 100%;\n padding: 9px 6px;\n height: 31px;\n display: block;\n text-align: center;\n display: flex;\n align-items: center;\n white-space: nowrap;\n font-size: var(--scalar-small);\n line-height: 1.385;\n text-decoration: none;\n border-radius: var(--scalar-radius);\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n gap: 6px;\n color: var(--scalar-sidebar-color-1);\n background: var(--scalar-background-1);\n transition: transform 0.2s ease-in-out;\n position: absolute;\n bottom: 0;\n}\n/ increase click area for gap */\n.scalar-mcp-layer-link:after {\n content: '';\n position: absolute;\n bottom: -2px;\n height: 2px;\n width: 100%;\n left: 0;\n}\n.scalar-mcp-layer div.scalar-mcp-layer-link {\n cursor: default;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(1) {\n transform: translate3d(0, 0, 0);\n position: relative;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(2) {\n transform: translate3d(0, -2px, 0) scale(0.99);\n}\n.scalar-mcp-layer:hover a:nth-last-child(2) {\n transform: translate3d(0, calc(-100% - 2px), 0) scale(0.99);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(3) {\n transform: translate3d(0, -4px, 0) scale(0.98);\n}\n.scalar-mcp-layer:hover a:nth-last-child(3) {\n transform: translate3d(0, calc(-200% - 4px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(4) {\n transform: translate3d(0, -6px, 0) scale(0.97);\n}\n.scalar-mcp-layer:hover a:nth-last-child(4) {\n transform: translate3d(0, calc(-300% - 6px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(5) {\n transform: translate3d(0, -8px, 0) scale(0.96);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link:nth-last-child(5) {\n transform: translate3d(0, calc(-400% - 8px), 0) scale(1);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link {\n transition: transform 0.2s ease-in-out 0.1s;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:hover {\n background: var(--scalar-background-2);\n}\n.scalar-mcp-layer .mcp-logo {\n width: 16px;\n height: 16px;\n color: var(--scalar-sidebar-color-1);\n}\n.mcp-nav {\n color: var(--scalar-sidebar-color-2);\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"OpenMCPButton.vue.js","names":[],"sources":["../../../src/components/AgentScalar/OpenMCPButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components/loading'\nimport { isValidUrl } from '@scalar/helpers/url/is-valid-url'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { nextTick } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nconst props = defineProps<{\n config?: {\n name?: string\n url?: string\n }\n externalUrls: ExternalUrls\n url?: string\n workspace: WorkspaceStore\n}>()\n\nconst { copyToClipboard } = useClipboard()\nconst { translate } = useLocalization()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\nconst hasConfig = props.config?.name \|\| props.config?.url\n\nconst encoded = btoa(JSON.stringify(props.config ?? {}))\n\nconst name = encodeURIComponent(props.config?.name ?? '')\nconst cursorLink = `cursor://anysphere.cursor-deeplink/mcp/install?name=${name}&config=${encoded}`\nconst vscodeLink = `vscode:mcp/install?${encodeURIComponent(JSON.stringify(props.config ?? {}))}`\n\nconst docUrl = defineModel<string>('url')\n\n/** Generate and open the registration link /\nasync function generateRegisterLink() {\n if (loader.isLoading \|\| !props.workspace) {\n return\n }\n\n // If we have already have a document URL that is valid\n if (docUrl.value && isValidUrl(docUrl.value)) {\n openRegisterLink(docUrl.value)\n return\n }\n\n loader.start()\n\n const document = props.workspace.exportActiveDocument('json')\n\n if (!document) {\n toast(translate('developerTools.unableToExportDocument'), 'error')\n await loader.invalidate()\n return\n }\n\n try {\n docUrl.value = await uploadTempDocument(document, props.externalUrls)\n await loader.validate()\n openRegisterLink(docUrl.value)\n\n await nextTick()\n\n await loader.clear()\n } catch (error) {\n const message =\n error instanceof Error\n ? error.message\n : translate('developerTools.unknownError')\n toast(message, 'error')\n await loader.invalidate()\n }\n}\n\n/* Open the registration link in a new tab /\nfunction openRegisterLink(documentUrl: string) {\n const url = new URL(`${props.externalUrls.dashboardUrl}/register`)\n url.searchParams.set('url', documentUrl)\n url.searchParams.set('createMcp', 'true')\n\n window.open(url.toString(), '_blank')\n}\n</script>\n\n<template>\n <div class=\"scalar-mcp-layer\">\n <a\n class=\"scalar-mcp-layer-link\"\n :href=\"hasConfig ? vscodeLink : undefined\"\n :target=\"hasConfig ? '_blank' : undefined\"\n @click=\"\n (e) => {\n if (!hasConfig) {\n e.preventDefault()\n generateRegisterLink()\n }\n }\n \">\n <svg\n class=\"mcp-logo\"\n fill=\"currentColor\"\n height=\"800\"\n viewBox=\"0 0 32 32\"\n width=\"800\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M30.865 3.448 24.282.281a1.99 1.99 0 0 0-2.276.385L9.397 12.171 3.902 8.004a1.33 1.33 0 0 0-1.703.073L.439 9.681a1.33 1.33 0 0 0-.005 1.969L5.2 15.999.434 20.348a1.33 1.33 0 0 0 .005 1.969l1.76 1.604a1.33 1.33 0 0 0 1.703.073l5.495-4.172 12.615 11.51a1.98 1.98 0 0 0 2.271.385l6.589-3.172a1.99 1.99 0 0 0 1.13-1.802V5.248c0-.766-.443-1.469-1.135-1.802zm-6.86 19.818L14.432 16l9.573-7.266z\" />\n </svg>\n VS Code\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </a>\n <a\n class=\"scalar-mcp-layer-link\"\n :href=\"hasConfig ? cursorLink : undefined\"\n :target=\"hasConfig ? '_blank' : undefined\"\n @click=\"\n (e) => {\n if (!hasConfig) {\n e.preventDefault()\n generateRegisterLink()\n }\n }\n \">\n <svg\n class=\"mcp-logo\"\n viewBox=\"0 0 466.73 532.09\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M457.43 125.94 244.42 2.96a22.13 22.13 0 0 0-22.12 0L9.3 125.94C3.55 129.26 0 135.4 0 142.05v247.99c0 6.65 3.55 12.79 9.3 16.11l213.01 122.98a22.13 22.13 0 0 0 22.12 0l213.01-122.98c5.75-3.32 9.3-9.46 9.3-16.11V142.05c0-6.65-3.55-12.79-9.3-16.11zm-13.38 26.05L238.42 508.15c-1.39 2.4-5.06 1.42-5.06-1.36V273.58c0-4.66-2.49-8.97-6.53-11.31L24.87 145.67c-2.4-1.39-1.42-5.06 1.36-5.06h411.26c5.84 0 9.49 6.33 6.57 11.39h-.01Z\"\n style=\"fill: currentColor\" />\n </svg>\n Cursor\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </a>\n <!-- localhost + you don't have a MCP added -->\n <div\n v-if=\"!hasConfig\"\n class=\"scalar-mcp-layer-link\"\n @click=\"generateRegisterLink\">\n <svg\n class=\"mcp-logo\"\n fill=\"none\"\n height=\"173\"\n viewBox=\"0 0 156 173\"\n width=\"156\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n </svg>\n {{ translate('mcp.generate') }}\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </div>\n <!-- you do have an MCP added -->\n <div\n v-else\n class=\"scalar-mcp-layer-link\"\n @click=\"copyToClipboard(config?.url ?? '')\">\n {{ translate('mcp.connect') }}\n <svg\n class=\"mcp-logo ml-auto\"\n fill=\"none\"\n height=\"173\"\n viewBox=\"0 0 156 173\"\n width=\"156\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n </svg>\n </div>\n </div>\n</template>\n\n<style scoped>\n.scalar-mcp-layer {\n gap: 2px;\n display: flex;\n flex-direction: column;\n background: transparent;\n position: relative;\n justify-content: flex-end;\n transition: all 0.4s ease-in-out;\n height: 32px;\n}\n.scalar-mcp-layer:hover {\n height: 172px;\n}\n.scalar-mcp-layer-link:hover {\n cursor: pointer !important;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link {\n cursor: pointer;\n width: 100%;\n padding: 9px 6px;\n height: 31px;\n display: block;\n text-align: center;\n display: flex;\n align-items: center;\n white-space: nowrap;\n font-size: var(--scalar-small);\n line-height: 1.385;\n text-decoration: none;\n border-radius: var(--scalar-radius);\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n gap: 6px;\n color: var(--scalar-sidebar-color-1);\n background: var(--scalar-background-1);\n transition: transform 0.2s ease-in-out;\n position: absolute;\n bottom: 0;\n}\n/ increase click area for gap */\n.scalar-mcp-layer-link:after {\n content: '';\n position: absolute;\n bottom: -2px;\n height: 2px;\n width: 100%;\n left: 0;\n}\n.scalar-mcp-layer div.scalar-mcp-layer-link {\n cursor: default;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(1) {\n transform: translate3d(0, 0, 0);\n position: relative;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(2) {\n transform: translate3d(0, -2px, 0) scale(0.99);\n}\n.scalar-mcp-layer:hover a:nth-last-child(2) {\n transform: translate3d(0, calc(-100% - 2px), 0) scale(0.99);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(3) {\n transform: translate3d(0, -4px, 0) scale(0.98);\n}\n.scalar-mcp-layer:hover a:nth-last-child(3) {\n transform: translate3d(0, calc(-200% - 4px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(4) {\n transform: translate3d(0, -6px, 0) scale(0.97);\n}\n.scalar-mcp-layer:hover a:nth-last-child(4) {\n transform: translate3d(0, calc(-300% - 6px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(5) {\n transform: translate3d(0, -8px, 0) scale(0.96);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link:nth-last-child(5) {\n transform: translate3d(0, calc(-400% - 8px), 0) scale(1);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link {\n transition: transform 0.2s ease-in-out 0.1s;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:hover {\n background: var(--scalar-background-2);\n}\n.scalar-mcp-layer .mcp-logo {\n width: 16px;\n height: 16px;\n color: var(--scalar-sidebar-color-1);\n}\n.mcp-nav {\n color: var(--scalar-sidebar-color-2);\n}\n</style>\n"],"mappings":""}

package/dist/components/AgentScalar/OpenMCPButton.vue.script.js CHANGED Viewed

@@ -1,5 +1,6 @@
+import { useLocalization } from "../../features/localization/use-localization.js";
 import { uploadTempDocument } from "../../helpers/upload-temp-document.js";
-import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, openBlock, unref, useModel } from "vue";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, openBlock, toDisplayString, unref, useModel } from "vue";
 import { useClipboard } from "@scalar/use-hooks/useClipboard";
 import { useToasts } from "@scalar/use-toasts";
 import { ScalarIconArrowUpRight } from "@scalar/icons";
@@ -24,6 +25,7 @@ var OpenMCPButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	setup(__props) {
 		const props = __props;
 		const { copyToClipboard } = useClipboard();
+		const { translate } = useLocalization();
 		const { toast } = useToasts();
 		const loader = useLoadingState();
 		const hasConfig = props.config?.name || props.config?.url;
@@ -41,7 +43,7 @@ var OpenMCPButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			loader.start();
 			const document = props.workspace.exportActiveDocument("json");
 			if (!document) {
-				toast("Unable to export active document", "error");
+				toast(translate("developerTools.unableToExportDocument"), "error");
 				await loader.invalidate();
 				return;
 			}
@@ -52,7 +54,7 @@ var OpenMCPButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				await nextTick();
 				await loader.clear();
 			} catch (error) {
-				toast(error instanceof Error ? error.message : "An unknown error occurred", "error");
+				toast(error instanceof Error ? error.message : translate("developerTools.unknownError"), "error");
 				await loader.invalidate();
 			}
 		}
@@ -141,13 +143,13 @@ var OpenMCPButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							"stroke-width": "12"
 						})
 					], -1)),
-					_cache[8] || (_cache[8] = createTextVNode(" Generate MCP ", -1)),
+					createTextVNode(" " + toDisplayString(unref(translate)("mcp.generate")) + " ", 1),
 					createVNode(unref(ScalarIconArrowUpRight), { class: "mcp-nav ml-auto size-4" })
 				])) : (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "scalar-mcp-layer-link",
 					onClick: _cache[2] || (_cache[2] = ($event) => unref(copyToClipboard)(__props.config?.url ?? ""))
-				}, [..._cache[9] || (_cache[9] = [createTextVNode(" Connect MCP ", -1), createElementVNode("svg", {
+				}, [createTextVNode(toDisplayString(unref(translate)("mcp.connect")) + " ", 1), _cache[8] || (_cache[8] = createElementVNode("svg", {
 					class: "mcp-logo ml-auto",
 					fill: "none",
 					height: "173",
@@ -173,7 +175,7 @@ var OpenMCPButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						"stroke-linecap": "round",
 						"stroke-width": "12"
 					})
-				], -1)])]))
+				], -1))]))
 			]);
 		};
 	}

package/dist/components/AgentScalar/OpenMCPButton.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OpenMCPButton.vue.script.js","names":[],"sources":["../../../src/components/AgentScalar/OpenMCPButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components/loading'\nimport { isValidUrl } from '@scalar/helpers/url/is-valid-url'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { nextTick } from 'vue'\n\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nconst props = defineProps<{\n config?: {\n name?: string\n url?: string\n }\n externalUrls: ExternalUrls\n url?: string\n workspace: WorkspaceStore\n}>()\n\nconst { copyToClipboard } = useClipboard()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\nconst hasConfig = props.config?.name \|\| props.config?.url\n\nconst encoded = btoa(JSON.stringify(props.config ?? {}))\n\nconst name = encodeURIComponent(props.config?.name ?? '')\nconst cursorLink = `cursor://anysphere.cursor-deeplink/mcp/install?name=${name}&config=${encoded}`\nconst vscodeLink = `vscode:mcp/install?${encodeURIComponent(JSON.stringify(props.config ?? {}))}`\n\nconst docUrl = defineModel<string>('url')\n\n/** Generate and open the registration link /\nasync function generateRegisterLink() {\n if (loader.isLoading \|\| !props.workspace) {\n return\n }\n\n // If we have already have a document URL that is valid\n if (docUrl.value && isValidUrl(docUrl.value)) {\n openRegisterLink(docUrl.value)\n return\n }\n\n loader.start()\n\n const document = props.workspace.exportActiveDocument('json')\n\n if (!document) {\n toast('Unable to export active document', 'error')\n await loader.invalidate()\n return\n }\n\n try {\n docUrl.value = await uploadTempDocument(document, props.externalUrls)\n await loader.validate()\n openRegisterLink(docUrl.value)\n\n await nextTick()\n\n await loader.clear()\n } catch (error) {\n const message =\n error instanceof Error ? error.message : 'An unknown error occurred'\n toast(message, 'error')\n await loader.invalidate()\n }\n}\n\n/* Open the registration link in a new tab /\nfunction openRegisterLink(documentUrl: string) {\n const url = new URL(`${props.externalUrls.dashboardUrl}/register`)\n url.searchParams.set('url', documentUrl)\n url.searchParams.set('createMcp', 'true')\n\n window.open(url.toString(), '_blank')\n}\n</script>\n\n<template>\n <div class=\"scalar-mcp-layer\">\n <a\n class=\"scalar-mcp-layer-link\"\n :href=\"hasConfig ? vscodeLink : undefined\"\n :target=\"hasConfig ? '_blank' : undefined\"\n @click=\"\n (e) => {\n if (!hasConfig) {\n e.preventDefault()\n generateRegisterLink()\n }\n }\n \">\n <svg\n class=\"mcp-logo\"\n fill=\"currentColor\"\n height=\"800\"\n viewBox=\"0 0 32 32\"\n width=\"800\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M30.865 3.448 24.282.281a1.99 1.99 0 0 0-2.276.385L9.397 12.171 3.902 8.004a1.33 1.33 0 0 0-1.703.073L.439 9.681a1.33 1.33 0 0 0-.005 1.969L5.2 15.999.434 20.348a1.33 1.33 0 0 0 .005 1.969l1.76 1.604a1.33 1.33 0 0 0 1.703.073l5.495-4.172 12.615 11.51a1.98 1.98 0 0 0 2.271.385l6.589-3.172a1.99 1.99 0 0 0 1.13-1.802V5.248c0-.766-.443-1.469-1.135-1.802zm-6.86 19.818L14.432 16l9.573-7.266z\" />\n </svg>\n VS Code\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </a>\n <a\n class=\"scalar-mcp-layer-link\"\n :href=\"hasConfig ? cursorLink : undefined\"\n :target=\"hasConfig ? '_blank' : undefined\"\n @click=\"\n (e) => {\n if (!hasConfig) {\n e.preventDefault()\n generateRegisterLink()\n }\n }\n \">\n <svg\n class=\"mcp-logo\"\n viewBox=\"0 0 466.73 532.09\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M457.43 125.94 244.42 2.96a22.13 22.13 0 0 0-22.12 0L9.3 125.94C3.55 129.26 0 135.4 0 142.05v247.99c0 6.65 3.55 12.79 9.3 16.11l213.01 122.98a22.13 22.13 0 0 0 22.12 0l213.01-122.98c5.75-3.32 9.3-9.46 9.3-16.11V142.05c0-6.65-3.55-12.79-9.3-16.11zm-13.38 26.05L238.42 508.15c-1.39 2.4-5.06 1.42-5.06-1.36V273.58c0-4.66-2.49-8.97-6.53-11.31L24.87 145.67c-2.4-1.39-1.42-5.06 1.36-5.06h411.26c5.84 0 9.49 6.33 6.57 11.39h-.01Z\"\n style=\"fill: currentColor\" />\n </svg>\n Cursor\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </a>\n <!-- localhost + you don't have a MCP added -->\n <div\n v-if=\"!hasConfig\"\n class=\"scalar-mcp-layer-link\"\n @click=\"generateRegisterLink\">\n <svg\n class=\"mcp-logo\"\n fill=\"none\"\n height=\"173\"\n viewBox=\"0 0 156 173\"\n width=\"156\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n </svg>\n Generate MCP\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </div>\n <!-- you do have an MCP added -->\n <div\n v-else\n class=\"scalar-mcp-layer-link\"\n @click=\"copyToClipboard(config?.url ?? '')\">\n Connect MCP\n <svg\n class=\"mcp-logo ml-auto\"\n fill=\"none\"\n height=\"173\"\n viewBox=\"0 0 156 173\"\n width=\"156\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n </svg>\n </div>\n </div>\n</template>\n\n<style scoped>\n.scalar-mcp-layer {\n gap: 2px;\n display: flex;\n flex-direction: column;\n background: transparent;\n position: relative;\n justify-content: flex-end;\n transition: all 0.4s ease-in-out;\n height: 32px;\n}\n.scalar-mcp-layer:hover {\n height: 172px;\n}\n.scalar-mcp-layer-link:hover {\n cursor: pointer !important;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link {\n cursor: pointer;\n width: 100%;\n padding: 9px 6px;\n height: 31px;\n display: block;\n text-align: center;\n display: flex;\n align-items: center;\n white-space: nowrap;\n font-size: var(--scalar-small);\n line-height: 1.385;\n text-decoration: none;\n border-radius: var(--scalar-radius);\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n gap: 6px;\n color: var(--scalar-sidebar-color-1);\n background: var(--scalar-background-1);\n transition: transform 0.2s ease-in-out;\n position: absolute;\n bottom: 0;\n}\n/ increase click area for gap */\n.scalar-mcp-layer-link:after {\n content: '';\n position: absolute;\n bottom: -2px;\n height: 2px;\n width: 100%;\n left: 0;\n}\n.scalar-mcp-layer div.scalar-mcp-layer-link {\n cursor: default;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(1) {\n transform: translate3d(0, 0, 0);\n position: relative;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(2) {\n transform: translate3d(0, -2px, 0) scale(0.99);\n}\n.scalar-mcp-layer:hover a:nth-last-child(2) {\n transform: translate3d(0, calc(-100% - 2px), 0) scale(0.99);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(3) {\n transform: translate3d(0, -4px, 0) scale(0.98);\n}\n.scalar-mcp-layer:hover a:nth-last-child(3) {\n transform: translate3d(0, calc(-200% - 4px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(4) {\n transform: translate3d(0, -6px, 0) scale(0.97);\n}\n.scalar-mcp-layer:hover a:nth-last-child(4) {\n transform: translate3d(0, calc(-300% - 6px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(5) {\n transform: translate3d(0, -8px, 0) scale(0.96);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link:nth-last-child(5) {\n transform: translate3d(0, calc(-400% - 8px), 0) scale(1);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link {\n transition: transform 0.2s ease-in-out 0.1s;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:hover {\n background: var(--scalar-background-2);\n}\n.scalar-mcp-layer .mcp-logo {\n width: 16px;\n height: 16px;\n color: var(--scalar-sidebar-color-1);\n}\n.mcp-nav {\n color: var(--scalar-sidebar-color-2);\n}\n</style>\n"],"mappings":"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"}
1	+ {"version":3,"file":"OpenMCPButton.vue.script.js","names":[],"sources":["../../../src/components/AgentScalar/OpenMCPButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components/loading'\nimport { isValidUrl } from '@scalar/helpers/url/is-valid-url'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { nextTick } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nconst props = defineProps<{\n config?: {\n name?: string\n url?: string\n }\n externalUrls: ExternalUrls\n url?: string\n workspace: WorkspaceStore\n}>()\n\nconst { copyToClipboard } = useClipboard()\nconst { translate } = useLocalization()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\nconst hasConfig = props.config?.name \|\| props.config?.url\n\nconst encoded = btoa(JSON.stringify(props.config ?? {}))\n\nconst name = encodeURIComponent(props.config?.name ?? '')\nconst cursorLink = `cursor://anysphere.cursor-deeplink/mcp/install?name=${name}&config=${encoded}`\nconst vscodeLink = `vscode:mcp/install?${encodeURIComponent(JSON.stringify(props.config ?? {}))}`\n\nconst docUrl = defineModel<string>('url')\n\n/** Generate and open the registration link /\nasync function generateRegisterLink() {\n if (loader.isLoading \|\| !props.workspace) {\n return\n }\n\n // If we have already have a document URL that is valid\n if (docUrl.value && isValidUrl(docUrl.value)) {\n openRegisterLink(docUrl.value)\n return\n }\n\n loader.start()\n\n const document = props.workspace.exportActiveDocument('json')\n\n if (!document) {\n toast(translate('developerTools.unableToExportDocument'), 'error')\n await loader.invalidate()\n return\n }\n\n try {\n docUrl.value = await uploadTempDocument(document, props.externalUrls)\n await loader.validate()\n openRegisterLink(docUrl.value)\n\n await nextTick()\n\n await loader.clear()\n } catch (error) {\n const message =\n error instanceof Error\n ? error.message\n : translate('developerTools.unknownError')\n toast(message, 'error')\n await loader.invalidate()\n }\n}\n\n/* Open the registration link in a new tab /\nfunction openRegisterLink(documentUrl: string) {\n const url = new URL(`${props.externalUrls.dashboardUrl}/register`)\n url.searchParams.set('url', documentUrl)\n url.searchParams.set('createMcp', 'true')\n\n window.open(url.toString(), '_blank')\n}\n</script>\n\n<template>\n <div class=\"scalar-mcp-layer\">\n <a\n class=\"scalar-mcp-layer-link\"\n :href=\"hasConfig ? vscodeLink : undefined\"\n :target=\"hasConfig ? '_blank' : undefined\"\n @click=\"\n (e) => {\n if (!hasConfig) {\n e.preventDefault()\n generateRegisterLink()\n }\n }\n \">\n <svg\n class=\"mcp-logo\"\n fill=\"currentColor\"\n height=\"800\"\n viewBox=\"0 0 32 32\"\n width=\"800\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M30.865 3.448 24.282.281a1.99 1.99 0 0 0-2.276.385L9.397 12.171 3.902 8.004a1.33 1.33 0 0 0-1.703.073L.439 9.681a1.33 1.33 0 0 0-.005 1.969L5.2 15.999.434 20.348a1.33 1.33 0 0 0 .005 1.969l1.76 1.604a1.33 1.33 0 0 0 1.703.073l5.495-4.172 12.615 11.51a1.98 1.98 0 0 0 2.271.385l6.589-3.172a1.99 1.99 0 0 0 1.13-1.802V5.248c0-.766-.443-1.469-1.135-1.802zm-6.86 19.818L14.432 16l9.573-7.266z\" />\n </svg>\n VS Code\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </a>\n <a\n class=\"scalar-mcp-layer-link\"\n :href=\"hasConfig ? cursorLink : undefined\"\n :target=\"hasConfig ? '_blank' : undefined\"\n @click=\"\n (e) => {\n if (!hasConfig) {\n e.preventDefault()\n generateRegisterLink()\n }\n }\n \">\n <svg\n class=\"mcp-logo\"\n viewBox=\"0 0 466.73 532.09\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M457.43 125.94 244.42 2.96a22.13 22.13 0 0 0-22.12 0L9.3 125.94C3.55 129.26 0 135.4 0 142.05v247.99c0 6.65 3.55 12.79 9.3 16.11l213.01 122.98a22.13 22.13 0 0 0 22.12 0l213.01-122.98c5.75-3.32 9.3-9.46 9.3-16.11V142.05c0-6.65-3.55-12.79-9.3-16.11zm-13.38 26.05L238.42 508.15c-1.39 2.4-5.06 1.42-5.06-1.36V273.58c0-4.66-2.49-8.97-6.53-11.31L24.87 145.67c-2.4-1.39-1.42-5.06 1.36-5.06h411.26c5.84 0 9.49 6.33 6.57 11.39h-.01Z\"\n style=\"fill: currentColor\" />\n </svg>\n Cursor\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </a>\n <!-- localhost + you don't have a MCP added -->\n <div\n v-if=\"!hasConfig\"\n class=\"scalar-mcp-layer-link\"\n @click=\"generateRegisterLink\">\n <svg\n class=\"mcp-logo\"\n fill=\"none\"\n height=\"173\"\n viewBox=\"0 0 156 173\"\n width=\"156\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n </svg>\n {{ translate('mcp.generate') }}\n <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n </div>\n <!-- you do have an MCP added -->\n <div\n v-else\n class=\"scalar-mcp-layer-link\"\n @click=\"copyToClipboard(config?.url ?? '')\">\n {{ translate('mcp.connect') }}\n <svg\n class=\"mcp-logo ml-auto\"\n fill=\"none\"\n height=\"173\"\n viewBox=\"0 0 156 173\"\n width=\"156\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n <path\n d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"12\" />\n </svg>\n </div>\n </div>\n</template>\n\n<style scoped>\n.scalar-mcp-layer {\n gap: 2px;\n display: flex;\n flex-direction: column;\n background: transparent;\n position: relative;\n justify-content: flex-end;\n transition: all 0.4s ease-in-out;\n height: 32px;\n}\n.scalar-mcp-layer:hover {\n height: 172px;\n}\n.scalar-mcp-layer-link:hover {\n cursor: pointer !important;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link {\n cursor: pointer;\n width: 100%;\n padding: 9px 6px;\n height: 31px;\n display: block;\n text-align: center;\n display: flex;\n align-items: center;\n white-space: nowrap;\n font-size: var(--scalar-small);\n line-height: 1.385;\n text-decoration: none;\n border-radius: var(--scalar-radius);\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n gap: 6px;\n color: var(--scalar-sidebar-color-1);\n background: var(--scalar-background-1);\n transition: transform 0.2s ease-in-out;\n position: absolute;\n bottom: 0;\n}\n/ increase click area for gap */\n.scalar-mcp-layer-link:after {\n content: '';\n position: absolute;\n bottom: -2px;\n height: 2px;\n width: 100%;\n left: 0;\n}\n.scalar-mcp-layer div.scalar-mcp-layer-link {\n cursor: default;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(1) {\n transform: translate3d(0, 0, 0);\n position: relative;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(2) {\n transform: translate3d(0, -2px, 0) scale(0.99);\n}\n.scalar-mcp-layer:hover a:nth-last-child(2) {\n transform: translate3d(0, calc(-100% - 2px), 0) scale(0.99);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(3) {\n transform: translate3d(0, -4px, 0) scale(0.98);\n}\n.scalar-mcp-layer:hover a:nth-last-child(3) {\n transform: translate3d(0, calc(-200% - 4px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(4) {\n transform: translate3d(0, -6px, 0) scale(0.97);\n}\n.scalar-mcp-layer:hover a:nth-last-child(4) {\n transform: translate3d(0, calc(-300% - 6px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(5) {\n transform: translate3d(0, -8px, 0) scale(0.96);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link:nth-last-child(5) {\n transform: translate3d(0, calc(-400% - 8px), 0) scale(1);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link {\n transition: transform 0.2s ease-in-out 0.1s;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:hover {\n background: var(--scalar-background-2);\n}\n.scalar-mcp-layer .mcp-logo {\n width: 16px;\n height: 16px;\n color: var(--scalar-sidebar-color-1);\n}\n.mcp-nav {\n color: var(--scalar-sidebar-color-2);\n}\n</style>\n"],"mappings":"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"}

package/dist/components/Anchor/Anchor.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Anchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Anchor/Anchor.vue"],"names":[],"mappings":"~~AA4JA~~,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;iFAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1	+ {"version":3,"file":"Anchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Anchor/Anchor.vue"],"names":[],"mappings":"AAoKA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;iFAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Anchor/Anchor.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Anchor.vue.js","names":[],"sources":["../../../src/components/Anchor/Anchor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconHash } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useId } from 'vue'\n\nimport ScreenReader from '../ScreenReader.vue'\n\nconst emit = defineEmits<{\n (e: 'copyAnchorUrl'): void\n}>()\n\nconst labelId = useId()\n\nconst { cx } = useBindCx()\n</script>\n<template>\n <span v-bind=\"cx('group/heading wrap-break-word relative')\">\n <span\n :id=\"labelId\"\n class=\"contents\">\n <slot />\n </span>\n <span class=\"relative\">\n <!-- Position anchor to align the copy button to the last line of text -->\n <span>&ZeroWidthSpace;</span>\n <ScalarButton\n :aria-describedby=\"labelId\"\n class=\"absolute top-1/2 left-0 inline-block h-fit -translate-y-1/2 px-1.5 py-1 opacity-0 group-hover/heading:opacity-100 group-has-focus-visible/heading:opacity-100\"\n variant=\"ghost\"\n @click.stop=\"() => emit('copyAnchorUrl')\">\n <ScalarIconHash\n aria-hidden=\"true\"\n class=\"size-4.5\" />\n <ScreenReader>~~Copy~~ ~~link~~</ScreenReader>\n </ScalarButton>\n </span>\n </span>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"Anchor.vue.js","names":[],"sources":["../../../src/components/Anchor/Anchor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconHash } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useId } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ScreenReader from '../ScreenReader.vue'\n\nconst emit = defineEmits<{\n (e: 'copyAnchorUrl'): void\n}>()\n\nconst labelId = useId()\nconst { translate } = useLocalization()\n\nconst { cx } = useBindCx()\n</script>\n<template>\n <span v-bind=\"cx('group/heading wrap-break-word relative')\">\n <span\n :id=\"labelId\"\n class=\"contents\">\n <slot />\n </span>\n <span class=\"relative\">\n <!-- Position anchor to align the copy button to the last line of text -->\n <span>&ZeroWidthSpace;</span>\n <ScalarButton\n :aria-describedby=\"labelId\"\n class=\"absolute top-1/2 left-0 inline-block h-fit -translate-y-1/2 px-1.5 py-1 opacity-0 group-hover/heading:opacity-100 group-has-focus-visible/heading:opacity-100\"\n variant=\"ghost\"\n @click.stop=\"() => emit('copyAnchorUrl')\">\n <ScalarIconHash\n aria-hidden=\"true\"\n class=\"size-4.5\" />\n <ScreenReader>{{ translate('actions.copyLink') }}</ScreenReader>\n </ScalarButton>\n </span>\n </span>\n</template>\n"],"mappings":""}

package/dist/components/Anchor/Anchor.vue.script.js CHANGED Viewed

@@ -1,5 +1,6 @@
+import { useLocalization } from "../../features/localization/use-localization.js";
 import ScreenReader_default from "../ScreenReader.vue.js";
-import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, useId, withCtx, withModifiers } from "vue";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, toDisplayString, unref, useId, withCtx, withModifiers } from "vue";
 import { ScalarIconHash } from "@scalar/icons";
 import { ScalarButton } from "@scalar/components/button";
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
@@ -12,12 +13,13 @@ var Anchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const labelId = useId();
+		const { translate } = useLocalization();
 		const { cx } = useBindCx();
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", normalizeProps(guardReactiveProps(unref(cx)("group/heading wrap-break-word relative"))), [createElementVNode("span", {
 				id: unref(labelId),
 				class: "contents"
-			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1), createElementVNode("span", _hoisted_2, [_cache[2] || (_cache[2] = createElementVNode("span", null, "", -1)), createVNode(unref(ScalarButton), {
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1), createElementVNode("span", _hoisted_2, [_cache[1] || (_cache[1] = createElementVNode("span", null, "", -1)), createVNode(unref(ScalarButton), {
 				"aria-describedby": unref(labelId),
 				class: "absolute top-1/2 left-0 inline-block h-fit -translate-y-1/2 px-1.5 py-1 opacity-0 group-hover/heading:opacity-100 group-has-focus-visible/heading:opacity-100",
 				variant: "ghost",
@@ -27,7 +29,7 @@ var Anchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					"aria-hidden": "true",
 					class: "size-4.5"
 				}), createVNode(ScreenReader_default, null, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Copy link", -1)])]),
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("actions.copyLink")), 1)]),
 					_: 1
 				})]),
 				_: 1

package/dist/components/Anchor/Anchor.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Anchor.vue.script.js","names":[],"sources":["../../../src/components/Anchor/Anchor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconHash } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useId } from 'vue'\n\nimport ScreenReader from '../ScreenReader.vue'\n\nconst emit = defineEmits<{\n (e: 'copyAnchorUrl'): void\n}>()\n\nconst labelId = useId()\n\nconst { cx } = useBindCx()\n</script>\n<template>\n <span v-bind=\"cx('group/heading wrap-break-word relative')\">\n <span\n :id=\"labelId\"\n class=\"contents\">\n <slot />\n </span>\n <span class=\"relative\">\n <!-- Position anchor to align the copy button to the last line of text -->\n <span>&ZeroWidthSpace;</span>\n <ScalarButton\n :aria-describedby=\"labelId\"\n class=\"absolute top-1/2 left-0 inline-block h-fit -translate-y-1/2 px-1.5 py-1 opacity-0 group-hover/heading:opacity-100 group-has-focus-visible/heading:opacity-100\"\n variant=\"ghost\"\n @click.stop=\"() => emit('copyAnchorUrl')\">\n <ScalarIconHash\n aria-hidden=\"true\"\n class=\"size-4.5\" />\n <ScreenReader>~~Copy~~ ~~link~~</ScreenReader>\n </ScalarButton>\n </span>\n </span>\n</template>\n"],"mappings":"~~;;;;;;;;;;;;EAQA~~,MAAM,OAAO;EAIb,MAAM,UAAU,OAAM;~~EAEtB~~,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAoBO,QAAA,eAAA,mBApBO,MAAA,GAAE,CAAA,yCAAA,CAAA,CAAA,EAAA,CACd,mBAIO,QAAA;IAHJ,IAAI,MAAA,QAAO;IACZ,OAAM;OACN,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA,WAAA,EAEV,mBAaO,QAbP,YAaO,CAAA,OAAA,OAAA,OAAA,KAXL,mBAA6B,QAAA,MAAvB,KAAgB,GAAA,GACtB,YASe,MAAA,aAAA,EAAA;IARZ,oBAAkB,MAAA,QAAO;IAC1B,OAAM;IACN,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAa,KAAI,gBAAA,EAAA,CAAA,OAAA,CAAA;;2BAGF,CAFrB,YAEqB,MAAA,eAAA,EAAA;KADnB,eAAY;KACZ,OAAM;QACR,~~YAAsC~~,sBAAA,MAAA;4BAAf,CAAA,~~GAAA~~,~~OAAA~~,~~OAAA~~,~~OAAA~~,~~KAAA,~~CAAA,~~gBAAT~~,~~aAAS,GAAA,~~CAAA,EAAA,CAAA"}
1	+ {"version":3,"file":"Anchor.vue.script.js","names":[],"sources":["../../../src/components/Anchor/Anchor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconHash } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useId } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ScreenReader from '../ScreenReader.vue'\n\nconst emit = defineEmits<{\n (e: 'copyAnchorUrl'): void\n}>()\n\nconst labelId = useId()\nconst { translate } = useLocalization()\n\nconst { cx } = useBindCx()\n</script>\n<template>\n <span v-bind=\"cx('group/heading wrap-break-word relative')\">\n <span\n :id=\"labelId\"\n class=\"contents\">\n <slot />\n </span>\n <span class=\"relative\">\n <!-- Position anchor to align the copy button to the last line of text -->\n <span>&ZeroWidthSpace;</span>\n <ScalarButton\n :aria-describedby=\"labelId\"\n class=\"absolute top-1/2 left-0 inline-block h-fit -translate-y-1/2 px-1.5 py-1 opacity-0 group-hover/heading:opacity-100 group-has-focus-visible/heading:opacity-100\"\n variant=\"ghost\"\n @click.stop=\"() => emit('copyAnchorUrl')\">\n <ScalarIconHash\n aria-hidden=\"true\"\n class=\"size-4.5\" />\n <ScreenReader>{{ translate('actions.copyLink') }}</ScreenReader>\n </ScalarButton>\n </span>\n </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAUA,MAAM,OAAO;EAIb,MAAM,UAAU,OAAM;EACtB,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAoBO,QAAA,eAAA,mBApBO,MAAA,GAAE,CAAA,yCAAA,CAAA,CAAA,EAAA,CACd,mBAIO,QAAA;IAHJ,IAAI,MAAA,QAAO;IACZ,OAAM;OACN,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA,WAAA,EAEV,mBAaO,QAbP,YAaO,CAAA,OAAA,OAAA,OAAA,KAXL,mBAA6B,QAAA,MAAvB,KAAgB,GAAA,GACtB,YASe,MAAA,aAAA,EAAA;IARZ,oBAAkB,MAAA,QAAO;IAC1B,OAAM;IACN,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAa,KAAI,gBAAA,EAAA,CAAA,OAAA,CAAA;;2BAGF,CAFrB,YAEqB,MAAA,eAAA,EAAA;KADnB,eAAY;KACZ,OAAM;QACR,YAAgE,sBAAA,MAAA;4BAAf,CAAA,gBAAA,gBAAhC,MAAA,UAAS,CAAA,mBAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/Anchor/WithBreadcrumb.vue.d.ts CHANGED Viewed

@@ -3,15 +3,13 @@ type __VLS_Props = {
     breadcrumb?: string[];
     eventBus: WorkspaceEventBus | null;
 };
-declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
     'sr-label'?: (props: typeof __VLS_8) => any;
 } & {
     default?: (props: typeof __VLS_10) => any;
-} & {
-    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/Anchor/WithBreadcrumb.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithBreadcrumb.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Anchor/WithBreadcrumb.vue"],"names":[],"mappings":"~~AA0CA~~,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;~~AAEvE~~,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;~~AAgFF~~,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,~~IAAU~~,~~EAAE,QAAQ,IAAY,~~CAAE;~~AACpF~~,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,~~GAC7C;IAAE,OAAO,~~CAAC~~,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA~~;~~CAAE,CAAC;~~AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1	+ {"version":3,"file":"WithBreadcrumb.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Anchor/WithBreadcrumb.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAwFF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,CAAE;AAC/D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Anchor/WithBreadcrumb.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithBreadcrumb.vue.js","names":[],"sources":["../../../src/components/Anchor/WithBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconLink } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nconst { breadcrumb } = defineProps<{\n breadcrumb?: string[]\n eventBus: WorkspaceEventBus \| null\n}>()\n</script>\n\n<template>\n <template v-if=\"breadcrumb && breadcrumb.length > 0\">\n <div\n :id=\"breadcrumb.join('.')\"\n class=\"relative scroll-mt-24\">\n <!-- Content -->\n <slot />\n <button\n class=\"text-c-3 hover:text-c-1 absolute -top-2 -left-4.5 flex h-[calc(100%+16px)] w-4.5 cursor-pointer items-center justify-center pr-1.5 opacity-0 group-hover:opacity-100 focus-visible:opacity-100\"\n type=\"button\"\n @click=\"\n () =>\n eventBus?.emit('copy-url:nav-item', { id: breadcrumb.join('.') })\n \">\n <!-- Copy button -->\n <ScalarIconLink\n class=\"size-3\"\n weight=\"bold\" />\n <span class=\"sr-only\">\n <slot name=\"sr-label\">~~Copy~~ ~~link~~ ~~to <~~slot ~~/></slot~~>\n </span>\n </button>\n </div>\n </template>\n <template v-else>\n <slot />\n </template>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"WithBreadcrumb.vue.js","names":[],"sources":["../../../src/components/Anchor/WithBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconLink } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { breadcrumb } = defineProps<{\n breadcrumb?: string[]\n eventBus: WorkspaceEventBus \| null\n}>()\nconst { translate } = useLocalization()\n\n/** Screen-reader label for the copy-link button, naming the deep-linked item. */\nconst copyLinkLabel = computed(() =>\n translate('actions.copyLinkTo', {\n name: breadcrumb?.[breadcrumb.length - 1] ?? '',\n }),\n)\n</script>\n\n<template>\n <template v-if=\"breadcrumb && breadcrumb.length > 0\">\n <div\n :id=\"breadcrumb.join('.')\"\n class=\"relative scroll-mt-24\">\n <!-- Content -->\n <slot />\n <button\n class=\"text-c-3 hover:text-c-1 absolute -top-2 -left-4.5 flex h-[calc(100%+16px)] w-4.5 cursor-pointer items-center justify-center pr-1.5 opacity-0 group-hover:opacity-100 focus-visible:opacity-100\"\n type=\"button\"\n @click=\"\n () =>\n eventBus?.emit('copy-url:nav-item', { id: breadcrumb.join('.') })\n \">\n <!-- Copy button -->\n <ScalarIconLink\n class=\"size-3\"\n weight=\"bold\" />\n <span class=\"sr-only\">\n <slot name=\"sr-label\">{{ copyLinkLabel }}</slot>\n </span>\n </button>\n </div>\n </template>\n <template v-else>\n <slot />\n </template>\n</template>\n"],"mappings":""}

package/dist/components/Anchor/WithBreadcrumb.vue.script.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, unref } from "vue";
+import { useLocalization } from "../../features/localization/use-localization.js";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref } from "vue";
 import { ScalarIconLink } from "@scalar/icons";
 //#region src/components/Anchor/WithBreadcrumb.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["id"];
@@ -10,6 +11,9 @@ var WithBreadcrumb_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		eventBus: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
+		/** Screen-reader label for the copy-link button, naming the deep-linked item. */
+		const copyLinkLabel = computed(() => translate("actions.copyLinkTo", { name: __props.breadcrumb?.[__props.breadcrumb.length - 1] ?? "" }));
 		return (_ctx, _cache) => {
 			return __props.breadcrumb && __props.breadcrumb.length > 0 ? (openBlock(), createElementBlock("div", {
 				key: 0,
@@ -22,7 +26,7 @@ var WithBreadcrumb_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			}, [createVNode(unref(ScalarIconLink), {
 				class: "size-3",
 				weight: "bold"
-			}), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "sr-label", {}, () => [_cache[1] || (_cache[1] = createTextVNode("Copy link to ", -1)), renderSlot(_ctx.$slots, "default")])])])], 8, _hoisted_1)) : renderSlot(_ctx.$slots, "default", { key: 1 });
+			}), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "sr-label", {}, () => [createTextVNode(toDisplayString(copyLinkLabel.value), 1)])])])], 8, _hoisted_1)) : renderSlot(_ctx.$slots, "default", { key: 1 });
 		};
 	}
 });

package/dist/components/Anchor/WithBreadcrumb.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithBreadcrumb.vue.script.js","names":[],"sources":["../../../src/components/Anchor/WithBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconLink } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nconst { breadcrumb } = defineProps<{\n breadcrumb?: string[]\n eventBus: WorkspaceEventBus \| null\n}>()\n</script>\n\n<template>\n <template v-if=\"breadcrumb && breadcrumb.length > 0\">\n <div\n :id=\"breadcrumb.join('.')\"\n class=\"relative scroll-mt-24\">\n <!-- Content -->\n <slot />\n <button\n class=\"text-c-3 hover:text-c-1 absolute -top-2 -left-4.5 flex h-[calc(100%+16px)] w-4.5 cursor-pointer items-center justify-center pr-1.5 opacity-0 group-hover:opacity-100 focus-visible:opacity-100\"\n type=\"button\"\n @click=\"\n () =>\n eventBus?.emit('copy-url:nav-item', { id: breadcrumb.join('.') })\n \">\n <!-- Copy button -->\n <ScalarIconLink\n class=\"size-3\"\n weight=\"bold\" />\n <span class=\"sr-only\">\n <slot name=\"sr-label\">~~Copy~~ ~~link~~ ~~to <~~slot ~~/></slot~~>\n </span>\n </button>\n </div>\n </template>\n <template v-else>\n <slot />\n </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;~~UAWkB~~,QAAA,cAAc,QAAA,WAAW,SAAM,KAAA,WAAA,EAC7C,mBAoBM,OAAA;;IAnBH,IAAI,QAAA,WAAW,KAAI,IAAA;IACpB,OAAM;OAEN,WAAQ,KAAA,QAAA,UAAA,EACR,mBAcS,UAAA;IAbP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,WAA+B,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,WAAW,KAAI,IAAA,EAAA,CAAA;OAK9F,YAEkB,MAAA,eAAA,EAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAEO,QAFP,YAEO,CADL,~~WAAkD~~,KAAA,QAAA,YAAA,EAAA,QAAA,CAAA,~~OAAA~~,~~OAAA~~,~~OAAA~~,~~KAAA~~,~~gBAA5B~~,~~iBAAa~~,~~GAAA,GAAA,WAAQ,KAAA,QAAA,UAAA,~~CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,WAAA,~~IAMjD~~,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"WithBreadcrumb.vue.script.js","names":[],"sources":["../../../src/components/Anchor/WithBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconLink } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { breadcrumb } = defineProps<{\n breadcrumb?: string[]\n eventBus: WorkspaceEventBus \| null\n}>()\nconst { translate } = useLocalization()\n\n/** Screen-reader label for the copy-link button, naming the deep-linked item. */\nconst copyLinkLabel = computed(() =>\n translate('actions.copyLinkTo', {\n name: breadcrumb?.[breadcrumb.length - 1] ?? '',\n }),\n)\n</script>\n\n<template>\n <template v-if=\"breadcrumb && breadcrumb.length > 0\">\n <div\n :id=\"breadcrumb.join('.')\"\n class=\"relative scroll-mt-24\">\n <!-- Content -->\n <slot />\n <button\n class=\"text-c-3 hover:text-c-1 absolute -top-2 -left-4.5 flex h-[calc(100%+16px)] w-4.5 cursor-pointer items-center justify-center pr-1.5 opacity-0 group-hover:opacity-100 focus-visible:opacity-100\"\n type=\"button\"\n @click=\"\n () =>\n eventBus?.emit('copy-url:nav-item', { id: breadcrumb.join('.') })\n \">\n <!-- Copy button -->\n <ScalarIconLink\n class=\"size-3\"\n weight=\"bold\" />\n <span class=\"sr-only\">\n <slot name=\"sr-label\">{{ copyLinkLabel }}</slot>\n </span>\n </button>\n </div>\n </template>\n <template v-else>\n <slot />\n </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAWA,MAAM,EAAE,cAAc,iBAAgB;;EAGtC,MAAM,gBAAgB,eACpB,UAAU,sBAAsB,EAC9B,MAAM,QAAA,aAAa,QAAA,WAAW,SAAS,MAAM,IAC9C,CAAC,CACJ;;UAIkB,QAAA,cAAc,QAAA,WAAW,SAAM,KAAA,WAAA,EAC7C,mBAoBM,OAAA;;IAnBH,IAAI,QAAA,WAAW,KAAI,IAAA;IACpB,OAAM;OAEN,WAAQ,KAAA,QAAA,UAAA,EACR,mBAcS,UAAA;IAbP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,WAA+B,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,WAAW,KAAI,IAAA,EAAA,CAAA;OAK9F,YAEkB,MAAA,eAAA,EAAA;IADhB,OAAM;IACN,QAAO;OACT,mBAEO,QAFP,YAEO,CADL,WAAgD,KAAA,QAAA,YAAA,EAAA,QAAA,CAAA,gBAAA,gBAAvB,cAAA,MAAa,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,WAAA,IAM5C,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA"}

package/dist/components/ApiReference.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"~~AAyhDA~~,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AAYpC,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,4CAA4C,CAAA;~~wBAsE9B~~,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEhB;;;OAGG;oBACa,4BAA4B;;;;;;IAJ5C;;;OAGG;oBACa,4BAA4B;;wBAKxB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;sBACxB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;wBACpB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;sBACxB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;6BACf;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;eACpC;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;~~EAqmD~~/B,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1	+ {"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"AAgwDA,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AAYpC,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,4CAA4C,CAAA;wBAmF9B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEhB;;;OAGG;oBACa,4BAA4B;;;;;;IAJ5C;;;OAGG;oBACa,4BAA4B;;wBAKxB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;sBACxB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;wBACpB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;sBACxB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;6BACf;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;eACpC;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;EAs2D/B,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/ApiReference.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import ApiReference_vue_vue_type_script_setup_true_lang_default from "./ApiRefer
 /* empty css                             */
 /* empty css                             */
 //#region src/components/ApiReference.vue
-var ApiReference_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ApiReference_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-85d24c5b"]]);
+var ApiReference_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ApiReference_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-876968b6"]]);
 //#endregion
 export { ApiReference_default as default };