@scalar/pre-post-request-scripts 0.3.11 → 0.3.13

package/dist/plugins/post-response-scripts/components/TestResults/TestResultIndicator.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestResultIndicator.vue.js","names":[],"sources":["../../../../../src/plugins/post-response-scripts/components/TestResults/TestResultIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, ScalarIcon, useBindCx, type Icon } from '@scalar/components'\nimport { computed } from 'vue'\n\nimport type { TestResult } from '@/libs/execute-scripts'\n\nconst { state, totalTestsCount, pendingTestsCount, failedTestsCount } =\n  defineProps<{\n    state?: TestResult['status']\n    failedTestsCount: number | undefined\n    pendingTestsCount: number | undefined\n    totalTestsCount: number | undefined\n    inline?: boolean\n  }>()\n\nconst { cx } = useBindCx()\n\nconst icon = computed(() => {\n  if (state === 'passed') {\n    return { name: 'Checkmark', color: 'text-green p-0.25' }\n  }\n\n  if (state === 'failed') {\n    return { name: 'Close', color: 'text-red' }\n  }\n\n  return { name: 'Ellipses', color: 'text-c-1' }\n})\n\nconst statusVariants = cva({\n  base: 'flex items-center gap-1.5 rounded-full border pr-2 pl-1.25',\n  variants: {\n    status: {\n      passed: 'text-green',\n      failed: 'text-red',\n      pending: 'text-orange',\n    },\n  },\n})\n\nconst textVariants = cva({\n  base: 'text-c-2',\n  variants: {\n    inline: {\n      true: 'text-xs',\n      false: 'text-sm',\n    },\n  },\n})\n\n// Display the number of tests that passed e.g 1/3\nconst getTestCountDisplay = computed(() => {\n  // When there are no tests, show nothing\n  if (totalTestsCount === undefined) {\n    return ''\n  }\n\n  // When they failed, show failed/total\n  if (failedTestsCount) {\n    return `${failedTestsCount}/${totalTestsCount}`\n  }\n\n  // When they passed, show passed/total\n  const completedTests =\n    totalTestsCount - (pendingTestsCount || 0) - (failedTestsCount || 0)\n  return `${completedTests}/${totalTestsCount}`\n})\n</script>\n\n<template>\n  <div v-bind=\"cx(statusVariants({ status: state }))\">\n    <ScalarIcon\n      v-if=\"state\"\n      :class=\"icon.color\"\n      :icon=\"icon.name as Icon\"\n      size=\"sm\" />\n    <span\n      v-if=\"!inline\"\n      class=\"ml-1.25 capitalize\">\n      {{ state }}\n    </span>\n    <span\n      v-if=\"totalTestsCount !== undefined\"\n      v-bind=\"cx(textVariants({ inline }))\">\n      {{ getTestCountDisplay }}\n    </span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/plugins/post-response-scripts/components/TestResults/TestResultIndicator.vue.script.js

@@ -0,0 +1,70 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, toDisplayString, unref } from "vue";
+import { ScalarIcon, cva, useBindCx } from "@scalar/components";
+//#region src/plugins/post-response-scripts/components/TestResults/TestResultIndicator.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "ml-1.25 capitalize"
+};
+var TestResultIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TestResultIndicator",
+	props: {
+		state: {},
+		failedTestsCount: {},
+		pendingTestsCount: {},
+		totalTestsCount: {},
+		inline: { type: Boolean }
+	},
+	setup(__props) {
+		const { cx } = useBindCx();
+		const icon = computed(() => {
+			if (__props.state === "passed") return {
+				name: "Checkmark",
+				color: "text-green p-0.25"
+			};
+			if (__props.state === "failed") return {
+				name: "Close",
+				color: "text-red"
+			};
+			return {
+				name: "Ellipses",
+				color: "text-c-1"
+			};
+		});
+		const statusVariants = cva({
+			base: "flex items-center gap-1.5 rounded-full border pr-2 pl-1.25",
+			variants: { status: {
+				passed: "text-green",
+				failed: "text-red",
+				pending: "text-orange"
+			} }
+		});
+		const textVariants = cva({
+			base: "text-c-2",
+			variants: { inline: {
+				true: "text-xs",
+				false: "text-sm"
+			} }
+		});
+		const getTestCountDisplay = computed(() => {
+			if (__props.totalTestsCount === void 0) return "";
+			if (__props.failedTestsCount) return `${__props.failedTestsCount}/${__props.totalTestsCount}`;
+			return `${__props.totalTestsCount - (__props.pendingTestsCount || 0) - (__props.failedTestsCount || 0)}/${__props.totalTestsCount}`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)(unref(statusVariants)({ status: __props.state })))), [
+				__props.state ? (openBlock(), createBlock(unref(ScalarIcon), {
+					key: 0,
+					class: normalizeClass(icon.value.color),
+					icon: icon.value.name,
+					size: "sm"
+				}, null, 8, ["class", "icon"])) : createCommentVNode("", true),
+				!__props.inline ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.state), 1)) : createCommentVNode("", true),
+				__props.totalTestsCount !== void 0 ? (openBlock(), createElementBlock("span", normalizeProps(mergeProps({ key: 2 }, unref(cx)(unref(textVariants)({ inline: __props.inline })))), toDisplayString(getTestCountDisplay.value), 17)) : createCommentVNode("", true)
+			], 16);
+		};
+	}
+});
+//#endregion
+export { TestResultIndicator_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TestResultIndicator.vue.script.js.map

package/dist/plugins/post-response-scripts/components/TestResults/TestResultIndicator.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestResultIndicator.vue.script.js","names":[],"sources":["../../../../../src/plugins/post-response-scripts/components/TestResults/TestResultIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, ScalarIcon, useBindCx, type Icon } from '@scalar/components'\nimport { computed } from 'vue'\n\nimport type { TestResult } from '@/libs/execute-scripts'\n\nconst { state, totalTestsCount, pendingTestsCount, failedTestsCount } =\n  defineProps<{\n    state?: TestResult['status']\n    failedTestsCount: number | undefined\n    pendingTestsCount: number | undefined\n    totalTestsCount: number | undefined\n    inline?: boolean\n  }>()\n\nconst { cx } = useBindCx()\n\nconst icon = computed(() => {\n  if (state === 'passed') {\n    return { name: 'Checkmark', color: 'text-green p-0.25' }\n  }\n\n  if (state === 'failed') {\n    return { name: 'Close', color: 'text-red' }\n  }\n\n  return { name: 'Ellipses', color: 'text-c-1' }\n})\n\nconst statusVariants = cva({\n  base: 'flex items-center gap-1.5 rounded-full border pr-2 pl-1.25',\n  variants: {\n    status: {\n      passed: 'text-green',\n      failed: 'text-red',\n      pending: 'text-orange',\n    },\n  },\n})\n\nconst textVariants = cva({\n  base: 'text-c-2',\n  variants: {\n    inline: {\n      true: 'text-xs',\n      false: 'text-sm',\n    },\n  },\n})\n\n// Display the number of tests that passed e.g 1/3\nconst getTestCountDisplay = computed(() => {\n  // When there are no tests, show nothing\n  if (totalTestsCount === undefined) {\n    return ''\n  }\n\n  // When they failed, show failed/total\n  if (failedTestsCount) {\n    return `${failedTestsCount}/${totalTestsCount}`\n  }\n\n  // When they passed, show passed/total\n  const completedTests =\n    totalTestsCount - (pendingTestsCount || 0) - (failedTestsCount || 0)\n  return `${completedTests}/${totalTestsCount}`\n})\n</script>\n\n<template>\n  <div v-bind=\"cx(statusVariants({ status: state }))\">\n    <ScalarIcon\n      v-if=\"state\"\n      :class=\"icon.color\"\n      :icon=\"icon.name as Icon\"\n      size=\"sm\" />\n    <span\n      v-if=\"!inline\"\n      class=\"ml-1.25 capitalize\">\n      {{ state }}\n    </span>\n    <span\n      v-if=\"totalTestsCount !== undefined\"\n      v-bind=\"cx(textVariants({ inline }))\">\n      {{ getTestCountDisplay }}\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAeA,MAAM,EAAE,OAAO,WAAU;EAEzB,MAAM,OAAO,eAAe;AAC1B,OAAI,QAAA,UAAU,SACZ,QAAO;IAAE,MAAM;IAAa,OAAO;IAAoB;AAGzD,OAAI,QAAA,UAAU,SACZ,QAAO;IAAE,MAAM;IAAS,OAAO;IAAW;AAG5C,UAAO;IAAE,MAAM;IAAY,OAAO;IAAW;IAC9C;EAED,MAAM,iBAAiB,IAAI;GACzB,MAAM;GACN,UAAU,EACR,QAAQ;IACN,QAAQ;IACR,QAAQ;IACR,SAAS;IACV,EACF;GACF,CAAA;EAED,MAAM,eAAe,IAAI;GACvB,MAAM;GACN,UAAU,EACR,QAAQ;IACN,MAAM;IACN,OAAO;IACR,EACF;GACF,CAAA;EAGD,MAAM,sBAAsB,eAAe;AAEzC,OAAI,QAAA,oBAAoB,KAAA,EACtB,QAAO;AAIT,OAAI,QAAA,iBACF,QAAO,GAAG,QAAA,iBAAiB,GAAG,QAAA;AAMhC,UAAO,GADL,QAAA,mBAAmB,QAAA,qBAAqB,MAAM,QAAA,oBAAoB,GAC3C,GAAG,QAAA;IAC7B;;uBAIC,mBAgBM,OAAA,eAAA,mBAhBO,MAAA,GAAE,CAAC,MAAA,eAAc,CAAA,EAAA,QAAW,QAAA,OAAK,CAAA,CAAA,CAAA,CAAA,EAAA;IAEpC,QAAA,SAAA,WAAA,EADR,YAIc,MAAA,WAAA,EAAA;;KAFX,OAAK,eAAE,KAAA,MAAK,MAAK;KACjB,MAAM,KAAA,MAAK;KACZ,MAAK;;KAEE,QAAA,UAAA,WAAA,EADT,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAGF,QAAA,oBAAoB,KAAA,KAAA,WAAA,EAD5B,mBAIO,QAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAFG,MAAA,GAAE,CAAC,MAAA,aAAY,CAAA,EAAA,QAAG,QAAA,QAAM,CAAA,CAAA,CAAA,CAAA,EAAA,gBAC7B,oBAAA,MAAmB,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/plugins/post-response-scripts/components/TestResults/TestResultItem.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TestResult } from '@/libs/execute-scripts';
+import type { TestResult } from '../../../../libs/execute-scripts/index.js';
 type __VLS_Props = {
     result: TestResult;
     currentState: TestResult['status'];

package/dist/plugins/post-response-scripts/components/TestResults/TestResultItem.vue.js

@@ -0,0 +1,7 @@
+import TestResultItem_vue_vue_type_script_setup_true_lang_default from "./TestResultItem.vue.script.js";
+//#region src/plugins/post-response-scripts/components/TestResults/TestResultItem.vue
+var TestResultItem_default = TestResultItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TestResultItem_default as default };
+
+//# sourceMappingURL=TestResultItem.vue.js.map

package/dist/plugins/post-response-scripts/components/TestResults/TestResultItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestResultItem.vue.js","names":[],"sources":["../../../../../src/plugins/post-response-scripts/components/TestResults/TestResultItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, type Icon } from '@scalar/components'\nimport { computed } from 'vue'\n\nimport type { TestResult } from '@/libs/execute-scripts'\n\nconst { currentState, result } = defineProps<{\n  result: TestResult\n  currentState: TestResult['status']\n}>()\n\nconst resultStatus = computed(() => {\n  if (result.passed) {\n    return { icon: 'Checkmark', color: 'text-green p-0.25' }\n  }\n\n  if (!result.passed && currentState !== 'pending') {\n    return { icon: 'Close', color: 'text-red' }\n  }\n\n  return { icon: 'Ellipses', color: 'text-c-1' }\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col\">\n    <div\n      class=\"flex h-8 items-center gap-2 pr-3 pl-2.25\"\n      :class=\"result.error && 'bg-b-danger'\">\n      <!-- Title -->\n      <div class=\"flex items-center gap-3 p-2\">\n        <ScalarIcon\n          :class=\"resultStatus.color\"\n          :icon=\"resultStatus.icon as Icon\"\n          size=\"sm\" />\n\n        <span class=\"text-c-2 overflow-hidden text-ellipsis whitespace-nowrap\">\n          {{ result.title }}\n        </span>\n      </div>\n      <!-- Duration -->\n      <span class=\"text-c-3 ml-auto whitespace-nowrap\">\n        {{ result.duration }} ms\n      </span>\n    </div>\n    <!-- Error -->\n    <div\n      v-if=\"result.error\"\n      class=\"bg-b-danger text-c-1 flex items-center pr-3 pb-1.5 pl-9\">\n      {{ result.error }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/plugins/post-response-scripts/components/TestResults/TestResultItem.vue.script.js

@@ -0,0 +1,45 @@
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/plugins/post-response-scripts/components/TestResults/TestResultItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col" };
+var _hoisted_2 = { class: "flex items-center gap-3 p-2" };
+var _hoisted_3 = { class: "text-c-2 overflow-hidden text-ellipsis whitespace-nowrap" };
+var _hoisted_4 = { class: "text-c-3 ml-auto whitespace-nowrap" };
+var _hoisted_5 = {
+	key: 0,
+	class: "bg-b-danger text-c-1 flex items-center pr-3 pb-1.5 pl-9"
+};
+var TestResultItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TestResultItem",
+	props: {
+		result: {},
+		currentState: {}
+	},
+	setup(__props) {
+		const resultStatus = computed(() => {
+			if (__props.result.passed) return {
+				icon: "Checkmark",
+				color: "text-green p-0.25"
+			};
+			if (!__props.result.passed && __props.currentState !== "pending") return {
+				icon: "Close",
+				color: "text-red"
+			};
+			return {
+				icon: "Ellipses",
+				color: "text-c-1"
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", { class: normalizeClass(["flex h-8 items-center gap-2 pr-3 pl-2.25", __props.result.error && "bg-b-danger"]) }, [createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarIcon), {
+				class: normalizeClass(resultStatus.value.color),
+				icon: resultStatus.value.icon,
+				size: "sm"
+			}, null, 8, ["class", "icon"]), createElementVNode("span", _hoisted_3, toDisplayString(__props.result.title), 1)]), createElementVNode("span", _hoisted_4, toDisplayString(__props.result.duration) + " ms ", 1)], 2), __props.result.error ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.result.error), 1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { TestResultItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TestResultItem.vue.script.js.map

package/dist/plugins/post-response-scripts/components/TestResults/TestResultItem.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestResultItem.vue.script.js","names":[],"sources":["../../../../../src/plugins/post-response-scripts/components/TestResults/TestResultItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, type Icon } from '@scalar/components'\nimport { computed } from 'vue'\n\nimport type { TestResult } from '@/libs/execute-scripts'\n\nconst { currentState, result } = defineProps<{\n  result: TestResult\n  currentState: TestResult['status']\n}>()\n\nconst resultStatus = computed(() => {\n  if (result.passed) {\n    return { icon: 'Checkmark', color: 'text-green p-0.25' }\n  }\n\n  if (!result.passed && currentState !== 'pending') {\n    return { icon: 'Close', color: 'text-red' }\n  }\n\n  return { icon: 'Ellipses', color: 'text-c-1' }\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col\">\n    <div\n      class=\"flex h-8 items-center gap-2 pr-3 pl-2.25\"\n      :class=\"result.error && 'bg-b-danger'\">\n      <!-- Title -->\n      <div class=\"flex items-center gap-3 p-2\">\n        <ScalarIcon\n          :class=\"resultStatus.color\"\n          :icon=\"resultStatus.icon as Icon\"\n          size=\"sm\" />\n\n        <span class=\"text-c-2 overflow-hidden text-ellipsis whitespace-nowrap\">\n          {{ result.title }}\n        </span>\n      </div>\n      <!-- Duration -->\n      <span class=\"text-c-3 ml-auto whitespace-nowrap\">\n        {{ result.duration }} ms\n      </span>\n    </div>\n    <!-- Error -->\n    <div\n      v-if=\"result.error\"\n      class=\"bg-b-danger text-c-1 flex items-center pr-3 pb-1.5 pl-9\">\n      {{ result.error }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAWA,MAAM,eAAe,eAAe;AAClC,OAAI,QAAA,OAAO,OACT,QAAO;IAAE,MAAM;IAAa,OAAO;IAAoB;AAGzD,OAAI,CAAC,QAAA,OAAO,UAAU,QAAA,iBAAiB,UACrC,QAAO;IAAE,MAAM;IAAS,OAAO;IAAW;AAG5C,UAAO;IAAE,MAAM;IAAY,OAAO;IAAW;IAC9C;;uBAIC,mBA0BM,OA1BN,YA0BM,CAzBJ,mBAkBM,OAAA,EAjBJ,OAAK,eAAA,CAAC,4CACE,QAAA,OAAO,SAAK,cAAA,CAAA,EAAA,EAAA,CAEpB,mBASM,OATN,YASM,CARJ,YAGc,MAAA,WAAA,EAAA;IAFX,OAAK,eAAE,aAAA,MAAa,MAAK;IACzB,MAAM,aAAA,MAAa;IACpB,MAAK;mCAEP,mBAEO,QAFP,YAEO,gBADF,QAAA,OAAO,MAAK,EAAA,EAAA,CAAA,CAAA,EAInB,mBAEO,QAFP,YAEO,gBADF,QAAA,OAAO,SAAQ,GAAG,QACvB,EAAA,CAAA,EAAA,EAAA,EAIM,QAAA,OAAO,SAAA,WAAA,EADf,mBAIM,OAJN,YAIM,gBADD,QAAA,OAAO,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/plugins/post-response-scripts/components/TestResults/TestResults.vue.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from 'vue';
-import type { TestResult } from '@/libs/execute-scripts';
+import type { TestResult } from '../../../../libs/execute-scripts/index.js';
 type __VLS_Props = {
     results?: Ref<TestResult[]> | undefined;
 };

package/dist/plugins/post-response-scripts/components/TestResults/TestResults.vue.js

@@ -0,0 +1,7 @@
+import TestResults_vue_vue_type_script_setup_true_lang_default from "./TestResults.vue.script.js";
+//#region src/plugins/post-response-scripts/components/TestResults/TestResults.vue
+var TestResults_default = TestResults_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TestResults_default as default };
+
+//# sourceMappingURL=TestResults.vue.js.map

package/dist/plugins/post-response-scripts/components/TestResults/TestResults.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestResults.vue.js","names":[],"sources":["../../../../../src/plugins/post-response-scripts/components/TestResults/TestResults.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Ref } from 'vue'\n\nimport type { TestResult } from '@/libs/execute-scripts'\n\nimport { ViewLayoutCollapse } from '../../../../components/ViewLayout'\nimport TestResultIndicator from './TestResultIndicator.vue'\nimport TestResultItem from './TestResultItem.vue'\nimport TestSummary from './TestSummary.vue'\n\nconst { results } = defineProps<{\n  results?: Ref<TestResult[]> | undefined\n}>()\n\nconst passedTests = computed(() =>\n  results?.value?.filter((result: TestResult) => result.status === 'passed'),\n)\n\nconst pendingTests = computed(() =>\n  results?.value?.filter((result: TestResult) => result.status === 'pending'),\n)\n\nconst failedTests = computed(() =>\n  results?.value?.filter((result: TestResult) => result.status === 'failed'),\n)\n\nconst allTestsPassed = computed(\n  () => passedTests.value?.length === results?.value?.length,\n)\n\nconst currentState = computed(() => {\n  if (allTestsPassed.value) {\n    return 'passed'\n  }\n\n  if (pendingTests.value?.length) {\n    return 'pending'\n  }\n\n  return 'failed'\n})\n\nconst totalDuration = computed(\n  () =>\n    results?.value?.reduce(\n      (acc: number, curr: TestResult) => acc + curr.duration,\n      0,\n    ) ?? 0,\n)\n</script>\n\n<template>\n  <ViewLayoutCollapse\n    v-if=\"results?.value?.length\"\n    class=\"overflow-auto text-sm\"\n    :defaultOpen=\"true\">\n    <template #title> Tests </template>\n    <template #suffix>\n      <TestResultIndicator\n        :failedTestsCount=\"failedTests?.length\"\n        inline\n        :passedTestsCount=\"passedTests?.length\"\n        :pendingTestsCount=\"pendingTests?.length\"\n        :state=\"currentState\"\n        :totalTestsCount=\"results?.value?.length\" />\n    </template>\n\n    <div class=\"max-h-[calc(100%-32px)] divide-y overflow-y-auto border-t\">\n      <!-- Results -->\n      <TestResultItem\n        v-for=\"result in results?.value\"\n        :key=\"result.title\"\n        :currentState=\"result.status\"\n        :result=\"result\" />\n\n      <TestSummary\n        v-if=\"results\"\n        :allTestsPassed=\"allTestsPassed\"\n        :failedTests=\"failedTests ?? []\"\n        :passedTests=\"passedTests ?? []\"\n        :pendingTests=\"pendingTests ?? []\"\n        :results=\"results?.value\"\n        :totalDuration=\"totalDuration\" />\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":""}

package/dist/plugins/post-response-scripts/components/TestResults/TestResults.vue.script.js

@@ -0,0 +1,73 @@
+import ViewLayoutCollapse_default from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import TestResultIndicator_default from "./TestResultIndicator.vue.js";
+import TestResultItem_default from "./TestResultItem.vue.js";
+import TestSummary_default from "./TestSummary.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+//#region src/plugins/post-response-scripts/components/TestResults/TestResults.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "max-h-[calc(100%-32px)] divide-y overflow-y-auto border-t" };
+var TestResults_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TestResults",
+	props: { results: {} },
+	setup(__props) {
+		const passedTests = computed(() => __props.results?.value?.filter((result) => result.status === "passed"));
+		const pendingTests = computed(() => __props.results?.value?.filter((result) => result.status === "pending"));
+		const failedTests = computed(() => __props.results?.value?.filter((result) => result.status === "failed"));
+		const allTestsPassed = computed(() => passedTests.value?.length === __props.results?.value?.length);
+		const currentState = computed(() => {
+			if (allTestsPassed.value) return "passed";
+			if (pendingTests.value?.length) return "pending";
+			return "failed";
+		});
+		const totalDuration = computed(() => __props.results?.value?.reduce((acc, curr) => acc + curr.duration, 0) ?? 0);
+		return (_ctx, _cache) => {
+			return __props.results?.value?.length ? (openBlock(), createBlock(unref(ViewLayoutCollapse_default), {
+				key: 0,
+				class: "overflow-auto text-sm",
+				defaultOpen: true
+			}, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Tests ", -1)])]),
+				suffix: withCtx(() => [createVNode(TestResultIndicator_default, {
+					failedTestsCount: failedTests.value?.length,
+					inline: "",
+					passedTestsCount: passedTests.value?.length,
+					pendingTestsCount: pendingTests.value?.length,
+					state: currentState.value,
+					totalTestsCount: __props.results?.value?.length
+				}, null, 8, [
+					"failedTestsCount",
+					"passedTestsCount",
+					"pendingTestsCount",
+					"state",
+					"totalTestsCount"
+				])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.results?.value, (result) => {
+					return openBlock(), createBlock(TestResultItem_default, {
+						key: result.title,
+						currentState: result.status,
+						result
+					}, null, 8, ["currentState", "result"]);
+				}), 128)), __props.results ? (openBlock(), createBlock(TestSummary_default, {
+					key: 0,
+					allTestsPassed: allTestsPassed.value,
+					failedTests: failedTests.value ?? [],
+					passedTests: passedTests.value ?? [],
+					pendingTests: pendingTests.value ?? [],
+					results: __props.results?.value,
+					totalDuration: totalDuration.value
+				}, null, 8, [
+					"allTestsPassed",
+					"failedTests",
+					"passedTests",
+					"pendingTests",
+					"results",
+					"totalDuration"
+				])) : createCommentVNode("", true)])]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { TestResults_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TestResults.vue.script.js.map

package/dist/plugins/post-response-scripts/components/TestResults/TestResults.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestResults.vue.script.js","names":[],"sources":["../../../../../src/plugins/post-response-scripts/components/TestResults/TestResults.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Ref } from 'vue'\n\nimport type { TestResult } from '@/libs/execute-scripts'\n\nimport { ViewLayoutCollapse } from '../../../../components/ViewLayout'\nimport TestResultIndicator from './TestResultIndicator.vue'\nimport TestResultItem from './TestResultItem.vue'\nimport TestSummary from './TestSummary.vue'\n\nconst { results } = defineProps<{\n  results?: Ref<TestResult[]> | undefined\n}>()\n\nconst passedTests = computed(() =>\n  results?.value?.filter((result: TestResult) => result.status === 'passed'),\n)\n\nconst pendingTests = computed(() =>\n  results?.value?.filter((result: TestResult) => result.status === 'pending'),\n)\n\nconst failedTests = computed(() =>\n  results?.value?.filter((result: TestResult) => result.status === 'failed'),\n)\n\nconst allTestsPassed = computed(\n  () => passedTests.value?.length === results?.value?.length,\n)\n\nconst currentState = computed(() => {\n  if (allTestsPassed.value) {\n    return 'passed'\n  }\n\n  if (pendingTests.value?.length) {\n    return 'pending'\n  }\n\n  return 'failed'\n})\n\nconst totalDuration = computed(\n  () =>\n    results?.value?.reduce(\n      (acc: number, curr: TestResult) => acc + curr.duration,\n      0,\n    ) ?? 0,\n)\n</script>\n\n<template>\n  <ViewLayoutCollapse\n    v-if=\"results?.value?.length\"\n    class=\"overflow-auto text-sm\"\n    :defaultOpen=\"true\">\n    <template #title> Tests </template>\n    <template #suffix>\n      <TestResultIndicator\n        :failedTestsCount=\"failedTests?.length\"\n        inline\n        :passedTestsCount=\"passedTests?.length\"\n        :pendingTestsCount=\"pendingTests?.length\"\n        :state=\"currentState\"\n        :totalTestsCount=\"results?.value?.length\" />\n    </template>\n\n    <div class=\"max-h-[calc(100%-32px)] divide-y overflow-y-auto border-t\">\n      <!-- Results -->\n      <TestResultItem\n        v-for=\"result in results?.value\"\n        :key=\"result.title\"\n        :currentState=\"result.status\"\n        :result=\"result\" />\n\n      <TestSummary\n        v-if=\"results\"\n        :allTestsPassed=\"allTestsPassed\"\n        :failedTests=\"failedTests ?? []\"\n        :passedTests=\"passedTests ?? []\"\n        :pendingTests=\"pendingTests ?? []\"\n        :results=\"results?.value\"\n        :totalDuration=\"totalDuration\" />\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":";;;;;;;;;;;EAcA,MAAM,cAAc,eAClB,QAAA,SAAS,OAAO,QAAQ,WAAuB,OAAO,WAAW,SAAS,CAC5E;EAEA,MAAM,eAAe,eACnB,QAAA,SAAS,OAAO,QAAQ,WAAuB,OAAO,WAAW,UAAU,CAC7E;EAEA,MAAM,cAAc,eAClB,QAAA,SAAS,OAAO,QAAQ,WAAuB,OAAO,WAAW,SAAS,CAC5E;EAEA,MAAM,iBAAiB,eACf,YAAY,OAAO,WAAW,QAAA,SAAS,OAAO,OACtD;EAEA,MAAM,eAAe,eAAe;AAClC,OAAI,eAAe,MACjB,QAAO;AAGT,OAAI,aAAa,OAAO,OACtB,QAAO;AAGT,UAAO;IACR;EAED,MAAM,gBAAgB,eAElB,QAAA,SAAS,OAAO,QACb,KAAa,SAAqB,MAAM,KAAK,UAC9C,EACD,IAAI,EACT;;UAKU,QAAA,SAAS,OAAO,UAAA,WAAA,EADxB,YAgCqB,MAAA,2BAAA,EAAA;;IA9BnB,OAAM;IACL,aAAa;;IACH,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;IACb,QAAM,cAO+B,CAN9C,YAM8C,6BAAA;KAL3C,kBAAkB,YAAA,OAAa;KAChC,QAAA;KACC,kBAAkB,YAAA,OAAa;KAC/B,mBAAmB,aAAA,OAAc;KACjC,OAAO,aAAA;KACP,iBAAiB,QAAA,SAAS,OAAO;;;;;;;;2BAmBhC,CAhBN,mBAgBM,OAhBN,YAgBM,EAAA,UAAA,KAAA,EAdJ,mBAIqB,UAAA,MAAA,WAHF,QAAA,SAAS,QAAnB,WAAM;yBADf,YAIqB,wBAAA;MAFlB,KAAK,OAAO;MACZ,cAAc,OAAO;MACb;;eAGH,QAAA,WAAA,WAAA,EADR,YAOmC,qBAAA;;KALhC,gBAAgB,eAAA;KAChB,aAAa,YAAA,SAAW,EAAA;KACxB,aAAa,YAAA,SAAW,EAAA;KACxB,cAAc,aAAA,SAAY,EAAA;KAC1B,SAAS,QAAA,SAAS;KAClB,eAAe,cAAA"}

package/dist/plugins/post-response-scripts/components/TestResults/TestSummary.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TestResult } from '@/libs/execute-scripts';
+import type { TestResult } from '../../../../libs/execute-scripts/index.js';
 type __VLS_Props = {
     results: TestResult[];
     passedTests: TestResult[];

package/dist/plugins/post-response-scripts/components/TestResults/TestSummary.vue.js

@@ -0,0 +1,7 @@
+import TestSummary_vue_vue_type_script_setup_true_lang_default from "./TestSummary.vue.script.js";
+//#region src/plugins/post-response-scripts/components/TestResults/TestSummary.vue
+var TestSummary_default = TestSummary_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TestSummary_default as default };
+
+//# sourceMappingURL=TestSummary.vue.js.map

package/dist/plugins/post-response-scripts/components/TestResults/TestSummary.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestSummary.vue.js","names":[],"sources":["../../../../../src/plugins/post-response-scripts/components/TestResults/TestSummary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TestResult } from '@/libs/execute-scripts'\n\nimport TestResultIndicator from './TestResultIndicator.vue'\n\ndefineProps<{\n  results: TestResult[]\n  passedTests: TestResult[]\n  failedTests: TestResult[]\n  pendingTests: TestResult[]\n  allTestsPassed: boolean\n  totalDuration: number\n}>()\n</script>\n\n<template>\n  <div class=\"flex h-8 items-center gap-1.5 pr-3 pl-1\">\n    <TestResultIndicator\n      :failedTestsCount=\"failedTests?.length\"\n      :passedTestsCount=\"passedTests?.length\"\n      :pendingTestsCount=\"pendingTests?.length\"\n      :state=\"allTestsPassed ? 'passed' : 'failed'\"\n      :totalTestsCount=\"results?.length\" />\n    <span\n      v-if=\"pendingTests?.length\"\n      class=\"text-orange\">\n      {{ pendingTests?.length }}\n      Pending\n    </span>\n    <span class=\"text-c-3 ml-auto\"> {{ totalDuration.toFixed(1) }} ms </span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/plugins/post-response-scripts/components/TestResults/TestSummary.vue.script.js

@@ -0,0 +1,45 @@
+import TestResultIndicator_default from "./TestResultIndicator.vue.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString } from "vue";
+//#region src/plugins/post-response-scripts/components/TestResults/TestSummary.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-8 items-center gap-1.5 pr-3 pl-1" };
+var _hoisted_2 = {
+	key: 0,
+	class: "text-orange"
+};
+var _hoisted_3 = { class: "text-c-3 ml-auto" };
+var TestSummary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TestSummary",
+	props: {
+		results: {},
+		passedTests: {},
+		failedTests: {},
+		pendingTests: {},
+		allTestsPassed: { type: Boolean },
+		totalDuration: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(TestResultIndicator_default, {
+					failedTestsCount: __props.failedTests?.length,
+					passedTestsCount: __props.passedTests?.length,
+					pendingTestsCount: __props.pendingTests?.length,
+					state: __props.allTestsPassed ? "passed" : "failed",
+					totalTestsCount: __props.results?.length
+				}, null, 8, [
+					"failedTestsCount",
+					"passedTestsCount",
+					"pendingTestsCount",
+					"state",
+					"totalTestsCount"
+				]),
+				__props.pendingTests?.length ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.pendingTests?.length) + " Pending ", 1)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3, toDisplayString(__props.totalDuration.toFixed(1)) + " ms ", 1)
+			]);
+		};
+	}
+});
+//#endregion
+export { TestSummary_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TestSummary.vue.script.js.map

package/dist/plugins/post-response-scripts/components/TestResults/TestSummary.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestSummary.vue.script.js","names":[],"sources":["../../../../../src/plugins/post-response-scripts/components/TestResults/TestSummary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TestResult } from '@/libs/execute-scripts'\n\nimport TestResultIndicator from './TestResultIndicator.vue'\n\ndefineProps<{\n  results: TestResult[]\n  passedTests: TestResult[]\n  failedTests: TestResult[]\n  pendingTests: TestResult[]\n  allTestsPassed: boolean\n  totalDuration: number\n}>()\n</script>\n\n<template>\n  <div class=\"flex h-8 items-center gap-1.5 pr-3 pl-1\">\n    <TestResultIndicator\n      :failedTestsCount=\"failedTests?.length\"\n      :passedTestsCount=\"passedTests?.length\"\n      :pendingTestsCount=\"pendingTests?.length\"\n      :state=\"allTestsPassed ? 'passed' : 'failed'\"\n      :totalTestsCount=\"results?.length\" />\n    <span\n      v-if=\"pendingTests?.length\"\n      class=\"text-orange\">\n      {{ pendingTests?.length }}\n      Pending\n    </span>\n    <span class=\"text-c-3 ml-auto\"> {{ totalDuration.toFixed(1) }} ms </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;uBAgBE,mBAcM,OAdN,YAcM;IAbJ,YAKuC,6BAAA;KAJpC,kBAAkB,QAAA,aAAa;KAC/B,kBAAkB,QAAA,aAAa;KAC/B,mBAAmB,QAAA,cAAc;KACjC,OAAO,QAAA,iBAAc,WAAA;KACrB,iBAAiB,QAAA,SAAS;;;;;;;;IAErB,QAAA,cAAc,UAAA,WAAA,EADtB,mBAKO,QALP,YAKO,gBAFF,QAAA,cAAc,OAAM,GAAG,aAE5B,EAAA,IAAA,mBAAA,IAAA,KAAA;IACA,mBAAyE,QAAzE,YAAyE,gBAAtC,QAAA,cAAc,QAAO,EAAA,CAAA,GAAM,QAAI,EAAA"}

package/dist/plugins/post-response-scripts/components/TestResults/index.d.ts

@@ -1,2 +1,2 @@
-export { default as TestResults } from './TestResults.vue';
+export { default as TestResults } from './TestResults.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/plugins/post-response-scripts/components/TestResults/index.js

@@ -1,2 +1,2 @@
-import { t as TestResults_default } from "../../../../TestResults-DIM8u91u.js";
+import TestResults_default from "./TestResults.vue.js";
 export { TestResults_default as TestResults };

package/dist/plugins/post-response-scripts/index.d.ts

@@ -1,2 +1,2 @@
-export { postResponseScriptsPlugin } from './post-response-scripts-plugin';
+export { postResponseScriptsPlugin } from './post-response-scripts-plugin.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/plugins/post-response-scripts/index.js

@@ -1,3 +1,2 @@
-import "../../PostResponseScripts-CrM65oAM.js";
-import { t as postResponseScriptsPlugin } from "../../post-response-scripts-ikk1wrl9.js";
+import { postResponseScriptsPlugin } from "./post-response-scripts-plugin.js";
 export { postResponseScriptsPlugin };

package/dist/{post-response-scripts-ikk1wrl9.js → plugins/post-response-scripts/post-response-scripts-plugin.js}

@@ -1,6 +1,6 @@
-import { t as executePostResponseScript } from "./execute-scripts-BV13zq7B.js";
-import { t as PostResponseScripts_default } from "./PostResponseScripts-CrM65oAM.js";
-import { t as TestResults_default } from "./TestResults-DIM8u91u.js";
+import { executePostResponseScript } from "../../libs/execute-scripts/execute-post-response-script.js";
+import PostResponseScripts_default from "./components/PostResponseScripts/PostResponseScripts.vue.js";
+import TestResults_default from "./components/TestResults/TestResults.vue.js";
 import { ref } from "vue";
 //#region src/plugins/post-response-scripts/post-response-scripts-plugin.ts
 var postResponseScriptsPlugin = () => {
@@ -56,6 +56,6 @@ var postResponseScriptsPluginV2 = () => {
 	};
 };
 //#endregion
-export { postResponseScriptsPluginV2 as n, postResponseScriptsPlugin as t };
+export { postResponseScriptsPlugin, postResponseScriptsPluginV2 };
 
-//# sourceMappingURL=post-response-scripts-ikk1wrl9.js.map
+//# sourceMappingURL=post-response-scripts-plugin.js.map

package/dist/plugins/post-response-scripts/post-response-scripts-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-response-scripts-plugin.js","names":[],"sources":["../../../src/plugins/post-response-scripts/post-response-scripts-plugin.ts"],"sourcesContent":["import type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiClientPlugin } from '@scalar/types/api-reference'\nimport { ref } from 'vue'\n\nimport { type TestResult, executePostResponseScript } from '@/libs/execute-scripts'\n\nimport { PostResponseScripts } from './components/PostResponseScripts'\nimport { TestResults } from './components/TestResults'\n\nexport const postResponseScriptsPlugin = (): ApiClientPlugin => {\n  const results = ref<TestResult[]>([])\n\n  return () => ({\n    name: 'post-response-scripts',\n    views: {\n      'request.section': [\n        {\n          title: 'Scripts',\n          component: PostResponseScripts,\n        },\n      ],\n      'response.section': [\n        {\n          title: 'Tests',\n          component: TestResults,\n          props: {\n            results,\n          },\n        },\n      ],\n    },\n    hooks: {\n      // Reset test results when a new request is sent\n      onBeforeRequest() {\n        results.value = []\n      },\n      // Execute post-response scripts when a response is received\n      async onResponseReceived({ response, operation }) {\n        await executePostResponseScript(operation['x-post-response'], {\n          response,\n          onTestResultsUpdate: (newResults) => (results.value = [...newResults]),\n        })\n      },\n    },\n  })\n}\n\n/** Post Response Scripts Plugin for client V2 */\nexport const postResponseScriptsPluginV2 = (): ClientPlugin => {\n  const results = ref<TestResult[]>([])\n\n  return {\n    components: {\n      request: { component: PostResponseScripts },\n      response: { component: TestResults, additionalProps: { results } },\n    },\n\n    hooks: {\n      // Reset test results when a new request is sent\n      beforeRequest: () => {\n        results.value = []\n      },\n      // Execute post-response scripts when a response is received\n      responseReceived: async ({ response, operation }) => {\n        await executePostResponseScript(operation['x-post-response'], {\n          response,\n          onTestResultsUpdate: (newResults) => (results.value = [...newResults]),\n        })\n      },\n    },\n  }\n}\n"],"mappings":";;;;;AASA,IAAa,kCAAmD;CAC9D,MAAM,UAAU,IAAkB,EAAE,CAAC;AAErC,eAAc;EACZ,MAAM;EACN,OAAO;GACL,mBAAmB,CACjB;IACE,OAAO;IACP,WAAW;IACZ,CACF;GACD,oBAAoB,CAClB;IACE,OAAO;IACP,WAAW;IACX,OAAO,EACL,SACD;IACF,CACF;GACF;EACD,OAAO;GAEL,kBAAkB;AAChB,YAAQ,QAAQ,EAAE;;GAGpB,MAAM,mBAAmB,EAAE,UAAU,aAAa;AAChD,UAAM,0BAA0B,UAAU,oBAAoB;KAC5D;KACA,sBAAsB,eAAgB,QAAQ,QAAQ,CAAC,GAAG,WAAW;KACtE,CAAC;;GAEL;EACF;;;AAIH,IAAa,oCAAkD;CAC7D,MAAM,UAAU,IAAkB,EAAE,CAAC;AAErC,QAAO;EACL,YAAY;GACV,SAAS,EAAE,WAAW,6BAAqB;GAC3C,UAAU;IAAE,WAAW;IAAa,iBAAiB,EAAE,SAAS;IAAE;GACnE;EAED,OAAO;GAEL,qBAAqB;AACnB,YAAQ,QAAQ,EAAE;;GAGpB,kBAAkB,OAAO,EAAE,UAAU,gBAAgB;AACnD,UAAM,0BAA0B,UAAU,oBAAoB;KAC5D;KACA,sBAAsB,eAAgB,QAAQ,QAAQ,CAAC,GAAG,WAAW;KACtE,CAAC;;GAEL;EACF"}

package/package.json

@@ -19,7 +19,7 @@
     "post-response scripts",
     "api client"
   ],
-  "version": "0.3.11",
+  "version": "0.3.13",
   "engines": {
     "node": ">=22"
   },
@@ -67,18 +67,18 @@
     "@headlessui/vue": "1.7.23",
     "postman-sandbox": "^6.5.0",
     "vue": "^3.5.26",
-    "@scalar/components": "0.20.11",
-    "@scalar/oas-utils": "0.10.10"
+    "@scalar/components": "0.21.0",
+    "@scalar/oas-utils": "0.10.11"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "2.4.6",
     "vite": "8.0.0",
-    "@scalar/types": "0.7.4",
-    "@scalar/use-codemirror": "0.14.10"
+    "@scalar/use-codemirror": "0.14.10",
+    "@scalar/types": "0.7.4"
   },
   "scripts": {
-    "build": "vite build && vue-tsc -p tsconfig.build.json",
+    "build": "vite build && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "dev": "vite",
     "preview": "vite preview",
     "test": "vitest",